:root{--navy:#10265a;--blue:#2458e9;--aqua:#47d7df;--mint:#16a47d;--gold:#f2b84b;--lav:#8a70ee;--ink:#203052;--muted:#697997;--max:1400px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"SUIT Variable","SUIT",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:min(var(--max),calc(100% - 80px));margin:auto}.scroll-bar{position:fixed;z-index:100;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--aqua),var(--gold))}.mouse-aura{position:fixed;z-index:-1;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(77,152,255,.13),transparent 68%);pointer-events:none;opacity:0}
header{position:absolute;z-index:20;left:0;right:0;top:0;height:96px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:166px}.menu{display:none;border:0;background:none}.menu i{display:block;width:27px;height:2px;background:var(--navy);margin:6px}.menu i:last-child{width:18px;margin-left:auto}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:650}nav>a:not(.header-cta){position:relative}nav>a:not(.header-cta):after{content:"";position:absolute;width:5px;height:5px;bottom:-12px;left:50%;border-radius:50%;background:var(--blue);transform:scale(0);transition:transform .25s}nav>a:hover:after{transform:scale(1)}.header-cta{padding:14px 20px;border-radius:15px;background:rgba(255,255,255,.82);box-shadow:0 10px 32px rgba(45,80,160,.12);backdrop-filter:blur(10px);transition:.3s}.header-cta:hover{transform:translateY(-3px)}.header-cta b{color:var(--blue);margin-left:14px}
.hero{position:relative;height:100vh;min-height:900px;max-height:1060px;overflow:hidden;background:#eff7ff}.hero-art{position:absolute;inset:0;background:url("assets/option3-hero-animated.webp") 58% center/cover no-repeat;transform:scale(1.04);animation:artOpen 1.5s cubic-bezier(.16,1,.3,1) both}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.48) 45%,rgba(255,255,255,.04) 69%),linear-gradient(180deg,transparent 70%,rgba(45,92,196,.12))}.hero-copy{position:absolute;z-index:3;left:6vw;top:50%;transform:translateY(-52%);max-width:730px}.overline{margin:0 0 23px;color:var(--blue);font:500 11px "IBM Plex Mono",monospace;letter-spacing:.09em}.hero h1,.benefit-heading h2,.service h2,.company h2,.contact h2{margin:0;font-size:clamp(53px,5.5vw,90px);font-weight:780;line-height:1.04;letter-spacing:-.06em}.hero h1{animation:copyUp .9s .08s both cubic-bezier(.16,1,.3,1)}.hero h1 em,.benefit-heading h2 em,.service h2 em,.company h2 em,.contact h2 em{font-style:normal;color:#08745c}.hero-text{margin:29px 0 0;color:#546581;font-size:17px;line-height:1.8;animation:copyUp .8s .25s both}.hero-buttons{display:flex;align-items:center;gap:30px;margin-top:38px;animation:copyUp .8s .38s both}.main-button{display:inline-flex;align-items:center;justify-content:space-between;min-width:210px;padding:18px 22px;border-radius:16px;background:var(--blue);color:white;font-size:14px;font-weight:720;box-shadow:0 14px 38px rgba(36,88,233,.26);transition:background .3s,box-shadow .3s}.main-button:hover{background:var(--navy);box-shadow:0 18px 45px rgba(16,38,90,.28)}.main-button b{font-size:18px}.down-link{font-size:13px;color:var(--muted)}.down-link i{font-style:normal;margin-left:12px;color:var(--blue);display:inline-block;animation:down 1.5s infinite}.float-tag{position:absolute;z-index:4;display:grid;grid-template-columns:28px 1fr;column-gap:8px;padding:13px 16px;border-radius:18px;background:rgba(255,255,255,.85);box-shadow:0 13px 38px rgba(44,85,166,.13);backdrop-filter:blur(10px);animation:tagFloat 4s ease-in-out infinite}.float-tag span{grid-row:1/3;align-self:center;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eaf1ff;color:var(--blue);font:500 9px "IBM Plex Mono",monospace}.float-tag b{font-size:12px}.float-tag small{font-size:9px;color:var(--muted)}.tag-a{right:6%;top:20%}.tag-b{right:32%;bottom:19%;animation-delay:-1.2s}.tag-c{right:5%;bottom:31%;animation-delay:-2.4s}.hero-stats{position:absolute;z-index:3;left:6vw;bottom:31px;display:flex;gap:58px}.hero-stats small{display:block;font-size:9px;color:#7786a0;margin-bottom:7px}.hero-stats strong{font-size:14px}.hero-stats strong i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c490;margin-right:6px;box-shadow:0 0 0 5px rgba(34,196,144,.12)}@keyframes artOpen{from{opacity:0;transform:scale(1.13)}to{opacity:1;transform:scale(1.04)}}@keyframes copyUp{from{opacity:0;transform:translateY(35px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes tagFloat{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes down{50%{transform:translateY(5px)}}
.ticker{display:flex;overflow:hidden;white-space:nowrap;padding:16px 0;background:linear-gradient(90deg,#224ee0,#5c59e8);color:white;font:500 10px "IBM Plex Mono",monospace;letter-spacing:.1em}.ticker div{animation:scroll 27s linear infinite}.ticker span{margin:0 25px;color:#7ff4db}@keyframes scroll{to{transform:translateX(-100%)}}
.benefit-heading{padding:150px 0 90px;display:flex;justify-content:space-between;align-items:flex-end}.benefit-heading h2,.service h2,.company h2,.contact h2{font-size:clamp(46px,5vw,76px)}.benefit-heading>p{margin:0 0 5px;color:var(--muted);font-size:14px;line-height:1.8}.benefit-flow{padding-bottom:160px}.flow-item{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:center;margin-bottom:145px}.flow-item.alternate{grid-template-columns:.75fr 1.25fr}.alternate .flow-visual{grid-column:2}.alternate .flow-copy{grid-column:1;grid-row:1}.flow-visual{position:relative;height:570px;overflow:hidden;background:#f0f6ff}.flow-visual.v1{border-radius:72px 18px 72px 18px}.flow-visual.v2{border-radius:50% 50% 20px 20px / 11% 11% 20px 20px}.flow-visual.v3{border-radius:20px 84px 20px 84px}.flow-visual img{width:100%;height:112%;object-fit:cover;transform:translateY(-5%);transition:transform .8s cubic-bezier(.16,1,.3,1)}.flow-item:hover .flow-visual img{transform:translateY(-5%) scale(1.04)}.flow-visual>b{position:absolute;right:22px;top:22px;width:55px;height:55px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.87);box-shadow:0 10px 28px rgba(40,78,155,.13);color:var(--blue);font:500 11px "IBM Plex Mono",monospace}.flow-copy>span{font:500 10px "IBM Plex Mono",monospace;color:var(--blue);letter-spacing:.09em}.flow-copy h3{margin:18px 0 0;font-size:clamp(39px,3.8vw,58px);line-height:1.13;letter-spacing:-.055em}.flow-copy>p{margin:24px 0;color:var(--muted);font-size:14px;line-height:1.85}.flow-copy ul{list-style:none;margin:0;padding:0}.flow-copy li{padding:7px 0;font-size:13px;transition:.25s}.flow-copy li:before{content:"✦";color:var(--aqua);margin-right:11px;font-size:9px}.flow-copy li:hover{transform:translateX(6px);color:var(--blue)}
.service{position:relative;overflow:hidden;padding:145px 0;background:linear-gradient(140deg,#edf7ff,#f8f4ff)}.service-bg:before,.service-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.service-bg:before{width:390px;height:390px;left:-150px;top:-90px;background:radial-gradient(circle,#b8ebff,transparent 68%)}.service-bg:after{width:470px;height:470px;right:-180px;bottom:-170px;background:radial-gradient(circle,#c9f6e8,transparent 68%)}.service-title{position:relative;text-align:center}.service-path{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:28px;margin-top:100px}.path-line{position:absolute;left:8%;right:8%;top:25px;height:2px;background:linear-gradient(90deg,var(--blue),var(--aqua),var(--lav),var(--gold));opacity:.32}.path-line i{position:absolute;width:15px;height:15px;top:-6px;left:0;border-radius:50%;background:var(--blue);box-shadow:0 0 0 7px rgba(36,88,233,.1);animation:pathMove 6s ease-in-out infinite}.service-path article{position:relative;text-align:center}.service-path article>b{position:relative;z-index:2;margin:auto;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:white;color:var(--blue);box-shadow:0 10px 28px rgba(47,87,165,.13);font:500 10px "IBM Plex Mono",monospace}.service-path span{display:block;margin:28px 0 9px;font-size:17px;font-weight:720}.service-path small{font-size:11px;color:var(--muted)}@keyframes pathMove{50%{left:97%;background:var(--gold)}}
.company{padding:160px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.company-copy>p:not(.overline){color:var(--muted);font-size:14px;line-height:1.8;margin:28px 0}.company-copy>a{color:var(--blue);font-size:13px;font-weight:700}.company-copy>a b{margin-left:12px}.company-points{display:grid;grid-template-columns:repeat(2,1fr);gap:55px}.company-points article{display:flex;gap:20px}.company-points i{font:500 10px "IBM Plex Mono",monospace;color:var(--blue);font-style:normal}.company-points h3{margin:0 0 9px;font-size:19px}.company-points p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.contact{position:relative;min-height:680px;display:grid;place-items:center;text-align:center;overflow:hidden;background:linear-gradient(140deg,#e8f7ff,#f1edff)}.contact>div:not(.bubble){position:relative;z-index:2}.contact>div>p:not(.overline){color:var(--muted);margin:25px 0 35px}.contact .main-button{margin:auto}.bubble{position:absolute;border-radius:50%;border:1px solid rgba(62,111,229,.16);animation:bubble 7s ease-in-out infinite}.b1{width:430px;height:430px;left:-110px;top:90px}.b2{width:290px;height:290px;right:5%;top:60px;animation-delay:-2s}.b3{width:120px;height:120px;right:24%;bottom:40px;background:rgba(94,222,198,.14);border:0;animation-delay:-4s}@keyframes bubble{50%{transform:translateY(-24px) scale(1.04)}}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start;padding:70px 4vw 30px;background:white}footer img{width:160px}footer p{margin:0;color:var(--muted);font-size:13px}footer>a{justify-self:end;color:var(--blue);font-size:12px}footer small{grid-column:1/-1;margin-top:44px;color:#9aa6b8;font-size:9px}.reveal{opacity:0;transform:translateY(43px);filter:blur(5px);transition:opacity .9s,transform .9s cubic-bezier(.16,1,.3,1),filter .9s}.reveal.visible{opacity:1;transform:none;filter:blur(0)}
@media(max-width:1000px){.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.72) 52%,rgba(255,255,255,.08) 82%)}.flow-item,.flow-item.alternate{grid-template-columns:1fr;gap:55px}.alternate .flow-visual,.alternate .flow-copy{grid-column:1;grid-row:auto}.company{grid-template-columns:1fr}.service-path{gap:12px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}header{height:78px;padding:0 18px}.brand img{width:132px}.menu{display:block;position:relative;z-index:5}nav{display:none;position:absolute;left:0;right:0;top:0;padding:93px 22px 25px;background:rgba(255,255,255,.96);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 38px rgba(32,63,126,.1)}nav.open{display:flex}nav a{padding:14px}.header-cta{text-align:center;margin-top:8px}.hero{min-height:860px;height:100svh}.hero-art{background-position:67% center}.hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.83) 43%,rgba(255,255,255,.06) 75%)}.hero-copy{left:20px;right:20px;top:145px;transform:none}.hero h1{font-size:46px}.hero-text{font-size:14px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:21px}.float-tag{display:none}.hero-stats{left:20px;right:20px;bottom:25px;gap:25px}.hero-stats div:nth-child(2){display:none}.benefit-heading{padding:100px 0 70px;display:block}.benefit-heading h2,.service h2,.company h2,.contact h2{font-size:43px}.benefit-heading>p{margin-top:25px}.benefit-flow{padding-bottom:90px}.flow-item{margin-bottom:90px;gap:35px}.flow-visual{height:360px;border-radius:30px!important}.flow-copy h3{font-size:37px}.service{padding:95px 0}.service-path{grid-template-columns:1fr;gap:35px;margin-top:65px}.path-line{left:25px;right:auto;top:0;bottom:0;width:2px;height:auto}.path-line i{display:none}.service-path article{text-align:left;padding-left:70px;min-height:55px}.service-path article>b{position:absolute;left:0;top:0}.service-path span{margin:0 0 7px}.company{padding:100px 0;gap:60px}.company-points{grid-template-columns:1fr}.contact{min-height:620px;padding:70px 20px}.contact h2{font-size:40px}footer{grid-template-columns:1fr;gap:25px}footer>a{justify-self:start}footer small{grid-column:1}.mouse-aura{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}