:root{color-scheme:dark;font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;background:#080b18;color:#f4f5ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;background:radial-gradient(ellipse 45rem 32rem at 85% 12%,#28215d80,transparent 73%),#080b18}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #c7bdff;outline-offset:4px}.shell{width:min(100% - 2.5rem,1120px);margin-inline:auto}.skip{position:absolute;top:-5rem;left:1rem;padding:.75rem 1rem;background:#fff;color:#080b18;z-index:5}.skip:focus{top:1rem}
.site-header{border-bottom:1px solid #ffffff1c;background:#080b18ee}.header-inner{min-height:4.9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.55rem;font-size:1.22rem;font-weight:800;letter-spacing:-.065em;text-transform:lowercase}.point{color:#b5a4ff;margin-left:-.55rem}.brand-orb{position:relative;display:inline-block;width:1.55rem;height:1.55rem;border:1.5px solid #a5a0fe;border-radius:50%;box-shadow:0 0 16px #a5a0fe66}.brand-orb:after{content:"";position:absolute;inset:.43rem -.35rem;border:1px solid #b4adff99;border-radius:50%;transform:rotate(-28deg)}.site-header nav,.footer nav{display:flex;align-items:center;gap:clamp(.8rem,2vw,2rem)}nav a{font-size:.88rem;color:#cbd0e7}.header-action{white-space:nowrap;padding:.67rem .95rem;border:1px solid #b9acff68;border-radius:999px;color:#f6f2ff}.header-action:hover{background:#aca1ff1f}
.hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(4rem,8vw,8rem)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#beb8ff;font-size:.72rem;font-weight:800}.spark{display:inline-block;width:.55rem;height:.55rem;margin-right:.4rem;border-radius:50%;background:#bcb1ff;box-shadow:0 0 16px #aba0ff}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.07}h1{font-size:clamp(3rem,6.4vw,6.4rem);margin-block:1.2rem 1.4rem}h1 span{color:#b6acff}.lead{max-width:39rem;color:#d0d3e6;font-size:clamp(1.07rem,1.5vw,1.25rem)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:3.25rem;padding:.82rem 1.25rem;border-radius:999px;background:linear-gradient(120deg,#8b79ff,#b6a6ff);color:#0b0b20;font-weight:800;box-shadow:0 14px 38px #7e68ff3b;transition:transform .22s,box-shadow .22s}.button:hover{transform:translateY(-3px);box-shadow:0 19px 45px #7e68ff61}.button:active{transform:translateY(0)}.assurance{color:#afb5d1;font-size:.85rem;margin-top:1rem}
.example{position:relative;min-width:0;padding:clamp(1.15rem,3vw,2rem);border:1px solid #c9c1ff37;border-radius:1.7rem;background:linear-gradient(145deg,#1d2138,#111626);box-shadow:0 2rem 5rem #0103097d, inset 0 1px #ffffff19;transform:perspective(900px) rotateY(-3deg);transition:transform .4s}.example:hover{transform:perspective(900px) rotateY(0)}.example:before{content:"";position:absolute;inset:-1.5rem 0 auto auto;width:8rem;height:8rem;background:radial-gradient(circle,#9188ff44,transparent 70%);pointer-events:none}.example-head{display:flex;align-items:center;gap:.65rem;color:#d1d0f5;font-size:.9rem;font-weight:700}.example-mark{width:1rem;height:1rem;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#9a89fa 55%,#55419b);box-shadow:0 0 14px #9c8bff}.example-total{margin-left:auto;color:#fff;font-size:1.3rem}.people{margin-block:1.6rem;border-block:1px solid #ffffff20}.people>div{display:flex;align-items:center;gap:.75rem;min-height:4.5rem;border-bottom:1px solid #ffffff12}.people>div:last-child{border-bottom:0}.avatar{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border:1px solid #ffffff50;border-radius:50%;font-weight:800}.a{background:#8a7fe855}.b{background:#65b8cf55}.c{background:#eac57855}.people span:nth-child(2){min-width:0;line-height:1.25;font-weight:700}.people small{display:block;margin-top:.18rem;color:#b5bbd1;font-size:.72rem;font-weight:500}.people strong{margin-left:auto;font-size:1rem;white-space:nowrap}.example-result{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:1rem;border-radius:1rem;background:#9f8eff23;color:#e3ddff}.example-result strong{font-size:1.8rem}.example>p{margin:1rem 0 0;color:#aeb5ce;font-size:.77rem}
.section{padding-block:clamp(3.5rem,7vw,6.8rem);border-top:1px solid #ffffff18}.section h2,.closing h2{font-size:clamp(2.3rem,4.7vw,4.3rem);max-width:17ch;margin-bottom:2rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.steps article{padding:1.45rem;border:1px solid #ffffff21;border-radius:1.25rem;background:#161a2c}.number{display:block;margin-bottom:2rem;color:#b9aaff;font-weight:800;font-size:.78rem;letter-spacing:.13em}.steps h3{font-size:1.25rem}.steps p,.clarity p,.questions p{color:#c1c6db}.clarity{display:grid;grid-template-columns:1fr .75fr;gap:2rem;align-items:center}.clarity h2{margin-bottom:1.2rem}.clarity-art{position:relative;height:17rem;display:grid;place-items:center}.art-core{width:8rem;height:8rem;border-radius:50%;background:radial-gradient(circle at 28% 25%,#ddd5ff,#8c79e1 42%,#292058 85%);box-shadow:0 0 5rem #8c79e162, inset -.7rem -1.1rem 2.5rem #120d40}.art-orbit{position:absolute;width:15rem;height:4.8rem;border:1px solid #cec7ff8c;border-radius:50%;transform:rotate(-28deg)}.art-orbit.two{transform:rotate(32deg);border-color:#7ad1e27a}.art-dot{position:absolute;width:.7rem;height:.7rem;border-radius:50%;background:#d4d0ff;transform:translate(5.5rem,-3.9rem);box-shadow:0 0 1rem #c3baff}.questions>div{max-width:46rem;padding:1.15rem 0;border-top:1px solid #ffffff25}.questions h3{font-size:1.1rem;margin-bottom:.45rem}.questions p{margin:0}.closing{padding-block:5.5rem;background:radial-gradient(ellipse 40rem 20rem at 80% 60%,#3d327280,transparent),#12162a}.closing h2{margin-bottom:1.7rem}.footer{min-height:6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer .brand{font-size:1rem}.footer .point{margin-left:-.55rem}
@media(max-width:760px){.hero,.clarity{grid-template-columns:1fr}.hero{padding-block:3.8rem 4.5rem}.example{transform:none}.steps{grid-template-columns:1fr}.steps article{padding:1.25rem}.number{margin-bottom:.7rem}.clarity-art{height:13rem}.footer{flex-wrap:wrap;padding-block:1.5rem}.footer nav{flex-wrap:wrap}.section{padding-block:3.5rem}}@media(max-width:410px){.shell{width:min(100% - 1.5rem,1120px)}.site-header nav>a:first-child{display:none}.header-action{font-size:.74rem;padding:.55rem .62rem}h1{font-size:clamp(2.65rem,12vw,3.5rem)}.people>div{gap:.55rem}.example-result strong{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.example{transition:none}.button:hover,.example:hover{transform:none}}

/* The examples have depth but never need a graphics library or a hidden first paint. */
:root{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif}
.example[data-scene]{transform:perspective(1000px) rotateY(calc(-3deg + var(--scene-turn,0deg))) translateY(var(--scene-lift,0px))}
.example[data-scene]:hover{transform:perspective(1000px) rotateY(var(--scene-turn,0deg)) translateY(var(--scene-lift,0px))}
.proof{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,7vw,7rem);align-items:center}
.proof h2,.difference h2{margin-bottom:1.2rem}
.proof-copy>p:not(.eyebrow),.difference p{color:#c1c6db}
.proof-hint{font-size:.9rem;margin-top:1.6rem;border-left:2px solid #aaa1ff;padding-left:1rem}
.proof-device{min-width:0;padding:.5rem;border-radius:1.8rem;border:1px solid #c3bbff42;background:linear-gradient(140deg,#8b80cb20,#12182d);box-shadow:0 2rem 5rem #02041175;transform:perspective(1000px) rotateY(var(--scene-turn,0deg)) translateY(var(--scene-lift,0px));transform-style:preserve-3d}
.proof-device-inner{padding:clamp(1.3rem,3vw,2rem);border-radius:1.4rem;background:radial-gradient(circle at 92% 8%,#4d44825b,transparent 47%),#171b30;box-shadow:inset 0 1px #fff2}
.demo-label{color:#c5beff;text-transform:uppercase;letter-spacing:.13em;font-size:.69rem;font-weight:800;margin-bottom:1.4rem}
.demo-row{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:.9rem;padding:1rem 0;border-top:1px solid #fff2;transition:opacity .45s cubic-bezier(.22,.8,.22,1)}
.demo-row>span{display:grid;grid-template-columns:1rem 1fr;align-items:center;column-gap:.7rem;font-weight:800}
.demo-row small{grid-column:2;font-size:.75rem;font-weight:500;color:#aeb6d0}
.demo-row strong{white-space:nowrap}
.demo-row.disputed{opacity:.6}.demo-row.disputed strong{text-decoration:line-through;text-decoration-thickness:1px}
.demo-dot{width:.65rem;height:.65rem;border-radius:50%;display:block;box-shadow:0 0 15px currentColor}
.demo-dot.accepted{background:#6ddbc3;color:#6ddbc3}.demo-dot.waiting{background:#f3bd83;color:#f3bd83}
.demo-total{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:.5rem;padding:1.15rem;border-radius:1rem;background:#9285ff20}
.demo-total span{font-size:.85rem;color:#d7d2fc}.demo-total strong{font-size:clamp(1.6rem,3.5vw,2.35rem);font-variant-numeric:tabular-nums}
.demo-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:3rem;margin-top:1rem;padding:.7rem 1rem;background:#ffffff0b;border:1px solid #a79cff7a;border-radius:999px;color:#fff;font:inherit;font-weight:750;cursor:pointer;transition:background .3s cubic-bezier(.22,.8,.22,1),transform .3s cubic-bezier(.22,.8,.22,1)}
.demo-toggle:hover{background:#a698ff29;transform:translateY(-2px)}.demo-toggle:active{transform:scale(.985)}.demo-toggle:focus-visible{outline:3px solid #c7bdff;outline-offset:3px}
.demo-toggle span{display:grid;place-items:center;flex:none;width:1.8rem;height:1.8rem;border-radius:50%;background:#a99cff2b;transition:transform .3s cubic-bezier(.22,.8,.22,1)}.demo-toggle:hover span{transform:rotate(35deg)}
.demo-foot{margin:.85rem 0 0;color:#aeb5ce;font-size:.75rem}
.difference-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1rem;margin-top:2.4rem}
.difference-grid article{position:relative;overflow:hidden;min-width:0;min-height:17rem;padding:1.6rem;border-radius:1.4rem;border:1px solid #bdb3ff36;background:radial-gradient(circle at 20% 0%,#7462a54f,transparent 55%),#161a2d;box-shadow:inset 0 1px #fff1;transition:transform .55s cubic-bezier(.22,.8,.22,1),border-color .55s cubic-bezier(.22,.8,.22,1)}
.difference-grid article:nth-child(2){background:radial-gradient(circle at 15% 0%,#37899652,transparent 55%),#161a2d}.difference-grid article:nth-child(3){background:radial-gradient(circle at 15% 0%,#b4834752,transparent 55%),#161a2d}
.difference-grid article:hover{transform:translateY(-5px);border-color:#bdb3ff7a}
.difference-grid article:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#a797ff,#78d1cf);transform:scaleX(var(--scene-progress,1));transform-origin:left;opacity:.8}
.difference-symbol{display:grid;place-items:center;width:2.35rem;height:2.35rem;margin-bottom:2.6rem;border-radius:50%;background:#ffffff12;color:#e8e4ff;font:700 1rem Georgia,serif}
.feature-graphic{position:relative;min-height:6.5rem;display:flex;align-items:flex-start;gap:.45rem;flex-wrap:wrap;align-content:flex-start;margin-bottom:1.4rem;perspective:600px}
.feature-graphic:before{content:"";position:absolute;left:.2rem;right:.2rem;top:2.4rem;border-top:1px dashed #a99cff70;transform:scaleX(var(--scene-progress,1));transform-origin:left}
.feature-pill{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.43rem .63rem;border-radius:999px;background:#8171da2a;border:1px solid #b1a7ff72;color:#f5f2ff;font-size:.67rem;font-weight:750;box-shadow:0 .5rem 1.4rem #05071a4d;transform:translateZ(15px)}
.feature-pill b{font-variant-numeric:tabular-nums}.feature-result{position:absolute;left:.2rem;bottom:.25rem;padding:.33rem .65rem;border-radius:999px;background:#8577d528;color:#dcd5ff;font-size:.67rem;font-weight:750}
.feature-graphic.prediction .feature-pill{background:#318b9950;border-color:#89d6d788}.feature-graphic.prediction .feature-result{background:#207b8050;color:#b9eeee}
.feature-graphic.groups .feature-pill{background:#a5793850;border-color:#e4bf7a88}.feature-graphic.groups .feature-result{background:#a5793844;color:#f5dda8}
.difference-grid h3{font-size:1.2rem;line-height:1.25}.difference-grid p{font-size:.91rem;margin-bottom:0}
.text-link{display:inline-flex;align-items:center;gap:.7rem;min-height:2.8rem;color:#d7cfff;font-weight:800;border-bottom:1px solid #9b8dff7f;transition:gap .3s cubic-bezier(.22,.8,.22,1),color .3s cubic-bezier(.22,.8,.22,1)}
.text-link:hover{gap:1rem;color:#fff}.text-link:focus-visible{outline:3px solid #c7bdff;outline-offset:4px}
.clarity-art[data-scene]{transform:perspective(900px) rotateY(var(--scene-turn,0deg)) translateY(var(--scene-lift,0px));transform-style:preserve-3d}
.art-core{transform:translateZ(22px)}.art-orbit.one{transform:rotate(-28deg) rotateX(66deg) translateZ(24px)}.art-orbit.two{transform:rotate(32deg) rotateY(54deg) translateZ(12px)}
.split-motion [data-reveal]{opacity:.7;transform:translateY(17px);transition:opacity .7s cubic-bezier(.22,.8,.22,1),transform .7s cubic-bezier(.22,.8,.22,1)}
.split-motion [data-reveal].is-visible{opacity:1;transform:translateY(0)}
.split-motion [data-reveal][data-scene]{transform:perspective(1000px) rotateY(var(--scene-turn,0deg)) translateY(var(--scene-lift,0px))}
.split-motion .difference-grid article:nth-child(2){transition-delay:.08s}.split-motion .difference-grid article:nth-child(3){transition-delay:.16s}
.split-motion-control{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:.45rem .8rem;border:1px solid #b8acff6b;border-radius:999px;background:#a695ff13;color:#ded9ff;font:inherit;font-size:.78rem;font-weight:700;line-height:1.2;cursor:pointer}.split-motion-control[hidden]{display:none}.split-motion-control:focus-visible{outline:3px solid #c7bdff;outline-offset:3px}.split-motion-spark{width:.65rem;height:.65rem;flex:none;border-radius:50%;background:#bfb4ff;box-shadow:0 0 14px #bfb4ff}.split-motion-control[aria-pressed="true"] .split-motion-spark{background:#79ddcf;box-shadow:0 0 14px #79ddcf}
@keyframes split-orb-breathe{50%{transform:scale(1.12);box-shadow:0 0 23px #a5a0fe8a}}
@media(prefers-reduced-motion:no-preference){.brand-orb{animation:split-orb-breathe 5s cubic-bezier(.35,0,.65,1) infinite}}
html.motion-override .brand-orb{animation:split-orb-breathe 5s cubic-bezier(.35,0,.65,1) infinite}
@media(max-width:760px){.proof{grid-template-columns:1fr}.difference-grid{grid-template-columns:1fr}.difference-grid article{min-height:0}.difference-symbol{margin-bottom:1.25rem}.proof-device{transform:none}.clarity-art[data-scene]{transform:none}.example[data-scene],.example[data-scene]:hover{transform:translateY(var(--scene-lift,0px))}}
@media(prefers-reduced-motion:reduce){html:not(.motion-override) .example[data-scene],html:not(.motion-override) .example[data-scene]:hover,html:not(.motion-override) .proof-device,html:not(.motion-override) .clarity-art[data-scene]{transform:none}html:not(.motion-override) .demo-toggle,html:not(.motion-override) .demo-toggle span,html:not(.motion-override) .difference-grid article,html:not(.motion-override) .demo-row,html:not(.motion-override) .text-link{transition:none}html:not(.motion-override) .demo-toggle:hover,html:not(.motion-override) .difference-grid article:hover{transform:none}html:not(.motion-override) .difference-grid article:after{display:none}}