.hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:45px;padding-block:65px 55px}.hero h1 em{color:var(--ink)}.nav-actions{gap:0}.get-options{margin-top:18px}.get-app>p{max-width:440px;line-height:1.7}.get-app>p a{text-underline-offset:3px}.orbit-scene{--orbit-turn:0deg;--orbit-pitch:65deg;position:relative;height:560px;min-width:0;isolation:isolate;perspective:950px;contain:layout style;--gold:#eac47d;--gold-bright:#ffe8aa;--orbit-bg:#14161f;color:#efe7d8;background:radial-gradient(ellipse at 50% 52%,#b7832622,transparent 55%);border-radius:50%;font-family:var(--sans)}.orbit-grid{position:absolute;inset:12% 0;background-image:linear-gradient(#cda3630a 1px,transparent 1px),linear-gradient(90deg,#cda3630a 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black,transparent 65%);transform:perspective(500px) rotateX(45deg);pointer-events:none}.orbit-aura{position:absolute;width:62%;height:36%;left:19%;top:35%;border-radius:50%;background:#d7a64714;filter:blur(35px);pointer-events:none}.orbit-geometry{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.gold-ring{position:absolute;left:50%;top:50%;width:84%;aspect-ratio:1;border-radius:50%;transform-style:preserve-3d}.ring-main{transform:translate(-50%,-50%) rotateX(var(--orbit-pitch)) rotateZ(var(--orbit-turn));border:3px solid #d8aa57;box-shadow:0 0 2px 1px #ffeac0,inset 0 0 3px 1px #ffe6ae,0 0 13px #d7a44388,inset 0 0 17px #d7a44344;background:conic-gradient(from 30deg,transparent 0deg,#e1b05130 60deg,transparent 100deg,transparent 190deg,#fff1bd55 240deg,transparent 270deg);mask-image:radial-gradient(transparent 66%,#000 66.5%)}.ring-main:before{content:"";position:absolute;inset:7px;border:1px solid #e5c17c99;border-radius:50%}.ring-main:after{content:"";position:absolute;inset:-3px;border:2px solid transparent;border-top-color:#fff3cf;border-bottom-color:#7b511e;border-radius:50%}.ring-echo{width:95%;transform:translate(-50%,-50%) rotateX(68deg) rotateY(-12deg) rotateZ(calc(var(--orbit-turn) * -.55));border:1px solid #d6af664d;box-shadow:0 0 8px #dda73711}.ring-ticks{position:absolute;width:91%;aspect-ratio:1;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(calc(var(--orbit-turn) * -.3));background:repeating-conic-gradient(#d8b76c88 0deg 1deg,transparent 1deg 8deg);mask-image:radial-gradient(transparent 68%,black 68.5%,black 70%,transparent 70.5%)}.orbit-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none;z-index:4}.orbit-core>span{color:#d9b975;font:9px var(--mono);letter-spacing:.23em;margin-bottom:15px}.orbit-core strong{font-size:27px;letter-spacing:-.045em;font-weight:500;line-height:1.2;color:var(--ink);text-shadow:0 0 18px var(--bg)}.orbit-core i{width:30px;height:1px;background:#d4ac5d;margin-top:21px;box-shadow:0 0 9px #e2b148}.orbit-node{position:absolute;left:50%;top:50%;z-index:6;display:flex;align-items:center;gap:10px;min-width:145px;padding:12px 15px;background:linear-gradient(140deg,#26231eee,#171920f5);border:1px solid #d6b06a70;border-radius:12px 12px 12px 3px;box-shadow:0 8px 28px #0004,inset 0 1px #ffe0a51c;will-change:transform;backface-visibility:hidden}.orbit-node:after{content:"";position:absolute;bottom:-7px;left:19px;width:6px;height:6px;border-right:1px solid #d6b06a70;border-bottom:1px solid #d6b06a70;background:#1a1b20;transform:skewY(-40deg)}.orbit-glyph{color:#edc885;font:18px var(--mono)}.orbit-node small{display:block;color:#c5a875;font:8px var(--mono);letter-spacing:.1em;margin-bottom:5px}.orbit-node strong{display:block;color:#f0e8da;font-size:10px;font-weight:500;white-space:nowrap}.orbit-node[data-orbit="0"]{transform:translate(-140%,-180%)}.orbit-node[data-orbit="1"]{transform:translate(40%,-50%)}.orbit-node[data-orbit="2"]{transform:translate(-50%,130%)}.orbit-node[data-orbit="3"]{transform:translate(-170%,-50%)}.orbit-caption{position:absolute;bottom:45px;width:100%;text-align:center;font:8px var(--mono);letter-spacing:.13em;color:var(--muted)}.orbit-caption b{font-size:12px;font-weight:400;margin-left:10px}
[data-theme=light] .orbit-scene{--gold:#9d7029;background:radial-gradient(ellipse at 50% 52%,#be913f12,transparent 60%)}[data-theme=light] .ring-main{border-color:#ba8c38;box-shadow:0 0 1px 1px #ffdf96,inset 0 0 2px 1px #c8a355,0 0 12px #c3973433}[data-theme=light] .orbit-core>span{color:#835c23}[data-theme=light] .orbit-node{background:linear-gradient(140deg,#fffaf0f7,#f4eddefa);border-color:#b08b4d80;box-shadow:0 8px 25px #64503215,inset 0 1px white}[data-theme=light] .orbit-node strong{color:#393121}[data-theme=light] .orbit-node small{color:#715b33}[data-theme=light] .orbit-glyph{color:#976b22}[data-theme=light] .orbit-node:after{background:#f5eede;border-color:#b08b4d80}
.real-product{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:50px}.real-product figure{margin:0;min-width:0}.real-product img{display:block;width:100%;height:auto;border-radius:15px;border:1px solid var(--border);box-shadow:var(--shadow)}.real-product figcaption{font-size:10px;color:var(--muted);text-align:center;margin-top:17px}.product-caption h3{font-size:29px;line-height:1.2;margin:17px 0}.product-caption p{font-size:14px;color:var(--muted);line-height:1.8}.product-types{display:block;font:11px/2 var(--mono);color:var(--mauve);margin-top:25px}.outcomes{display:none}.collaboration .section-heading{max-width:650px}.output-grid>article{padding:28px 0;border-radius:0;border:0;border-top:1px solid var(--border);background:none}.output-grid{gap:70px}.how-grid{padding-top:28px;border-top:1px solid var(--border)}.section{padding-block:85px}.work-output{padding-bottom:75px}.how-grid a{display:none}.how{padding-bottom:55px}.footer{margin-top:30px}
@media(max-width:1100px){.hero{gap:20px}.orbit-scene{height:520px}.orbit-node{min-width:125px;padding:10px}.orbit-node strong{font-size:9px}.orbit-core strong{font-size:24px}.orbit-glyph{font-size:15px}.real-product{gap:25px}.product-caption h3{font-size:25px}.product-caption p{font-size:13px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:15px}.hero-copy{max-width:620px}.orbit-scene{height:490px;width:min(620px,100%);margin:auto}.orbit-caption{bottom:25px}.real-product{grid-template-columns:1.15fr .75fr;gap:35px;max-width:680px;margin-inline:auto}.product-caption{grid-column:1/-1;max-width:500px}.product-caption h3 br{display:none}.output-grid{gap:35px}}
@media(max-width:600px){.hero{padding-top:30px;padding-bottom:22px;gap:10px}.orbit-scene{height:380px;max-width:100%}.orbit-core strong{font-size:21px}.orbit-core>span{font-size:8px;margin-bottom:11px}.orbit-core i{margin-top:15px}.orbit-node{min-width:0;padding:9px;gap:6px;border-radius:9px 9px 9px 2px}.orbit-node small{font-size:7px}.orbit-node strong{font-size:8px}.orbit-glyph{font-size:13px}.orbit-caption{font-size:7px;bottom:25px;letter-spacing:.09em}.real-product{gap:20px;margin-top:32px}.real-product figcaption{font-size:9px}.product-caption{margin-top:8px}.product-caption h3{font-size:25px}.real-product img{border-radius:10px}.section{padding-block:60px}.output-grid{grid-template-columns:1fr;gap:8px;margin-top:28px}.work-output{padding-bottom:45px}.product-types{margin-top:15px}.how{padding-bottom:30px}.get-app>p{font-size:10px;max-width:310px}}
@media(prefers-reduced-motion:reduce){.orbit-node{will-change:auto}}
.orbit-node[data-orbit="4"]{transform:translate(35%,-180%)}
/* Keep the iPad and iPhone product captures on one shared visual baseline. */
.real-product figure{display:flex;flex-direction:column;align-items:center}
.real-product img{width:auto;max-width:100%;height:clamp(300px,38vw,520px);object-fit:contain;object-position:center bottom}

@media(max-width:600px){.orbit-node small{font-size:8.5px}.orbit-node strong{font-size:10px}.orbit-glyph{font-size:15px}.orbit-core>span{font-size:9px}.orbit-caption{font-size:8px}}
.orbit-node{padding:13px 16px;gap:11px}.orbit-node small{font-size:9px;margin-bottom:6px}.orbit-node strong{font-size:11px}.orbit-glyph{font-size:20px}
@media(max-width:1100px){.orbit-node{padding:11px 13px}.orbit-node small{font-size:8px}.orbit-node strong{font-size:10px}.orbit-glyph{font-size:17px}}
@media(max-width:600px){.orbit-node{padding:10px;gap:7px}.orbit-node small{font-size:8.5px}.orbit-node strong{font-size:10px}.orbit-glyph{font-size:15px}.orbit-core>span{font-size:9px}.orbit-caption{font-size:8px}}
/* Align the capture frames first; captions flow independently below them. */
.real-product{align-items:start}