*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#02080e;color:#e9edf0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:#00c9ff;color:#000d15}:focus-visible{outline:2px solid #00c9ff;outline-offset:6px}p{color:#9faeb9;margin:0 0 24px}h1,h2,h3,h4{font-weight:300;line-height:1.12;margin:0;letter-spacing:-.045em}h2{font-size:clamp(32px,4vw,58px);max-width:850px}h3{font-size:27px}em{font-style:normal;background:linear-gradient(100deg,#5589ef,#00c9ff 50%,#72dcff);background-clip:text;color:transparent}i{font-style:normal}a,button{transition:background .25s,border-color .25s,color .25s,box-shadow .25s}.wrap{max-width:1440px;margin:auto;padding-left:5.2%;padding-right:5.2%}.glass{background:linear-gradient(110deg,rgba(8,20,36,.7),rgba(7,30,55,.24));border:1px solid #638da53d;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.header{position:absolute;z-index:5;top:22px;left:2.6%;right:2.6%;height:82px;border-radius:25px;display:flex;align-items:center;padding:0 32px;gap:28px;box-shadow:inset 0 1px 0 #ffffff08}.brand{font-size:24px;letter-spacing:.08em;white-space:nowrap}.brand span{font-size:10px;letter-spacing:.09em;color:#97a9b3;margin-left:9px}.header nav{display:flex;gap:30px;margin:auto;font-size:14px;color:#c3cdd3}.header nav a:hover,footer a:hover{color:#00c9ff}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #7390a05c;border-radius:12px;padding:17px 24px;font-size:14px;line-height:1.4;background:#06131a33;color:#e7edf1}.button i{color:#77bfe8;font-size:20px}.button:hover{background:#15405966;border-color:#00c9ff;box-shadow:0 0 24px #268dc91a}.nav-cta{border-radius:30px;padding:12px 20px;font-size:12px}.primary{border-color:#2089c67a;background:linear-gradient(100deg,#153e5680,#06131bb3);box-shadow:inset 0 0 20px #399ad20c,0 0 35px #0081cc0b}.menu{width:40px;height:40px;background:none;border:1px solid #768f9e55;border-radius:50%;display:grid;place-content:center;gap:5px;flex-shrink:0}.menu span{width:15px;height:1px;background:#adbec8}.hero{min-height:900px;height:100svh;max-height:1160px;position:relative;padding:180px 5.2% 40px;isolation:isolate;overflow:hidden}.art-layer{position:absolute;inset:0;z-index:-2;overflow:hidden}.art-layer img{height:100%;width:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#01050b35,transparent 70%),linear-gradient(0deg,#02080e 0%,transparent 13%)}.hero-content{max-width:760px}.eyebrow,.section-label{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#7e9eb1;margin-bottom:32px}.eyebrow{color:#88b8d4}.eyebrow:before{content:"";display:inline-block;width:5px;height:5px;margin-right:13px;background:#00c9ff;border-radius:50%;box-shadow:0 0 12px #51bbf9}h1{font-size:clamp(58px,5.8vw,91px);line-height:1.035;letter-spacing:-.055em;transform:scaleX(1.15);transform-origin:left;width:86.956%}.hero-description{max-width:525px;font-size:16px;line-height:1.7;margin-top:28px}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.text-link{font-size:13px;color:#bac9d1}.text-link i{color:#5aafe0;margin-left:13px}.hero-note{position:absolute;right:8.5%;top:48%;font-size:17px}.hero-note p{color:#c7d4dc;margin-bottom:15px;line-height:1.65}.hero-note>span:last-child{font-size:12px;color:#00c9ff}.crosshair{display:block;position:relative;height:28px;width:28px;margin-bottom:25px}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#00c9ff;box-shadow:0 0 12px #46bbff}.crosshair:before{width:29px;height:1px;top:14px}.crosshair:after{height:29px;width:1px;left:14px}.hero-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;bottom:85px;left:5.2%;right:5.2%;padding:29px 12px;border-radius:18px}.hero-bottom a{font-size:14px;text-align:center;padding:10px;border-right:1px solid #77909e29}.hero-bottom a:last-child{border:0}.hero-bottom a:before{content:"+";color:#00c9ff;margin-right:16px}.scroll-cue{position:absolute;bottom:35px;left:5.2%;right:5.2%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#738793}.section{padding-top:120px;padding-bottom:120px;border-top:1px solid #57758726}.section-label{display:flex;gap:20px;margin-bottom:45px}.section-label b{font-weight:400;color:#00c9ff}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.split h2{max-width:650px}.split .copy{padding-top:7px}.copy p{font-size:17px}.statement{color:#d6e2e9!important;margin-top:32px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:65px}.section-head h2{max-width:770px}.section-head>p{max-width:370px;margin:0}.services{border-top:1px solid #617a883b}.service{display:grid;grid-template-columns:65px 1fr 1fr;gap:30px;padding:35px 0;border-bottom:1px solid #617a883b;align-items:start}.service .number{font-size:12px;color:#5c96b8;padding-top:8px}.service h3{max-width:440px;font-size:28px;letter-spacing:-.025em}.service p{margin:0;font-size:16px}.principles{position:relative;isolation:isolate;background:#03111b}.principles:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#02080e66,#02080e99),url('assets/arc.png') center/cover;opacity:.6}.principle-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:60px}.principle{grid-column:span 2;border-radius:18px;padding:34px;min-height:250px}.principle:nth-child(n+4){grid-column:span 3}.principle .number{color:#00c9ff;font-size:12px;display:block;margin-bottom:30px}.principle h3{font-size:23px;margin-bottom:22px}.principle p{font-size:15px;margin-bottom:0}.package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.package{padding:42px;border:1px solid #6486993d;border-radius:20px;background:linear-gradient(145deg,#0d1f2936,#02090d);display:flex;flex-direction:column;position:relative}.package:nth-child(3){border-color:#3686b476;background:radial-gradient(ellipse at top right,#0d45654d,transparent 65%)}.package-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.package-top span{font-size:12px;color:#00c9ff;letter-spacing:.12em}.package h3{font-size:40px}.package h4{font-size:22px;letter-spacing:-.02em;line-height:1.3;margin-bottom:20px;max-width:90%}.package p{font-size:15px}.package ul,.benefits{list-style:none;margin:6px 0 30px;padding:0}.package li,.benefits li{position:relative;padding:10px 0 10px 25px;font-size:14px;color:#b0bec6;border-bottom:1px solid #81939e17}.package li:before,.benefits li:before{content:"+";position:absolute;left:0;color:#00c9ff}.package .suitable{font-size:13px;margin-top:auto}.suitable strong{font-weight:400;color:#d1d9dd}.package .button{align-self:flex-start}.benefits{margin-top:0}.benefits li{font-size:17px;padding-top:17px;padding-bottom:17px}.small-note{font-size:14px;margin-top:30px;max-width:450px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-art{height:265px;border:1px solid #50768c45;border-radius:16px;background:url('assets/hero.png') 72% center/cover;display:flex;align-items:flex-end;padding:25px}.project:nth-child(2) .project-art{background-image:url('assets/arc.png')}.project:nth-child(3) .project-art{background-image:url('assets/horizon.png')}.project-art span{font-size:12px;letter-spacing:.12em;color:#adc8d8}.project h3{font-size:23px;margin:25px 0 16px}.project p{font-size:14px}.project .scope{font-size:12px;color:#738b99}.placeholder-link{color:#657c89;font-size:13px}.process-list{margin-top:60px}.process-step{display:grid;grid-template-columns:75px 1fr 1.25fr;gap:30px;padding:35px 0;border-top:1px solid #637c8b40}.process-step .number{font-size:34px;color:#236388;line-height:1}.process-step h3{font-size:28px}.process-step p{font-size:16px}.process-step .outcome{font-size:14px;color:#73a3bf;margin-bottom:0}.about{position:relative;background:linear-gradient(90deg,#02080e11,#02080eaa),url('assets/horizon.png') center bottom/cover}.about .brand-signature{margin-top:38px;font-size:23px;color:#eef3f6;letter-spacing:.06em}.brand-signature small{display:block;font-size:12px;letter-spacing:0;color:#93a9b5;margin-top:10px}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%}.faq-layout h2{max-width:350px}.faq-list details{border-bottom:1px solid #687e8b3b}.faq-list summary{list-style:none;cursor:pointer;padding:23px 40px 23px 0;position:relative;font-size:18px;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;color:#00c9ff;font-size:24px;top:18px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:16px;max-width:90%;padding-bottom:10px}.final-cta{text-align:center;padding-top:120px;padding-bottom:120px;background:linear-gradient(#02080e80,#02080e66),url('assets/horizon.png') center/cover}.final-cta h2{max-width:900px;margin:auto;font-size:clamp(42px,5vw,74px)}.final-cta p{max-width:590px;margin:30px auto}.final-cta .actions{justify-content:center}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.contact-layout h2{margin-bottom:28px}.contact-layout>div>p{max-width:420px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#b9c9d2}.field.full,.form-bottom{grid-column:1/-1}.field small{color:#687e8a;font-size:11px}input,select,textarea{width:100%;color:#e3ebef;background:#08151c;border:1px solid #728fa03b;border-radius:9px;padding:15px 16px;min-height:54px;font-size:16px;outline-offset:2px}textarea{resize:vertical;min-height:145px}select{color-scheme:dark}input:hover,textarea:hover,select:hover{border-color:#728fa087}.form-bottom{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.form-status{font-size:13px;margin:0;color:#93b0c0;flex-basis:100%}footer{padding-top:60px;padding-bottom:30px;border-top:1px solid #56748640;display:flex;flex-wrap:wrap;justify-content:space-between;gap:35px}footer .brand{font-size:32px}footer p{font-size:13px;margin:16px 0}footer nav{display:flex;gap:30px;font-size:13px}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;border-top:1px solid #50677536;padding-top:25px;font-size:10px;color:#6d8390;letter-spacing:.06em}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:#0b293a;padding:15px}.skip:focus{top:20px}.stretch{display:block;transform:scaleX(1.15);transform-origin:left;width:86.9565%}.button>.stretch,.brand>.stretch,.text-link>.stretch{display:inline-block}.menu{display:none}@media(min-width:1700px){.hero-content{margin-top:4vh}}@media(max-width:1150px){.header{padding:0 22px;gap:18px}.brand span{display:none}.header nav{gap:20px}.hero{min-height:850px}.hero-note{right:6%;font-size:14px}.hero-description{max-width:480px}.actions{gap:20px}.service{grid-template-columns:40px 1fr 1fr}.package{padding:30px}.principle{padding:28px}.section-head{display:block}.section-head>p{margin-top:25px;max-width:650px}}@media(max-width:800px){.header{height:70px;top:14px;border-radius:20px}.header .brand{font-size:20px}.nav-cta{margin-left:auto;font-size:10px;padding:10px 13px;gap:12px}.menu{display:grid}.header nav{display:none;position:absolute;top:83px;left:0;right:0;background:#06141cf5;border:1px solid #436070;border-radius:16px;padding:25px;backdrop-filter:blur(25px);flex-direction:column}.header nav.open{display:flex}.hero{padding-top:160px;min-height:850px;max-height:none;height:100svh}.hero h1{font-size:clamp(49px,8.5vw,69px)}.hero-content{max-width:650px}.hero-description{max-width:430px;font-size:15px}.hero-note{display:none}.art-layer img{object-position:57% center;opacity:.76}.hero:after{background:linear-gradient(90deg,#01070bd4,transparent),linear-gradient(0deg,#02080e,transparent 20%)}.hero-bottom{grid-template-columns:1fr 1fr;bottom:70px;padding:12px}.hero-bottom a{font-size:12px;padding:12px}.hero-bottom a:nth-child(2){border:0}.scroll-cue{font-size:8px}.section{padding-top:80px;padding-bottom:80px}.split,.faq-layout,.contact-layout{grid-template-columns:1fr;gap:40px}.split h2{max-width:600px}.principle-grid{grid-template-columns:1fr 1fr}.principle,.principle:nth-child(n+4){grid-column:auto}.principle:last-child{grid-column:1/-1;min-height:0}.service{grid-template-columns:30px 1fr;gap:15px}.service p{grid-column:2}.service h3{font-size:25px}.projects-grid{grid-template-columns:1fr}.project{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.project-art{grid-row:1/5;height:270px}.project h3{margin-top:0}.process-step{grid-template-columns:45px 1fr;gap:20px}.process-step>div{grid-column:2}.process-step h3{font-size:25px}.faq-layout h2{max-width:100%}.final-cta{padding:80px 5%}.package-grid{grid-template-columns:1fr}.package{padding:35px}.section-label{margin-bottom:30px}.section-head{margin-bottom:40px}}@media(max-width:480px){.header{left:4%;right:4%;padding:0 15px}.nav-cta{display:none}.menu{margin-left:auto}.wrap{padding-left:7%;padding-right:7%}.hero{padding-left:7%;padding-right:7%;padding-top:143px;min-height:850px}.eyebrow{font-size:9px;letter-spacing:.13em}.hero h1{font-size:48px}.hero-description{font-size:14px;margin-top:25px;max-width:305px}.actions{align-items:flex-start;flex-direction:column;gap:20px;margin-top:25px}.hero-bottom{left:7%;right:7%}.hero-bottom a{font-size:10px;padding:10px 4px}.hero-bottom a:before{margin-right:8px}.scroll-cue span{display:none}.hero .button{font-size:12px}.principle-grid{grid-template-columns:1fr}.principle:last-child{grid-column:auto}.principle{min-height:0}.project{display:block}.project-art{height:250px}.project h3{margin-top:25px}.contact-form{grid-template-columns:1fr}.field{grid-column:1/-1}.final-cta .actions{align-items:center}.footer-bottom{gap:20px;flex-direction:column}footer nav{gap:22px;flex-wrap:wrap}.package{padding:26px}.package h3{font-size:35px}.package h4{font-size:20px}.section-label{font-size:10px}h2{font-size:34px}footer .brand{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.header nav a{white-space:nowrap}.button>span{white-space:nowrap}.button .stretch{width:auto;display:inline-block;margin-right:12px}.eyebrow>.stretch{display:inline-block;width:auto}.hero-bottom a{display:flex;align-items:center;justify-content:center}.hero-bottom a>.stretch{width:auto;display:inline-block}.final-cta>.section-label{justify-content:center}.package-top>span>.stretch{width:auto;white-space:nowrap}.brand{display:inline-block;transform:scaleX(1.15);transform-origin:left;margin-right:22px}.text-link{display:inline-block;transform:scaleX(1.15);transform-origin:left;margin-right:20px}.field{letter-spacing:.015em}.section-label{line-height:1.5}@media(max-width:480px){.hero h1{font-size:clamp(38px,10.5vw,48px)}.hero .actions{margin-top:20px}.hero-description{font-size:14px}.brand{margin-right:0}}

/* Consistent viewport-based corners and lightweight scroll motion. */
:root{--control-radius:clamp(4px,.45vw,8px);--motion-ease:cubic-bezier(.22,1,.36,1)}
.header{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}
.button,.nav-cta,.menu{border-radius:var(--control-radius)}
.button{transition:background .35s,border-color .35s,box-shadow .35s,translate .4s var(--motion-ease)}
.button:hover{translate:0 -3px}.button:active{translate:0 0}
.final-cta .actions{justify-content:center;align-items:center}
.footer-bottom{gap:32px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.footer-bottom>span{min-width:0}.footer-bottom>span>.stretch{width:auto;display:inline-block;margin-right:15%}
.footer-bottom>span:last-child{text-align:right}.footer-bottom>span:last-child>.stretch{transform-origin:right;margin-right:0;margin-left:15%}
.eyebrow{max-width:650px}.eyebrow>.stretch{display:inline;width:auto}
.hero-content{animation:hero-enter 1.15s var(--motion-ease) both}.header{animation:header-enter .9s var(--motion-ease) both}
.art-layer img{height:calc(100% + 220px);position:absolute;top:-110px;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
.principles,.about,.final-cta{position:relative;isolation:isolate;overflow:hidden}
.principles:before,.about:before,.final-cta:before{content:"";position:absolute;inset:-90px 0;z-index:-1;pointer-events:none;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
.about,.final-cta{background:#02080e}.about:before{background:linear-gradient(90deg,#02080e11,#02080eaa),url('assets/horizon.png') center bottom/cover}.final-cta:before{background:linear-gradient(#02080e80,#02080e66),url('assets/horizon.png') center/cover}
.reveal{opacity:0;translate:0 25px;transition:opacity .65s ease,translate .9s var(--motion-ease)}.reveal.is-visible,.reveal:focus-within{opacity:1;translate:0 0}
.faq-list details[open] p{animation:answer-enter .45s var(--motion-ease) both}
.menu span{transition:transform .3s,opacity .3s}.menu[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
@keyframes hero-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes header-enter{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}@keyframes answer-enter{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@media(max-width:800px){.header nav{display:flex;visibility:hidden;opacity:0;pointer-events:none;translate:0 -8px;transition:opacity .25s,translate .35s var(--motion-ease),visibility .35s;background:#020b13;border:1px solid #243f4e;border-radius:var(--control-radius);backdrop-filter:none}.header nav.open{visibility:visible;opacity:1;pointer-events:auto;translate:0 0}}
@media(max-width:480px){.header{padding:0 8px;gap:12px}.header .brand{font-size:16px}.header .nav-cta{display:inline-flex;font-size:9px;padding:10px;gap:8px;margin-left:auto}.header .nav-cta .stretch{margin-right:0}.header .nav-cta i{display:none}.menu{margin-left:0;width:34px;height:34px}.eyebrow{font-size:9px;max-width:300px}.hero-content .eyebrow{line-height:1.9}.scroll-cue{gap:12px;flex-wrap:wrap}.scroll-cue span{display:inline}.footer-bottom>span:last-child{text-align:left}.footer-bottom>span:last-child>.stretch{transform-origin:left;margin-left:0;margin-right:15%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-content,.header,.faq-list details[open] p{animation:none}.reveal{opacity:1;translate:none;transition:none}.art-layer img,.principles:before,.about:before,.final-cta:before{transform:none;will-change:auto}.button:hover{translate:none}}

.art-layer .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:0;transition:opacity .35s}.art-layer .hero-video.is-ready{opacity:1}.hero .art-layer .hero-poster{height:100%;top:0;transform:none;will-change:auto}@media(max-width:800px){.art-layer .hero-video{object-position:57% center}}@media(prefers-reduced-motion:reduce){.art-layer .hero-video{display:none}}

/* Section 04 uses the plain page background, without decorative artwork. */
.principles{background:#02080e}
.principles:before{display:none}
/* Only the hero pins; the rest of the page remains in normal document flow. */
.scroll-scene{position:relative;height:var(--scene-height,auto);padding:0;display:flow-root}
.scroll-scene.is-pinned>section{position:sticky;top:var(--pin-top,0px)}
.video-section{position:relative;isolation:isolate;background:#02080e;overflow:hidden}
.video-section.wrap{max-width:none;padding-left:max(5.2%,calc((100% - 1290px)/2));padding-right:max(5.2%,calc((100% - 1290px)/2))}
.section-video-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.section-video-layer video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.section-video-layer video.is-ready{opacity:1}
.section-video-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02080e70,#02080e30 50%,#02080e80)}
.video-section.about:before,.video-section.final-cta:before{display:none}
.motion-section{background:#02080e}.motion-grid-title{margin:70px 0 28px}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.motion-placeholder{aspect-ratio:16/9;background:#08131b;outline:1px solid #1a2b35;outline-offset:-1px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#8498a4;gap:8px}
.motion-placeholder:nth-child(2),.motion-placeholder:nth-child(3){background:#0a1820}.motion-placeholder span{font-size:15px;transform:scaleX(1.15)}.motion-placeholder small{font-size:12px;color:#526b7a;transform:scaleX(1.15)}
.motion-section strong{font-weight:500}.motion-section .button>span{white-space:normal}
.motion-tile{aspect-ratio:16/9;overflow:hidden;background:#02080e;min-width:0}
.showcase-video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.motion-grid{border-radius:clamp(10px,1.2vw,18px);overflow:hidden;isolation:isolate}
/* One centered, scroll-driven concept stack on the plain page canvas. */
.concept-section{position:relative;background:#02080e;border-top:1px solid #57788726}
.concept-sticky{padding-top:64px;padding-bottom:32px}
.concept-heading{text-align:center;flex-shrink:0}
.concept-heading .section-label{justify-content:center;margin-bottom:22px}
.concept-heading h2{font-size:clamp(28px,3.1vw,44px);margin:auto}
.concept-heading h2>.stretch,.concept-heading p>.stretch{transform-origin:center;margin:auto}
.concept-heading p{font-size:14px;margin:18px auto 0;max-width:620px}
.concept-stage{width:100%;display:flex;align-items:center;justify-content:center;perspective:1600px}
.concept-stack{width:min(100%,1100px);display:grid;gap:24px;margin:50px auto}
.concept-card{margin:0;border:1px solid #9abddd40;border-radius:clamp(7px,.8vw,13px);overflow:hidden;background:#07111b;box-shadow:0 24px 65px #0005;transform-origin:center;position:relative;aspect-ratio:1344/752}
.concept-card img{display:block;width:100%;height:100%;object-fit:contain}
.concept-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:#02080e;opacity:var(--concept-shade,0)}
.concept-counter{display:flex;align-items:center;justify-content:center;gap:16px;color:#7595aa;font-size:12px;letter-spacing:.12em}
.concept-current{color:#00c9ff}.concept-progress{width:90px;height:1px;background:#203647}.concept-progress>span{display:block;height:100%;background:#00c9ff;transform-origin:left;transform:scaleX(var(--concept-progress,.2))}
.concept-section.stack-enabled{height:360svh}
.stack-enabled .concept-sticky{position:sticky;top:0;height:100svh;min-height:520px;display:flex;flex-direction:column}
.stack-enabled .concept-stage{flex:1;min-height:0;padding-top:48px}
.stack-enabled .concept-stack{position:relative;display:block;aspect-ratio:1344/752;width:min(94%,1100px,calc((100svh - 340px)*1.787));margin:0 auto;transform-style:preserve-3d}
.stack-enabled .concept-card{position:absolute;inset:0;will-change:transform;backface-visibility:hidden}
@media(max-width:600px){.concept-sticky{padding-top:48px;padding-bottom:35px}.concept-heading .section-label{margin-bottom:20px}.concept-heading h2{font-size:30px}.concept-heading p{font-size:13px;max-width:290px}.stack-enabled .concept-stack{width:100%}.stack-enabled .concept-stage{padding-top:15px}.concept-section.stack-enabled{height:340svh}}
@media(max-height:650px) and (min-width:601px){.concept-sticky{padding-top:24px;padding-bottom:18px}.stack-enabled .concept-sticky{min-height:0}.concept-heading h2{font-size:27px}.concept-heading .section-label{margin-bottom:10px}.concept-heading p{margin-top:10px}.stack-enabled .concept-stack{width:min(90%,calc((100svh - 230px)*1.787))}.stack-enabled .concept-stage{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.concept-section.stack-enabled{height:auto}.stack-enabled .concept-sticky{position:relative;height:auto;display:block;min-height:0}.stack-enabled .concept-stack{display:grid;width:100%;margin:35px auto}.stack-enabled .concept-card{position:relative;transform:none!important;will-change:auto}.concept-card:after{display:none}}
/* Reserve room for the entire layered silhouette, including its forward exit. */
.stack-enabled .concept-sticky{min-height:0}
.stack-enabled .concept-stage{container-type:size;padding:0;flex:1 1 0;min-height:0}
.stack-enabled .concept-stack{width:min(88%,1100px,calc((100cqh - 170px)*1.787 / 1.22));transform:translateY(20px)}
.stack-enabled .concept-counter{flex-shrink:0;padding-top:20px}
@media(max-width:600px){.stack-enabled .concept-stack{width:min(90%,calc((100cqh - 100px)*1.787 / 1.22));transform:translateY(10px)}.stack-enabled .concept-counter{padding-top:24px}.concept-heading h2{font-size:clamp(24px,6.4vw,30px)}}
@media(max-height:650px) and (min-width:601px){.stack-enabled .concept-stack{width:min(88%,calc((100cqh - 70px)*1.787 / 1.22));transform:translateY(5px)}.concept-heading h2{font-size:22px}.concept-heading p{font-size:12px}.stack-enabled .concept-counter{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.stack-enabled .concept-stage{container-type:normal}.stack-enabled .concept-stack{transform:none;width:100%}}
/* Compact package comparison with protected, unbroken package names. */
#packages .package-grid{gap:18px;align-items:stretch}
#packages .package{padding:28px;min-width:0}
#packages .package-top{gap:16px;margin-bottom:22px;flex-wrap:wrap}
#packages .package-top h3{font-size:30px;flex:0 0 auto;white-space:nowrap;overflow-wrap:normal;word-break:normal;max-width:100%}
#packages .package-top h3>.stretch{width:auto;display:inline-block;padding-right:.9em}
#packages .package-top>span{flex-shrink:0}
#packages .package h4{font-size:20px;line-height:1.3;margin-bottom:16px}
#packages .package p{font-size:14px;line-height:1.65;margin-bottom:18px}
#packages .package ul{margin:0 0 22px}
#packages .package li{padding-top:8px;padding-bottom:8px;line-height:1.55}
#packages .package .suitable{font-size:13px;margin-top:auto}
#packages .package .button{font-size:12px;padding:14px 16px;gap:16px;width:100%}
#packages .package .button>span{white-space:normal}
#packages .package-features{border-top:1px solid #3b66864d;border-bottom:1px solid #3b66864d;margin:2px 0 24px}
#packages .package-features summary{cursor:pointer;list-style:none;font-size:14px;padding:16px 24px 16px 0;position:relative;color:#9ddfff}
#packages .package-features summary::-webkit-details-marker{display:none}
#packages .package-features summary:after{content:'+';position:absolute;right:0;top:12px;font-size:22px;color:#00c9ff}
#packages .package-features[open] summary:after{content:'−'}
#packages .package-features ul{margin-bottom:16px}
@media(min-width:1200px){#packages .package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#packages .package{padding:24px}#packages .package-top{align-items:flex-start;flex-direction:column;gap:12px}#packages .package-top h3{font-size:clamp(23px,1.85vw,30px)}#packages .package-top>span{order:-1}#packages .package h4{font-size:18px;max-width:100%}}
@media(min-width:601px) and (max-width:1199px){#packages .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#packages .package{padding:24px}#packages .package-top h3{font-size:26px}}
@media(max-width:600px){#packages .package-grid{grid-template-columns:1fr}#packages .package{padding:24px}#packages .package-top h3{font-size:28px}}
/* Responsive spacing and a solid footer separated from the final video. */
.section,.final-cta{padding-top:clamp(64px,7vw,112px);padding-bottom:clamp(64px,7vw,112px)}
footer.wrap{position:relative;isolation:isolate;background:#02080e;max-width:none;padding-left:max(5.2%,calc((100% - 1290px)/2));padding-right:max(5.2%,calc((100% - 1290px)/2))}
.footer-bottom>span>.stretch{width:86.9565%;margin:0;display:block}
.footer-bottom>span:last-child>.stretch{transform-origin:left;margin:0}
.footer-bottom>span:last-child{max-width:55%;text-align:left}
.final-cta{padding-left:5.2%;padding-right:5.2%}
.section h2,.section h3,.section h4{overflow-wrap:break-word}
@media(max-width:800px){.header .nav-cta{display:none}.header .menu{margin-left:auto}.header .brand{font-size:20px}.footer-bottom{flex-direction:column;gap:14px}.footer-bottom>span:last-child{max-width:100%}.hero .header{left:4%;right:4%}}
@media(max-width:480px){.header .nav-cta{display:none}.button{max-width:100%;gap:16px;padding:15px 18px}.button>span{white-space:normal}.hero{min-height:800px}.hero .header{padding:0 8px}.hero-bottom{bottom:62px}.scroll-cue{bottom:22px}.footer-bottom{font-size:10px}footer.wrap{padding-left:7%;padding-right:7%}}
@media(max-width:600px){.motion-grid{grid-template-columns:1fr}.video-section.wrap{padding-left:7%;padding-right:7%}.motion-section .button{font-size:12px;gap:12px}}
@media(prefers-reduced-motion:reduce){.scroll-scene{height:auto!important}.scroll-scene.is-pinned>section{position:relative;top:auto}.section-video-layer video{display:none}}

:root{--accent:#00c9ff;--accent-soft:#84dcff;--accent-gradient:linear-gradient(100deg,#5589ef,#00c9ff 50%,#72dcff)}
em{background-image:var(--accent-gradient)}

/* Full-width package rows: every inclusion remains visible. */
#packages{background:#02080e}
#packages .package-grid{grid-template-columns:minmax(0,1fr);gap:24px}
#packages .package{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);padding:clamp(26px,3.2vw,48px);background:linear-gradient(125deg,#0a1621aa,#030b13);border-color:#45658045}
#packages .package-intro,#packages .package-scope{min-width:0}
#packages .package-top{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
#packages .package-top>span{order:0}
#packages .package-top h3{font-size:clamp(28px,2.5vw,38px)}
#packages .package h4{font-size:22px;max-width:100%;margin-bottom:18px}
#packages .package p{font-size:15px;margin-bottom:22px}
#packages .package .suitable{font-size:13px;margin-top:26px}
#packages .package .button{width:auto;display:inline-flex;margin-top:6px}
#packages .package .scope-label{color:#7cb7da;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}
#packages .package ul{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;margin:0;align-content:start}
#packages .package li{font-size:14px;padding:16px 0 16px 22px;line-height:1.65}
.edge-glass{position:relative;isolation:isolate}
.edge-glass:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;background:radial-gradient(230px circle at var(--edge-x,50%) var(--edge-y,50%),#c8efff66 0%,#00c9ff22 35%,transparent 72%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .45s ease}
.edge-glass.edge-active:after{opacity:1}
.concept-card img{filter:blur(var(--concept-blur,0px)) brightness(var(--concept-brightness,1));will-change:filter}
.concept-card.edge-glass{pointer-events:none}
.concept-card.edge-glass.concept-focused{pointer-events:auto}
.concept-card.edge-glass:before{display:none}
.concept-card.edge-glass:after{opacity:0}
.concept-card.edge-glass.concept-focused.edge-active:after{opacity:1}
/* A broad, low-opacity reflection adds depth without washing out the text. */
.edge-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(ellipse 440px 320px at var(--edge-x,50%) var(--edge-y,50%),rgba(130,225,255,.065) 0%,rgba(0,201,255,.035) 24%,rgba(0,201,255,.012) 48%,transparent 75%);opacity:0;transition:opacity .65s ease}
.edge-glass.edge-active:before{opacity:1}
@media(min-width:801px){
  .footer-bottom{flex-wrap:nowrap;align-items:center;gap:40px}
  .footer-bottom>span{flex:0 0 auto;white-space:nowrap}
  .footer-bottom>span>.stretch{display:inline-block;width:auto;margin:0;transform-origin:left}
  .footer-bottom>span:last-child{max-width:none;text-align:right}
  .footer-bottom>span:last-child>.stretch{transform-origin:right;margin:0}
}
@media(prefers-reduced-motion:reduce),(hover:none){.edge-glass:before{display:none}}
/* Preserve the hero panel's anchor when adding the shared reflection effect. */
.hero-bottom.edge-glass{position:absolute}
/* Translucent service rows blur the moving artwork; reflections follow only dividers. */
#solutions .services{border-top:1px solid #80b5dd33;border-radius:16px;overflow:hidden}
#solutions .service{padding:32px 28px;background:linear-gradient(110deg,#0714238c,#0b213447);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #80b5dd33}
#solutions .service.edge-glass:after{inset:0;padding:0;border-radius:0;-webkit-mask:none;mask:none;background:radial-gradient(220px circle at var(--edge-x,50%) var(--edge-y,50%),#c8efff66,#00c9ff22 35%,transparent 72%);clip-path:polygon(0 0,100% 0,100% 1px,0 1px,0 calc(100% - 1px),100% calc(100% - 1px),100% 100%,0 100%)}
@media(max-width:800px){#solutions .service{padding:26px 20px}}
@media(max-width:480px){#solutions .service{padding:24px 16px;column-gap:10px}}
@media(max-width:900px){#packages .package{grid-template-columns:1fr 1fr;gap:28px}#packages .package ul{grid-template-columns:1fr}#packages .package-top{align-items:flex-start;flex-direction:column}#packages .package-top>span{order:-1}}
@media(max-width:600px){#packages .package{grid-template-columns:1fr;gap:30px;padding:24px}#packages .package-top{flex-direction:row;align-items:center}#packages .package-top>span{order:0}#packages .package-top h3{font-size:28px}#packages .package h4{font-size:20px}#packages .package .suitable{margin-top:20px}#packages .package li{padding-top:13px;padding-bottom:13px}}
@media(prefers-reduced-motion:reduce),(hover:none){.edge-glass:after{display:none}}
@media(min-width:601px){.motion-section .button{gap:54px}.motion-section .button i{flex-shrink:0}}
.arrow-icon{display:block;width:14px;height:14px;min-width:14px;max-width:14px;color:#00c9ff;overflow:hidden;flex:none}
.button>i,.header .nav-cta>i,.text-link>i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;min-width:14px;height:14px;line-height:1;margin:0;color:#00c9ff}
.button>span{min-width:0}
.text-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px}
.text-link i{display:inline-flex;align-items:center;flex:none;margin-left:0;white-space:nowrap}
.text-link .arrow-icon{width:12px;height:12px}
@media(min-width:1201px) and (pointer:fine){.stack-enabled .concept-stack{scale:1.2}}
@media(max-width:600px){.stack-enabled .concept-stack{scale:1.1}}
/* Artwork stays beneath the card content and both cursor reflections. */
#packages .package{background-image:linear-gradient(#02080e55,#02080e55),var(--package-art);background-size:cover;background-position:center}
#packages .package:nth-child(1){--package-art:url('assets/packages/bg1.png')}
#packages .package:nth-child(2){--package-art:url('assets/packages/bg2.png')}
#packages .package:nth-child(3){--package-art:url('assets/packages/bg3.png')}
#packages .package:nth-child(4){--package-art:url('assets/packages/bg4.png')}
@media(max-width:600px){.motion-section .button{display:flex;width:100%;gap:20px;text-align:left}.motion-section .button>span{flex:1;min-width:0}.motion-section .button .stretch{display:block;width:86.9565%;margin:0;white-space:normal}.motion-section .button i{flex:0 0 20px;text-align:right}}
@media(max-width:1200px){.hero-bottom{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 20px}.hero-bottom a{display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:14px;text-align:left;padding:12px 20px;min-width:0;font-size:13px}.hero-bottom a:before{margin:0}.hero-bottom a>.stretch{display:block;width:86.9565%;min-width:0}.hero-bottom a:nth-child(2){border-right:0}}
@media(max-width:600px){.hero-bottom{grid-template-columns:1fr;padding:12px 20px}.hero-bottom a{border:0;padding:7px 0;font-size:12px;line-height:1.5}.hero-bottom a>.stretch{width:86.9565%}}