/* Hero */
.v2-hero{min-height:100svh;position:relative;overflow:hidden;background:var(--black);color:var(--white);padding:122px 0 38px;display:flex;align-items:stretch}
.v2-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:76px 76px;opacity:.28;mask-image:linear-gradient(to bottom,transparent 2%,var(--black) 18%,var(--black) 82%,transparent 100%)}
.v2-hero-glow{position:absolute;width:60vw;height:60vw;max-width:880px;max-height:880px;border-radius:50%;right:-15vw;top:-21vw;background:radial-gradient(circle,rgba(125,57,235,.38) 0,rgba(125,57,235,.12) 37%,transparent 69%);filter:blur(6px)}
.v2-hero-inner{position:relative;z-index:3;display:flex;flex-direction:column;width:100%}
.v2-hero-meta{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--v2-rule-light);font:700 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:#939393}
.v2-hero-lockup{margin:auto 0 34px;display:flex;align-items:flex-end;position:relative}
.v2-hero-word{font:800 clamp(104px,22.1vw,340px)/.68 var(--font-display);letter-spacing:-.092em;white-space:nowrap;color:var(--white);margin-left:-.025em}
.v2-hero-word .char{display:inline-block;will-change:transform,opacity}
.v2-hero-dot{font:800 clamp(100px,17vw,260px)/.6 var(--font-display);color:var(--lime);transform:translateY(2%);margin-left:-.045em}
.v2-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-top:24px;border-top:1px solid var(--v2-rule-light)}
.v2-hero-bottom>p{max-width:620px;font-size:clamp(17px,1.35vw,21px);line-height:1.55;color:#c7c7c7;margin:0}
.v2-hero-actions{display:flex;align-items:center;gap:30px}
.v2-hero-index{position:absolute;left:28px;bottom:26px;z-index:3;display:flex;gap:14px;align-items:center;transform-origin:left bottom;transform:rotate(-90deg) translateY(100%);font:700 10px var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:#676767}

/* manifesto */
.manifesto{padding:var(--v2-pad) 0}
.manifesto-layout{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);gap:70px;padding-top:58px}
.manifesto-kicker{font:700 13px/1.5 var(--font-ui);text-transform:uppercase;letter-spacing:.1em;max-width:180px}
.manifesto-title{font:600 clamp(43px,5.2vw,82px)/1.01 var(--font-display);letter-spacing:-.055em;margin:0;max-width:1070px}
.manifesto-title span{color:#8f8f8f}
.manifesto-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:50px;padding-top:26px;border-top:1px solid var(--v2-rule)}
.manifesto-foot p{font-size:15px;line-height:1.75;max-width:580px;color:#4f4f4f;margin:0}

/* services */
.v2-services{padding:var(--v2-pad) 0;background:var(--black);color:var(--white)}
.v2-services-head,.v2-work-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.48fr);align-items:end;gap:70px;padding:62px 0 64px}
.v2-services-head>p,.v2-work-head>p{font-size:15px;line-height:1.75;color:#8a8a8a;margin:0 0 8px}
.v2-service-list{border-top:1px solid var(--v2-rule-light)}
.v2-service{position:relative;display:grid;grid-template-columns:74px minmax(270px,1fr) minmax(260px,.52fr) 46px;gap:24px;align-items:center;padding:27px 0;border-bottom:1px solid var(--v2-rule-light);overflow:hidden;isolation:isolate;transition:padding .38s var(--ease),color .28s}
.v2-service:before{content:"";position:absolute;z-index:-1;inset:0;transform:translateY(102%);transition:transform .42s var(--ease);background:var(--lime)}
.v2-service[data-accent="violet"]:before{background:var(--violet)}
.v2-service[data-accent="white"]:before{background:var(--white)}
.v2-service:hover:before{transform:translateY(0)}
.v2-service:hover{padding-left:22px;padding-right:22px;color:var(--black)}
.v2-service[data-accent="violet"]:hover{color:var(--white)}
.v2-service-no{font:700 11px var(--font-ui);letter-spacing:.1em;opacity:.65}
.v2-service h3{font:600 clamp(24px,2.45vw,38px)/1.08 var(--font-display);letter-spacing:-.045em;margin:0}
.v2-service p{font-size:13px;line-height:1.6;color:#858585;margin:0;transition:color .28s}.v2-service:hover p{color:currentColor;opacity:.7}
.v2-service>i{justify-self:end;font-size:17px;transition:transform .3s var(--ease)}.v2-service:hover>i{transform:translate(4px,-4px)}
.v2-services-foot{display:flex;justify-content:flex-end;padding-top:36px}

/* work */
.v2-work{padding:var(--v2-pad) 0}
.v2-work-head{padding-bottom:72px}.v2-work-head>p{color:#505050}
.case-stack{display:grid;gap:26px}
.case{position:relative;display:grid;grid-template-columns:.66fr 1.34fr;min-height:680px;border-radius:28px;overflow:hidden;color:var(--black);padding:38px;background:#f3f3f3}
.case--violet{background:var(--violet);color:var(--white)}.case--lime{background:var(--lime)}.case--black{background:#090909;color:var(--white)}
.case-copy{display:flex;gap:28px;align-items:flex-start;padding-right:28px;position:relative;z-index:2}
.case-index{font:700 11px var(--font-ui);letter-spacing:.1em;opacity:.55;padding-top:5px}
.case-kicker{font:700 11px var(--font-ui);text-transform:uppercase;letter-spacing:.11em;opacity:.6}
.case-copy h3{font:650 clamp(42px,4.4vw,70px)/.95 var(--font-display);letter-spacing:-.065em;margin:20px 0 18px;max-width:520px}
.case-copy p{font-size:14px;line-height:1.7;max-width:430px;margin:0;opacity:.72}
.case-stage{position:relative;display:grid;place-items:center;min-width:0}
.case-foot{position:absolute;left:38px;right:38px;bottom:28px;display:grid;grid-template-columns:1fr 1fr 40px;gap:20px;align-items:center;padding-top:18px;border-top:1px solid currentColor;font:700 10px var(--font-ui);text-transform:uppercase;letter-spacing:.11em;opacity:.8}
.case-foot span:nth-child(2){text-align:center}.case-foot i{justify-self:end}
.browser{width:92%;height:72%;border-radius:17px;background:var(--white);box-shadow:0 38px 70px rgba(0,0,0,.24);overflow:hidden;transform:rotate(2.5deg);will-change:transform}
.browser-top{height:42px;background:#efefef;color:#222;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-top span{width:7px;height:7px;border-radius:50%;background:#aaa}.browser-top b{margin-left:auto;margin-right:auto;font:600 9px var(--font-ui);letter-spacing:.07em;color:#777}
.shop-ui{height:calc(100% - 42px);display:grid;grid-template-columns:1fr .85fr .85fr;background:#f6f4ee;color:#111}.shop-ui aside{padding:34px 26px;display:flex;flex-direction:column}.shop-ui aside small,.shop-ui aside em{font:700 9px var(--font-ui);letter-spacing:.12em}.shop-ui aside strong{font:600 32px/1 var(--font-display);letter-spacing:-.055em;margin:auto 0}.shop-ui aside em{font-style:normal;color:#777}.shop-product{padding:22px;background:#dcd4c8;display:flex;flex-direction:column;justify-content:flex-end}.shop-product.alt{background:#d8e0d4}.product-orb{width:80%;aspect-ratio:1;border-radius:50%;background:#1a1a1a;margin:auto}.shop-product.alt .product-orb{border-radius:38% 62% 55% 45%;background:#6a725e}.shop-product small{font:700 8px var(--font-ui);color:#777}.shop-product b{font:600 14px var(--font-display);margin-top:4px}
.browser--data{transform:rotate(-2deg);background:#121212}.browser--data .browser-top{background:#191919;color:var(--white)}.dash-ui{height:calc(100% - 42px);display:grid;grid-template-columns:80px 1fr;background:#0b0b0b;color:var(--white)}.dash-side{padding:18px 14px;border-right:1px solid #282828}.dash-side b{font:700 10px var(--font-display);color:var(--lime)}.dash-side i{display:block;height:7px;border-radius:6px;background:#292929;margin-top:18px}.dash-side i:nth-child(3){width:70%}.dash-side i:nth-child(4){width:86%}.dash-main{padding:22px}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-metrics span{border:1px solid #2c2c2c;border-radius:10px;padding:14px}.dash-metrics small{display:block;font:700 7px var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:#777}.dash-metrics b{display:block;font:600 22px var(--font-display);letter-spacing:-.05em;margin-top:8px}.dash-chart{height:58%;margin-top:16px;border:1px solid #2c2c2c;border-radius:10px;display:flex;align-items:flex-end;gap:8px;padding:18px}.dash-chart span{flex:1;background:var(--lime);border-radius:4px 4px 0 0}.dash-chart span:nth-child(1){height:34%}.dash-chart span:nth-child(2){height:56%}.dash-chart span:nth-child(3){height:44%}.dash-chart span:nth-child(4){height:72%}.dash-chart span:nth-child(5){height:63%}.dash-chart span:nth-child(6){height:82%}.dash-chart span:nth-child(7){height:74%}.dash-chart span:nth-child(8){height:96%}
.flow-ui{width:92%;height:70%;position:relative;border:1px solid #262626;border-radius:20px;background-image:radial-gradient(#303030 1px,transparent 1px);background-size:18px 18px;overflow:hidden}.flow-node{position:absolute;min-width:145px;padding:15px 18px;border-radius:14px;background:var(--white);color:#111;box-shadow:0 20px 40px rgba(0,0,0,.28);display:flex;align-items:center;gap:10px;font:600 11px var(--font-body);z-index:2}.flow-node i{width:28px;height:28px;border-radius:8px;background:#111;color:var(--white);display:grid;place-items:center}.node-a{left:7%;top:16%}.node-b{left:36%;top:40%;background:var(--violet);color:var(--white)}.node-b i{background:var(--lime);color:var(--black)}.node-c{right:7%;top:17%}.node-d{right:12%;bottom:11%;background:var(--lime)}.flow-line{position:absolute;height:2px;background:#4a4a4a;transform-origin:left center}.line-a{width:35%;left:20%;top:34%;transform:rotate(19deg)}.line-b{width:30%;left:52%;top:43%;transform:rotate(-24deg)}.line-c{width:28%;right:16%;top:46%;transform:rotate(70deg)}
.v2-work-cta{display:flex;justify-content:flex-end;padding-top:40px}

/* process */
.v2-process{padding:var(--v2-pad) 0;background:var(--black);color:var(--white)}
.process-v2-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;padding-top:65px}
.process-v2-intro{position:sticky;top:120px;align-self:start}.process-v2-intro p{font-size:15px;line-height:1.75;color:#858585;max-width:460px;margin:30px 0 0}
.process-v2-list{border-top:1px solid var(--v2-rule-light)}
.process-v2-item{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:30px 0 38px;border-bottom:1px solid var(--v2-rule-light)}
.process-v2-item>span{font:700 11px var(--font-ui);letter-spacing:.12em;color:var(--lime);padding-top:5px}.process-v2-item small{font:700 10px var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:#666}.process-v2-item h3{font:600 clamp(28px,3vw,44px)/1.08 var(--font-display);letter-spacing:-.05em;margin:9px 0 12px}.process-v2-item p{font-size:13px;line-height:1.7;color:#8c8c8c;margin:0;max-width:600px}

/* proof */
.v2-proof{padding:var(--v2-pad) 0}
.proof-statement{font:650 clamp(48px,6vw,92px)/.94 var(--font-display);letter-spacing:-.065em;max-width:1170px;margin:64px 0 78px}.proof-statement span{color:rgba(0,0,0,.43)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.22)}
.proof-item{padding:28px 28px 0 0;border-right:1px solid rgba(0,0,0,.22);min-height:240px}.proof-item+.proof-item{padding-left:28px}.proof-item:last-child{border-right:0}.proof-item strong{font:700 11px var(--font-ui);letter-spacing:.12em}.proof-item h3{font:600 23px/1.15 var(--font-display);letter-spacing:-.04em;margin:46px 0 10px}.proof-item p{font-size:13px;line-height:1.65;margin:0;color:rgba(0,0,0,.62)}

/* quote */
.v2-testimonials{padding:var(--v2-pad) 0}.quote-v2{max-width:1120px;margin:70px auto 0}.quote-mark{font:700 100px/1 var(--font-display);color:var(--violet);height:72px}.quote-v2 blockquote{font:600 clamp(42px,5.3vw,78px)/1.03 var(--font-display);letter-spacing:-.055em;margin:0}.quote-credit{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:20px;border-top:1px solid var(--v2-rule);font:700 11px var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:#777}

/* CTA */
.v2-cta{padding:28px 0 40px;background:var(--black)}.v2-cta-panel{position:relative;background:var(--violet);color:var(--white);border-radius:28px;overflow:hidden;padding:42px clamp(30px,5vw,72px) 56px;min-height:650px;display:flex;flex-direction:column}.v2-cta-panel .section-rule--cta{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.24)}.v2-cta-panel h2{position:relative;z-index:2;font:700 clamp(60px,8vw,122px)/.87 var(--font-display);letter-spacing:-.075em;margin:auto 0 42px;max-width:1150px}.v2-cta-panel h2 span{color:var(--lime)}.v2-cta-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.v2-cta-bottom p{max-width:500px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.75);margin:0}.cta-orbit{position:absolute;right:-4vw;top:-8vw;width:min(48vw,680px);aspect-ratio:1;border:1px solid rgba(255,255,255,.19);border-radius:50%;display:grid;place-items:center}.cta-orbit:before,.cta-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.cta-orbit:before{inset:17%}.cta-orbit:after{inset:34%}.cta-orbit span{width:17%;aspect-ratio:1;background:var(--lime);border-radius:50%;box-shadow:0 0 80px rgba(198,255,51,.32)}