.cp-main-sites .ab-hero-title{font-size:clamp(48px,8.4vw,128px);line-height:.9}.cp-main-sites .ab-hero-top{padding-bottom:clamp(64px,11vh,128px)}.cp-main-sites .ab-hero-intro{font-size:clamp(15px,1.15vw,18px);font-weight:300;line-height:1.6;letter-spacing:0;max-width:62ch}.cp-main-sites .ab-header-bg{background:radial-gradient(46% 64% at 16% 18%,oklch(40% .1 255/.92) 0,transparent 60%),radial-gradient(50% 66% at 88% 26%,oklch(40% .11 292/.92) 0,transparent 62%),radial-gradient(54% 64% at 60% 104%,oklch(38% .1 210/.85) 0,transparent 60%),linear-gradient(150deg,oklch(20% .08 262),oklch(13% .06 282))}.cp-main-sites .ph-pin{position:relative;width:100%;height:100vh;height:100dvh;z-index:1}.cp-main-sites .ph-pin>.cp-header.ab-header{position:fixed;top:0;left:0;right:0;width:100%;height:100vh;height:100dvh}.cp-main-sites .ab-after{position:relative;z-index:2;background:var(--color-paper)}.cp-main-sites .ph-wrap{max-width:1600px;margin:0 auto;padding:0 clamp(20px,4vw,60px)}.cp-main-sites .ph-wrap-wide{max-width:none;margin:0;padding:0 clamp(24px,4vw,60px)}.cp-main-sites .ph-sec{position:relative;background:var(--color-paper);padding:clamp(84px,14vh,190px) 0}.cp-main-sites .ph-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-sans);font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-soft);padding:7px 15px;border-radius:100px;background:oklch(20% .01 145/.05);margin-bottom:clamp(22px,3vh,38px)}.cp-main-sites .ph-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:oklch(72% .18 145);box-shadow:0 0 8px oklch(72% .18 145/.7)}.cp-main-sites .ph-h2{font-family:var(--font-display);font-weight:900;font-size:clamp(34px,5.6vw,84px);line-height:.92;letter-spacing:-.04em;color:var(--color-ink);margin:0}.cp-main-sites .ph-h2 .dot{color:oklch(72% .18 145)}.cp-main-sites .ph-sub{font-family:var(--font-sans);font-weight:300;font-size:clamp(15px,1.15vw,18px);line-height:1.6;color:var(--color-ink-soft);max-width:56ch;margin:clamp(18px,2.4vh,28px) 0 0}.cp-main-sites .ph-caps{display:flex;align-items:flex-start;gap:clamp(14px,1.3vw,22px);margin-top:clamp(44px,6vh,84px)}.cp-main-sites .ph-track{display:flex;flex-direction:column;gap:clamp(14px,1.3vw,22px);min-width:0}.cp-main-sites .ph-track--1{flex:1.5 1 0;margin-top:clamp(56px,7vw,120px)}.cp-main-sites .ph-track--2{flex:0.95 1 0;margin-top:0}.cp-main-sites .ph-track--3{flex:0.7 1 0;margin-top:clamp(24px,3.4vw,68px)}.cp-main-sites .ph-cap{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;border-radius:clamp(18px,1.6vw,24px);padding:clamp(26px,2.4vw,42px);color:oklch(98% .005 145);transition:transform .6s cubic-bezier(.22,1,.36,1)}.cp-main-sites .ph-cap:hover{transform:translateY(-6px)}.cp-main-sites .ph-cap--tall{min-height:clamp(380px,33vw,540px)}.cp-main-sites .ph-cap--med{min-height:clamp(250px,22vw,330px)}.cp-main-sites .ph-cap--short{min-height:clamp(196px,16vw,250px)}.cp-main-sites .ph-cap>*{position:relative;z-index:2}.cp-main-sites .ph-cap--c1{background:radial-gradient(circle at 28% 22%,oklch(40% .1 255) 0,transparent 60%),linear-gradient(158deg,oklch(22% .08 250),oklch(13% .05 258))}.cp-main-sites .ph-cap--c2{background:radial-gradient(circle at 30% 24%,oklch(40% .11 292) 0,transparent 60%),linear-gradient(158deg,oklch(22% .09 288),oklch(13% .06 282))}.cp-main-sites .ph-cap--c3{background:radial-gradient(circle at 30% 24%,oklch(39% .1 272) 0,transparent 60%),linear-gradient(158deg,oklch(21% .08 270),oklch(13% .05 276))}.cp-main-sites .ph-cap--c4{background:radial-gradient(circle at 28% 24%,oklch(40% .1 212) 0,transparent 60%),linear-gradient(158deg,oklch(22% .08 210),oklch(13% .05 222))}.cp-main-sites .ph-cap--c5{background:radial-gradient(circle at 30% 24%,oklch(40% .11 305) 0,transparent 60%),linear-gradient(158deg,oklch(22% .09 300),oklch(13% .06 294))}.cp-main-sites .ph-cap--c6{background:radial-gradient(circle at 30% 24%,oklch(40% .1 222) 0,transparent 60%),linear-gradient(158deg,oklch(21% .08 224),oklch(13% .05 234))}.cp-main-sites .ph-cap-ic{display:inline-flex;margin-bottom:auto;width:clamp(42px,3.2vw,54px);height:clamp(42px,3.2vw,54px);align-items:center;justify-content:center;border-radius:14px;background:oklch(99% .005 145/.13);color:oklch(98% .005 145);transition:background .4s ease,color .4s ease}.cp-main-sites .ph-cap-ic svg{width:clamp(22px,1.7vw,27px);height:auto}.cp-main-sites .ph-cap:hover .ph-cap-ic{background:oklch(82% .16 150/.26);color:oklch(88% .14 150)}.cp-main-sites .ph-cap-t{font-family:var(--font-sans);font-weight:600;font-size:clamp(18px,1.5vw,23px);letter-spacing:-.02em;line-height:1.18;color:oklch(98% .005 145);margin:clamp(20px,2.6vh,34px) 0 10px}.cp-main-sites .ph-cap-d{font-family:var(--font-sans);font-weight:300;font-size:clamp(13.5px,.98vw,15.5px);line-height:1.6;color:oklch(98% .005 145/.82);margin:0}.cp-main-sites .ph-cap--tall .ph-cap-t{font-size:clamp(22px,2.2vw,34px)}.cp-main-sites .ph-cap--tall .ph-cap-d{font-size:clamp(14px,1.05vw,16.5px);max-width:42ch}.cp-main-sites .ph-seo-sec{padding:clamp(80px,13vh,150px) 0}.cp-main-sites .ph-seo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,90px);align-items:start}.cp-main-sites .ph-seo-eyebrow{display:inline-flex;align-items:center;gap:13px;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:oklch(72% .18 145);margin:0 0 clamp(20px,2.6vh,30px)}.cp-main-sites .ph-seo-eyebrow:before{content:"";width:30px;height:1px;background:oklch(72% .18 145)}.cp-main-sites .ph-seo-h{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3.4vw,56px);line-height:1.02;letter-spacing:-.035em;color:#14141a;margin:0;max-width:14ch}.cp-main-sites .ph-seo-h .dot{color:oklch(72% .18 145)}.cp-main-sites .ph-seo-body p{font-family:var(--font-sans);font-weight:300;font-size:clamp(19px,1.65vw,28px);line-height:1.45;letter-spacing:-.012em;color:#23232b;margin:0 0 clamp(18px,2.4vh,30px)}.cp-main-sites .ph-seo-body p:last-child{margin-bottom:0}@media (max-width:900px){.cp-main-sites .ph-seo{grid-template-columns:1fr;gap:clamp(20px,4vh,34px)}}.cp-main-sites .ci-grid{margin-top:clamp(44px,6vh,84px)}.cp-main-sites .ph-all-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,3vw,52px);background:radial-gradient(circle at 26% 24%,oklch(40% .1 255) 0,transparent 60%),linear-gradient(158deg,oklch(20% .08 262),oklch(13% .06 282))}.cp-main-sites .ph-all-t{position:relative;z-index:2;font-family:var(--font-display);font-weight:400;font-size:clamp(28px,3vw,52px);letter-spacing:-.03em;line-height:1.02;color:oklch(98% .005 145)}.cp-main-sites .ph-all-go{position:relative;z-index:2;margin-top:clamp(16px,2vh,26px);font-size:clamp(30px,2.6vw,42px);color:oklch(88% .14 150);transition:transform .4s cubic-bezier(.22,1,.36,1)}.cp-main-sites .ph-all-card:hover .ph-all-go{transform:translateX(10px)}.cp-main-sites .ph-steps{margin-top:clamp(48px,7vh,96px);max-width:1080px}.cp-main-sites .ph-step{display:grid;grid-template-columns:clamp(44px,3.6vw,56px) 1fr;gap:clamp(20px,2.4vw,44px);padding-bottom:clamp(38px,5.2vh,68px)}.cp-main-sites .ph-step:last-child{padding-bottom:0}.cp-main-sites .ph-step-rail{display:flex;flex-direction:column;align-items:center}.cp-main-sites .ph-step-node{flex:0 0 auto;width:clamp(44px,3.6vw,56px);height:clamp(44px,3.6vw,56px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid oklch(72% .18 145/.5);background:oklch(72% .18 145/.1);font-family:var(--font-display);font-weight:300;font-size:clamp(14px,1.1vw,18px);color:oklch(56% .16 150)}.cp-main-sites .ph-step-line{flex:1 1 auto;width:1px;margin-top:10px;background:linear-gradient(oklch(72% .18 145/.55),oklch(72% .18 145/.12))}.cp-main-sites .ph-step:last-child .ph-step-line{display:none}.cp-main-sites .ph-step-body{padding-top:clamp(6px,.8vw,12px)}.cp-main-sites .ph-step-t{font-family:var(--font-sans);font-weight:600;font-size:clamp(20px,1.85vw,29px);letter-spacing:-.02em;line-height:1.14;color:var(--color-ink);margin:0 0 clamp(12px,1.6vh,18px)}.cp-main-sites .ph-step-tags{display:flex;flex-wrap:wrap;align-items:baseline;font-family:var(--font-sans);font-weight:300;font-size:clamp(13.5px,1vw,15.5px);line-height:1.7;color:var(--color-ink-soft)}.cp-main-sites .ph-step-tags span:not(:last-child):after{content:"·";margin:0 clamp(10px,.9vw,14px);color:oklch(72% .18 145/.8)}@media (max-width:600px){.cp-main-sites .ph-step{grid-template-columns:clamp(40px,9vw,48px) 1fr;gap:16px}}.cp-main-sites .ph-stack{position:relative;z-index:2;color:oklch(98% .005 145);background:radial-gradient(58% 50% at 82% 0,oklch(26% .09 282) 0,transparent 62%),radial-gradient(46% 44% at 8% 16%,oklch(24% .08 250) 0,transparent 60%),linear-gradient(162deg,oklch(17% .06 262),oklch(12% .05 280))}.cp-main-sites .ph-stack .ph-eyebrow{color:oklch(98% .005 145/.72);background:oklch(99% .005 145/.07)}.cp-main-sites .ph-stack .ph-h2{color:oklch(98% .005 145)}.cp-main-sites .ph-stack .ph-sub{color:oklch(98% .005 145/.66)}.cp-main-sites .ph-board-wrap{margin-top:clamp(48px,7vh,90px);overflow-x:auto;border-radius:14px}.cp-main-sites .ph-board{position:relative;min-width:840px;border:1px solid oklch(99% .005 145/.1);border-radius:14px;overflow:hidden;background:oklch(99% .005 145/.02);--lbl:clamp(214px,22vw,304px)}.cp-main-sites .ph-brow{position:relative;z-index:1;display:grid;grid-template-columns:var(--lbl) 1fr;border-top:1px solid oklch(99% .005 145/.07)}.cp-main-sites .ph-brow--head{border-top:none;border-bottom:1px solid oklch(99% .005 145/.12)}.cp-main-sites .ph-bcorner{padding:clamp(13px,1.4vw,18px) clamp(15px,1.6vw,22px);border-right:1px solid oklch(99% .005 145/.1)}.cp-main-sites .ph-bcorner b{display:block;font-family:var(--font-sans);font-weight:500;font-size:clamp(15px,1.2vw,18px);color:oklch(98% .005 145);line-height:1.15}.cp-main-sites .ph-bcorner span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:oklch(98% .005 145/.42)}.cp-main-sites .ph-bticks{display:grid;grid-template-columns:repeat(5,1fr)}.cp-main-sites .ph-bticks span{align-self:end;padding:clamp(13px,1.4vw,18px) 10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:oklch(98% .005 145/.42);border-left:1px solid oklch(99% .005 145/.07)}.cp-main-sites .ph-tlabel{display:flex;align-items:center;gap:clamp(10px,1.1vw,15px);padding:clamp(12px,1.25vw,17px) clamp(15px,1.6vw,22px);border-right:1px solid oklch(99% .005 145/.1);border-left:3px solid var(--cat,oklch(56% .13 240))}.cp-main-sites .ph-tlabel-logo{flex:0 0 auto;width:clamp(20px,1.8vw,26px);height:clamp(20px,1.8vw,26px);background:oklch(98% .005 145/.85);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.cp-main-sites .ph-tlabel-tx{min-width:0}.cp-main-sites .ph-tlabel-tx b{display:block;font-family:var(--font-sans);font-weight:500;font-size:clamp(13px,1vw,15.5px);color:oklch(98% .005 145);line-height:1.15}.cp-main-sites .ph-tlabel-tx span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cat,oklch(98% .005 145/.45))}.cp-main-sites .ph-ttrack{position:relative;display:flex;align-items:center;padding:clamp(7px,.8vw,11px) 0;background:repeating-linear-gradient(90deg,transparent,transparent calc(20% - 1px),oklch(99% .005 145/.06) calc(20% - 1px),oklch(99% .005 145/.06) 20%)}.cp-main-sites .ph-bar{height:clamp(32px,3.5vw,44px);display:flex;align-items:center;gap:9px;padding:0 clamp(11px,1.1vw,16px);border-radius:8px;overflow:hidden;white-space:nowrap;border:1px solid oklch(60% .1 245/.5);background:linear-gradient(90deg,oklch(47% .12 242/.92),oklch(40% .1 256/.72));box-shadow:inset 0 1px 0 oklch(99% .005 145/.08);transition:background .3s ease,border-color .3s ease}.cp-main-sites .ph-brow:hover .ph-bar{background:linear-gradient(90deg,oklch(52% .14 236/.96),oklch(44% .12 250/.82));border-color:oklch(72% .18 145/.55)}.cp-main-sites .ph-bar--oos{border-color:oklch(52% .02 260/.5);background:repeating-linear-gradient(45deg,oklch(40% .03 262/.55) 0 6px,oklch(30% .02 262/.55) 6px 12px);box-shadow:none}.cp-main-sites .ph-brow:hover .ph-bar--oos{border-color:oklch(60% .03 262/.6);background:repeating-linear-gradient(45deg,oklch(44% .03 262/.6) 0 6px,oklch(33% .02 262/.6) 6px 12px)}.cp-main-sites .ph-bar-role{font-family:var(--font-sans);font-weight:500;font-size:clamp(12px,.95vw,14.5px);color:oklch(98% .005 145/.96);overflow:hidden;text-overflow:ellipsis}.cp-main-sites .ph-bar-st{margin-left:auto;flex:0 0 auto;width:clamp(17px,1.6vw,20px);height:clamp(17px,1.6vw,20px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1}.cp-main-sites .ph-bar-st--prod{background:oklch(72% .18 145/.22);color:oklch(88% .15 150)}.cp-main-sites .ph-bar-st--load{background:oklch(64% .12 218/.26);color:oklch(82% .11 218)}.cp-main-sites .ph-bar-st--soon{background:oklch(80% .14 85/.22);color:oklch(86% .13 85)}.cp-main-sites .ph-core{position:absolute;top:0;bottom:0;left:var(--lbl);right:0;pointer-events:none;z-index:3}.cp-main-sites .ph-core:before{content:"";position:absolute;top:0;bottom:0;left:80%;width:1px;background:linear-gradient(oklch(72% .18 145/.8),oklch(72% .18 145/.12))}.cp-main-sites .ph-core span{position:absolute;top:clamp(7px,1vw,12px);left:80%;transform:translateX(-50%);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:oklch(82% .16 150/.92);white-space:nowrap;background:oklch(13% .05 275);padding:0 6px}.cp-main-sites .ph-faq-list{margin-top:clamp(40px,6vh,72px);max-width:none;display:flex;flex-direction:column;gap:clamp(10px,1.4vh,15px)}.cp-main-sites .ph-q{border-radius:14px;overflow:hidden;background:oklch(22% .02 262/.035);border:1px solid oklch(22% .02 262/.07);transition:background .3s ease,border-color .3s ease}.cp-main-sites .ph-q[open]{background:oklch(22% .02 262/.05);border-color:oklch(22% .02 262/.1)}.cp-main-sites .ph-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:clamp(14px,1.6vw,22px);padding:clamp(18px,2.2vh,25px) clamp(20px,2.4vw,30px);font-family:var(--font-sans);font-weight:400;letter-spacing:-.01em;line-height:1.3;font-size:clamp(16px,1.35vw,20px);color:var(--color-ink)}.cp-main-sites .ph-q summary::-webkit-details-marker{display:none}.cp-main-sites .ph-q-chev{margin-left:auto;flex:0 0 auto;position:relative;width:22px;height:22px;transition:transform .35s cubic-bezier(.22,1,.36,1)}.cp-main-sites .ph-q-chev:after,.cp-main-sites .ph-q-chev:before{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;border-radius:2px;background:oklch(58% .16 150);transform:translate(-50%,-50%)}.cp-main-sites .ph-q-chev:after{transform:translate(-50%,-50%) rotate(90deg)}.cp-main-sites .ph-q[open] .ph-q-chev{transform:rotate(135deg)}.cp-main-sites .ph-q-a{margin:0;max-width:74ch;padding:0 clamp(20px,2.4vw,30px) clamp(20px,2.4vh,28px);font-family:var(--font-sans);font-weight:300;font-size:clamp(14.5px,1.2vw,17px);line-height:1.6;color:var(--color-ink-soft)}.js-reveal .cp-main-sites .ph-rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.cp-main-sites .ph-rv.is-in{opacity:1;transform:none}@media (max-width:1024px){.cp-main-sites .ph-track--1{margin-top:clamp(22px,4vw,56px)}.cp-main-sites .ph-track--3{margin-top:clamp(10px,2vw,30px)}}@media (max-width:767px){.cp-main-sites .ph-pin{height:auto}.cp-main-sites .ph-pin>.cp-header.ab-header{position:relative;height:auto;min-height:100svh}.cp-main-sites .ph-caps{flex-direction:column}.cp-main-sites .ph-track{width:100%;margin-top:0}.cp-main-sites .ph-cap--med,.cp-main-sites .ph-cap--short,.cp-main-sites .ph-cap--tall{min-height:clamp(200px,46vw,260px)}}@media (prefers-reduced-motion:reduce){.js-reveal .cp-main-sites .ph-rv{opacity:1;transform:none;transition:none}}