/* Alpine: sculptural light, connected execution and inset product surfaces. */
:root{scrollbar-color:#354e72 #090a0d}
::selection{background:#4387f5;color:#fff}
input{caret-color:#9ec1ff}
.nav .brand img.official-logo{width:74px;height:37px}
.footer .brand img.official-logo{width:72px;height:36px}
.nav{border-bottom-color:#ffffff12}
.nav nav a{color:#cdd6e5}
.motion-toggle{border-color:#657fa84d;background:#15223940}
.hero{isolation:isolate}
.hero::before{content:'';position:absolute;inset:0 calc(var(--pad)*-1) 0 40%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 45%,#143c773d,transparent 70%)}
.cloud-stage{overflow:visible}
.cloud-field{position:absolute;inset:-3% -4%;width:108%;height:106%;pointer-events:none;z-index:0;overflow:visible}
.field-disc{fill:url(#field-light);stroke:#8fbaff38;stroke-width:1}
.field-contours{fill:none;stroke:#7eafff24;stroke-width:.8}
.field-contours path{stroke:#a4ceff99;stroke-width:1.2}
.field-floor{fill:none;stroke:#8fbaff3d;stroke-width:.8}
.cloud-sculpture{filter:drop-shadow(0 34px 22px #0006)}
.cloud-stage .orbit{border-color:#b2d4ff;opacity:.3}
.cloud-stage .orbit-b{opacity:.14}
.hero h1{letter-spacing:-.035em}
.hero-copy>p{color:#c3cbd8}
.hero-offer{column-gap:22px}
.hero-offer>span{padding-left:22px;border-left:1px solid #6b85a94d}
.hero-offer strong{font-weight:600}
.primary{background:#326fe1;border-color:#7fb1ff;color:#fff;box-shadow:inset 0 1px 0 #b7d3ff66,0 10px 24px -17px #000}
.primary:hover{background:#4387f5}
.button .action-icon{transition:transform .22s cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (pointer:fine){.button:hover .action-icon{transform:translate(2px,-2px)}}
.section{margin-top:clamp(100px,10vw,160px)}
.section-lead{gap:9%;align-items:end}
.section-lead>p{color:#c0cbdd}
.responsibility{padding-top:14px}
.handoff-board{margin-top:58px;padding:32px;isolation:isolate;border-radius:16px;background:linear-gradient(110deg,#122038aa,#0c152180 48%,#14315aaa);border:1px solid #7398c52e;min-height:344px}
.handoff-board::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#b9d7ff0b,transparent 35%,transparent 70%,#7fb1ff08)}
.division{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(200px,22vw,330px)}
.division>div{padding:0;background:none!important;border:0!important;min-height:0}
.division h3{font-size:25px;margin-bottom:20px;letter-spacing:-.025em}
.division li{font-size:15px;color:#d3deef;min-height:62px;border-bottom:1px solid #7398c524}
.division-you li{padding-right:20px}
.division-cloud li{padding-left:22px}
.division li:last-child{border-bottom:0}
.handoff-art{width:166px;height:166px;top:55%;border-radius:50%;background:#132e50;border:1px solid #8cb4ef5e;box-shadow:inset 0 1px 0 #d2e6ff29,0 18px 32px -24px #000}
.handoff-art>svg{inset:26px;width:calc(100% - 52px);height:calc(100% - 52px);fill:#3163a0;stroke:#c2dcff;stroke-width:1.4}
.handoff-art::after{content:'';position:absolute;inset:-12px;border-radius:50%;border:1px solid #8cb4ef24}
.handoff-network{stroke:#6e9ce0;stroke-width:1.25;opacity:.8}
.control{margin-top:112px;padding:100px 0;background:linear-gradient(120deg,#0a1321,#102543 74%,#10213a);border-block:1px solid #7096c526}
.control::before{inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 65%,#477cb72e,transparent 55%)}
.control-copy>p{color:#c4d2e7}
.control-list{gap:0}
.control-list li{padding:14px 0;border-bottom:1px solid #aacaff24}
.control-list li:last-child{border:0}
.control-list span{color:#aec5e6}
.control-theatre{padding:28px 0 28px 15px}
.control-theatre::before{inset:0 7px 32px 28px;transform:translate(12px,-3px) rotate(3deg);background:#4676b019;border-color:#b1d0ff3b}
.control-theatre::after{inset:28px 0 0 0;transform:translate(-6px,12px) rotate(-2deg);background:#0a152d40;border-color:#a2c7ff3b}
.project-demo{border-radius:16px;box-shadow:inset 0 1px 0 #ffffff29,0 36px 60px -38px #000c}
.demo-head{padding-block:26px;background:linear-gradient(100deg,#c2dfff14,#92beff06)}
.demo-main{padding-block:34px}
.demo-plan b{font-size:54px}
.plan-track{height:6px;background:#93b6e133}
.plan-track>span{background:linear-gradient(90deg,#4387f5,#a2ccff);border-radius:inherit}
.demo-disclaimer{max-width:none}
.budget{padding-top:10px}
.budget-top{align-items:center}
.tariff{position:relative;padding:22px 28px;background:#10213b80;border-radius:12px}
.tariff strong{font-size:44px}
.tariff p{color:#bdcde4}
.calculator{border-color:#aecfff4d;border-top-color:#d5eaff80;box-shadow:0 28px 54px -36px #000}
.calc-inputs{padding:44px;background:linear-gradient(120deg,#aecfff09,transparent 65%)}
.calc-result{padding:44px;background:linear-gradient(135deg,#17365c88,#24559040);position:relative}
.calc-result::before{content:'';position:absolute;width:240px;height:240px;right:-100px;bottom:-130px;border:1px solid #b1d2ff1f;border-radius:50%;box-shadow:0 0 0 28px #98c6ff06,0 0 0 58px #98c6ff04;pointer-events:none}
.calc-total{font-size:clamp(64px,7vw,112px);line-height:1.1;letter-spacing:-.035em}
.calc-result dl{position:relative;z-index:1}
.budget-bottom>p{color:#b4c3d8}
@media(min-width:701px){.budget-bottom .button{justify-self:end;margin-left:0}}
.start-steps{position:relative;margin-top:52px;padding-left:22px}
.start-steps::before{display:none}
.start-steps li:not(:last-child)::after{content:'';position:absolute;top:80px;bottom:-74px;left:24px;width:48px;border-left:1px solid #8fbfff4d;border-bottom:1px solid #8fbfff4d;border-bottom-left-radius:18px;pointer-events:none;z-index:-1}
.start-steps li,.start-steps li:nth-child(2),.start-steps li:nth-child(3){grid-template-columns:68px minmax(0,1fr) minmax(0,1.15fr);gap:12px 32px;padding:32px 32px 32px 0;position:relative;isolation:isolate;margin-bottom:18px}
.start-steps li::before{inset:0 0 0 80px;opacity:1;background:linear-gradient(105deg,#172c465e,#14253c26);border:1px solid #89b6f01c;border-radius:12px}
.start-steps li:nth-child(2){margin-left:48px}
.start-steps li:nth-child(3){margin-left:96px}
.step-depth{font-size:25px;line-height:1;width:48px;height:48px;border-radius:50%;background:#10233e;border:1px solid #91baff66;display:grid;place-items:center;color:#d8e9ff;position:relative;left:0;top:0;align-self:start}
.start-steps h3{font-size:26px;padding-top:7px;align-self:start;max-width:16ch}
.start-steps p{color:#c0cee2;font-size:16px}
.step-sample,.start-steps .text-link{color:#a9caff}
.start-steps li:focus-within::before{border-color:#89b6f080}
.questions{gap:7%;grid-template-columns:36% minmax(0,1fr)}
.faq-list{padding:0}
.faq-list details{padding:25px 22px;border-bottom:1px solid #80a4d329}
.faq-list details:first-child{border-top:1px solid #80a4d329}
.faq-list details[open]{background:#12233c88;border-radius:10px;border-color:transparent}
.faq-list details[open] summary{color:#b8d6ff}
.faq-list summary::after,.faq-list summary::before{right:0}
.faq-list details p{color:#c4d1e5;max-width:58ch}
.final-launch{border-top-color:#a3c7f247}
.footer{padding-block:30px 38px}
.state{font-size:13px}
@media(min-width:1050px) and (max-height:820px){.nav .brand img.official-logo{width:70px;height:35px}.hero .hero-offer{column-gap:18px}.hero-offer>span{padding-left:18px}.cloud-field{inset:0;width:100%;height:100%}}
@media(min-width:1050px) and (max-height:540px){.nav .brand img.official-logo{width:64px;height:32px}}
@media(min-width:701px) and (max-width:1049px){
 .nav .brand img.official-logo{width:70px;height:35px}.hero-offer>span{padding:0;border:0}
 .handoff-board{padding:25px}.division{gap:150px}.division h3{font-size:21px}.division li{font-size:14px;min-height:72px}.handoff-art{width:110px;height:110px}.handoff-art>svg{inset:15px;width:calc(100% - 30px);height:calc(100% - 30px)}
 .control{padding-block:70px}.control-theatre{padding-left:0}.control-grid{gap:28px}.demo-plan b{font-size:44px}
 .calc-inputs,.calc-result{padding:28px}.calc-total{font-size:64px}.tariff{padding:20px}.tariff strong{font-size:34px}
 .start-steps li,.start-steps li:nth-child(2),.start-steps li:nth-child(3){grid-template-columns:50px minmax(0,1fr);gap:12px 20px;padding:26px 24px 26px 0}.start-steps li:nth-child(2){margin-left:25px}.start-steps li:nth-child(3){margin-left:50px}.start-steps li::before{left:70px}.start-steps h3{max-width:none;padding-top:7px}.start-steps::before{left:45px}
 .start-steps li:not(:last-child)::after{top:74px;bottom:-68px;width:25px}
 .start-steps li::before{left:56px}
 .questions{grid-template-columns:36% minmax(0,1fr);gap:5%}.faq-list details{padding-inline:12px}
}
@media(max-width:700px){
 .nav .brand img.official-logo{width:64px;height:32px}.footer .brand img.official-logo{width:64px;height:32px}
 .hero::before{inset:70px -22px 15% 15%}.hero-offer{gap:12px}.hero-offer>span{padding-left:12px}.cloud-field{inset:-1% 0;width:100%;height:102%}
 .cloud-sculpture{filter:drop-shadow(0 18px 14px #0005)}
 .section{margin-top:86px}.handoff-board{padding:24px;margin-top:30px}.division h3{font-size:23px}.division li{font-size:15px;min-height:58px}
 .handoff-art{width:120px;height:120px;top:auto;margin:28px 0;box-shadow:none}.handoff-art>svg{inset:22px;width:calc(100% - 44px);height:calc(100% - 44px)}
 .control{padding:56px 0 64px}.control-theatre{padding:16px 0;margin-top:38px}.control-theatre::before{inset:16px 0}.control-theatre::after{inset:16px 0}.demo-head{padding:20px}.demo-main{padding:26px 20px}.demo-plan b{font-size:44px}.control-list li{padding:13px 0}
 .budget-top{margin-bottom:30px}.tariff{padding:20px;margin-top:26px}.tariff strong{font-size:34px}.tariff p{font-size:14px}.calc-inputs,.calc-result{padding:28px}.calc-result{min-height:310px}.calc-total{font-size:clamp(46px,15vw,80px)}
 .start-steps{padding-left:0;margin-top:32px}.start-steps::before{left:19px;top:46px;bottom:90px}
 .start-steps li,.start-steps li:nth-child(2),.start-steps li:nth-child(3){grid-template-columns:38px minmax(0,1fr);gap:12px 18px;padding:24px 16px 24px 0;margin:0 0 16px}
 .start-steps li::before{left:44px;inset-block:0;right:0}.step-depth{width:38px;height:38px;font-size:20px}.start-steps h3{font-size:22px;padding-top:3px;max-width:none}.start-steps p{font-size:15px}.step-sample,.start-steps .text-link{font-size:13px}.start-note{line-height:1.7}
 .start-steps li:not(:last-child)::after{top:62px;bottom:-40px;left:19px;width:0;border-bottom:0;border-radius:0}
 .questions{display:block}.faq-list{margin-top:28px}.faq-list details{padding:22px 8px}.faq-list details p{font-size:16px}.final{margin-top:86px}
}
@media(max-width:360px){.hero-offer{gap:8px}.hero-offer>span{padding-left:8px}.handoff-board{padding:20px}.division h3{font-size:22px}.division li{font-size:14px}.calc-inputs,.calc-result{padding:23px}.start-steps h3{font-size:20px}.start-steps p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.button .action-icon{transition:none}}
@media(forced-colors:active){.cloud-field{display:none}.start-steps li::before,.handoff-board{border:1px solid CanvasText}.step-depth{background:Canvas;color:CanvasText}.primary{background:ButtonFace;color:ButtonText}}
