:root { --ink:#10201f; --paper:#f4f1e9; --lime:#c8f333; --orange:#fd7049; --lavender:#d9d1ff; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; } a { color:inherit; } h1,h2,h3 { font-family:Georgia, serif; font-weight:500; letter-spacing:-.06em; }
.wordmark { font-size:27px; font-weight:800; letter-spacing:-1.8px; text-decoration:none; }.wordmark span { color:var(--lime); }.eyebrow { margin:0 0 20px; font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
nav,footer { display:flex; align-items:center; justify-content:space-between; }.hero { min-height:72vh; position:relative; overflow:hidden; padding:28px clamp(24px,5vw,76px) 44px; background:var(--ink); color:var(--paper); }.hero-copy { position:relative; z-index:1; max-width:820px; margin:clamp(100px,19vh,190px) auto 42px; }.hero h1 { margin:0; font-size:clamp(58px,10vw,144px); line-height:.86; }.intro { max-width:410px; margin:34px 0 0 4px; font-size:clamp(15px,1.5vw,18px); line-height:1.55; color:#c9d0bf; }.nav-link,.scroll-note { font-size:13px; text-decoration:none; }.nav-link span,.scroll-note span { color:var(--lime); margin-left:8px; }.orb { position:absolute; border-radius:999px; filter:blur(2px); }.orb-one { width:28vw; height:28vw; min-width:280px; min-height:280px; background:var(--lime); right:-6vw; top:-11vw; }.orb-two { width:12vw; height:12vw; min-width:130px; min-height:130px; background:var(--orange); left:7vw; bottom:-7vw; }.scroll-note { position:absolute; left:clamp(24px,5vw,76px); bottom:32px; }
.products { padding:clamp(70px,10vw,145px) clamp(24px,5vw,76px); }.section-heading { max-width:650px; margin-bottom:clamp(40px,7vw,96px); }.section-heading .eyebrow { color:#5d6864; }.section-heading h2 { margin:0; font-size:clamp(44px,6vw,84px); line-height:.98; }.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.product-card { min-height:490px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; }.translate { background:var(--lime); }.stylist { background:var(--orange); color:#3c1710; }.workshops { background:var(--lavender); color:#1c174c; }.card-number,.product-type { margin:0; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.product-type { margin:0 0 21px; opacity:.72; }.product-card h3 { margin:0; font-size:clamp(45px,4.2vw,72px); line-height:.85; }.product-offerings { max-width:315px; margin:30px 0; padding:0; list-style:none; }.product-offerings li { padding:14px 0; border-top:1px solid rgb(16 32 31 / .24); }.product-offerings a { display:block; text-decoration:none; }.product-offerings strong,.product-offerings span { display:block; }.product-offerings strong { font-size:13px; }.product-offerings span { margin-top:4px; font-size:13px; line-height:1.35; }.product-offerings b { font-size:11px; text-decoration:underline; text-underline-offset:3px; }.product-card > a,.card-links a { font-size:13px; font-weight:700; }.card-links { display:flex; flex-wrap:wrap; gap:16px 22px; } footer { padding:28px clamp(24px,5vw,76px); border-top:1px solid #d8d5cd; color:#525b57; font-size:12px; } footer .wordmark { color:var(--ink); } footer p { margin:0; }
.product-nav { padding:28px clamp(24px,5vw,76px); background:var(--ink); color:var(--paper); }.product-nav-links { display:flex; align-items:center; gap:clamp(14px,2vw,28px); }.product-nav-links a { font-size:12px; font-weight:650; text-decoration:none; color:#c4ccc2; }.product-nav-links a:hover { color:var(--lime); }.product-nav-links .all-products { color:var(--paper); }.product-hero { min-height:650px; position:relative; overflow:hidden; padding:clamp(72px,11vw,150px) clamp(24px,9vw,150px) 80px; background:var(--ink); color:var(--paper); }.product-hero .eyebrow { position:relative; z-index:1; color:var(--lime); }.product-hero h1 { position:relative; z-index:1; max-width:900px; margin:0; font-size:clamp(58px,9vw,135px); line-height:.85; }.product-hero h1 em { color:var(--lime); }.product-intro { position:relative; z-index:1; max-width:530px; margin:42px 0 0; font-size:clamp(17px,1.8vw,22px); line-height:1.45; color:#d1dac9; }.actions { position:relative; z-index:1; display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:35px; }.actions p { margin:0; font-size:12px; color:#b7c2b0; }.button { display:inline-flex; gap:10px; padding:14px 18px; background:var(--lime); color:var(--ink); font-size:13px; font-weight:750; text-decoration:none; }.rings { position:absolute; right:-40px; bottom:-40px; width:min(50vw,650px); aspect-ratio:1; border:1px solid var(--lime); border-radius:50%; color:var(--lime); }.rings:before,.rings:after { content:""; position:absolute; inset:12%; border:1px solid #7e965b; border-radius:50%; }.rings:after { inset:28%; border-color:var(--paper); }.rings span { position:absolute; font-family:Georgia,serif; font-size:clamp(16px,2.1vw,28px); font-style:italic; }.rings span:nth-child(1){top:16%;left:12%}.rings span:nth-child(2){top:31%;right:7%}.rings span:nth-child(3){bottom:22%;left:14%}.rings span:nth-child(4){bottom:7%;right:31%}
.statement { display:grid; grid-template-columns:1fr minmax(280px,1.6fr) minmax(220px,.75fr); gap:40px; padding:clamp(70px,9vw,140px) clamp(24px,9vw,150px); background:var(--lime); }.statement h2 { margin:0; font-size:clamp(46px,5vw,78px); line-height:.9; }.statement > p:last-child { max-width:320px; margin:8px 0 0; line-height:1.5; }.features { padding:clamp(70px,10vw,150px) clamp(24px,9vw,150px); }.features header { max-width:650px; margin-bottom:clamp(44px,7vw,90px); }.features header h2 { margin:0; font-size:clamp(46px,6vw,90px); line-height:.91; }.feature-list { border-top:1px solid #bcbdb7; }.feature { display:grid; grid-template-columns:65px minmax(180px,.8fr) 1.4fr; gap:26px; padding:25px 0 40px; border-bottom:1px solid #bcbdb7; }.feature > span { font-size:11px; font-weight:750; letter-spacing:.1em; }.feature h3 { margin:0; font-family:Arial,sans-serif; font-size:clamp(19px,2vw,26px); font-weight:650; }.feature p { max-width:450px; margin:0; font-size:16px; line-height:1.5; }.dark { background:var(--ink); color:var(--paper); }.dark .eyebrow,.dark .feature > span { color:var(--lime); }.dark .feature-list,.dark .feature { border-color:#50625e; }.dark .feature p { color:#c4ccc2; }.close { padding:clamp(80px,12vw,170px) clamp(24px,9vw,150px); text-align:center; }.close .eyebrow { color:#66716b; }.close h2 { max-width:820px; margin:0 auto 38px; font-size:clamp(52px,7vw,108px); line-height:.88; }
.proxy .product-hero h1 em { color:var(--orange); }.proxy .product-hero .eyebrow { color:var(--orange); }.proxy .button { background:var(--orange); }.proxy .statement { background:var(--lavender); color:#1c174c; }.cache { position:absolute; right:6vw; bottom:6vw; display:grid; grid-template-columns:1fr 1fr; gap:10px; width:min(37vw,460px); transform:rotate(-7deg); color:var(--ink); }.cache span,.cache b { padding:18px; background:var(--paper); font-family:Georgia,serif; font-size:clamp(17px,2vw,29px); font-weight:500; }.cache b { background:var(--lime); }.cache i { display:grid; place-items:center; color:var(--lime); font-size:72px; }.flow { display:flex; align-items:center; justify-content:center; gap:18px; padding:42px clamp(24px,5vw,76px); background:#292660; color:var(--paper); }.flow p { max-width:240px; margin:0; font-family:Georgia,serif; font-size:clamp(20px,2.2vw,31px); line-height:1.05; }.flow span { color:var(--orange); font-size:28px; }.capability-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #bcbdb7; }.capability { min-height:360px; padding:28px; border-bottom:1px solid #bcbdb7; }.capability:nth-child(odd) { border-right:1px solid #bcbdb7; }.capability > span { font-size:11px; font-weight:750; }.capability h3 { margin:72px 0 0; font-size:clamp(34px,4vw,54px); line-height:.92; }.capability p { max-width:400px; line-height:1.45; }.capability ul { margin:0; padding:0; list-style:none; font-size:13px; }.capability li { padding:7px 0; border-top:1px solid #c9c9c4; }.guardrails { display:grid; grid-template-columns:1fr 2fr; gap:40px; padding:clamp(70px,10vw,140px) clamp(24px,9vw,150px); }.guardrails h2 { margin:0; font-size:clamp(45px,5vw,76px); line-height:.9; }.guardrails > div > p { max-width:520px; color:#c4ccc2; line-height:1.5; }.guardrail-list { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.guardrail-list p { min-height:130px; display:flex; flex-direction:column; justify-content:space-between; margin:0; padding:18px; background:#263b37; }.guardrail-list strong { color:var(--lime); font-family:Georgia,serif; font-size:28px; font-weight:500; }.guardrail-list span { color:#c4ccc2; font-size:13px; }
@media(max-width:800px){.hero{min-height:690px}.hero-copy{margin-top:170px}.product-grid,.proof-grid,.capability-grid{grid-template-columns:1fr}.product-card{min-height:405px}.product-nav{align-items:flex-start;gap:20px}.product-nav-links{justify-content:flex-end;flex-wrap:wrap;gap:9px 13px}.product-nav-links a{font-size:10px}.product-hero{min-height:700px}.rings{width:92vw;right:-30vw;bottom:-10vw}.cache{width:74vw;right:6vw;bottom:8vw}.statement,.guardrails{grid-template-columns:1fr;gap:25px}.feature{grid-template-columns:40px 1fr;gap:12px}.feature p{grid-column:2}.flow{flex-direction:column;align-items:flex-start;padding-left:12vw}.flow span{transform:rotate(90deg)}.capability:nth-child(odd){border-right:0}.guardrail-list{grid-template-columns:1fr}footer{gap:20px;flex-wrap:wrap}}