.cs-page{--project-accent:var(--coral);background:#050809}.cs-hero{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden;padding:145px 0 95px}.cs-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.19;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 65% 40%,#000,transparent 76%)}.cs-hero::after{content:"";position:absolute;width:620px;height:620px;right:-160px;top:70px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--project-accent) 18%,transparent),transparent 66%);filter:blur(20px)}.cs-breadcrumb{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:9px;margin-bottom:48px;color:#78817c;font-size:11px;font-weight:700}.cs-breadcrumb a:hover{color:#fff}.cs-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(42px,6vw,92px);align-items:center}.cs-hero-copy h1{max-width:720px;margin:0;font-size:clamp(49px,6.3vw,94px);line-height:.94;letter-spacing:-.067em}.cs-lead{max-width:650px;margin:28px 0 0;color:#adb5b0;font-size:clamp(17px,1.5vw,21px);line-height:1.65}.cs-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.cs-chips span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#d4d9d5;background:rgba(255,255,255,.025);font-size:10px;font-weight:750}.cs-browser{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#101314;box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 70px color-mix(in srgb,var(--project-accent) 10%,transparent);transform:perspective(1300px) rotateY(-4deg) rotateX(1.5deg)}.cs-browser::after{content:"";position:absolute;inset:42px 0 auto;height:28%;pointer-events:none;background:linear-gradient(rgba(255,255,255,.08),transparent);mix-blend-mode:soft-light}.cs-browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;color:#828b86;background:#0b0e0f;font-size:9px}.cs-browser-bar i{width:7px;height:7px;border-radius:50%;background:#37403b}.cs-browser-bar i:first-child{background:var(--project-accent)}.cs-browser-bar span{margin-left:7px}.cs-browser img{width:100%;aspect-ratio:1300 / 813;object-fit:cover;object-position:top}.cs-context{background:linear-gradient(180deg,#080c0d,#050809)}.cs-two-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(45px,8vw,130px);align-items:start}.cs-rich-copy{max-width:690px;padding-top:7px}.cs-rich-copy p{margin:0 0 24px;color:#b0b7b3;font-size:clamp(17px,1.7vw,21px);line-height:1.8}.cs-rich-copy p:first-child::first-letter{color:var(--project-accent);font-size:3.6em;font-weight:800;line-height:.78;float:left;margin:10px 9px 0 0}.cs-decisions{background:#070b0c}.cs-challenge{display:grid;grid-template-columns:.3fr 1fr .7fr;gap:36px;align-items:start;padding-bottom:62px;border-bottom:1px solid var(--line)}.cs-challenge h2{margin:0;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.057em}.cs-challenge>p:last-child{margin:6px 0 0;color:#aab2ad;font-size:16px;line-height:1.75}.cs-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:1px;background:var(--line)}.cs-decision{min-height:300px;padding:clamp(35px,5vw,65px);background:#070b0c}.cs-decision>span{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--project-accent) 45%,transparent);border-radius:50%;color:var(--project-accent);font-size:10px;font-weight:800}.cs-decision h3{margin:55px 0 13px;font-size:clamp(27px,3vw,42px);line-height:1.05;letter-spacing:-.045em}.cs-decision p{max-width:530px;margin:0;color:#939c97;font-size:14px;line-height:1.75}.cs-journey{overflow:hidden}.cs-journey-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.cs-journey-list li{display:grid;grid-template-columns:110px .7fr;gap:clamp(25px,7vw,105px);align-items:center;min-height:175px;border-bottom:1px solid var(--line)}.cs-journey-list li>span{color:var(--project-accent);font-size:clamp(38px,5vw,70px);font-weight:800;letter-spacing:-.06em}.cs-journey-list h3{margin:0 0 7px;font-size:clamp(27px,3vw,40px);letter-spacing:-.045em}.cs-journey-list p{margin:0;color:#9da5a0;font-size:15px}.cs-result{padding-top:35px}.cs-result-card{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(45px,8vw,115px);padding:clamp(42px,7vw,92px);border:1px solid color-mix(in srgb,var(--project-accent) 35%,transparent);border-radius:34px;background:linear-gradient(125deg,color-mix(in srgb,var(--project-accent) 12%,#070b0c),rgba(255,255,255,.018))}.cs-result-card h2{max-width:740px;margin:0;font-size:clamp(40px,5.2vw,72px);line-height:.98;letter-spacing:-.058em}.cs-result-card>div>p:not(.hi-kicker){max-width:690px;margin:26px 0 0;color:#adb5b0;font-size:16px;line-height:1.75}.cs-result-card ul{align-self:center;margin:0;padding:0;list-style:none}.cs-result-card li{position:relative;padding:19px 0 19px 34px;border-bottom:1px solid var(--line);color:#d7dcd8;font-size:14px}.cs-result-card li::before{content:"✓";position:absolute;left:0;color:var(--project-accent);font-weight:900}.cs-text-link{display:inline-flex;gap:12px;align-items:center;margin-top:30px;color:var(--project-accent);font-size:13px;font-weight:800}.cs-text-link span{transition:transform .25s var(--ease)}.cs-text-link:hover span{transform:translateX(5px)}.cs-related{background:#070b0c}.cs-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cs-related-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.025);transition:transform .35s var(--ease),border-color .35s}.cs-related-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.27)}.cs-related-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}.cs-related-card:hover img{transform:scale(1.025)}.cs-related-card div{padding:25px}.cs-related-card span{color:var(--project-accent);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cs-related-card h3{margin:9px 0 22px;font-size:29px;line-height:1;letter-spacing:-.045em}.cs-related-card strong{color:#d9ddda;font-size:11px}.cs-cta{padding-top:35px}.cs-cta-card{position:relative;overflow:hidden;padding:clamp(45px,8vw,100px);border:1px solid rgba(255,98,76,.26);border-radius:34px;background:linear-gradient(125deg,rgba(255,98,76,.15),rgba(255,255,255,.022))}.cs-cta-card::after{content:"";position:absolute;width:500px;height:500px;right:-180px;top:-280px;border:1px solid rgba(255,98,76,.25);border-radius:50%;box-shadow:0 0 0 75px rgba(255,98,76,.025),0 0 0 150px rgba(255,98,76,.015)}.cs-cta-card>*{position:relative;z-index:1}.cs-cta-card h2{max-width:900px;margin:0;font-size:clamp(48px,7vw,94px);line-height:.94;letter-spacing:-.068em}.cs-cta-card p{max-width:680px;margin:26px 0 32px;color:#aeb5b1;font-size:17px;line-height:1.65}@media (max-width:980px){.cs-hero{min-height:auto;padding-top:135px}.cs-hero-grid,.cs-two-columns,.cs-result-card{grid-template-columns:1fr}.cs-browser{max-width:760px;transform:none}.cs-challenge{grid-template-columns:1fr;gap:15px}.cs-challenge>p:last-child{max-width:680px}.cs-related-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.cs-hero{padding:125px 0 72px}.cs-breadcrumb{margin-bottom:36px}.cs-hero-copy h1{font-size:clamp(45px,13vw,66px)}.cs-lead{font-size:16px}.cs-browser{border-radius:17px}.cs-browser-bar{height:34px}.cs-two-columns{gap:30px}.cs-decision-grid,.cs-related-grid{grid-template-columns:1fr}.cs-decision{min-height:0;padding:34px 25px}.cs-decision h3{margin-top:34px}.cs-journey-list li{grid-template-columns:64px 1fr;gap:17px;min-height:145px}.cs-result-card,.cs-cta-card{padding:36px 24px;border-radius:24px}}@supports not (color:color-mix(in srgb,white,black)){.cs-browser{box-shadow:0 35px 100px rgba(0,0,0,.48)}.cs-decision>span,.cs-result-card{border-color:rgba(255,255,255,.2)}}@media (prefers-reduced-motion:reduce){.cs-related-card,.cs-related-card img,.cs-text-link span{transition:none}}
