@scope (.page-demo){.hero{position:relative;min-height:auto;padding:120px 0 80px;overflow:hidden}.hero__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(20,70,115,.5),transparent 60%),radial-gradient(ellipse 55% 45% at 50% 55%,rgba(32,121,141,.1),transparent 60%),#0a1628;background-size:200% 200%;animation:hero-gradient-shift 10s ease-in-out infinite}.hero .container{position:relative;z-index:1}.hero__split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.hero__split>*{min-width:0}.hero__text{padding-top:24px}.hero h1{font-size:clamp(28px,3.4vw + .5rem,44px);font-weight:800;line-height:1.18;margin-bottom:16px;color:white;overflow-wrap:anywhere}.hero p{font-size:17px;color:rgba(255,255,255,.7);max-width:480px;margin:0 0 24px;line-height:1.7}.hero__pills{display:flex;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.8)}.pill .material-icons-outlined{font-size:16px;color:var(--accent)}.hero-form-card{background:var(--surface);border-radius:var(--radius-lg);padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.3);min-width:0;text-align:left}.hero-form-card h2{font-size:20px;font-weight:700;color:var(--ink);margin-bottom:20px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:var(--ink-light)}.form-group input,.form-group select,.form-group textarea{height:48px;padding:0 16px;border:1px solid var(--line);border-radius:14px;font-family:var(--font);font-size:15px;color:var(--ink);background:var(--surface-dim);transition:border-color .2s,box-shadow .2s;outline:none;width:100%;max-width:100%;box-sizing:border-box}.form-group textarea{height:100px;padding:14px 16px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,189,248,.15)}.form-trust{gap:20px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.form-trust,.form-trust__item{display:flex;align-items:center}.form-trust__item{gap:6px;font-size:12px;color:var(--muted);font-weight:500}.form-trust__item .material-icons-outlined{font-size:16px;color:var(--blue)}.form-thankyou{text-align:center;padding:60px 0}.form-thankyou .material-icons-outlined{font-size:56px;color:var(--blue);margin-bottom:16px}.form-thankyou h3{font-size:24px;font-weight:700;margin-bottom:12px}.form-thankyou p{font-size:16px;color:var(--muted)}.demo-benefits{display:flex;flex-direction:column;gap:14px;margin-top:32px}.demo-benefit{display:flex;align-items:flex-start;gap:12px}.demo-benefit .material-icons-outlined{font-size:20px;color:var(--accent);flex-shrink:0;margin-top:1px}.demo-benefit__body{display:flex;flex-direction:column;gap:2px;min-width:0}.demo-benefit__title{font-size:14px;font-weight:700;color:#fff;line-height:1.35}.demo-benefit__desc{font-size:13px;color:rgba(255,255,255,.55);line-height:1.45}.demo-benefit strong{font-size:14px;color:#fff}.demo-benefit span{font-size:13px;color:rgba(255,255,255,.55)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:32px;transition:transform .3s,box-shadow .3s,border-color .3s}.why-card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,.2);box-shadow:0 12px 32px rgba(0,0,0,.2)}.why-card .material-icons-outlined{font-size:32px;color:var(--accent);margin-bottom:16px;transition:transform .3s}.why-card:hover .material-icons-outlined{transform:scale(1.15)}.why-card h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#fff}.why-card p{font-size:15px;color:rgba(255,255,255,.65);line-height:1.6}@keyframes hero-gradient-shift{0%,to{background-position:50% 0}50%{background-position:50% 100%}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:980px){.hero__split{grid-template-columns:1fr;gap:40px}.hero__text{text-align:center;padding-top:0;max-width:720px;margin:0 auto}.hero p{margin:0 auto 24px;max-width:600px}.hero__pills{justify-content:center}.hero-form-card{max-width:720px;margin:0 auto}.why-grid{grid-template-columns:repeat(2,1fr);max-width:800px;margin-left:auto;margin-right:auto}.demo-benefits{max-width:380px;margin:28px auto 0;align-items:flex-start;text-align:left}}@media (min-width:601px) and (max-width:900px){.hero{padding:110px 0 64px}.hero-form-card{max-width:600px;padding:28px}.hero__text{max-width:640px}.hero p{font-size:16px}}@media (max-width:720px){.hero{padding:110px 0 60px}.why-grid{grid-template-columns:1fr}}@media (max-width:600px){body,html{overflow-x:hidden}.hero{padding:80px 12px 40px}.hero .container{padding-left:0;padding-right:0}.hero h1{font-size:clamp(22px,6.8vw,30px);line-height:1.22}.hero p{font-size:14px;line-height:1.55;margin-bottom:18px}.hero__pills{flex-wrap:wrap;gap:6px;justify-content:center}.pill{font-size:11px;padding:6px 10px}.demo-benefits{align-items:flex-start;text-align:left;max-width:360px;margin-left:auto;margin-right:auto}.form-row{grid-template-columns:1fr;gap:14px}.hero-form-card{padding:20px;border-radius:14px}.hero-form-card h2{font-size:18px;margin-bottom:18px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{min-height:44px;font-size:16px}.contact-form button[type=submit]{min-height:48px}}@media (max-width:420px){.hero{padding:76px 14px 36px}.hero__pills{flex-direction:column;align-items:stretch;gap:8px}.pill{justify-content:center}.hero-form-card{padding:18px}.form-trust{gap:10px 14px}.form-trust__item{font-size:11px}}@media (max-width:360px){.hero{padding:72px 12px 32px}.hero h1{font-size:clamp(20px,6.6vw,24px)}.hero-form-card{padding:16px}.form-trust{flex-direction:column;align-items:flex-start;gap:8px}}@media (min-width:981px) and (max-width:1100px){.hero__split{gap:40px}}@media (min-width:1280px){.hero{padding:140px 0 96px}.hero-form-card{max-width:520px;margin-left:auto}.hero__split{gap:72px}}@media (max-height:520px) and (orientation:landscape){.hero{padding-top:72px;padding-bottom:32px}}@media (prefers-reduced-motion:reduce){.hero__bg{animation:none}.why-card{transition:none}.why-card:hover .material-icons-outlined{transform:none}}}