:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none;--bg:#100f16;--surface:#181722;--surface2:#201e2c;--text:#f7f5ff;--muted:#a6a3b8;--faint:#777387;--border:rgba(198,190,229,.14);--accent:#aa91ff;--accent-2:#d4ff9f;--accent-bg:rgba(155,124,255,.12);--shadow:0 25px 90px rgba(0,0,0,.25);--header-height:76px;--content-width:1440px;--ease:cubic-bezier(.22,1,.36,1);background:var(--bg);color:var(--text);scroll-behavior:smooth;color-scheme:dark}
:root[data-theme=light]{--bg:#f7f5fb;--surface:#ffffff;--surface2:#efecf6;--text:#211c30;--muted:#68647b;--faint:#8b869e;--border:rgba(64,48,105,.15);--accent:#7355ce;--accent-2:#8ab749;--accent-bg:rgba(115,85,206,.09);--shadow:0 25px 80px rgba(40,25,85,.09);color-scheme:light}
*{box-sizing:border-box}html{min-width:0;scroll-padding-top:var(--header-height)}body{margin:0;min-width:0;overflow-x:clip;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:#171126}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk','DM Sans',sans-serif;letter-spacing:-.055em}p{line-height:1.7}a,button{-webkit-tap-highlight-color:transparent}.icon-library,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-100px;z-index:10001;padding:12px 18px;background:var(--text);color:var(--bg);border-radius:6px}.skip-link:focus{top:12px}.gradient-text{background:linear-gradient(105deg,#8e7cff 0%,#d38eee 40%,#ffb083 78%,#d7e69e 100%);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=light] .gradient-text{background-image:linear-gradient(105deg,#6048c1,#af4cb9 42%,#c16b50 80%)}
.site-header{height:var(--header-height);position:fixed;top:0;inset-inline:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-shell{height:100%;max-width:var(--content-width);padding:0 clamp(20px,4vw,62px);margin:auto;display:flex;align-items:center;gap:clamp(25px,4vw,72px)}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:700;letter-spacing:-.075em;line-height:1}.brand img{width:38px;height:38px;border-radius:10px}.brand-dot{color:var(--accent)}.primary-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px);flex:1}.primary-nav a{font-size:13px;font-weight:600;color:var(--muted);transition:color .2s;white-space:nowrap}.primary-nav a:hover,.footer-column a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:12px;margin-inline-start:auto}.select-wrap{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:var(--surface);white-space:nowrap}.select-wrap select{appearance:none;border:0;background:transparent;color:var(--text);font-size:12px;font-weight:600;outline:0;min-width:40px;max-width:82px;cursor:pointer}.select-wrap option{background:var(--surface);color:var(--text)}.select-wrap svg{flex:none}.theme-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.theme-switch button{display:grid;place-items:center;width:33px;height:30px;border:0;border-radius:5px;color:var(--muted);background:transparent;transition:background .2s,color .2s}.theme-switch button.is-active{background:var(--accent-bg);color:var(--accent)}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);align-items:center;justify-content:center}
main{padding-top:var(--header-height)}.hero-track{height:270svh;position:relative}.hero-stage{height:calc(100svh - var(--header-height));min-height:570px;position:sticky;top:var(--header-height);overflow:hidden;background:radial-gradient(ellipse at 74% 41%,rgba(85,62,151,.17),transparent 46%),var(--bg)}.hero-ambient{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 13% 20%,rgba(202,190,255,.7) 99%,transparent),radial-gradient(1px 1px at 67% 12%,rgba(202,190,255,.5) 99%,transparent),radial-gradient(1px 1px at 87% 59%,rgba(202,190,255,.4) 99%,transparent),radial-gradient(1.5px 1.5px at 31% 75%,rgba(202,190,255,.5) 99%,transparent),radial-gradient(1px 1px at 80% 85%,rgba(202,190,255,.4) 99%,transparent);background-size:740px 520px;opacity:.65}.hero-inner{position:relative;max-width:var(--content-width);height:100%;margin:auto;padding:clamp(22px,3vw,44px) clamp(20px,4vw,62px) 64px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:center;gap:10px}.hero-copy{position:relative;z-index:4;align-self:center;max-width:520px}.eyebrow{display:flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;font-weight:600;color:var(--accent);text-transform:uppercase;line-height:1.6}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 12px rgba(168,255,125,.24);flex:none}.hero-copy h1{font-size:clamp(42px,4.3vw,75px);font-weight:700;line-height:1.06;margin:28px 0 20px;letter-spacing:-.07em}.hero-description{font-size:clamp(14px,1.1vw,16px);color:var(--muted);max-width:400px;line-height:1.8;margin-bottom:30px}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;padding:0 23px;border:1px solid var(--accent);border-radius:999px;color:var(--text);font-size:12px;font-weight:700;background:transparent;transition:background .2s,transform .2s,border-color .2s}.pill-button:hover{background:var(--accent-bg);transform:translateY(-2px)}.pill-button svg{color:var(--accent)}.hero-meta{display:flex;align-items:center;gap:14px;margin-top:45px;font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--faint);letter-spacing:.07em}.meta-line{width:24px;height:1px;background:var(--faint)}.hero-bottom{position:absolute;bottom:25px;inset-inline:clamp(20px,4vw,62px);display:flex;justify-content:space-between;align-items:center;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em;color:var(--faint);pointer-events:none}.hero-bottom span:last-child{color:var(--accent)}
.wheel-area{position:relative;min-width:0;width:100%;height:100%;max-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;direction:ltr;isolation:isolate}.wheel-area:before{content:'';position:absolute;width:75%;height:65%;left:12.5%;top:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(125,87,230,.19),transparent 66%);filter:blur(30px);pointer-events:none}.scene-host{position:absolute;inset:0;pointer-events:none;opacity:.7}.scene-host canvas{width:100%;height:100%;display:block}.wheel{height:clamp(280px,33vw,410px);width:100%;position:relative;perspective:1300px;perspective-origin:50% 48%;transform-style:preserve-3d;touch-action:pan-y;user-select:none;z-index:2}.wheel.is-dragging{cursor:grabbing}.platform-card{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;color:white;border:1px solid color-mix(in srgb,var(--c1) 65%,white 8%);background:linear-gradient(145deg,var(--c1) -70%,var(--c2) 34%,var(--c3) 100%);box-shadow:inset 0 1px rgba(255,255,255,.32),inset 0 -1px rgba(255,255,255,.07),0 20px 46px rgba(0,0,0,.24);transition:box-shadow .3s,border-color .3s;cursor:pointer}.platform-card:hover{box-shadow:inset 0 1px rgba(255,255,255,.5),0 25px 65px rgba(0,0,0,.3)}.platform-card:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 35%,rgba(0,0,0,.17));z-index:1;pointer-events:none}.card-glow{position:absolute;width:100%;height:48%;top:-30%;left:-20%;border-radius:50%;background:var(--c1);filter:blur(40px);opacity:.55}.card-wave{position:absolute;width:160%;height:60%;left:-30%;bottom:-24%;border-radius:46% 54% 0 0/50% 65% 0 0;transform:rotate(-17deg);background:linear-gradient(120deg,transparent,var(--c1),var(--c2));opacity:.75;box-shadow:0 -1px 0 rgba(255,255,255,.28)}.card-wave-two{bottom:-40%;left:5%;transform:rotate(24deg);background:linear-gradient(100deg,var(--c3),var(--c1));opacity:.8}.card-shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.17) 48%,transparent 63%);transform:translateX(-140%);transition:transform .7s var(--ease);pointer-events:none;z-index:4}.platform-card:hover .card-shine{transform:translateX(140%)}.card-name{position:relative;z-index:3;max-width:90%;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.06em;text-shadow:0 2px 18px rgba(0,0,0,.24);overflow-wrap:anywhere;text-align:center;line-height:1.1}.wheel-card{width:clamp(160px,18vw,250px);aspect-ratio: .72;max-height:360px;position:absolute;top:50%;left:50%;border-radius:14px;transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(var(--x,0),0,var(--z,0)) rotateY(var(--r,0deg)) scale(var(--s,1));transition:box-shadow .3s,opacity .18s;will-change:transform}.wheel-card:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);pointer-events:none}.wheel-card[aria-current=true]{box-shadow:inset 0 1px rgba(255,255,255,.4),0 28px 70px rgba(0,0,0,.3),0 0 35px color-mix(in srgb,var(--c2) 30%,transparent)}.wheel-card .card-name{font-size:clamp(21px,2.2vw,32px)}.wheel-controls{z-index:5;display:flex;align-items:center;justify-content:center;gap:22px;margin-top:18px}.wheel-nav{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--muted);transition:color .2s,background .2s}.wheel-nav:hover{color:var(--text);background:var(--surface2)}.wheel-dots{display:flex;align-items:center;gap:7px}.wheel-dot{width:17px;height:20px;padding:0;border:0;background:transparent;display:grid;place-items:center}.wheel-dot:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--faint);transition:width .25s,background .25s}.wheel-dot.is-active:after{width:20px;border-radius:5px;background:var(--accent)}.wheel-hint{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:10px;margin:15px 0 0;letter-spacing:.02em;text-align:center}
.section-pad{padding:clamp(86px,11vw,155px) clamp(20px,4vw,62px)}.section-inner{max-width:var(--content-width);margin:auto}.gallery-section{position:relative;background:var(--surface);border-top:1px solid var(--border);overflow:hidden}.gallery-section:before{content:'';position:absolute;width:600px;height:600px;left:-200px;top:-200px;pointer-events:none;background:radial-gradient(circle,rgba(129,94,217,.055),transparent 65%)}.section-heading{max-width:790px;margin-bottom:50px}.section-heading h2,.lab-copy h2{font-size:clamp(35px,4.5vw,62px);line-height:1.12;margin:22px 0 22px}.section-heading>p,.lab-copy>p{color:var(--muted);font-size:15px;max-width:560px;line-height:1.85}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gallery-cell{min-width:0}.gallery-card{width:100%;aspect-ratio:1.24;border-radius:11px;box-shadow:inset 0 1px rgba(255,255,255,.25);transition:transform .45s var(--ease),box-shadow .3s}.gallery-card:hover{transform:translateY(-7px) scale(1.015)}.gallery-card .card-name{font-size:clamp(15px,1.6vw,25px);padding:0 10px}.gallery-card .card-wave{height:58%}.section-footnote{font-size:11px;color:var(--faint);margin:24px 0 0}.reveal{opacity:0;transform:translateY(35px) scale(.985);filter:blur(4px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease);transition-delay:var(--stagger,0ms)}.reveal.is-visible{opacity:1;transform:none;filter:none}.how-section{background:var(--bg)}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.how-card{min-width:0;padding:clamp(23px,3vw,38px);border:1px solid var(--border);border-radius:10px;background:var(--surface);min-height:260px}.how-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px;color:var(--accent);font-family:'IBM Plex Mono',monospace;font-size:11px}.how-card h3{font-size:22px;letter-spacing:-.04em;margin-bottom:13px}.how-card p{font-size:13px;color:var(--muted);line-height:1.85;margin:0}.lab-section{background:var(--surface);border-top:1px solid var(--border);overflow:hidden}.lab-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,8vw,120px)}.lab-visual{height:430px;position:relative;display:grid;place-items:center}.lab-core{width:170px;height:170px;border:1px solid rgba(169,146,255,.4);border-radius:35px;background:radial-gradient(circle at 50% 30%,rgba(148,112,255,.2),var(--bg));box-shadow:0 0 80px rgba(125,85,230,.15),inset 0 1px rgba(255,255,255,.12);display:grid;place-items:center;transform:rotate(-7deg)}.lab-core img{width:105px;height:105px;border-radius:24px}.lab-orbit{position:absolute;width:310px;height:310px;border:1px solid rgba(164,140,255,.2);border-radius:50%;transform:rotateX(65deg) rotate(-20deg)}.orbit-two{width:430px;height:430px;transform:rotateX(60deg) rotate(46deg);opacity:.5}.lab-star{position:absolute;color:var(--accent);font-size:30px}.star-one{top:18%;left:18%}.star-two{bottom:20%;right:17%;color:var(--accent-2);font-size:21px}.lab-copy{max-width:520px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--accent);font-size:13px;font-weight:700;border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent);padding:4px 0 9px;transition:gap .2s}.text-link:hover{gap:18px}.lab-note{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:11px;line-height:1.6;margin-top:30px}.lab-note svg{flex:none}
.site-footer{background:var(--bg);border-top:1px solid var(--border);padding:65px clamp(20px,4vw,62px) 25px}.footer-main,.footer-bottom{max-width:var(--content-width);margin:auto}.footer-main{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.3fr;gap:35px;padding-bottom:65px}.footer-brand .brand{font-size:23px}.footer-brand p{font-size:13px;color:var(--muted);margin:19px 0 7px}.footer-small{font-size:11px;color:var(--faint)}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}.footer-column h3{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;color:var(--text);text-transform:uppercase;margin:5px 0 12px}.footer-column a,.footer-column p{font-size:12px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere;margin:0}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--border);padding-top:25px;color:var(--faint);font-size:10px;line-height:1.7}.footer-bottom span:last-child{text-align:end;max-width:500px}
.document-page{min-height:70svh;padding-bottom:100px;background:radial-gradient(ellipse at 80% 0%,rgba(129,94,217,.075),transparent 35%),var(--bg)}.document-shell{max-width:840px;margin:0 auto;padding:90px clamp(20px,4vw,40px) 0}.back-link{margin-bottom:55px}.document-shell h1{font-size:clamp(38px,5vw,62px);line-height:1.12;margin:23px 0}.document-intro{color:var(--muted);font-size:16px;line-height:1.8;max-width:690px}.document-date{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--faint);margin:35px 0 45px}.document-content{border-top:1px solid var(--border)}.document-content section{padding:30px 0;border-bottom:1px solid var(--border)}.document-content h2{font-size:21px;letter-spacing:-.035em;margin:0 0 14px}.document-content p{font-size:14px;color:var(--muted);line-height:1.9;margin:0;white-space:pre-line}.document-contact{display:flex;gap:14px;margin-top:35px;padding:22px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:13px;line-height:1.8}.document-contact svg{color:var(--accent);flex:none}.document-contact a,.document-note a{color:var(--accent)}.document-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:30px}.source-list{border-top:1px solid var(--border);margin-top:45px}.source-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--border)}.source-row h2{font-size:18px;margin:0 0 7px}.source-row p{font-size:13px;color:var(--muted);margin:0 0 7px;line-height:1.6}.source-row span{font-size:11px;color:var(--faint)}.source-row>a{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--border);border-radius:8px;color:var(--accent)}.contact-shell{padding-bottom:130px}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--accent);font-size:clamp(16px,2.4vw,24px);font-weight:700;overflow-wrap:anywhere;margin-top:40px}.contact-email svg{flex:none}.faq-list{border-top:1px solid var(--border);margin-top:45px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:24px 0;font-size:16px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{flex:none;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list p{color:var(--muted);font-size:14px;line-height:1.85;padding:0 0 25px;margin:0}
.portal-open{overflow:hidden}.portal-overlay{position:fixed;inset:0;z-index:1000;overflow:hidden;background:var(--bg);direction:inherit}.portal-backdrop{position:absolute;inset:0;background:var(--bg)}.portal-content{position:absolute;inset:0;z-index:2;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:scale(.15);filter:blur(28px);transform-origin:center center;transition:opacity .55s ease .33s,transform .85s var(--ease) .3s,filter .75s ease .33s;visibility:hidden}.portal-overlay.is-open .portal-content{visibility:visible;opacity:1;transform:scale(1);filter:blur(0)}.portal-doors{position:absolute;inset:0;z-index:3;display:flex;perspective:1800px;pointer-events:none;clip-path:inset(var(--from-top,0px) var(--from-right,0px) var(--from-bottom,0px) var(--from-left,0px) round 14px);transition:clip-path .5s var(--ease),opacity .2s ease .85s;transform-style:preserve-3d}.portal-overlay.is-open .portal-doors{clip-path:inset(0px round 0px);opacity:0}.portal-door{position:relative;width:50%;height:100%;flex:none;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;background:linear-gradient(145deg,var(--c1) -70%,var(--c2) 34%,var(--c3) 100%);box-shadow:0 0 50px rgba(0,0,0,.3);transition:transform .8s cubic-bezier(.72,0,.18,1) .3s}.portal-door-left{transform-origin:left center}.portal-door-right{transform-origin:right center}.portal-overlay.is-open .portal-door-left{transform:rotateY(-105deg)}.portal-overlay.is-open .portal-door-right{transform:rotateY(105deg)}.door-wave{position:absolute;width:200%;height:80%;left:-30%;bottom:-35%;border-radius:50% 50% 0 0;transform:rotate(-15deg);background:linear-gradient(120deg,var(--c3),var(--c1),var(--c2));opacity:.7}.door-name{position:absolute;top:44%;width:200%;font-family:'Space Grotesk',sans-serif;font-size:clamp(50px,10vw,150px);font-weight:700;letter-spacing:-.07em;text-align:center;color:white}.portal-door-right .door-name{left:-100%}.portal-overlay.no-animation .portal-content,.portal-overlay.no-animation .portal-doors,.portal-overlay.no-animation .portal-door{transition:none!important}.portal-overlay.is-closing .portal-content{opacity:0;transform:scale(.9);filter:blur(10px);transition:all .3s ease}.portal-overlay.is-closing .portal-doors{opacity:0;transition:none}
.workspace{min-height:100%;display:flex;flex-direction:column;position:relative;padding:0 clamp(20px,4vw,56px);background:radial-gradient(ellipse at 50% 28%,rgba(115,84,190,.09),transparent 45%),var(--bg)}.workspace-header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1450px;width:100%;margin:0 auto}.workspace-close{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}.workspace-main{max-width:640px;width:100%;margin:auto;padding:60px 0 75px;text-align:center}.workspace-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.11em;color:var(--accent)}.workspace-platform{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--c1);padding:9px 14px;border:1px solid color-mix(in srgb,var(--c1) 25%,transparent);border-radius:5px;background:color-mix(in srgb,var(--c2) 8%,var(--surface));margin-top:25px}.workspace h1{font-size:clamp(38px,5.4vw,70px);line-height:1.1;margin:22px 0 18px}.workspace-description{font-size:14px;color:var(--muted);line-height:1.8;max-width:490px;margin:0 auto 32px}.url-field{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:7px;min-height:64px;transition:border-color .2s,box-shadow .2s;text-align:start}.url-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.url-field input{min-width:0;flex:1;border:0;outline:0!important;background:transparent;color:var(--text);font-size:14px;padding:0 16px;direction:ltr;text-align:start;box-shadow:none!important}.url-field input::placeholder{color:var(--faint)}.url-field button{width:48px;height:48px;flex:none;border:0;border-radius:7px;background:var(--accent);color:#160e28;display:grid;place-items:center;transition:transform .2s,filter .2s}.url-field button:hover{filter:brightness(1.12);transform:translateX(2px)}.rights-check{display:flex;align-items:flex-start;gap:10px;margin:20px 0 0;text-align:start;color:var(--muted);font-size:12px;line-height:1.7;cursor:pointer}.rights-check input{appearance:none;width:18px;height:18px;border:1px solid var(--border);border-radius:4px;background:var(--surface);flex:none;margin:1px 0 0;display:grid;place-items:center}.rights-check input:checked{background:var(--accent);border-color:var(--accent)}.rights-check input:checked:after{content:'✓';color:#1c1532;font-size:12px;font-weight:800}.workspace-fineprint{font-size:11px;color:var(--faint);line-height:1.8;text-align:start;margin:12px 0 0}.workspace-status-wrap{min-height:50px;margin:26px 0 0}.workspace-status{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.workspace-status.is-error{color:#ee918f}.progress-row{display:flex;align-items:center;gap:10px;margin-top:10px}.progress-row progress{flex:1;height:4px;appearance:none;border:0;border-radius:5px;overflow:hidden;background:var(--surface2)}.progress-row progress::-webkit-progress-bar{background:var(--surface2)}.progress-row progress::-webkit-progress-value{background:var(--accent)}.progress-row progress::-moz-progress-bar{background:var(--accent)}.progress-row span{color:var(--muted);font-family:'IBM Plex Mono',monospace;font-size:10px}.workspace-result{padding:19px;margin-top:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);text-align:start}.result-file{display:flex;align-items:center;gap:13px;min-width:0}.result-file>svg:first-child{color:var(--accent);flex:none}.result-file>svg:last-child{margin-inline-start:auto;color:#8fcb87;flex:none}.result-file>div{display:flex;flex-direction:column;gap:3px;min-width:0}.result-name{font-size:13px;overflow-wrap:anywhere}.result-size{font-size:11px;color:var(--faint)}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 17px;border-radius:7px;font-size:12px;font-weight:700}.button-primary{background:var(--accent);color:#1b1530;border:1px solid var(--accent)}.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.button-secondary:hover{border-color:var(--accent)}.workspace-other{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:15px;flex-wrap:wrap}.workspace-other .text-link{font-size:11px}.local-details{margin-top:28px;border-top:1px solid var(--border);padding-top:18px;text-align:start}.local-details summary{display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;list-style:none;color:var(--muted);font-size:12px;font-weight:600;padding:10px}.local-details summary::-webkit-details-marker{display:none}.local-details summary svg:last-child{margin-inline-start:8px}.local-details[open] summary svg:last-child{transform:rotate(180deg)}.drop-zone{margin-top:12px;min-height:130px;border:1px dashed var(--border);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;color:var(--muted);font-size:12px;text-align:center;padding:20px;cursor:pointer;background:var(--surface)}.drop-zone:hover,.drop-zone.is-over{border-color:var(--accent);background:var(--accent-bg)}.drop-zone>span:first-of-type{width:35px;height:35px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;color:var(--accent)}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.workspace-bottom-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;font-size:11px;color:var(--faint);line-height:1.7;margin:25px 0 0}.workspace-bottom-note svg{flex:none;margin-top:2px}.workspace-footer{max-width:1450px;width:100%;margin:0 auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:22px 0;color:var(--faint);font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.08em}
[hidden]{display:none!important}html[dir=rtl] body{font-family:'Noto Sans Arabic','DM Sans',sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Noto Sans Arabic','Space Grotesk',sans-serif;letter-spacing:0}html[dir=rtl] .brand,html[dir=rtl] .card-name,html[dir=rtl] .door-name{font-family:'Space Grotesk',sans-serif;letter-spacing:-.05em;direction:ltr}html[dir=rtl] .hero-copy h1,html[dir=rtl] .section-heading h2,html[dir=rtl] .lab-copy h2{line-height:1.35}html[dir=rtl] .wheel-nav svg,html[dir=rtl] .text-link svg{transform:scaleX(-1)}
@media(max-width:1150px){.nav-shell{gap:25px}.primary-nav{gap:17px}.brand{font-size:22px}.brand img{width:34px;height:34px}.hero-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}.hero-copy h1{font-size:clamp(38px,4.2vw,58px)}.wheel-card{width:clamp(160px,20vw,220px)}.footer-main{grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:22px}}
@media(max-width:900px){:root{--header-height:68px}.nav-shell{padding:0 24px;gap:14px}.primary-nav{position:absolute;top:calc(var(--header-height) - 1px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 20px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.primary-nav.is-open{display:flex}.primary-nav a{padding:14px 4px;font-size:14px;border-bottom:1px solid var(--border)}.primary-nav a:last-child{border:0}.menu-toggle{display:flex}.hero-track{height:250svh}.hero-stage{min-height:550px}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding-inline:24px}.hero-copy h1{font-size:clamp(36px,4.9vw,54px)}.hero-description{font-size:13px}.wheel-card{width:clamp(155px,22vw,215px)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-card .card-name{font-size:clamp(15px,2vw,22px)}.footer-main{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand{grid-column:1/-1}.lab-visual{height:340px}.lab-core{width:140px;height:140px}.lab-orbit{width:260px;height:260px}.orbit-two{width:340px;height:340px}}
@media(max-width:650px){:root{--header-height:64px}.nav-shell{padding:0 18px}.brand{gap:7px;font-size:21px}.brand img{width:33px;height:33px}.nav-actions{gap:7px}.language-wrap{min-height:36px;padding:0 7px;gap:5px}.language-wrap select{max-width:65px;font-size:11px}.language-wrap svg:first-child{width:15px}.theme-switch{gap:0;padding:2px}.theme-switch button{width:28px;height:30px}.theme-switch button svg{width:16px}.menu-toggle{width:36px;height:36px}.primary-nav{padding:10px 18px 18px}.hero-track{height:235svh}.hero-stage{min-height:0;height:calc(100svh - var(--header-height))}.hero-inner{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:0;padding:clamp(24px,4.5svh,38px) 20px 48px;max-width:520px}.hero-copy{align-self:stretch;max-width:none}.hero-copy .eyebrow{font-size:9px}.hero-copy h1{font-size:clamp(34px,9.4vw,48px);margin:15px 0 10px;line-height:1.08}.hero-description{font-size:12px;line-height:1.65;margin-bottom:15px;max-width:450px}.hero-cta{min-height:40px;padding:0 17px;gap:16px;font-size:11px}.hero-meta{display:none}.wheel-area{flex:1;min-height:265px;max-height:380px;justify-content:center;overflow:hidden;margin-top:6px}.wheel{height:clamp(210px,32svh,280px);flex:none}.wheel-card{width:clamp(138px,43vw,195px);max-height:275px;border-radius:11px}.wheel-card .card-name{font-size:clamp(17px,5vw,25px)}.wheel-controls{margin-top:5px;gap:14px}.wheel-nav{width:35px;height:35px}.wheel-hint{font-size:9px;margin-top:7px}.hero-bottom{bottom:15px;inset-inline:20px;font-size:9px}.hero-bottom span:nth-child(2){display:none}.section-pad{padding:78px 20px}.section-heading{margin-bottom:31px}.section-heading h2,.lab-copy h2{font-size:clamp(33px,8vw,46px);margin:16px 0 17px}.section-heading>p,.lab-copy>p{font-size:13px;line-height:1.8}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-card{aspect-ratio:.97;border-radius:9px}.gallery-card .card-name{font-size:clamp(14px,4vw,20px);max-width:92%}.how-grid{grid-template-columns:1fr;gap:10px}.how-card{min-height:0;padding:24px}.how-top{margin-bottom:25px}.how-card h3{font-size:21px}.lab-inner{grid-template-columns:1fr;gap:10px}.lab-visual{height:260px;order:2}.lab-copy{order:1}.lab-core{width:120px;height:120px;border-radius:26px}.lab-core img{width:76px;height:76px}.lab-orbit{width:200px;height:200px}.orbit-two{width:275px;height:275px}.site-footer{padding:45px 20px 24px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px;padding-bottom:40px}.footer-brand{grid-column:1/-1}.footer-column:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.footer-bottom span:last-child{text-align:start}.document-shell{padding-top:55px}.back-link{margin-bottom:35px}.document-shell h1{font-size:clamp(34px,9vw,48px)}.document-intro{font-size:14px}.document-content h2{font-size:19px}.document-content p{font-size:13px}.workspace{padding:0 20px}.workspace-header{height:70px}.workspace-main{padding:35px 0 55px}.workspace h1{font-size:clamp(35px,9vw,48px);margin:18px 0 14px}.workspace-description{font-size:12px;margin-bottom:24px}.workspace-platform{margin-top:18px}.url-field{min-height:58px;padding:5px}.url-field input{padding:0 10px;font-size:13px}.url-field button{width:45px;height:45px}.workspace-footer{font-size:9px}.door-name{font-size:clamp(40px,12vw,80px)}html[dir=rtl] .hero-copy h1,html[dir=rtl] .section-heading h2{font-size:clamp(32px,8vw,43px)}}
@media(max-width:370px){.nav-shell{padding-inline:13px}.brand{font-size:19px}.brand img{width:29px;height:29px}.language-wrap{gap:3px;padding-inline:5px}.language-wrap select{max-width:50px}.theme-switch button{width:25px}.menu-toggle{width:33px}.hero-inner{padding-inline:16px}.hero-copy h1{font-size:34px}.hero-description{font-size:11.5px}.wheel-card{width:138px}.wheel{height:220px}.wheel-area{min-height:240px}.wheel-hint{font-size:8.5px}.hero-bottom{inset-inline:16px}.gallery-grid{gap:8px}.gallery-card .card-name{font-size:14px}.section-pad{padding-inline:16px}.workspace{padding-inline:16px}.workspace h1{font-size:34px}}
@media(max-height:680px) and (max-width:650px){.hero-inner{padding-top:16px;padding-bottom:36px}.hero-copy h1{font-size:clamp(30px,7.5vw,40px);margin:10px 0 7px}.hero-description{font-size:11px;line-height:1.5;margin-bottom:10px}.hero-cta{min-height:36px}.wheel-area{min-height:220px}.wheel{height:clamp(175px,30svh,240px)}.wheel-card{width:clamp(125px,38vw,170px)}.wheel-controls{margin-top:0}.wheel-hint{margin-top:3px}.hero-bottom{bottom:9px}}
@media(max-height:490px){.hero-track{height:auto}.hero-stage{position:relative;top:auto;height:auto;min-height:0}.hero-inner{padding-top:35px;padding-bottom:50px}.wheel-area{min-height:250px}.hero-bottom{bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;filter:none}.wheel-card{will-change:auto}.portal-content{transform:none!important;filter:none!important}.portal-doors{display:none!important}}

.wheel.is-stepping .wheel-card{transition:transform .48s var(--ease),opacity .3s ease,box-shadow .3s,border-color .3s}
@media(prefers-reduced-motion:reduce){.hero-track{height:auto!important}.hero-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0!important}.hero-inner{padding-top:65px;padding-bottom:65px}.wheel-area{height:auto;max-height:none;overflow:visible;margin-top:30px}.wheel{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;perspective:none;max-width:900px}.wheel-card{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-height:none;aspect-ratio:.85;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:auto!important}.wheel-controls,.wheel-hint{display:none}.hero-bottom{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:650px){.hero-inner{display:flex}.wheel{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-area{min-height:0}.hero-copy{margin-bottom:20px}}

.language-current{display:none;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.03em;direction:ltr}
@media(max-width:650px){.nav-shell>.brand,.nav-actions{flex:none}.language-wrap{position:relative;min-width:70px;justify-content:center}.language-current{display:inline}.language-wrap select{position:absolute;inset:0;width:100%;height:100%;max-width:none;min-width:0;opacity:0;cursor:pointer}.language-wrap:focus-within{outline:2px solid var(--accent);outline-offset:3px}}
@media(max-width:370px){.nav-shell>.brand{font-size:18px;gap:6px}.nav-shell>.brand img{width:27px;height:27px;flex:none}.language-wrap{width:48px;min-width:48px;padding-inline:4px;gap:3px}.language-wrap svg:last-child{display:none}.language-current{font-size:10px}.nav-actions{gap:6px}.theme-switch button{width:24px}.menu-toggle{width:31px}.nav-shell{gap:10px}}
/* PLiPLiP / REFERENCE RESET — approved 09.09.2026. All artwork is rendered from
   local vector assets, gradients and native 3D transforms; no screenshot wallpaper. */
:root{font-family:'Nunito','DM Sans',sans-serif;--bg:#0b1220;--surface:#121b2c;--surface2:#1b263a;--text:#f9faff;--muted:#b0bed3;--faint:#7789a6;--border:rgba(173,194,235,.17);--accent:#9b9cff;--accent-2:#f6c4e7;--accent-bg:rgba(132,145,255,.13);--shadow:0 25px 80px rgba(0,0,0,.3);--content-width:1600px;--ease:cubic-bezier(.22,1,.36,1)}
:root[data-theme=light]{--bg:#f0f3fc;--surface:#ffffff;--surface2:#e6ecf8;--text:#15233e;--muted:#56667f;--faint:#71809a;--border:rgba(54,78,123,.18);--accent:#6157c8;--accent-2:#b746a8;--accent-bg:rgba(97,87,200,.1);--shadow:0 24px 70px rgba(41,59,109,.09)}
body{font-family:'Nunito','DM Sans',sans-serif}h1,h2,h3{font-family:'Nunito','DM Sans',sans-serif;letter-spacing:-.045em}.brand,.card-name,.door-identity{font-family:'Nunito','DM Sans',sans-serif}html[dir=rtl] .brand,html[dir=rtl] .card-name,html[dir=rtl] .door-identity{font-family:'Nunito','Noto Sans Arabic',sans-serif;letter-spacing:0}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Noto Sans Arabic','Nunito',sans-serif;letter-spacing:0}
.gradient-text{background-image:linear-gradient(100deg,#838dff 0%,#ca8cf4 34%,#ff9eb2 63%,#ffd390 100%)}:root[data-theme=light] .gradient-text{background-image:linear-gradient(100deg,#4b5fc6,#aa4eb3 48%,#c36464 75%,#ad711f)}
.site-header{height:var(--header-height);background:rgba(10,17,30,.72);border-bottom:1px solid rgba(185,201,239,.07);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}:root[data-theme=light] .site-header{background:rgba(240,243,252,.83)}.nav-shell{padding-inline:clamp(20px,4vw,62px);gap:clamp(25px,3.7vw,60px)}.brand{font-size:27px;font-weight:900;letter-spacing:-.055em;gap:11px}.brand img{width:43px;height:43px;border-radius:0}.brand-dot{display:none}.primary-nav{gap:clamp(18px,2.3vw,36px)}.primary-nav a{font-size:14px;font-weight:600;color:var(--muted)}.primary-nav a[href='/']:not(:hover){color:var(--text)}.primary-nav a[href='/']::after{content:'';display:block;height:2px;margin-top:9px;background:linear-gradient(90deg,#a892ff,#54dafa);border-radius:2px}.select-wrap,.theme-switch{border-radius:999px;background:rgba(18,29,48,.7);border-color:rgba(180,201,240,.21)}:root[data-theme=light] .select-wrap,:root[data-theme=light] .theme-switch{background:rgba(255,255,255,.72)}.select-wrap{min-height:40px;padding-inline:13px}.theme-switch{padding:3px;gap:2px}.theme-switch button{border-radius:999px;width:38px;height:34px}.theme-switch button.is-active{background:rgba(160,179,223,.14);color:var(--text)}.menu-toggle{border-radius:12px}
/* The hero is a physical stage, not a row of flat cards. */
.hero-track{height:265svh}.hero-stage{min-height:620px;background:radial-gradient(ellipse at 58% 59%,rgba(44,61,114,.28),transparent 58%),radial-gradient(ellipse at 77% 5%,rgba(85,61,140,.13),transparent 49%),var(--bg)}
.hero-ambient{opacity:1;background-image:radial-gradient(1px 1px at 12% 12%,rgba(224,232,255,.8) 99%,transparent),radial-gradient(1.5px 1.5px at 29% 39%,rgba(158,185,255,.72) 99%,transparent),radial-gradient(1px 1px at 44% 13%,rgba(255,227,250,.76) 99%,transparent),radial-gradient(1px 1px at 72% 17%,rgba(172,195,255,.85) 99%,transparent),radial-gradient(1px 1px at 91% 31%,rgba(255,255,255,.6) 99%,transparent),radial-gradient(1px 1px at 82% 77%,rgba(170,201,255,.65) 99%,transparent),radial-gradient(1px 1px at 22% 83%,rgba(255,255,255,.6) 99%,transparent),radial-gradient(ellipse at 57% 110%,rgba(58,81,161,.25),transparent 55%);background-size:690px 480px,760px 590px,820px 610px,610px 540px,960px 720px,740px 580px,600px 460px,100% 100%;pointer-events:none}.hero-orbit{position:absolute;width:124%;height:370px;top:-292px;left:19%;border-bottom:1px solid rgba(152,118,255,.55);border-radius:50%;transform:rotate(-13deg);box-shadow:0 18px 52px rgba(122,91,226,.06);pointer-events:none}:root[data-theme=light] .hero-orbit{border-bottom-color:rgba(88,94,184,.34)}
.hero-inner{max-width:1600px;padding:clamp(24px,3vw,44px) clamp(20px,4vw,62px) 64px;grid-template-columns:minmax(0,31%) minmax(0,69%);gap:0}.hero-copy{z-index:5;max-width:480px;align-self:center;padding-bottom:50px}.hero-copy .eyebrow{display:none}.hero-copy h1{font-weight:900;font-size:clamp(45px,4.75vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 25px}.hero-description{font-size:clamp(14px,1.12vw,17px);line-height:1.5;max-width:395px;margin-bottom:27px}.pill-button{font-family:'Nunito',sans-serif;font-weight:700;font-size:13px;min-height:46px;padding-inline:24px;gap:23px;border-color:rgba(151,139,255,.8);background:rgba(9,17,31,.24)}.pill-button:hover{background:var(--accent-bg)}.hero-cta svg{transform:rotate(90deg)}.hero-meta{margin-top:49px;font-family:'Nunito',sans-serif;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.5;color:var(--muted);max-width:210px}.hero-bottom{bottom:20px;inset-inline:clamp(20px,4vw,62px);font-family:'Nunito',sans-serif;letter-spacing:0;font-size:11px}.hero-bottom #wheel-count{font-variant-numeric:tabular-nums;letter-spacing:.08em}
.wheel-area{overflow:visible;max-height:710px;isolation:isolate;min-width:0}.wheel-area:before{width:110%;height:84%;left:-5%;top:9%;background:radial-gradient(ellipse,rgba(77,101,212,.18),transparent 65%);filter:blur(28px)}.wheel{height:clamp(340px,32vw,460px);width:100%;max-width:1100px;transform:translateY(-25px);perspective:1500px;perspective-origin:50% 48%;z-index:3}.wheel-card{width:clamp(175px,18vw,260px);aspect-ratio:.70;max-height:none;border-radius:18px;transform:translate(-50%,-50%) translate3d(var(--x,0),var(--y,0),var(--z,0)) rotateY(var(--r,0deg)) scale(var(--s,1));transition:opacity .13s,box-shadow .25s,border-color .25s;backface-visibility:hidden}.wheel-card[aria-current=true]{box-shadow:inset 0 1px rgba(255,255,255,.45),0 33px 70px rgba(0,0,0,.38),0 0 35px color-mix(in srgb,var(--c1) 30%,transparent)}.wheel-card .card-name{font-size:clamp(21px,2vw,32px)}
.platform-card{border-radius:15px;color:#fff;background:linear-gradient(157deg,var(--c2),var(--c3) 70%);border:1px solid color-mix(in srgb,var(--c1) 55%,rgba(255,255,255,.3));box-shadow:inset 0 1px rgba(255,255,255,.23),0 18px 42px rgba(0,0,0,.27);text-shadow:0 2px 12px rgba(0,0,0,.12);transform-style:preserve-3d}.platform-card:before{background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 34%,rgba(0,0,0,.12) 80%)}.platform-card[data-platform=youtube]{--c1:#ff4d60!important;--c2:#b41420!important;--c3:#290a13!important}.platform-card[data-platform=x]{--c1:#9fa7c4!important;--c2:#303039!important;--c3:#090c12!important}.platform-card[data-platform=instagram]{--c1:#ffcf68!important;--c2:#e94376!important;--c3:#5420aa!important;background:linear-gradient(155deg,#5c31c8,#d82d85 48%,#ff9360 74%,#9e2c85)}.platform-card[data-platform=tiktok]{--c1:#49e9ff!important;--c2:#102d46!important;--c3:#090d19!important}.platform-card[data-platform=facebook]{--c1:#548eff!important;--c2:#1152df!important;--c3:#071b50!important}.platform-card[data-platform=vimeo]{--c1:#53deff!important;--c2:#0c6e9d!important;--c3:#08283d!important}
.card-glow{width:140%;height:70%;top:-37%;left:-24%;background:var(--c1);filter:blur(52px);opacity:.35}.card-wave{width:160%;height:43%;left:-25%;bottom:-12%;transform:rotate(-13deg);border-radius:47% 53% 0 0/60% 70% 0 0;background:linear-gradient(115deg,var(--c3),var(--c1) 65%,var(--c2));opacity:.72;box-shadow:0 -1px rgba(255,255,255,.28),0 -12px 30px color-mix(in srgb,var(--c1) 12%,transparent)}.card-wave-two{bottom:-29%;left:-15%;height:49%;transform:rotate(13deg);background:linear-gradient(120deg,var(--c2),var(--c3) 55%,var(--c1));opacity:.85}.platform-card[data-platform=instagram] .card-wave{background:linear-gradient(100deg,#fc406e,#ffdb6b,#f05e5e)}.platform-card[data-platform=tiktok] .card-wave{background:linear-gradient(115deg,#0be1e9,#143c61,#e02670)}.platform-card[data-platform=x] .card-wave{background:linear-gradient(110deg,#49434d,#12151d,#777080)}.platform-card[data-platform=facebook] .card-wave{background:linear-gradient(105deg,#244de3,#77c7ff,#122d88)}.card-identity{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;padding:16px 10px;min-width:0}.platform-glyph{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.1));flex:none}.card-name{font-weight:900;letter-spacing:-.045em;text-transform:none;overflow-wrap:normal;word-break:normal;max-width:100%;font-size:24px}.platform-card[data-platform=youtube] .platform-glyph{width:70px;height:70px}.platform-card[data-platform=x] .platform-glyph{width:58px;height:58px}.platform-card[data-platform=facebook] .platform-glyph{width:54px;height:54px}.platform-card[data-platform=tiktok] .platform-glyph{filter:drop-shadow(-3px -2px 0 #31d9e9) drop-shadow(3px 2px 0 #fa315d)}.platform-card[data-platform=youtube] .platform-glyph{--icon-cutout:#b41420}.platform-card:hover .card-shine{transform:translateX(140%)}
.wheel-pedestal{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translateY(0)}.wheel-pedestal span{position:absolute;display:block;left:50%;transform:translateX(-50%);border-radius:50%}.pedestal-floor{width:116%;height:105px;bottom:12px;background:radial-gradient(ellipse,rgba(70,83,153,.42),rgba(18,29,65,.16) 55%,transparent 72%);filter:blur(15px)}.pedestal-halo{width:90%;height:80px;bottom:64px;background:radial-gradient(ellipse,rgba(167,124,252,.35),rgba(54,79,193,.18) 47%,transparent 68%);filter:blur(12px)}.pedestal-body{width:88%;height:94px;bottom:22px;background:linear-gradient(180deg,#222b51 0%,#111a34 36%,#0d1428 72%,#1b2549 100%);border:1px solid rgba(98,120,196,.28);box-shadow:inset 0 7px 13px rgba(100,125,207,.15),0 26px 40px rgba(0,0,0,.25);border-radius:0 0 49% 49%/0 0 85% 85%!important;transform:translateX(-50%) perspective(500px) rotateX(3deg)!important}.pedestal-top{width:88%;height:92px;bottom:94px;background:radial-gradient(ellipse at 50% 40%,#37426f,#1c264a 54%,#101830 73%);border:1px solid rgba(150,160,235,.42);box-shadow:0 0 0 5px rgba(74,95,165,.15),0 2px 18px rgba(139,119,249,.45),inset 0 0 36px rgba(77,92,169,.25)}.pedestal-rim{width:88%;height:92px;bottom:92px;border:2px solid rgba(175,146,255,.8);border-left-color:rgba(83,181,255,.9);border-right-color:rgba(255,169,193,.8);box-shadow:0 0 11px rgba(150,121,255,.6),inset 0 0 9px rgba(104,158,255,.45)}.scene-host{z-index:2;opacity:.55;inset:8% -10% 0;pointer-events:none}.wheel-controls{z-index:5;position:relative;margin-top:-2px;gap:17px}.wheel-hint{position:relative;z-index:5;color:var(--muted);font-family:'Nunito',sans-serif;letter-spacing:0;font-size:11px;margin-top:12px}.wheel-nav{border-radius:50%;width:36px;height:36px;background:rgba(16,26,46,.78);backdrop-filter:blur(10px)}.wheel-dots{gap:8px}.wheel-dot{width:5px;height:5px;border-radius:50%}.wheel-dot.is-active{width:18px;border-radius:6px}
/* Gallery: colorful physical tiles with a restrained, deliberate entrance. */
.gallery-section{position:relative;background:radial-gradient(ellipse at 12% 23%,rgba(101,33,53,.19),transparent 36%),radial-gradient(ellipse at 84% 68%,rgba(24,112,171,.13),transparent 43%),var(--bg)}.section-pad{padding-block:100px}.section-inner{max-width:1540px}.section-heading{text-align:center;max-width:790px;margin:0 auto 38px}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-weight:900;font-size:clamp(31px,3vw,46px);line-height:1.1;margin:12px 0 12px}.section-heading>p{font-size:15px;line-height:1.55;margin-inline:auto}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.gallery-cell{min-width:0;perspective:900px}.gallery-card{width:100%;aspect-ratio:1.22;min-height:0;border-radius:15px;transition:transform .6s var(--ease),box-shadow .35s;transform:translateZ(0);padding:10px}.gallery-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 22px 55px color-mix(in srgb,var(--c1) 18%,rgba(0,0,0,.26))}.gallery-card .card-identity{gap:10px;padding:0 8px;transform:translateY(-9px)}.gallery-card .platform-glyph{width:44px;height:44px}.gallery-card[data-platform=youtube] .platform-glyph{width:56px;height:56px}.gallery-card .card-name{font-size:clamp(16px,1.5vw,23px)}.card-enter{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:5;width:37px;height:37px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;color:white;background:rgba(0,0,0,.12);backdrop-filter:blur(6px);transition:background .25s,transform .4s var(--ease)}.gallery-card:hover .card-enter{background:rgba(255,255,255,.2);transform:translateX(-50%) translateX(3px)}.gallery-cell.reveal{opacity:0;transform:translateY(48px) rotateX(9deg) scale(.97);filter:blur(5px);transition:opacity .7s ease,transform .9s var(--ease),filter .8s ease;transition-delay:var(--stagger,0ms)}.gallery-cell.reveal.is-visible{opacity:1;transform:none;filter:none}.section-footnote{font-size:12px;color:var(--faint);text-align:center;max-width:800px;margin:30px auto 0}.how-section{background:var(--bg)}.how-card{border-radius:17px}.lab-section{background:radial-gradient(ellipse at 26% 45%,rgba(92,73,170,.12),transparent 48%),var(--bg)}.lab-core{border-radius:50%;background:linear-gradient(145deg,#273252,#10182a)}.lab-core img{border-radius:0}.site-footer{background:var(--bg);border-top:1px solid var(--border)}.footer-brand .brand img{border-radius:0}.document-page{background:var(--bg)}
/* True double-hinged doors, followed by a delayed zoom-out from behind them. */
.portal-overlay{background:var(--bg);perspective:1800px}.portal-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(90,101,199,.13),transparent 60%),var(--bg)}.portal-content{background:var(--bg);opacity:0;visibility:hidden;transform:scale(.12) translateZ(-140px);filter:blur(28px);transition:opacity .45s ease .57s,transform .82s var(--ease) .52s,filter .75s ease .52s,visibility 0s linear .52s;transform-origin:50% 50%;z-index:2}.portal-overlay.is-open .portal-content{visibility:visible;opacity:1;transform:scale(1) translateZ(0);filter:blur(0)}.portal-doors{clip-path:inset(var(--from-top,0px) var(--from-right,0px) var(--from-bottom,0px) var(--from-left,0px) round 16px);transition:clip-path .42s var(--ease),opacity .2s ease 1.25s;perspective:1600px}.portal-overlay.is-open .portal-doors{clip-path:inset(0px round 0px);opacity:0}.portal-door{background:none;overflow:visible;transition:transform .8s cubic-bezier(.64,.03,.21,1) .37s;transform-style:preserve-3d;backface-visibility:hidden}.portal-door-left{transform-origin:left center}.portal-door-right{transform-origin:right center}.portal-overlay.is-open .portal-door-left{transform:rotateY(-112deg)}.portal-overlay.is-open .portal-door-right{transform:rotateY(112deg)}.door-face{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,var(--c1),var(--c2) 35%,var(--c3));backface-visibility:hidden}.portal-door-left .door-face{border-right:1px solid rgba(255,255,255,.32)}.portal-door-right .door-face{border-left:1px solid rgba(255,255,255,.32)}.door-wave{background:linear-gradient(100deg,var(--c1),var(--c3),var(--c2))}.door-identity{position:absolute;top:50%;width:200%;display:flex;flex-direction:column;align-items:center;gap:20px;transform:translateY(-50%);font-size:clamp(34px,5.5vw,80px);font-weight:900;line-height:1.1;color:white;white-space:nowrap;text-shadow:0 4px 30px rgba(0,0,0,.25)}.door-identity img{width:clamp(58px,7vw,100px);height:clamp(58px,7vw,100px)}.portal-door-left .door-identity{left:0}.portal-door-right .door-identity{right:0}.workspace{background:radial-gradient(ellipse at 50% 0%,rgba(92,83,177,.1),transparent 55%),var(--bg)}.workspace-platform{border-radius:999px;font-family:'Nunito',sans-serif;font-weight:800;letter-spacing:.04em}.workspace h1{font-weight:900}.url-field{border-radius:16px}.url-field button{border-radius:12px}.workspace-close{border-radius:50%}.portal-open{overflow:hidden}
:root[data-theme=light] .hero-stage{background:radial-gradient(ellipse at 64% 55%,rgba(115,131,210,.18),transparent 55%),var(--bg)}:root[data-theme=light] .hero-ambient{opacity:.5}:root[data-theme=light] .pedestal-top{background:radial-gradient(ellipse at 50% 40%,#a7b5e2,#6e82bd 62%,#40558d)}:root[data-theme=light] .pedestal-body{background:linear-gradient(#9facd6,#586a9d 55%,#3d517c)}:root[data-theme=light] .pedestal-rim{box-shadow:0 0 13px rgba(106,92,206,.42)}:root[data-theme=light] .wheel-nav{background:rgba(255,255,255,.8)}:root[data-theme=light] .pill-button{background:rgba(255,255,255,.35)}
/* Adapted composition. No horizontal page scrolling at 320 px or wider. */
@media(min-width:1450px){.hero-inner{grid-template-columns:minmax(0,30%) minmax(0,70%)}.wheel{max-width:1160px}.wheel-card{width:270px}.hero-copy h1{font-size:76px}}
@media(max-width:1150px){.hero-inner{grid-template-columns:minmax(0,34%) minmax(0,66%)}.hero-copy h1{font-size:clamp(40px,4.8vw,56px)}.wheel-card{width:clamp(160px,20vw,220px)}.wheel{height:390px}.card-identity{gap:12px}.platform-glyph{width:48px;height:48px}.wheel-card .card-name{font-size:clamp(19px,2.3vw,27px)}.gallery-card{aspect-ratio:1.07}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-card .card-name{font-size:clamp(17px,2vw,23px)}}
@media(max-width:900px){.hero-track{height:245svh}.hero-inner{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px 48px;gap:0}.hero-copy{width:100%;max-width:680px;align-self:center;text-align:center;padding:0;margin-bottom:6px}.hero-copy h1{font-size:clamp(43px,6.7vw,60px);margin-bottom:13px}.hero-description{margin:0 auto 18px;max-width:520px}.hero-meta{display:none}.wheel-area{width:100%;height:475px;max-height:none;flex:none;overflow:visible}.wheel{height:335px;transform:translateY(-8px)}.wheel-card{width:clamp(170px,25vw,230px)}.wheel-pedestal{transform:scale(.95)}.wheel-controls{margin-top:4px}.wheel-hint{margin-top:9px}.hero-bottom{bottom:14px}.hero-bottom span:first-child{max-width:70%;line-height:1.4}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){:root{--header-height:64px}.site-header{height:64px}.nav-shell{padding-inline:16px;gap:7px}.brand{font-size:20px;gap:7px;letter-spacing:-.045em}.brand img{width:32px;height:32px}.nav-actions{gap:6px}.language-wrap{min-width:46px;width:46px;min-height:34px;padding:0 5px;gap:3px}.language-wrap svg:first-child{width:14px}.language-current{font-family:'Nunito',sans-serif;font-size:10px;font-weight:800}.theme-switch{padding:2px;gap:0}.theme-switch button{width:27px;height:30px}.theme-switch button svg{width:15px;height:15px}.menu-toggle{width:34px;height:34px;border-radius:10px}.primary-nav{padding:12px 20px 20px;background:var(--surface)}.hero-stage{height:calc(100svh - 64px);min-height:0}.hero-track{height:230svh}.hero-inner{height:100%;max-width:520px;padding:clamp(18px,4svh,35px) 18px 45px;justify-content:space-between}.hero-copy{flex:none;margin:0}.hero-copy h1{font-size:clamp(38px,10.5vw,50px);line-height:1.04;margin:0 0 12px}.hero-description{font-size:clamp(12px,3.35vw,14px);line-height:1.48;margin:0 auto 15px;max-width:350px}.hero-cta{min-height:42px;padding-inline:18px;font-size:12px;gap:18px}.hero-orbit{top:-310px;left:-20%;width:165%}.wheel-area{height:auto;flex:1;min-height:315px;max-height:450px;justify-content:center;margin-top:5px;overflow:visible}.wheel{height:clamp(245px,35svh,330px);transform:translateY(-8px);flex:none}.wheel-card{width:clamp(142px,55vw,218px);border-radius:13px}.wheel-card .card-name{font-size:clamp(18px,5.6vw,25px)}.wheel-card .platform-glyph{width:48px;height:48px}.wheel-card[data-platform=youtube] .platform-glyph{width:60px;height:60px}.card-identity{gap:12px}.wheel-pedestal{transform:scale(1);bottom:0}.pedestal-floor{bottom:4px;width:145%;height:75px}.pedestal-halo{bottom:37px;width:113%;height:65px}.pedestal-top,.pedestal-rim{width:110%;height:58px;bottom:62px}.pedestal-body{width:110%;height:65px;bottom:12px}.wheel-controls{margin-top:1px;gap:10px}.wheel-nav{width:34px;height:34px}.wheel-hint{font-size:10px;line-height:1.4;text-align:center;max-width:260px;margin-top:6px}.hero-bottom{bottom:12px;inset-inline:18px;font-size:9px}.hero-bottom span:first-child{display:none}.section-pad{padding:72px 18px}.section-heading{margin-bottom:26px}.section-heading h2{font-size:clamp(29px,7.8vw,38px);margin:10px 0}.section-heading>p{font-size:13px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-card{aspect-ratio:.92;border-radius:12px}.gallery-card .card-identity{gap:8px;transform:translateY(-9px)}.gallery-card .platform-glyph{width:39px;height:39px}.gallery-card[data-platform=youtube] .platform-glyph{width:48px;height:48px}.gallery-card .card-name{font-size:clamp(14px,4.2vw,19px)}.card-enter{bottom:11px;width:31px;height:31px}.card-enter svg{width:15px}.footer-main{gap:30px 18px}.site-footer{padding:43px 18px 24px}.workspace{padding-inline:18px}.workspace-header{height:68px}.workspace-main{padding-top:35px}.workspace-platform{margin-top:18px}.workspace h1{font-size:clamp(33px,9vw,45px)}.door-identity{font-size:clamp(27px,7vw,45px);gap:12px}.door-identity img{width:54px;height:54px}}
@media(max-width:370px){.nav-shell{padding-inline:12px;gap:5px}.brand{font-size:18px;gap:5px}.brand img{width:28px;height:28px}.language-wrap{width:42px;min-width:42px;padding-inline:4px}.language-wrap svg:last-child{display:none}.theme-switch button{width:24px}.menu-toggle{width:31px;height:32px}.hero-inner{padding-inline:14px}.hero-copy h1{font-size:clamp(34px,10.5vw,40px)}.hero-description{font-size:11.5px}.wheel-card{width:clamp(136px,52vw,190px)}.wheel{height:clamp(225px,33svh,285px)}.wheel-area{min-height:275px}.wheel-card .card-name{font-size:18px}.section-pad{padding-inline:14px}.gallery-card .card-name{font-size:13px}.gallery-card{aspect-ratio:.86}}
@media(max-height:700px) and (max-width:650px){.hero-track{height:auto}.hero-stage{position:relative;top:auto;height:auto;min-height:0}.hero-inner{height:auto;padding-top:24px;padding-bottom:54px;gap:0}.hero-copy h1{font-size:clamp(34px,9.5vw,44px)}.hero-copy .hero-description{margin-bottom:12px}.wheel-area{height:360px;flex:none;min-height:0;max-height:none;margin-top:5px}.wheel{height:250px}.wheel-card{width:clamp(142px,49vw,185px)}.hero-bottom{bottom:15px}.hero-track .wheel-hint{margin-top:4px}}
@media(max-height:490px){.hero-track{height:auto}.hero-stage{position:relative;height:auto;min-height:0}.hero-inner{padding-top:30px;padding-bottom:55px}.wheel-area{height:340px;min-height:0}.hero-bottom{bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero-track{height:auto!important}.hero-stage{position:relative!important;height:auto!important;min-height:0!important}.hero-inner{height:auto!important;min-height:0!important;display:flex;flex-direction:column;gap:24px;padding-top:65px;padding-bottom:65px}.wheel-area{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.wheel-pedestal,.scene-host{display:none!important}.wheel{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:auto!important;transform:none!important;perspective:none;width:100%;max-width:900px}.wheel-card{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-height:none!important;aspect-ratio:.82;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:auto!important}.wheel-controls,.wheel-hint,.hero-bottom{display:none!important}.gallery-cell.reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.portal-overlay .portal-content{transition:none!important;transform:none!important;filter:none!important}.portal-overlay.is-open .portal-content{visibility:visible!important;opacity:1!important}.portal-doors{display:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:650px){.hero-inner{padding-top:40px;padding-bottom:50px}.wheel{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-card .card-name{font-size:clamp(15px,4vw,20px)}}

.wheel-card{transform-style:flat}.wheel-card .card-identity,.wheel-card .card-glow,.wheel-card .card-wave{pointer-events:none}.wheel-pedestal,.scene-host{pointer-events:none!important}

.primary-nav a[aria-current="page"]{color:var(--text)}.primary-nav a[aria-current="page"]::after{content:"";display:block;height:2px;margin-top:9px;background:linear-gradient(90deg,#a892ff,#54dafa);border-radius:2px}.primary-nav a:not([aria-current="page"])::after{display:none}


/* PLiPLiP / REFERENCE RESET — approved 09.09.2026. All artwork is rendered from
   local vector assets, gradients and native 3D transforms; no screenshot wallpaper. */
:root{font-family:'Nunito','DM Sans',sans-serif;--bg:#0b1220;--surface:#121b2c;--surface2:#1b263a;--text:#f9faff;--muted:#b0bed3;--faint:#7789a6;--border:rgba(173,194,235,.17);--accent:#9b9cff;--accent-2:#f6c4e7;--accent-bg:rgba(132,145,255,.13);--shadow:0 25px 80px rgba(0,0,0,.3);--content-width:1600px;--ease:cubic-bezier(.22,1,.36,1)}
:root[data-theme=light]{--bg:#f0f3fc;--surface:#ffffff;--surface2:#e6ecf8;--text:#15233e;--muted:#56667f;--faint:#71809a;--border:rgba(54,78,123,.18);--accent:#6157c8;--accent-2:#b746a8;--accent-bg:rgba(97,87,200,.1);--shadow:0 24px 70px rgba(41,59,109,.09)}
body{font-family:'Nunito','DM Sans',sans-serif}h1,h2,h3{font-family:'Nunito','DM Sans',sans-serif;letter-spacing:-.045em}.brand,.card-name,.door-identity{font-family:'Nunito','DM Sans',sans-serif}html[dir=rtl] .brand,html[dir=rtl] .card-name,html[dir=rtl] .door-identity{font-family:'Nunito','Noto Sans Arabic',sans-serif;letter-spacing:0}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Noto Sans Arabic','Nunito',sans-serif;letter-spacing:0}
.gradient-text{background-image:linear-gradient(100deg,#838dff 0%,#ca8cf4 34%,#ff9eb2 63%,#ffd390 100%)}:root[data-theme=light] .gradient-text{background-image:linear-gradient(100deg,#4b5fc6,#aa4eb3 48%,#c36464 75%,#ad711f)}
.site-header{height:var(--header-height);background:rgba(10,17,30,.72);border-bottom:1px solid rgba(185,201,239,.07);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}:root[data-theme=light] .site-header{background:rgba(240,243,252,.83)}.nav-shell{padding-inline:clamp(20px,4vw,62px);gap:clamp(25px,3.7vw,60px)}.brand{font-size:27px;font-weight:900;letter-spacing:-.055em;gap:11px}.brand img{width:43px;height:43px;border-radius:0}.brand-dot{display:none}.primary-nav{gap:clamp(18px,2.3vw,36px)}.primary-nav a{font-size:14px;font-weight:600;color:var(--muted)}.primary-nav a[href='/']:not(:hover){color:var(--text)}.primary-nav a[href='/']::after{content:'';display:block;height:2px;margin-top:9px;background:linear-gradient(90deg,#a892ff,#54dafa);border-radius:2px}.select-wrap,.theme-switch{border-radius:999px;background:rgba(18,29,48,.7);border-color:rgba(180,201,240,.21)}:root[data-theme=light] .select-wrap,:root[data-theme=light] .theme-switch{background:rgba(255,255,255,.72)}.select-wrap{min-height:40px;padding-inline:13px}.theme-switch{padding:3px;gap:2px}.theme-switch button{border-radius:999px;width:38px;height:34px}.theme-switch button.is-active{background:rgba(160,179,223,.14);color:var(--text)}.menu-toggle{border-radius:12px}
/* The hero is a physical stage, not a row of flat cards. */
.hero-track{height:265svh}.hero-stage{min-height:620px;background:radial-gradient(ellipse at 58% 59%,rgba(44,61,114,.28),transparent 58%),radial-gradient(ellipse at 77% 5%,rgba(85,61,140,.13),transparent 49%),var(--bg)}
.hero-ambient{opacity:1;background-image:radial-gradient(1px 1px at 12% 12%,rgba(224,232,255,.8) 99%,transparent),radial-gradient(1.5px 1.5px at 29% 39%,rgba(158,185,255,.72) 99%,transparent),radial-gradient(1px 1px at 44% 13%,rgba(255,227,250,.76) 99%,transparent),radial-gradient(1px 1px at 72% 17%,rgba(172,195,255,.85) 99%,transparent),radial-gradient(1px 1px at 91% 31%,rgba(255,255,255,.6) 99%,transparent),radial-gradient(1px 1px at 82% 77%,rgba(170,201,255,.65) 99%,transparent),radial-gradient(1px 1px at 22% 83%,rgba(255,255,255,.6) 99%,transparent),radial-gradient(ellipse at 57% 110%,rgba(58,81,161,.25),transparent 55%);background-size:690px 480px,760px 590px,820px 610px,610px 540px,960px 720px,740px 580px,600px 460px,100% 100%;pointer-events:none}.hero-orbit{position:absolute;width:124%;height:370px;top:-292px;left:19%;border-bottom:1px solid rgba(152,118,255,.55);border-radius:50%;transform:rotate(-13deg);box-shadow:0 18px 52px rgba(122,91,226,.06);pointer-events:none}:root[data-theme=light] .hero-orbit{border-bottom-color:rgba(88,94,184,.34)}
.hero-inner{max-width:1600px;padding:clamp(24px,3vw,44px) clamp(20px,4vw,62px) 64px;grid-template-columns:minmax(0,31%) minmax(0,69%);gap:0}.hero-copy{z-index:5;max-width:480px;align-self:center;padding-bottom:50px}.hero-copy .eyebrow{display:none}.hero-copy h1{font-weight:900;font-size:clamp(45px,4.75vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 25px}.hero-description{font-size:clamp(14px,1.12vw,17px);line-height:1.5;max-width:395px;margin-bottom:27px}.pill-button{font-family:'Nunito',sans-serif;font-weight:700;font-size:13px;min-height:46px;padding-inline:24px;gap:23px;border-color:rgba(151,139,255,.8);background:rgba(9,17,31,.24)}.pill-button:hover{background:var(--accent-bg)}.hero-cta svg{transform:rotate(90deg)}.hero-meta{margin-top:49px;font-family:'Nunito',sans-serif;text-transform:none;letter-spacing:0;font-size:12px;line-height:1.5;color:var(--muted);max-width:210px}.hero-bottom{bottom:20px;inset-inline:clamp(20px,4vw,62px);font-family:'Nunito',sans-serif;letter-spacing:0;font-size:11px}.hero-bottom #wheel-count{font-variant-numeric:tabular-nums;letter-spacing:.08em}
.wheel-area{overflow:visible;max-height:710px;isolation:isolate;min-width:0}.wheel-area:before{width:110%;height:84%;left:-5%;top:9%;background:radial-gradient(ellipse,rgba(77,101,212,.18),transparent 65%);filter:blur(28px)}.wheel{height:clamp(340px,32vw,460px);width:100%;max-width:1100px;transform:translateY(-25px);perspective:1500px;perspective-origin:50% 48%;z-index:3}.wheel-card{width:clamp(175px,18vw,260px);aspect-ratio:.70;max-height:none;border-radius:18px;transform:translate(-50%,-50%) translate3d(var(--x,0),var(--y,0),var(--z,0)) rotateY(var(--r,0deg)) scale(var(--s,1));transition:opacity .13s,box-shadow .25s,border-color .25s;backface-visibility:hidden}.wheel-card[aria-current=true]{box-shadow:inset 0 1px rgba(255,255,255,.45),0 33px 70px rgba(0,0,0,.38),0 0 35px color-mix(in srgb,var(--c1) 30%,transparent)}.wheel-card .card-name{font-size:clamp(21px,2vw,32px)}
.platform-card{border-radius:15px;color:#fff;background:linear-gradient(157deg,var(--c2),var(--c3) 70%);border:1px solid color-mix(in srgb,var(--c1) 55%,rgba(255,255,255,.3));box-shadow:inset 0 1px rgba(255,255,255,.23),0 18px 42px rgba(0,0,0,.27);text-shadow:0 2px 12px rgba(0,0,0,.12);transform-style:preserve-3d}.platform-card:before{background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 34%,rgba(0,0,0,.12) 80%)}.platform-card[data-platform=youtube]{--c1:#ff4d60!important;--c2:#b41420!important;--c3:#290a13!important}.platform-card[data-platform=x]{--c1:#9fa7c4!important;--c2:#303039!important;--c3:#090c12!important}.platform-card[data-platform=instagram]{--c1:#ffcf68!important;--c2:#e94376!important;--c3:#5420aa!important;background:linear-gradient(155deg,#5c31c8,#d82d85 48%,#ff9360 74%,#9e2c85)}.platform-card[data-platform=tiktok]{--c1:#49e9ff!important;--c2:#102d46!important;--c3:#090d19!important}.platform-card[data-platform=facebook]{--c1:#548eff!important;--c2:#1152df!important;--c3:#071b50!important}.platform-card[data-platform=vimeo]{--c1:#53deff!important;--c2:#0c6e9d!important;--c3:#08283d!important}
.card-glow{width:140%;height:70%;top:-37%;left:-24%;background:var(--c1);filter:blur(52px);opacity:.35}.card-wave{width:160%;height:43%;left:-25%;bottom:-12%;transform:rotate(-13deg);border-radius:47% 53% 0 0/60% 70% 0 0;background:linear-gradient(115deg,var(--c3),var(--c1) 65%,var(--c2));opacity:.72;box-shadow:0 -1px rgba(255,255,255,.28),0 -12px 30px color-mix(in srgb,var(--c1) 12%,transparent)}.card-wave-two{bottom:-29%;left:-15%;height:49%;transform:rotate(13deg);background:linear-gradient(120deg,var(--c2),var(--c3) 55%,var(--c1));opacity:.85}.platform-card[data-platform=instagram] .card-wave{background:linear-gradient(100deg,#fc406e,#ffdb6b,#f05e5e)}.platform-card[data-platform=tiktok] .card-wave{background:linear-gradient(115deg,#0be1e9,#143c61,#e02670)}.platform-card[data-platform=x] .card-wave{background:linear-gradient(110deg,#49434d,#12151d,#777080)}.platform-card[data-platform=facebook] .card-wave{background:linear-gradient(105deg,#244de3,#77c7ff,#122d88)}.card-identity{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;padding:16px 10px;min-width:0}.platform-glyph{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.1));flex:none}.card-name{font-weight:900;letter-spacing:-.045em;text-transform:none;overflow-wrap:normal;word-break:normal;max-width:100%;font-size:24px}.platform-card[data-platform=youtube] .platform-glyph{width:70px;height:70px}.platform-card[data-platform=x] .platform-glyph{width:58px;height:58px}.platform-card[data-platform=facebook] .platform-glyph{width:54px;height:54px}.platform-card[data-platform=tiktok] .platform-glyph{filter:drop-shadow(-3px -2px 0 #31d9e9) drop-shadow(3px 2px 0 #fa315d)}.platform-card[data-platform=youtube] .platform-glyph{--icon-cutout:#b41420}.platform-card:hover .card-shine{transform:translateX(140%)}
.wheel-pedestal{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translateY(0)}.wheel-pedestal span{position:absolute;display:block;left:50%;transform:translateX(-50%);border-radius:50%}.pedestal-floor{width:116%;height:105px;bottom:12px;background:radial-gradient(ellipse,rgba(70,83,153,.42),rgba(18,29,65,.16) 55%,transparent 72%);filter:blur(15px)}.pedestal-halo{width:90%;height:80px;bottom:64px;background:radial-gradient(ellipse,rgba(167,124,252,.35),rgba(54,79,193,.18) 47%,transparent 68%);filter:blur(12px)}.pedestal-body{width:88%;height:94px;bottom:22px;background:linear-gradient(180deg,#222b51 0%,#111a34 36%,#0d1428 72%,#1b2549 100%);border:1px solid rgba(98,120,196,.28);box-shadow:inset 0 7px 13px rgba(100,125,207,.15),0 26px 40px rgba(0,0,0,.25);border-radius:0 0 49% 49%/0 0 85% 85%!important;transform:translateX(-50%) perspective(500px) rotateX(3deg)!important}.pedestal-top{width:88%;height:92px;bottom:94px;background:radial-gradient(ellipse at 50% 40%,#37426f,#1c264a 54%,#101830 73%);border:1px solid rgba(150,160,235,.42);box-shadow:0 0 0 5px rgba(74,95,165,.15),0 2px 18px rgba(139,119,249,.45),inset 0 0 36px rgba(77,92,169,.25)}.pedestal-rim{width:88%;height:92px;bottom:92px;border:2px solid rgba(175,146,255,.8);border-left-color:rgba(83,181,255,.9);border-right-color:rgba(255,169,193,.8);box-shadow:0 0 11px rgba(150,121,255,.6),inset 0 0 9px rgba(104,158,255,.45)}.scene-host{z-index:2;opacity:.55;inset:8% -10% 0;pointer-events:none}.wheel-controls{z-index:5;position:relative;margin-top:-2px;gap:17px}.wheel-hint{position:relative;z-index:5;color:var(--muted);font-family:'Nunito',sans-serif;letter-spacing:0;font-size:11px;margin-top:12px}.wheel-nav{border-radius:50%;width:36px;height:36px;background:rgba(16,26,46,.78);backdrop-filter:blur(10px)}.wheel-dots{gap:8px}.wheel-dot{width:5px;height:5px;border-radius:50%}.wheel-dot.is-active{width:18px;border-radius:6px}
/* Gallery: colorful physical tiles with a restrained, deliberate entrance. */
.gallery-section{position:relative;background:radial-gradient(ellipse at 12% 23%,rgba(101,33,53,.19),transparent 36%),radial-gradient(ellipse at 84% 68%,rgba(24,112,171,.13),transparent 43%),var(--bg)}.section-pad{padding-block:100px}.section-inner{max-width:1540px}.section-heading{text-align:center;max-width:790px;margin:0 auto 38px}.section-heading .eyebrow{justify-content:center}.section-heading h2{font-weight:900;font-size:clamp(31px,3vw,46px);line-height:1.1;margin:12px 0 12px}.section-heading>p{font-size:15px;line-height:1.55;margin-inline:auto}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.gallery-cell{min-width:0;perspective:900px}.gallery-card{width:100%;aspect-ratio:1.22;min-height:0;border-radius:15px;transition:transform .6s var(--ease),box-shadow .35s;transform:translateZ(0);padding:10px}.gallery-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 22px 55px color-mix(in srgb,var(--c1) 18%,rgba(0,0,0,.26))}.gallery-card .card-identity{gap:10px;padding:0 8px;transform:translateY(-9px)}.gallery-card .platform-glyph{width:44px;height:44px}.gallery-card[data-platform=youtube] .platform-glyph{width:56px;height:56px}.gallery-card .card-name{font-size:clamp(16px,1.5vw,23px)}.card-enter{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:5;width:37px;height:37px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;color:white;background:rgba(0,0,0,.12);backdrop-filter:blur(6px);transition:background .25s,transform .4s var(--ease)}.gallery-card:hover .card-enter{background:rgba(255,255,255,.2);transform:translateX(-50%) translateX(3px)}.gallery-cell.reveal{opacity:0;transform:translateY(48px) rotateX(9deg) scale(.97);filter:blur(5px);transition:opacity .7s ease,transform .9s var(--ease),filter .8s ease;transition-delay:var(--stagger,0ms)}.gallery-cell.reveal.is-visible{opacity:1;transform:none;filter:none}.section-footnote{font-size:12px;color:var(--faint);text-align:center;max-width:800px;margin:30px auto 0}.how-section{background:var(--bg)}.how-card{border-radius:17px}.lab-section{background:radial-gradient(ellipse at 26% 45%,rgba(92,73,170,.12),transparent 48%),var(--bg)}.lab-core{border-radius:50%;background:linear-gradient(145deg,#273252,#10182a)}.lab-core img{border-radius:0}.site-footer{background:var(--bg);border-top:1px solid var(--border)}.footer-brand .brand img{border-radius:0}.document-page{background:var(--bg)}
/* True double-hinged doors, followed by a delayed zoom-out from behind them. */
.portal-overlay{background:var(--bg);perspective:1800px}.portal-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(90,101,199,.13),transparent 60%),var(--bg)}.portal-content{background:var(--bg);opacity:0;visibility:hidden;transform:scale(.12) translateZ(-140px);filter:blur(28px);transition:opacity .45s ease .57s,transform .82s var(--ease) .52s,filter .75s ease .52s,visibility 0s linear .52s;transform-origin:50% 50%;z-index:2}.portal-overlay.is-open .portal-content{visibility:visible;opacity:1;transform:scale(1) translateZ(0);filter:blur(0)}.portal-doors{clip-path:inset(var(--from-top,0px) var(--from-right,0px) var(--from-bottom,0px) var(--from-left,0px) round 16px);transition:clip-path .42s var(--ease),opacity .2s ease 1.25s;perspective:1600px}.portal-overlay.is-open .portal-doors{clip-path:inset(0px round 0px);opacity:0}.portal-door{background:none;overflow:visible;transition:transform .8s cubic-bezier(.64,.03,.21,1) .37s;transform-style:preserve-3d;backface-visibility:hidden}.portal-door-left{transform-origin:left center}.portal-door-right{transform-origin:right center}.portal-overlay.is-open .portal-door-left{transform:rotateY(-112deg)}.portal-overlay.is-open .portal-door-right{transform:rotateY(112deg)}.door-face{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,var(--c1),var(--c2) 35%,var(--c3));backface-visibility:hidden}.portal-door-left .door-face{border-right:1px solid rgba(255,255,255,.32)}.portal-door-right .door-face{border-left:1px solid rgba(255,255,255,.32)}.door-wave{background:linear-gradient(100deg,var(--c1),var(--c3),var(--c2))}.door-identity{position:absolute;top:50%;width:200%;display:flex;flex-direction:column;align-items:center;gap:20px;transform:translateY(-50%);font-size:clamp(34px,5.5vw,80px);font-weight:900;line-height:1.1;color:white;white-space:nowrap;text-shadow:0 4px 30px rgba(0,0,0,.25)}.door-identity img{width:clamp(58px,7vw,100px);height:clamp(58px,7vw,100px)}.portal-door-left .door-identity{left:0}.portal-door-right .door-identity{right:0}.workspace{background:radial-gradient(ellipse at 50% 0%,rgba(92,83,177,.1),transparent 55%),var(--bg)}.workspace-platform{border-radius:999px;font-family:'Nunito',sans-serif;font-weight:800;letter-spacing:.04em}.workspace h1{font-weight:900}.url-field{border-radius:16px}.url-field button{border-radius:12px}.workspace-close{border-radius:50%}.portal-open{overflow:hidden}
:root[data-theme=light] .hero-stage{background:radial-gradient(ellipse at 64% 55%,rgba(115,131,210,.18),transparent 55%),var(--bg)}:root[data-theme=light] .hero-ambient{opacity:.5}:root[data-theme=light] .pedestal-top{background:radial-gradient(ellipse at 50% 40%,#a7b5e2,#6e82bd 62%,#40558d)}:root[data-theme=light] .pedestal-body{background:linear-gradient(#9facd6,#586a9d 55%,#3d517c)}:root[data-theme=light] .pedestal-rim{box-shadow:0 0 13px rgba(106,92,206,.42)}:root[data-theme=light] .wheel-nav{background:rgba(255,255,255,.8)}:root[data-theme=light] .pill-button{background:rgba(255,255,255,.35)}
/* Adapted composition. No horizontal page scrolling at 320 px or wider. */
@media(min-width:1450px){.hero-inner{grid-template-columns:minmax(0,30%) minmax(0,70%)}.wheel{max-width:1160px}.wheel-card{width:270px}.hero-copy h1{font-size:76px}}
@media(max-width:1150px){.hero-inner{grid-template-columns:minmax(0,34%) minmax(0,66%)}.hero-copy h1{font-size:clamp(40px,4.8vw,56px)}.wheel-card{width:clamp(160px,20vw,220px)}.wheel{height:390px}.card-identity{gap:12px}.platform-glyph{width:48px;height:48px}.wheel-card .card-name{font-size:clamp(19px,2.3vw,27px)}.gallery-card{aspect-ratio:1.07}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-card .card-name{font-size:clamp(17px,2vw,23px)}}
@media(max-width:900px){.hero-track{height:245svh}.hero-inner{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 24px 48px;gap:0}.hero-copy{width:100%;max-width:680px;align-self:center;text-align:center;padding:0;margin-bottom:6px}.hero-copy h1{font-size:clamp(43px,6.7vw,60px);margin-bottom:13px}.hero-description{margin:0 auto 18px;max-width:520px}.hero-meta{display:none}.wheel-area{width:100%;height:475px;max-height:none;flex:none;overflow:visible}.wheel{height:335px;transform:translateY(-8px)}.wheel-card{width:clamp(170px,25vw,230px)}.wheel-pedestal{transform:scale(.95)}.wheel-controls{margin-top:4px}.wheel-hint{margin-top:9px}.hero-bottom{bottom:14px}.hero-bottom span:first-child{max-width:70%;line-height:1.4}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){:root{--header-height:64px}.site-header{height:64px}.nav-shell{padding-inline:16px;gap:7px}.brand{font-size:20px;gap:7px;letter-spacing:-.045em}.brand img{width:32px;height:32px}.nav-actions{gap:6px}.language-wrap{min-width:46px;width:46px;min-height:34px;padding:0 5px;gap:3px}.language-wrap svg:first-child{width:14px}.language-current{font-family:'Nunito',sans-serif;font-size:10px;font-weight:800}.theme-switch{padding:2px;gap:0}.theme-switch button{width:27px;height:30px}.theme-switch button svg{width:15px;height:15px}.menu-toggle{width:34px;height:34px;border-radius:10px}.primary-nav{padding:12px 20px 20px;background:var(--surface)}.hero-stage{height:calc(100svh - 64px);min-height:0}.hero-track{height:230svh}.hero-inner{height:100%;max-width:520px;padding:clamp(18px,4svh,35px) 18px 45px;justify-content:space-between}.hero-copy{flex:none;margin:0}.hero-copy h1{font-size:clamp(38px,10.5vw,50px);line-height:1.04;margin:0 0 12px}.hero-description{font-size:clamp(12px,3.35vw,14px);line-height:1.48;margin:0 auto 15px;max-width:350px}.hero-cta{min-height:42px;padding-inline:18px;font-size:12px;gap:18px}.hero-orbit{top:-310px;left:-20%;width:165%}.wheel-area{height:auto;flex:1;min-height:315px;max-height:450px;justify-content:center;margin-top:5px;overflow:visible}.wheel{height:clamp(245px,35svh,330px);transform:translateY(-8px);flex:none}.wheel-card{width:clamp(142px,55vw,218px);border-radius:13px}.wheel-card .card-name{font-size:clamp(18px,5.6vw,25px)}.wheel-card .platform-glyph{width:48px;height:48px}.wheel-card[data-platform=youtube] .platform-glyph{width:60px;height:60px}.card-identity{gap:12px}.wheel-pedestal{transform:scale(1);bottom:0}.pedestal-floor{bottom:4px;width:145%;height:75px}.pedestal-halo{bottom:37px;width:113%;height:65px}.pedestal-top,.pedestal-rim{width:110%;height:58px;bottom:62px}.pedestal-body{width:110%;height:65px;bottom:12px}.wheel-controls{margin-top:1px;gap:10px}.wheel-nav{width:34px;height:34px}.wheel-hint{font-size:10px;line-height:1.4;text-align:center;max-width:260px;margin-top:6px}.hero-bottom{bottom:12px;inset-inline:18px;font-size:9px}.hero-bottom span:first-child{display:none}.section-pad{padding:72px 18px}.section-heading{margin-bottom:26px}.section-heading h2{font-size:clamp(29px,7.8vw,38px);margin:10px 0}.section-heading>p{font-size:13px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-card{aspect-ratio:.92;border-radius:12px}.gallery-card .card-identity{gap:8px;transform:translateY(-9px)}.gallery-card .platform-glyph{width:39px;height:39px}.gallery-card[data-platform=youtube] .platform-glyph{width:48px;height:48px}.gallery-card .card-name{font-size:clamp(14px,4.2vw,19px)}.card-enter{bottom:11px;width:31px;height:31px}.card-enter svg{width:15px}.footer-main{gap:30px 18px}.site-footer{padding:43px 18px 24px}.workspace{padding-inline:18px}.workspace-header{height:68px}.workspace-main{padding-top:35px}.workspace-platform{margin-top:18px}.workspace h1{font-size:clamp(33px,9vw,45px)}.door-identity{font-size:clamp(27px,7vw,45px);gap:12px}.door-identity img{width:54px;height:54px}}
@media(max-width:370px){.nav-shell{padding-inline:12px;gap:5px}.brand{font-size:18px;gap:5px}.brand img{width:28px;height:28px}.language-wrap{width:42px;min-width:42px;padding-inline:4px}.language-wrap svg:last-child{display:none}.theme-switch button{width:24px}.menu-toggle{width:31px;height:32px}.hero-inner{padding-inline:14px}.hero-copy h1{font-size:clamp(34px,10.5vw,40px)}.hero-description{font-size:11.5px}.wheel-card{width:clamp(136px,52vw,190px)}.wheel{height:clamp(225px,33svh,285px)}.wheel-area{min-height:275px}.wheel-card .card-name{font-size:18px}.section-pad{padding-inline:14px}.gallery-card .card-name{font-size:13px}.gallery-card{aspect-ratio:.86}}
@media(max-height:700px) and (max-width:650px){.hero-track{height:auto}.hero-stage{position:relative;top:auto;height:auto;min-height:0}.hero-inner{height:auto;padding-top:24px;padding-bottom:54px;gap:0}.hero-copy h1{font-size:clamp(34px,9.5vw,44px)}.hero-copy .hero-description{margin-bottom:12px}.wheel-area{height:360px;flex:none;min-height:0;max-height:none;margin-top:5px}.wheel{height:250px}.wheel-card{width:clamp(142px,49vw,185px)}.hero-bottom{bottom:15px}.hero-track .wheel-hint{margin-top:4px}}
@media(max-height:490px){.hero-track{height:auto}.hero-stage{position:relative;height:auto;min-height:0}.hero-inner{padding-top:30px;padding-bottom:55px}.wheel-area{height:340px;min-height:0}.hero-bottom{bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero-track{height:auto!important}.hero-stage{position:relative!important;height:auto!important;min-height:0!important}.hero-inner{height:auto!important;min-height:0!important;display:flex;flex-direction:column;gap:24px;padding-top:65px;padding-bottom:65px}.wheel-area{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.wheel-pedestal,.scene-host{display:none!important}.wheel{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:auto!important;transform:none!important;perspective:none;width:100%;max-width:900px}.wheel-card{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-height:none!important;aspect-ratio:.82;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:auto!important}.wheel-controls,.wheel-hint,.hero-bottom{display:none!important}.gallery-cell.reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.portal-overlay .portal-content{transition:none!important;transform:none!important;filter:none!important}.portal-overlay.is-open .portal-content{visibility:visible!important;opacity:1!important}.portal-doors{display:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:650px){.hero-inner{padding-top:40px;padding-bottom:50px}.wheel{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-card .card-name{font-size:clamp(15px,4vw,20px)}}

.wheel-card{transform-style:flat}.wheel-card .card-identity,.wheel-card .card-glow,.wheel-card .card-wave{pointer-events:none}.wheel-pedestal,.scene-host{pointer-events:none!important}

/* PLiPLiP 0.3.0 — physical showroom, reference-driven visual remediation. */
:root{--showroom-dark:#0b1220;--showroom-ink:#f9faff;--deck-shell:#121b35;--deck-top:#273453;--deck-edge:rgba(175,151,255,.9)}
.hero-stage{min-height:0;background:radial-gradient(ellipse at 67% 63%,rgba(57,79,150,.24),transparent 54%),radial-gradient(ellipse at 71% 5%,rgba(98,64,164,.12),transparent 45%),var(--bg)}
.hero-inner{grid-template-columns:minmax(0,30%) minmax(0,70%);gap:0}
.hero-copy{padding-bottom:12px}
.hero-copy h1{font-size:clamp(44px,4.8vw,76px);line-height:1.035}
.wheel-area{--card-width:clamp(180px,18.5vw,278px);--deck-contact:calc(100% - 178px);height:clamp(460px,43vw,650px);max-height:none;display:block;overflow:visible;isolation:isolate}
.wheel-area::before{left:-6%;top:4%;width:112%;height:78%;background:radial-gradient(ellipse,rgba(82,101,189,.14),transparent 70%);filter:blur(38px)}
.wheel{position:absolute;inset:0;width:100%;height:100%;max-width:none;transform:none;perspective:1500px;perspective-origin:50% 48%;z-index:3;touch-action:pan-y}
.wheel-card{width:var(--card-width);height:auto;aspect-ratio:.72;top:calc(var(--deck-contact) - var(--card-width)/.72/2 + 8px);left:50%;border-radius:18px;transform:translate(-50%,-50%) translate3d(var(--x,0px),var(--y,0px),var(--z,0px)) rotateY(var(--r,0deg)) scale(var(--s,1));transform-style:preserve-3d;overflow:visible;border:0;background:transparent;box-shadow:none!important;transition:opacity .12s;will-change:transform}
.platform-card{overflow:visible;isolation:auto;background:transparent;border:0;box-shadow:none;transform-style:preserve-3d;text-shadow:none}
.platform-card:before,.platform-card:after{display:none}
.card-depth{position:absolute;inset:0;display:block;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--c3) 85%,black),var(--c1) 48%,var(--c3));transform:translate3d(5px,3px,-9px);border:1px solid color-mix(in srgb,var(--c1) 40%,white);box-shadow:0 30px 48px rgba(0,0,0,.25);pointer-events:none}
.card-face{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;background:linear-gradient(145deg,var(--c2),var(--c3));border:1px solid color-mix(in srgb,var(--c1) 62%,white 13%);box-shadow:inset 0 1px rgba(255,255,255,.38),inset 0 0 0 1px rgba(255,255,255,.04),0 18px 44px rgba(0,0,0,.28),0 0 22px color-mix(in srgb,var(--c1) 12%,transparent);transform:translateZ(0);backface-visibility:hidden;transition:box-shadow .35s,border-color .35s}
.card-face::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(134deg,rgba(255,255,255,.2),transparent 25%,transparent 72%,rgba(0,0,0,.15));border-radius:inherit}
.card-face::after{content:'';position:absolute;inset:2px;z-index:4;border-radius:inherit;border:1px solid rgba(255,255,255,.055);pointer-events:none}
.card-art{position:absolute;inset:0;display:block;background-image:var(--art);background-size:cover;background-position:center;pointer-events:none}
.card-glow{z-index:1;opacity:.1}.card-wave{display:none}
.card-identity{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:18px 12px;transform:none}
.wheel-card .card-name{font-size:clamp(23px,2vw,31px);font-weight:900;letter-spacing:-.05em}
.platform-glyph{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}
.wheel-card[aria-current=true] .card-face{border-color:color-mix(in srgb,var(--c1) 75%,white 25%);box-shadow:inset 0 1px rgba(255,255,255,.5),0 30px 70px rgba(0,0,0,.37),0 0 29px color-mix(in srgb,var(--c1) 25%,transparent)}
.wheel-card[aria-current=true] .card-depth{box-shadow:0 35px 55px rgba(0,0,0,.3),0 0 22px color-mix(in srgb,var(--c1) 15%,transparent)}
@media(hover:hover) and (pointer:fine){.platform-card:hover .card-face{box-shadow:inset 0 1px rgba(255,255,255,.5),0 24px 65px rgba(0,0,0,.35),0 0 25px color-mix(in srgb,var(--c1) 22%,transparent)}.platform-card:hover .card-shine{transform:translateX(140%)}.gallery-card:hover{transform:translateY(-9px) rotateX(3deg) rotateY(-2deg)}.gallery-card:hover .card-art{transform:scale(1.045)}}
.card-shine{z-index:5}.card-art{transition:transform .8s var(--ease)}
.wheel-pedestal{position:absolute;inset:0;z-index:1;pointer-events:none;transform:none!important;overflow:visible}
.wheel-pedestal span{position:absolute;left:50%;display:block;transform:translateX(-50%);border-radius:50%}
.pedestal-floor{width:130%;height:124px;bottom:0;background:radial-gradient(ellipse,rgba(64,79,149,.46),rgba(18,29,65,.17) 50%,transparent 73%);filter:blur(16px)}
.pedestal-halo{width:100%;height:100px;bottom:104px;background:radial-gradient(ellipse,rgba(149,115,242,.32),rgba(53,79,193,.13) 50%,transparent 75%);filter:blur(14px)}
.pedestal-body{width:91%;height:106px;bottom:55px;border-radius:0 0 49% 49%/0 0 88% 88%!important;transform:translateX(-50%)!important;background:linear-gradient(180deg,#303a60 0%,#202c50 10%,#121c39 39%,#0c142b 73%,#222e51 100%);border:1px solid rgba(110,139,216,.24);box-shadow:inset 0 5px 13px rgba(137,158,233,.14),inset 0 -8px 18px rgba(7,13,31,.7),0 31px 56px rgba(0,0,0,.3)}
.pedestal-body::after{content:'';position:absolute;inset:4px 0 14px;border-radius:0 0 50% 50%;background:linear-gradient(90deg,transparent,rgba(110,140,225,.11) 20%,rgba(182,158,255,.08) 50%,transparent 85%);pointer-events:none}
.pedestal-top{width:91%;height:92px;bottom:124px;background:radial-gradient(ellipse at 50% 39%,#3b4772,#263253 47%,#111a36 74%,#0b1227);border:1px solid rgba(166,181,249,.32);box-shadow:inset 0 0 37px rgba(66,88,169,.26),0 4px 14px rgba(0,0,0,.25)}
.pedestal-rim{width:91%;height:92px;bottom:124px;border:2px solid rgba(177,151,255,.9);border-left-color:rgba(93,196,255,.9);border-right-color:rgba(255,176,194,.82);box-shadow:0 0 9px rgba(153,128,255,.55),0 0 23px rgba(106,117,249,.18),inset 0 0 9px rgba(115,155,255,.23)}
.pedestal-contact{width:67%;height:40px;bottom:139px;background:radial-gradient(ellipse,rgba(255,196,241,.34),rgba(134,112,255,.13) 42%,transparent 75%);filter:blur(13px)}
.pedestal-sweep{width:92%;height:100px;bottom:125px;border:1px solid rgba(255,255,255,.055);transform:translateX(-50%) scale(.82)!important;box-shadow:0 0 0 1px rgba(87,120,212,.09),0 0 35px rgba(93,107,206,.08)}
.wheel-controls{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);margin:0;z-index:6;gap:15px;white-space:nowrap}
.wheel-hint{display:none}
.wheel-nav{background:rgba(13,23,42,.78);border:1px solid rgba(171,191,232,.19)}
.hero-bottom{z-index:5;bottom:18px}
/* Gallery: a deliberate section entrance followed by staggered physical tiles. */
.gallery-section{overflow:hidden;background:radial-gradient(ellipse at 6% 16%,rgba(153,40,67,.13),transparent 36%),radial-gradient(ellipse at 94% 75%,rgba(24,124,187,.12),transparent 45%),var(--bg)}
.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gallery-cell{perspective:1100px;transform-style:preserve-3d}
.gallery-card{height:auto;aspect-ratio:1.18;min-height:0;width:100%;padding:0;border-radius:16px;transform-style:preserve-3d;transition:transform .7s var(--ease)}
.gallery-card .card-identity{gap:11px;padding:16px;transform:translateY(-9px)}
.gallery-card .card-name{font-size:clamp(16px,1.5vw,23px);overflow-wrap:anywhere}
.gallery-card .card-depth{transform:translate3d(3px,4px,-7px)}
.gallery-card .card-enter{z-index:6;bottom:15px}
.gallery-cell.reveal{opacity:0;transform:translate3d(0,62px,-75px) rotateX(11deg) scale(.965);filter:blur(5px);transition:opacity .7s ease,transform 1s var(--ease),filter .75s ease;transition-delay:var(--stagger,0ms)}
.gallery-cell.reveal.is-visible{opacity:1;transform:none;filter:none}
.gallery-section .section-heading.reveal{transform:translateY(28px);transition-duration:.8s}
.gallery-section .section-heading.reveal.is-visible{transform:none}
/* Split door: one continuous artwork, both leaves hinged at the outer edges. */
.portal-overlay{perspective:1800px}
.portal-doors{transform-style:preserve-3d;perspective:1800px;transition:clip-path .35s var(--ease),opacity .24s ease 1.3s}
.portal-door{overflow:visible;backface-visibility:hidden;transform-style:preserve-3d;transition:transform .83s cubic-bezier(.64,.03,.21,1) .34s}
.portal-door-left{transform-origin:left center}.portal-door-right{transform-origin:right center}
.portal-overlay.is-open .portal-door-left{transform:rotateY(-108deg)}.portal-overlay.is-open .portal-door-right{transform:rotateY(108deg)}
.door-face{background:linear-gradient(145deg,var(--c2),var(--c3));box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 25px rgba(0,0,0,.24)}
.door-art{position:absolute;inset:0;width:200%;background-image:var(--art);background-size:100% 100%;background-repeat:no-repeat}
.portal-door-left .door-art{left:0}.portal-door-right .door-art{right:0}
.portal-content{transform:scale(.09) translateZ(-150px);filter:blur(30px);transition:opacity .42s ease .65s,transform .9s var(--ease) .55s,filter .78s ease .57s,visibility 0s linear .55s}
.portal-overlay.is-open .portal-content{transform:scale(1) translateZ(0);filter:blur(0)}
.portal-overlay.no-animation .portal-content,.portal-overlay.no-animation .portal-door,.portal-overlay.no-animation .portal-doors{transition:none!important}
/* Light retains the showroom's material hierarchy instead of becoming a dark-mode inversion. */
:root[data-theme=light]{--deck-shell:#586c9e;--deck-top:#aebce7;--deck-edge:#9180e2}
:root[data-theme=light] .hero-stage{background:radial-gradient(ellipse at 68% 60%,rgba(109,129,210,.17),transparent 58%),radial-gradient(ellipse at 75% 0%,rgba(177,138,226,.15),transparent 44%),var(--bg)}
:root[data-theme=light] .pedestal-top{background:radial-gradient(ellipse at 50% 38%,#dce5ff,#a6b6e2 56%,#687ba9 85%)}
:root[data-theme=light] .pedestal-body{background:linear-gradient(#a6b7dc,#6075a8 41%,#394d7a 83%,#7486b2)}
:root[data-theme=light] .pedestal-rim{border-color:#9984d9;border-left-color:#69a9e0;border-right-color:#cb8dbb;box-shadow:0 0 12px rgba(118,103,206,.27)}
:root[data-theme=light] .pedestal-floor{background:radial-gradient(ellipse,rgba(100,126,186,.23),transparent 72%)}
/* Real mobile composition, with a smaller wheel rather than a scaled desktop page. */
@media(max-width:1150px){.hero-inner{grid-template-columns:minmax(0,34%) minmax(0,66%)}.wheel-area{--card-width:clamp(165px,19vw,235px);height:clamp(430px,46vw,550px)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hero-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.hero-copy{padding:0;max-width:680px}.wheel-area{--card-width:clamp(170px,25vw,230px);width:100%;height:clamp(400px,52vw,490px);flex:none;margin:0}.wheel{height:100%;transform:none}.wheel-pedestal{transform:none!important}.hero-bottom{bottom:12px}}
@media(max-width:650px){.hero-inner{padding:clamp(18px,4svh,32px) 18px 46px;justify-content:space-between}.hero-copy h1{font-size:clamp(38px,10.5vw,50px)}.wheel-area{--card-width:clamp(142px,53vw,208px);--deck-contact:calc(100% - 106px);height:clamp(310px,48svh,430px);max-height:none;min-height:0;flex:none;margin-top:0}.wheel-card{top:calc(var(--deck-contact) - var(--card-width)/.72/2 + 5px);border-radius:13px}.wheel-card .card-name{font-size:clamp(17px,5vw,23px)}.wheel-card .platform-glyph{width:46px;height:46px}.wheel-card[data-platform=youtube] .platform-glyph{width:56px;height:56px}.card-identity{gap:10px}.pedestal-floor{width:145%;height:77px;bottom:0}.pedestal-halo{width:112%;height:60px;bottom:49px}.pedestal-top,.pedestal-rim{width:112%;height:57px;bottom:67px}.pedestal-body{width:112%;height:65px;bottom:21px}.pedestal-contact{width:80%;height:26px;bottom:78px}.pedestal-sweep{width:112%;height:57px;bottom:67px}.wheel-controls{bottom:0;gap:10px}.hero-bottom{bottom:10px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.gallery-card{aspect-ratio:.95;border-radius:12px}.gallery-card .card-name{font-size:clamp(14px,4vw,19px)}.gallery-card .card-identity{gap:7px;padding:12px 6px;transform:translateY(-8px)}.gallery-card .platform-glyph{width:38px;height:38px}.gallery-card[data-platform=youtube] .platform-glyph{width:49px;height:49px}.gallery-card .card-enter{bottom:11px;width:31px;height:31px}.gallery-cell.reveal{transform:translate3d(0,28px,-30px) rotateX(5deg) scale(.98)}.section-pad{padding-block:70px}}
@media(max-width:370px){.wheel-area{--card-width:clamp(136px,51vw,188px);height:clamp(275px,47svh,365px)}.hero-inner{padding-inline:14px}.gallery-grid{gap:9px}.gallery-card .card-name{font-size:13px}}
@media(max-height:700px) and (max-width:650px){.hero-track{height:auto}.hero-stage{position:relative;top:auto;height:auto}.hero-inner{height:auto;gap:14px;padding-top:24px;padding-bottom:48px}.wheel-area{height:340px;flex:none}.hero-copy h1{font-size:clamp(34px,9.5vw,44px)}}
@media(max-height:490px){.hero-stage{height:auto}.hero-inner{height:auto;gap:18px}.wheel-area{height:340px;flex:none}}
@media(prefers-reduced-motion:reduce){.hero-track{height:auto!important}.hero-stage{position:relative!important;height:auto!important}.hero-inner{height:auto!important;gap:24px!important;padding-block:50px!important}.wheel-area{height:auto!important;min-height:0!important;max-height:none!important}.wheel-pedestal,.scene-host{display:none!important}.wheel{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:auto!important;perspective:none;transform:none!important}.wheel-card{position:relative!important;top:auto!important;left:auto!important;width:100%!important;aspect-ratio:.8;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:auto!important;will-change:auto}.wheel-controls,.wheel-hint{display:none!important}.gallery-cell.reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.portal-doors{display:none!important}.portal-content{transition:none!important;transform:none!important;filter:none!important}.portal-overlay.is-open .portal-content{visibility:visible!important;opacity:1!important}.card-art{transition:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:650px){.wheel{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-card .card-name{font-size:clamp(15px,4vw,20px)}}

/* 0.4.0 — actual CSS-3D glass showroom, signed wheel, low camera. */
:root{--glass-white:rgba(255,255,255,.84);--metal-dark:#0b1021;--metal-light:#a5b7df;--podium-tint:rgba(60,86,157,.3)}
.hero-stage{background:radial-gradient(ellipse at 67% 68%,rgba(44,72,161,.22),transparent 56%),radial-gradient(ellipse at 73% 6%,rgba(130,81,186,.15),transparent 48%),var(--bg)}
.hero-vector{position:absolute;inset:0;pointer-events:none;background:url('/hero-vectors.svg') center / cover no-repeat;opacity:.8;mix-blend-mode:screen;z-index:0}
.hero-ambient{opacity:.78}.hero-inner{position:relative;z-index:1}
.hero-copy{position:relative;z-index:7}.hero-copy h1{letter-spacing:-.07em}.hero-copy .gradient-text{filter:drop-shadow(0 0 20px rgba(174,116,255,.11))}
.wheel-area{--card-width:clamp(180px,18.5vw,278px);--deck-bottom:55px;--deck-height:108px;--deck-contact:calc(100% - 191px);height:clamp(480px,43vw,650px);overflow:visible;isolation:isolate}
.wheel{inset:0;height:100%;max-width:none;perspective:1450px;perspective-origin:50% 72%;transform:rotateX(-4deg);transform-style:preserve-3d;z-index:4}
.wheel-card{top:calc(var(--deck-contact) - var(--card-width)/.72/2 + 8px);transform:translate(-50%,-50%) translate3d(var(--x,0px),var(--y,0px),var(--z,0px)) rotateY(var(--r,0deg)) scale(var(--s,1));transform-style:preserve-3d!important;backface-visibility:visible;overflow:visible;isolation:auto;filter:brightness(calc(.74 + var(--light,1)*.26));transition:opacity .15s,filter .25s}
.card-depth{inset:0;transform:translate3d(0,0,-12px);border-radius:inherit;background:linear-gradient(95deg,#0b1224,var(--c3) 34%,var(--c1) 80%,#131a32);border:1px solid rgba(220,235,255,.5);box-shadow:inset 2px 0 3px rgba(255,255,255,.25),inset -3px 0 5px rgba(0,0,0,.5),0 25px 55px rgba(0,0,0,.32);backface-visibility:hidden}
.card-back{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,#17223e,var(--c3),#080e1e);border:1px solid rgba(255,255,255,.28);transform:translateZ(-13px) rotateY(180deg);backface-visibility:hidden;pointer-events:none}
.card-face{transform:translateZ(0);border:1.5px solid color-mix(in srgb,var(--c1) 65%,white 35%);background:linear-gradient(145deg,var(--c2),var(--c3));box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 0 0 2px rgba(255,255,255,.045),inset 0 -3px 12px rgba(0,0,0,.23),0 22px 48px rgba(0,0,0,.35),0 0 21px color-mix(in srgb,var(--c1) 20%,transparent),0 0 2px 1px color-mix(in srgb,var(--c1) 65%,transparent)}
.card-face::before{z-index:2;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.12) 1%,transparent 18%,transparent 63%,rgba(255,255,255,.07) 84%,rgba(255,255,255,.26) 100%);box-shadow:inset 2px 2px 2px rgba(255,255,255,.16),inset -2px -2px 3px rgba(0,0,0,.16)}
.card-face::after{inset:3px;z-index:6;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 15px rgba(255,255,255,.035)}
.card-facet{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(139deg,rgba(255,255,255,.1) 0 9%,transparent 9.2% 68%,rgba(255,255,255,.045) 68.2% 77%,transparent 77.2%),linear-gradient(26deg,transparent 0 56%,rgba(255,255,255,.045) 56.2%,transparent 57%);mix-blend-mode:screen}
.card-art{background-size:cover;background-position:center;filter:saturate(1.1);transition:transform .7s var(--ease)}
.card-glow{opacity:.18;mix-blend-mode:screen}.card-identity{z-index:4;transform:translateZ(2px);text-shadow:0 2px 12px rgba(0,0,0,.3)}
.platform-glyph{filter:drop-shadow(0 5px 12px rgba(0,0,0,.28)) drop-shadow(0 0 9px rgba(255,255,255,.09))}
.card-highlight{position:absolute;inset:0;z-index:7;pointer-events:none;border-radius:inherit;background:linear-gradient(116deg,transparent 0 40%,rgba(255,255,255,.32) 46%,rgba(255,255,255,.045) 51%,transparent 60%);opacity:.42;mix-blend-mode:screen;transform:translateX(-45%);transition:transform .65s var(--ease),opacity .65s}
.card-shine{background:linear-gradient(120deg,transparent 33%,rgba(255,255,255,.24) 49%,transparent 64%)}
.wheel-card[aria-current=true] .card-face{border-color:color-mix(in srgb,var(--c1) 48%,white 52%);box-shadow:inset 0 1px 2px rgba(255,255,255,.9),inset 0 0 0 2px rgba(255,255,255,.07),0 32px 65px rgba(0,0,0,.43),0 0 33px color-mix(in srgb,var(--c1) 31%,transparent),0 0 3px 1px color-mix(in srgb,var(--c1) 65%,transparent)}
.wheel-card[aria-current=true] .card-highlight{opacity:.62;transform:translateX(-20%)}
@media(hover:hover) and (pointer:fine){.platform-card:hover .card-face{border-color:rgba(255,255,255,.74);box-shadow:inset 0 1px rgba(255,255,255,.95),0 26px 65px rgba(0,0,0,.35),0 0 32px color-mix(in srgb,var(--c1) 34%,transparent)}.platform-card:hover .card-highlight{opacity:.8;transform:translateX(30%)}.gallery-card:hover{transform:translateY(-10px) rotateX(4deg) rotateY(-3deg)}.gallery-card:hover .card-art{transform:scale(1.035)}}
/* Elliptical glass-and-metal stage: a side wall, separate rims and reflective top. */
.wheel-pedestal{z-index:1;perspective:1100px;overflow:visible;transform:none!important;--rim:rgba(171,201,255,.72)}
.wheel-pedestal span{position:absolute;left:50%;display:block;transform:translateX(-50%);pointer-events:none}
.pedestal-floor{width:143%;height:130px;bottom:0;background:radial-gradient(ellipse,rgba(78,104,190,.37),rgba(20,36,84,.14) 50%,transparent 75%);filter:blur(20px)}
.pedestal-underlight{width:105%;height:48px;bottom:31px;border-radius:50%;background:radial-gradient(ellipse,rgba(110,167,255,.45),rgba(80,57,172,.13) 56%,transparent 78%);filter:blur(12px)}
.pedestal-halo{width:108%;height:115px;bottom:100px;background:radial-gradient(ellipse,rgba(176,142,255,.33),rgba(66,97,210,.13) 50%,transparent 76%);filter:blur(18px)}
.pedestal-body{width:94%;height:118px;bottom:44px;border-radius:0 0 49% 49%/0 0 89% 89%!important;background:linear-gradient(180deg,#788aaf 0%,#273a62 5%,#0e1832 13%,#172443 34%,#090f22 60%,#1b2c51 88%,#3e547c 100%);border:1px solid rgba(161,188,239,.38);box-shadow:inset 0 4px 9px rgba(214,230,255,.22),inset 0 -8px 16px rgba(0,0,0,.65),0 27px 53px rgba(0,0,0,.37)}
.pedestal-body::after{inset:3px 0 11px;border-radius:0 0 50% 50%;background:linear-gradient(90deg,transparent 1%,rgba(210,230,255,.11) 12%,transparent 26%,rgba(133,173,255,.12) 45%,rgba(255,255,255,.04) 65%,transparent 88%)}
.pedestal-glass-wall{width:93%;height:101px;bottom:54px;border-radius:0 0 49% 49%/0 0 85% 85%!important;background:linear-gradient(90deg,rgba(89,126,202,.12),rgba(215,234,255,.045) 21%,transparent 34%,rgba(122,157,238,.11) 55%,rgba(255,255,255,.04) 70%,rgba(70,101,176,.15));border-left:1px solid rgba(197,223,255,.33);border-right:1px solid rgba(197,223,255,.33);box-shadow:inset 0 0 16px rgba(181,206,255,.1)}
.pedestal-metal-band{width:94%;height:22px;bottom:120px;border-radius:4px 4px 50% 50%/4px 4px 80% 80%!important;background:linear-gradient(180deg,#b4c6ed 0%,#475b85 16%,#101a34 43%,#354a77 70%,#0a1126 100%);border:1px solid rgba(189,216,255,.37);box-shadow:inset 0 2px 2px rgba(255,255,255,.45),0 3px 10px rgba(0,0,0,.3)}
.pedestal-name{bottom:79px;z-index:3;color:#b9c8eb;font-family:'Space Grotesk',sans-serif;font-size:clamp(11px,1.5vw,21px);font-weight:700;letter-spacing:.075em;text-shadow:0 1px 2px #020817,0 0 9px rgba(171,194,255,.32)}
.pedestal-lower-rim{width:94%;height:27px;bottom:43px;border-radius:50%;border:2px solid rgba(111,162,255,.8);border-bottom-color:rgba(70,93,159,.55);box-shadow:0 0 7px rgba(92,153,255,.42),0 0 19px rgba(64,105,235,.2),inset 0 0 10px rgba(126,162,255,.22)}
.pedestal-top{width:94%;height:100px;bottom:129px;background:radial-gradient(ellipse at 50% 35%,rgba(128,154,222,.43),rgba(45,63,115,.72) 38%,rgba(14,24,52,.92) 72%,#0a1023 100%);border:1px solid rgba(202,220,255,.58);box-shadow:inset 0 2px 11px rgba(218,233,255,.2),inset 0 -12px 35px rgba(5,11,30,.75),0 5px 17px rgba(0,0,0,.32)}
.pedestal-top::before{content:'';position:absolute;inset:12% 7%;border-radius:50%;border:1px solid rgba(160,194,255,.17);background:radial-gradient(ellipse at 50% 50%,rgba(149,161,226,.1),transparent 70%)}
.pedestal-rim{width:94%;height:100px;bottom:129px;border:2px solid rgba(202,210,255,.8);border-left-color:rgba(89,208,255,.95);border-right-color:rgba(255,159,198,.9);box-shadow:0 0 5px rgba(205,222,255,.8),0 0 15px rgba(149,117,255,.34),inset 0 0 11px rgba(130,167,255,.23)}
.pedestal-upper-rim{width:94%;height:38px;bottom:128px;border-radius:50%;border-bottom:3px solid rgba(178,194,255,.83);border-left:1px solid rgba(91,206,255,.7);border-right:1px solid rgba(255,175,205,.7);box-shadow:0 10px 12px -12px rgba(255,255,255,.9),0 8px 13px -8px rgba(107,147,255,.7)}
.pedestal-contact{width:74%;height:46px;bottom:153px;background:radial-gradient(ellipse,rgba(255,211,241,.27),rgba(132,118,255,.15) 50%,transparent 77%);filter:blur(13px)}
.pedestal-sweep{width:94%;height:100px;bottom:129px;border:1px solid rgba(255,255,255,.1);transform:translateX(-50%) scale(.8)!important;box-shadow:0 0 0 1px rgba(126,162,255,.07),0 0 26px rgba(123,135,225,.08)}
.wheel-controls{bottom:2px}.wheel-nav{background:rgba(13,23,45,.77);backdrop-filter:blur(12px)}
.gallery-section{background:radial-gradient(ellipse at 4% 12%,rgba(164,42,86,.12),transparent 37%),radial-gradient(ellipse at 96% 60%,rgba(13,149,202,.12),transparent 43%),var(--bg)}
.gallery-card{transform-style:preserve-3d!important;isolation:isolate}.gallery-card .card-face{transform:translateZ(0)}.gallery-card .card-depth{transform:translate3d(0,0,-8px)}
.gallery-cell.reveal{transition-duration:.8s,1s,.8s}.gallery-cell.reveal.is-visible{opacity:1;filter:none}
/* Realistic matching glass doors, retaining the original artwork and interaction. */
.portal-door .door-face{border:1px solid rgba(216,230,255,.5);box-shadow:inset 0 1px rgba(255,255,255,.62),inset 0 0 18px rgba(255,255,255,.06),0 0 25px rgba(0,0,0,.26)}
.portal-door .door-face::after{content:'';position:absolute;inset:2px;border:1px solid rgba(255,255,255,.18);pointer-events:none;border-radius:inherit}
/* Light mode is a separate bright showroom, not an inverted screenshot. */
:root[data-theme=light]{--metal-dark:#50628b;--metal-light:#f1f5ff;--podium-tint:rgba(110,135,210,.17)}
:root[data-theme=light] .hero-vector{opacity:.33;mix-blend-mode:multiply}
:root[data-theme=light] .hero-stage{background:radial-gradient(ellipse at 66% 64%,rgba(132,158,233,.19),transparent 55%),radial-gradient(ellipse at 76% 3%,rgba(186,151,231,.14),transparent 45%),var(--bg)}
:root[data-theme=light] .pedestal-body{background:linear-gradient(180deg,#e5edff,#a4b6df 8%,#657ba9 18%,#3a5080 58%,#8499c2 90%,#c2d1ec)}
:root[data-theme=light] .pedestal-glass-wall{background:linear-gradient(90deg,rgba(232,241,255,.2),rgba(255,255,255,.08),rgba(142,175,235,.14),rgba(255,255,255,.14))}
:root[data-theme=light] .pedestal-top{background:radial-gradient(ellipse at 50% 35%,#e5edff,#a2b5e0 50%,#6077aa 90%)}
:root[data-theme=light] .pedestal-metal-band{background:linear-gradient(#f0f5ff,#9cafd5 25%,#566c9d 65%,#c3d2ef)}
:root[data-theme=light] .pedestal-name{color:#eef4ff;text-shadow:0 1px 2px #43577e}
/* The phone has its own geometry and no desktop-scale overflow. */
@media(max-width:1150px){.wheel-area{--card-width:clamp(160px,20vw,220px)}.wheel-card{width:var(--card-width)}}
@media(max-width:900px){.wheel-area{--card-width:clamp(170px,25vw,230px);--deck-bottom:35px;--deck-height:86px;--deck-contact:calc(100% - 151px);height:475px}.wheel{height:100%;transform:rotateX(-3deg)}.wheel-card{width:var(--card-width)}.pedestal-body{height:96px;bottom:35px}.pedestal-glass-wall{height:82px;bottom:45px}.pedestal-metal-band{bottom:104px}.pedestal-name{bottom:63px}.pedestal-top,.pedestal-rim{bottom:112px;height:75px}.pedestal-upper-rim{bottom:111px;height:30px}.pedestal-contact{bottom:128px}.pedestal-lower-rim{bottom:34px}.pedestal-sweep{bottom:112px;height:75px}.pedestal-halo{bottom:85px}}
@media(max-width:650px){.hero-inner{padding-bottom:46px}.wheel-area{--card-width:clamp(142px,53vw,218px);--deck-contact:calc(100% - 116px);min-height:300px;max-height:440px;overflow:visible}.wheel{height:100%;transform:rotateX(-3deg);perspective:1050px;perspective-origin:50% 68%}.wheel-card{width:var(--card-width);top:calc(var(--deck-contact) - var(--card-width)/.72/2 + 4px);border-radius:13px}.card-depth{transform:translateZ(-8px)}.card-back{transform:translateZ(-9px) rotateY(180deg)}.wheel-card .card-name{font-size:clamp(18px,5.5vw,25px)}.wheel-card .card-identity{gap:10px}.pedestal-body{width:112%;height:62px;bottom:9px}.pedestal-glass-wall{width:111%;height:48px;bottom:20px}.pedestal-metal-band{width:112%;height:14px;bottom:55px}.pedestal-name{bottom:32px;font-size:10px}.pedestal-top,.pedestal-rim{width:112%;height:57px;bottom:63px}.pedestal-upper-rim{width:112%;height:22px;bottom:62px}.pedestal-contact{bottom:75px;height:34px}.pedestal-lower-rim{width:112%;height:18px;bottom:8px}.pedestal-sweep{width:112%;height:57px;bottom:63px}.pedestal-halo{bottom:50px;height:67px}.pedestal-floor{bottom:0;height:75px}.pedestal-underlight{bottom:5px;height:40px}.wheel-controls{bottom:-5px}.gallery-card{min-width:0}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-highlight{opacity:.28}.hero-vector{background-position:60% center;opacity:.52}}
@media(max-width:370px){.wheel-area{--card-width:clamp(136px,51vw,190px);min-height:272px}.wheel-card{width:var(--card-width)}.wheel{perspective:900px}}
@media(max-height:700px) and (max-width:650px){.wheel-area{height:350px;max-height:none;--card-width:clamp(142px,48vw,185px)}.wheel-card{width:var(--card-width)}}
@media(prefers-reduced-motion:reduce){.wheel{transform:none!important;perspective:none!important}.wheel-card{transform:none!important;filter:none!important}.card-highlight,.card-shine{transition:none!important}.gallery-cell.reveal{transition:none!important}.hero-vector{opacity:.5}}

/* PLiPLiP 0.5.0 — cinematic glass showroom. Geometry and materials, not screenshot wallpaper. */
.hero-stage{background:radial-gradient(ellipse at 65% 49%,rgba(47,75,153,.27),transparent 55%),radial-gradient(ellipse at 75% 0%,rgba(102,75,165,.13),transparent 48%),#0a1020;overflow:hidden}
.hero-cinematic{position:absolute;inset:0;pointer-events:none;z-index:0;background:url('/hero-cinematic.svg') center / cover no-repeat;opacity:.85;mix-blend-mode:screen}
.hero-vector{opacity:.48}.hero-inner{position:relative;z-index:2}.hero-copy{z-index:8}
.wheel-area{--card-width:clamp(180px,18.5vw,278px);--deck-contact:calc(100% - 197px);height:clamp(500px,43vw,650px);min-width:0;position:relative;overflow:visible;isolation:isolate}
.wheel{position:absolute;inset:0;height:100%;max-width:none;perspective:1450px;perspective-origin:50% 83%;transform:rotateX(-5deg);transform-style:preserve-3d;z-index:4}
.wheel-card{width:var(--card-width);aspect-ratio:.72;top:calc(var(--deck-contact) - var(--card-width)/.72/2 + 8px);transform:translate(-50%,-50%) translate3d(var(--x,0px),var(--y,0px),var(--z,0px)) rotateY(var(--r,0deg)) scale(var(--s,1));transform-style:preserve-3d!important;isolation:auto;overflow:visible;backface-visibility:visible;will-change:transform;filter:brightness(calc(.78 + var(--light,1)*.22));transition:opacity .15s,filter .2s}
.card-face{transform:translateZ(0);backface-visibility:hidden;border:1px solid color-mix(in srgb,var(--c1) 62%,white 38%);box-shadow:inset 0 1px 2px rgba(255,255,255,.95),inset 0 0 0 2px rgba(255,255,255,.055),inset 0 -4px 14px rgba(0,0,0,.24),0 24px 45px rgba(0,0,0,.39),0 0 22px color-mix(in srgb,var(--c1) 22%,transparent),0 0 2px 1px color-mix(in srgb,var(--c1) 65%,transparent);overflow:hidden}
.card-depth{transform:translateZ(-12px);background:linear-gradient(115deg,#071020,var(--c3) 45%,var(--c1) 82%,#0b1223);border:1px solid rgba(220,235,255,.5);box-shadow:inset 0 0 5px rgba(255,255,255,.28),0 21px 42px rgba(0,0,0,.28)}
.card-edge{position:absolute;display:block;pointer-events:none;backface-visibility:hidden;background:linear-gradient(90deg,#131d35 0%,var(--c3) 25%,rgba(217,237,255,.9) 52%,var(--c1) 76%,#111a30 100%);border:1px solid rgba(228,242,255,.55);box-shadow:inset 0 0 4px rgba(255,255,255,.35),0 0 9px color-mix(in srgb,var(--c1) 28%,transparent)}
.card-edge-left,.card-edge-right{top:8px;bottom:8px;width:12px;transform:rotateY(90deg)}.card-edge-left{left:-6px;transform-origin:left center}.card-edge-right{right:-6px;transform-origin:right center}.card-edge-top,.card-edge-bottom{left:8px;right:8px;height:12px;transform:rotateX(90deg)}.card-edge-top{top:-6px}.card-edge-bottom{bottom:-6px}
.card-optical{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(142deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.07) 1.1%,transparent 17%,transparent 64%,rgba(255,255,255,.035) 78%,rgba(255,255,255,.22) 100%),linear-gradient(122deg,transparent 4%,rgba(255,255,255,.06) 4.2% 5%,transparent 5.2% 61%,rgba(255,255,255,.07) 61.3% 72%,transparent 72.2%);mix-blend-mode:screen}
.card-face::before{background:linear-gradient(132deg,rgba(255,255,255,.42),rgba(255,255,255,.1) 1.2%,transparent 20%,transparent 68%,rgba(255,255,255,.12) 100%)}
.card-art{background-size:cover;background-position:center;filter:saturate(1.12)}.card-facet{opacity:.8}.card-identity{z-index:5;transform:translateZ(2px)}.card-highlight{opacity:.55;transform:translateX(-25%)}.card-shine{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.035) 40%,rgba(255,255,255,.3) 49%,rgba(255,255,255,.04) 54%,transparent 65%)}
.wheel-card[aria-current=true] .card-face{box-shadow:inset 0 1px 2px #fff,inset 0 0 0 2px rgba(255,255,255,.08),0 32px 60px rgba(0,0,0,.42),0 0 34px color-mix(in srgb,var(--c1) 29%,transparent),0 0 3px 1px color-mix(in srgb,var(--c1) 70%,transparent)}
/* Every layer has an explicit stacking order. The body must not cover the illuminated rims. */
.wheel-pedestal{z-index:1;transform:none!important;perspective:1100px;overflow:visible;--podium-width:98%}
.wheel-pedestal span{position:absolute;left:50%;display:block;transform:translateX(-50%);pointer-events:none}
.pedestal-floor{z-index:0;width:150%;height:142px;bottom:-6px;background:radial-gradient(ellipse,rgba(74,105,198,.34),rgba(32,43,100,.13) 51%,transparent 77%);filter:blur(20px)}
.pedestal-reflection{z-index:0;width:130%;height:125px;bottom:-53px;border-radius:50%;background:radial-gradient(ellipse at 50% 0%,rgba(143,172,255,.28),rgba(67,101,205,.085) 42%,transparent 70%),linear-gradient(90deg,transparent 10%,rgba(255,202,230,.11) 23%,transparent 30%,rgba(135,197,255,.12) 53%,transparent 61%,rgba(100,208,255,.12) 80%,transparent 90%);filter:blur(12px);transform:translateX(-50%) perspective(500px) rotateX(57deg)!important}
.pedestal-underlight{z-index:0;bottom:26px}.pedestal-halo{z-index:0;bottom:110px}
.pedestal-body{z-index:1;width:var(--podium-width);height:121px;bottom:39px;border-radius:0 0 49% 49%/0 0 91% 91%!important;background:linear-gradient(180deg,#7084af 0%,#283956 5%,#090f22 13%,#17243e 30%,#0b1229 58%,#1c2c4e 82%,#40577e 100%);border:1px solid rgba(188,211,255,.38);box-shadow:inset 0 4px 7px rgba(220,234,255,.24),inset 0 -8px 14px rgba(0,0,0,.65),0 30px 60px rgba(0,0,0,.4)}
.pedestal-body::after{content:'';position:absolute;inset:2px 0 5px;border-radius:inherit;background:repeating-linear-gradient(90deg,transparent 0 8%,rgba(224,236,255,.08) 8.1% 8.4%,transparent 8.5% 19%),linear-gradient(90deg,transparent 0%,rgba(210,230,255,.1) 12%,transparent 22%,rgba(255,255,255,.06) 49%,transparent 64%,rgba(170,203,255,.07) 83%,transparent 100%)}
.pedestal-glass-wall{z-index:2;width:97%;height:103px;bottom:50px;border-radius:0 0 49% 49%/0 0 87% 87%!important;background:linear-gradient(90deg,rgba(91,132,209,.1),rgba(255,255,255,.045) 20%,transparent 36%,rgba(122,157,238,.1) 54%,rgba(255,255,255,.055) 70%,rgba(72,111,196,.12));border-inline:1px solid rgba(210,230,255,.3)}
.pedestal-metal-band{z-index:3;width:var(--podium-width);height:24px;bottom:127px;border-radius:5px 5px 50% 50%/5px 5px 80% 80%!important;background:linear-gradient(180deg,#e6efff 0%,#8fa5d0 8%,#253a63 26%,#090f22 50%,#435b88 78%,#111a32 100%);border:1px solid rgba(211,231,255,.57);box-shadow:inset 0 2px 2px rgba(255,255,255,.5),0 3px 12px rgba(0,0,0,.3)}
.pedestal-chrome{z-index:4;width:98%;height:8px;bottom:53px;border-radius:50%;background:linear-gradient(90deg,#22355c,#d8e7ff 12%,#5b7ed0 28%,#ffe0d6 49%,#7daaff 66%,#c2edff 83%,#233963);box-shadow:0 0 7px rgba(123,174,255,.55),0 2px 10px rgba(18,30,66,.5)}
.pedestal-lower-rim{z-index:5;width:var(--podium-width);height:27px;bottom:38px;border:2px solid rgba(126,180,255,.85);border-bottom-color:rgba(49,76,153,.65);box-shadow:0 0 8px rgba(97,157,255,.62),0 0 20px rgba(55,110,245,.25),inset 0 0 11px rgba(136,175,255,.3)}
.pedestal-top{z-index:6;width:var(--podium-width);height:111px;bottom:132px;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,rgba(136,158,224,.5),rgba(37,54,103,.82) 43%,#090f22 86%);border:1px solid rgba(211,227,255,.58);box-shadow:inset 0 2px 10px rgba(235,242,255,.28),inset 0 -15px 31px rgba(4,10,28,.8),0 6px 15px rgba(0,0,0,.32)}
.pedestal-rim{z-index:7;width:var(--podium-width);height:111px;bottom:132px;border:2px solid rgba(225,233,255,.85);border-left-color:rgba(100,221,255,.95);border-right-color:rgba(255,168,209,.95);box-shadow:0 0 6px rgba(219,233,255,.7),0 0 17px rgba(137,117,255,.35),inset 0 0 9px rgba(131,173,255,.22)}
.pedestal-upper-rim{z-index:8;width:var(--podium-width);height:38px;bottom:128px;border-radius:50%;border-bottom:3px solid rgba(195,214,255,.9);border-left:1px solid rgba(102,220,255,.8);border-right:1px solid rgba(255,179,213,.8);box-shadow:0 8px 15px -8px rgba(129,166,255,.9)}
.pedestal-name{z-index:9;bottom:82px;color:#d5e0fa;font-size:clamp(12px,1.55vw,22px);font-weight:700;letter-spacing:.085em;text-shadow:0 2px 2px #030815,0 0 10px rgba(200,220,255,.3)}
.pedestal-contact{z-index:7;bottom:160px}.pedestal-sweep{z-index:7;width:84%;height:92px;bottom:142px;transform:translateX(-50%) scale(.82)!important;border:1px solid rgba(192,209,255,.15);box-shadow:0 0 0 1px rgba(145,180,255,.06),0 0 23px rgba(104,137,238,.1)}
.pedestal-light-track{z-index:10;width:var(--podium-width);height:6px;bottom:51px;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(100,195,255,.45) 7%,#d7eeff 13%,rgba(95,138,255,.55) 28%,#ffe7d8 49%,rgba(128,165,255,.65) 68%,#a4edff 86%,transparent 100%);box-shadow:0 0 7px rgba(155,192,255,.9),0 0 18px rgba(88,130,255,.42)}
/* Gallery: identical material language, distinct artwork and tactile but restrained motion. */
.gallery-card{transform-style:preserve-3d!important;isolation:isolate}.gallery-card .card-depth{transform:translateZ(-8px)}.gallery-card .card-edge-left,.gallery-card .card-edge-right{width:8px}.gallery-card .card-edge-top,.gallery-card .card-edge-bottom{height:8px}
.gallery-cell.reveal{transition-duration:.8s,1s,.8s}.gallery-card .card-optical{opacity:.6}
@media(hover:hover) and (pointer:fine){.gallery-card:hover{transform:translateY(-9px) rotateX(3deg) rotateY(-3deg)}.gallery-card:hover .card-highlight{opacity:.85;transform:translateX(32%)}.gallery-card:hover .card-art{transform:scale(1.025)}}
/* A real light theme, maintaining luminous materials without turning the page into a dark screenshot. */
:root[data-theme=light] .hero-stage{background:radial-gradient(ellipse at 65% 54%,rgba(129,156,232,.2),transparent 56%),#f3f6ff}
:root[data-theme=light] .hero-cinematic{opacity:.2;mix-blend-mode:multiply}
:root[data-theme=light] .pedestal-body{background:linear-gradient(180deg,#e6efff,#9fb4d9 8%,#536a99 20%,#304672 60%,#8a9ec4 90%,#c6d5ef)}
:root[data-theme=light] .pedestal-top{background:radial-gradient(ellipse at 50% 30%,#e8efff,#a1b6df 47%,#506b9e 90%)}
:root[data-theme=light] .pedestal-metal-band{background:linear-gradient(#f5f8ff,#a9bcde 20%,#4e6594 60%,#c6d5ef)}
/* The small display has its own camera, wheel radius, cards and podium. */
@media(max-width:1150px){.wheel-area{--card-width:clamp(165px,19vw,235px);--deck-contact:calc(100% - 170px)}.wheel{perspective:1200px}}
@media(max-width:900px){.wheel-area{--card-width:clamp(170px,25vw,230px);height:475px;--deck-contact:calc(100% - 151px)}.wheel{transform:rotateX(-4deg);perspective:1100px}.pedestal-body{height:96px;bottom:35px}.pedestal-glass-wall{height:82px;bottom:45px}.pedestal-metal-band{bottom:104px}.pedestal-chrome,.pedestal-light-track{bottom:43px}.pedestal-name{bottom:63px}.pedestal-top,.pedestal-rim{bottom:112px;height:75px}.pedestal-upper-rim{bottom:111px;height:30px}.pedestal-contact{bottom:128px}.pedestal-lower-rim{bottom:34px}.pedestal-sweep{bottom:112px;height:75px}.pedestal-halo{bottom:85px}}
@media(max-width:650px){.hero-inner{padding-bottom:46px}.wheel-area{--card-width:clamp(142px,53vw,208px);--deck-contact:calc(100% - 116px);height:clamp(310px,48svh,430px);min-height:0;max-height:none}.wheel{height:100%;transform:rotateX(-3deg);perspective:950px;perspective-origin:50% 78%}.wheel-card{width:var(--card-width);top:calc(var(--deck-contact) - var(--card-width)/.72/2 + 4px);border-radius:13px}.card-edge-left,.card-edge-right{width:8px}.card-edge-top,.card-edge-bottom{height:8px}.card-depth{transform:translateZ(-8px)}.card-back{transform:translateZ(-9px) rotateY(180deg)}.wheel-card .card-identity{gap:10px}.wheel-card .card-name{font-size:clamp(18px,5.5vw,25px)}.wheel-pedestal{--podium-width:112%}.pedestal-body{height:62px;bottom:9px}.pedestal-glass-wall{width:111%;height:48px;bottom:20px}.pedestal-metal-band{height:14px;bottom:55px}.pedestal-name{bottom:32px;font-size:10px}.pedestal-top,.pedestal-rim{height:57px;bottom:63px}.pedestal-upper-rim{height:22px;bottom:62px}.pedestal-contact{bottom:75px;height:34px}.pedestal-lower-rim{height:18px;bottom:8px}.pedestal-chrome,.pedestal-light-track{bottom:15px;height:4px}.pedestal-sweep{height:57px;bottom:63px}.pedestal-halo{bottom:50px;height:67px}.pedestal-floor{bottom:0;height:75px}.pedestal-underlight{bottom:5px;height:40px}.pedestal-reflection{bottom:-34px;height:65px}.hero-cinematic{background-position:60% center;opacity:.58}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-controls{bottom:-5px}}
@media(max-width:370px){.wheel-area{--card-width:clamp(136px,51vw,188px);height:clamp(275px,47svh,365px)}.wheel{perspective:850px}}
@media(max-height:700px) and (max-width:650px){.wheel-area{height:340px;--card-width:clamp(142px,49vw,185px)}}
@media(prefers-reduced-motion:reduce){.wheel{transform:none!important;perspective:none!important}.wheel-card{transform:none!important;filter:none!important;will-change:auto}.card-edge,.card-optical,.pedestal-reflection{transition:none!important}.hero-cinematic{opacity:.4}.gallery-cell.reveal{transition:none!important}}

/* Correct the 3D compositing pipeline: filters would flatten the extruded object. */
.wheel-card{filter:none!important;isolation:auto!important}
.wheel-card .card-art{filter:brightness(calc(.78 + var(--light,1)*.22)) saturate(1.1)}
.card-edge-left{transform:rotateY(90deg);transform-origin:left center}
.card-edge-right{transform:rotateY(-90deg);transform-origin:right center}
.card-edge-top{transform:rotateX(-90deg);transform-origin:center top}
.card-edge-bottom{transform:rotateX(90deg);transform-origin:center bottom}
.card-back{transform:translateZ(-12px) rotateY(180deg);backface-visibility:hidden}
.card-optical{opacity:.48}.card-facet{opacity:.48}.card-highlight{opacity:.38}
.gallery-card .card-art{filter:none}
@media(max-width:650px){.wheel-card .card-art{filter:brightness(calc(.78 + var(--light,1)*.22)) saturate(1.1)}.card-optical{opacity:.34}}
/* Optical edge treatment: avoid coplanar side-plane artifacts on browser GPUs. */
.card-edge{display:none!important}
.wheel-card .card-name{text-transform:none;letter-spacing:-.025em}
.card-depth{transform:translateZ(-10px);border:1px solid rgba(218,233,255,.58);box-shadow:inset 0 0 6px rgba(255,255,255,.2),0 20px 43px rgba(0,0,0,.3),0 0 9px color-mix(in srgb,var(--c1) 20%,transparent)}
.card-back{transform:translateZ(-11px) rotateY(180deg)}
.card-optical{opacity:.22}.card-facet{opacity:.35}.card-highlight{opacity:.35}


/* 0.6.0 — physically legible, low-camera glass and chrome showroom. */
.wheel-area{--glass-thickness:12px;--card-width:clamp(180px,18.5vw,278px)}
.wheel{perspective:1250px;perspective-origin:50% 91%;transform:rotateX(-3deg)}
.wheel-card{filter:none!important;isolation:auto!important;transform-style:preserve-3d!important}
.wheel-card .card-depth{transform:translateZ(calc(-1 * var(--glass-thickness)));background:linear-gradient(125deg,#080e1c 0%,var(--c3) 42%,#263c65 80%,#080e1c 100%);border:1px solid rgba(231,240,255,.65);box-shadow:inset 0 0 13px rgba(255,255,255,.16),0 22px 38px rgba(0,0,0,.28)}
.wheel-card .card-back{transform:translateZ(calc(-1 * var(--glass-thickness) - 1px)) rotateY(180deg)}
.wheel-card .card-edge{display:block!important;box-sizing:border-box;position:absolute;pointer-events:none;backface-visibility:visible;background:linear-gradient(90deg,#101a31 0%,var(--c3) 22%,rgba(227,240,255,.88) 48%,var(--c1) 76%,#10192b 100%);border:1px solid rgba(226,240,255,.38);box-shadow:inset 0 0 5px rgba(255,255,255,.3),0 0 7px color-mix(in srgb,var(--c1) 24%,transparent)}
.wheel-card .card-edge-left,.wheel-card .card-edge-right{top:10px;bottom:10px;width:var(--glass-thickness)}
.wheel-card .card-edge-left{left:0;transform-origin:left center;transform:rotateY(90deg)}
.wheel-card .card-edge-right{right:0;transform-origin:right center;transform:rotateY(-90deg)}
.wheel-card .card-edge-top,.wheel-card .card-edge-bottom{left:10px;right:10px;height:var(--glass-thickness)}
.wheel-card .card-edge-top{top:0;transform-origin:center top;transform:rotateX(-90deg)}
.wheel-card .card-edge-bottom{bottom:0;transform-origin:center bottom;transform:rotateX(90deg)}
.wheel-card .card-face{border:1px solid color-mix(in srgb,var(--c1) 52%,white 48%);box-shadow:inset 0 1px 2px rgba(255,255,255,.92),inset 0 0 0 2px rgba(255,255,255,.055),inset 0 -5px 17px rgba(0,0,0,.27),0 25px 48px rgba(0,0,0,.4),0 0 19px color-mix(in srgb,var(--c1) 30%,transparent),0 0 3px 1px color-mix(in srgb,var(--c1) 65%,transparent)}
.wheel-card .card-art{filter:saturate(1.24) contrast(1.06) brightness(calc(.84 + var(--light,1)*.16));transform:translateZ(1px)}
.wheel-card .card-optical{opacity:.6;background:linear-gradient(141deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,.08) 1%,transparent 20%,transparent 68%,rgba(255,255,255,.12) 89%,rgba(255,255,255,.36) 100%),linear-gradient(119deg,transparent 0 25%,rgba(255,255,255,.04) 25.1% 30%,transparent 30.1% 58%,rgba(255,255,255,.11) 58.1% 64%,transparent 64.1%)}
.wheel-card .card-facet{opacity:.4}.wheel-card .card-highlight{opacity:.6;transform:translateX(calc((var(--highlight-position,.5) - .5)*55%))}
.wheel-card[aria-current=true] .card-face{box-shadow:inset 0 1px 2px white,inset 0 0 0 2px rgba(255,255,255,.08),0 32px 62px rgba(0,0,0,.43),0 0 33px color-mix(in srgb,var(--c1) 36%,transparent),0 0 3px 1px color-mix(in srgb,var(--c1) 75%,transparent)}
.wheel-card .card-identity{transform:translateZ(3px);text-shadow:0 2px 8px rgba(0,0,0,.58),0 0 17px rgba(0,0,0,.18)}
/* An optical rather than photographic pedestal: all highlights remain editable layers. */
.wheel-pedestal{--podium-width:100%}
.pedestal-body{background:linear-gradient(180deg,#d5e2fb 0%,#748cba 3%,#182742 9%,#081125 18%,#23385d 33%,#0b152b 57%,#2a426e 82%,#8da4ce 100%);box-shadow:inset 0 4px 8px rgba(255,255,255,.3),inset 0 -9px 15px rgba(0,0,0,.65),0 35px 65px rgba(0,0,0,.45)}
.pedestal-body::after{background:repeating-linear-gradient(90deg,transparent 0 7%,rgba(228,240,255,.08) 7.1% 7.3%,transparent 7.4% 19%),linear-gradient(90deg,transparent 0%,rgba(224,237,255,.2) 12%,transparent 19%,rgba(255,255,255,.06) 37%,rgba(198,219,255,.18) 52%,transparent 62%,rgba(216,237,255,.12) 82%,transparent 93%)}
.pedestal-glass-wall{background:linear-gradient(90deg,rgba(119,158,223,.12),rgba(255,255,255,.11) 15%,transparent 27%,rgba(174,206,255,.12) 48%,rgba(255,255,255,.05) 68%,rgba(127,175,244,.15)),linear-gradient(180deg,rgba(212,232,255,.12),transparent 35%,rgba(9,18,39,.24));box-shadow:inset 0 1px 8px rgba(255,255,255,.13),inset 0 -5px 12px rgba(9,16,35,.25)}
.pedestal-top{background:radial-gradient(ellipse at 50% 35%,rgba(147,167,229,.5),rgba(43,61,112,.83) 43%,#091124 85%);box-shadow:inset 0 3px 10px rgba(239,245,255,.28),inset 0 -16px 34px rgba(4,10,28,.8),0 8px 17px rgba(0,0,0,.33)}
.pedestal-rim{border-color:rgba(240,244,255,.92);border-left-color:rgba(102,225,255,.95);border-right-color:rgba(255,161,207,.95);box-shadow:0 0 7px rgba(235,242,255,.7),0 0 18px rgba(146,166,255,.36),inset 0 0 10px rgba(153,191,255,.25)}
.pedestal-metal-band{background:linear-gradient(180deg,#f1f6ff 0%,#849ac0 8%,#243958 22%,#080f20 49%,#435b83 75%,#c6d5ed 93%,#18243e 100%)}
.pedestal-light-track{box-shadow:0 0 7px rgba(155,192,255,.9),0 0 18px rgba(88,130,255,.42),0 0 26px rgba(113,171,255,.14)}
.pedestal-name{font-weight:800;letter-spacing:.11em;color:#e1e9fa;text-shadow:0 1px 2px #030814,0 0 12px rgba(195,218,255,.38)}
/* The floor reflects the object without introducing a heavyweight image or shader. */
.pedestal-reflection{opacity:.85;filter:blur(11px)}
.gallery-card .card-face{box-shadow:inset 0 1px 2px rgba(255,255,255,.8),inset 0 0 0 1px rgba(255,255,255,.06),0 15px 28px rgba(0,0,0,.19),0 0 10px color-mix(in srgb,var(--c1) 16%,transparent)}
.gallery-card .card-art{filter:saturate(1.16)}
@media(hover:hover) and (pointer:fine){.gallery-card:hover .card-face{box-shadow:inset 0 1px 2px white,0 22px 39px rgba(0,0,0,.27),0 0 25px color-mix(in srgb,var(--c1) 28%,transparent)}}
@media(max-width:650px){.wheel-area{--glass-thickness:8px}.wheel{perspective:930px;perspective-origin:50% 88%;transform:rotateX(-3deg)}.wheel-card .card-edge-left,.wheel-card .card-edge-right{top:8px;bottom:8px}.wheel-card .card-edge-top,.wheel-card .card-edge-bottom{left:8px;right:8px}.pedestal-name{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.wheel-card{will-change:auto!important}.wheel-card .card-highlight,.gallery-card .card-highlight{transition:none!important}}

/* Browser-safe optical depth: avoid intersecting side quads on angled cards. */
.wheel-card .card-edge{display:none!important}
.wheel-card .card-depth{border-width:2px;box-shadow:inset 2px 0 7px rgba(255,255,255,.35),inset -3px 0 9px rgba(0,0,0,.5),0 21px 38px rgba(0,0,0,.27)}

/* PLiPLiP 0.7.0 — independent art, calibrated glass geometry, theatre stage. */
.hero-stage{background:#080f20;overflow:hidden}
.hero-cinematic{background-image:url('/theatre-environment.svg');opacity:.95;mix-blend-mode:normal}
.hero-vector{opacity:.22}
.hero-ambient{opacity:.55}
.wheel-area{--glass-thickness:6px;--card-width:clamp(180px,18.5vw,278px);--deck-contact:calc(100% - 178px);height:clamp(500px,43vw,650px);isolation:isolate}
.wheel{perspective:1250px;perspective-origin:50% 76%;transform:none;transform-style:preserve-3d;z-index:4;overflow:visible}
.wheel-card{top:calc(var(--deck-contact) - var(--card-width)/.72/2);transform:translate(-50%,-50%) translate3d(var(--x,0px),var(--y,0px),var(--z,0px)) rotateY(var(--r,0deg)) scale(var(--s,1));transform-style:preserve-3d!important;overflow:visible!important;isolation:auto!important;filter:none!important;backface-visibility:visible;transition:opacity .16s;will-change:transform}
.wheel-card .card-depth{inset:0;transform:translateZ(calc(-1 * var(--glass-thickness)));border-radius:inherit;background:linear-gradient(110deg,#071022,var(--c3) 43%,#243c60 78%,#071022);border:1px solid rgba(220,235,255,.56);box-shadow:inset 0 0 5px rgba(255,255,255,.25)}
.wheel-card .card-back{transform:translateZ(calc(-1 * var(--glass-thickness) - .2px)) rotateY(180deg);backface-visibility:hidden}
.wheel-card .card-edge{display:block!important;box-sizing:border-box;position:absolute;pointer-events:none;backface-visibility:visible;border:1px solid rgba(226,240,255,.34);background:linear-gradient(90deg,#10182d,var(--c3) 23%,rgba(230,243,255,.85) 50%,var(--c1) 77%,#111b31);box-shadow:inset 0 0 3px rgba(255,255,255,.25)}
.wheel-card .card-edge-left,.wheel-card .card-edge-right{top:7px;bottom:7px;width:var(--glass-thickness)}
.wheel-card .card-edge-left{left:0;transform-origin:left center;transform:rotateY(90deg)}
.wheel-card .card-edge-right{right:0;transform-origin:right center;transform:rotateY(-90deg)}
.wheel-card .card-edge-top,.wheel-card .card-edge-bottom{left:7px;right:7px;height:var(--glass-thickness)}
.wheel-card .card-edge-top{top:0;transform-origin:center top;transform:rotateX(-90deg)}
.wheel-card .card-edge-bottom{bottom:0;transform-origin:center bottom;transform:rotateX(90deg)}
.wheel-card .card-face{transform:translateZ(0);backface-visibility:hidden;border:1px solid color-mix(in srgb,var(--c1) 52%,white 48%);box-shadow:inset 0 1px 2px rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -4px 12px rgba(0,0,0,.24),0 22px 42px rgba(0,0,0,.3),0 0 14px color-mix(in srgb,var(--c1) 25%,transparent),0 0 2px 1px color-mix(in srgb,var(--c1) 65%,transparent)}
.wheel-card[aria-current=true] .card-face{box-shadow:inset 0 1px 2px white,inset 0 0 0 1px rgba(255,255,255,.1),0 26px 49px rgba(0,0,0,.35),0 0 24px color-mix(in srgb,var(--c1) 35%,transparent),0 0 2px 1px color-mix(in srgb,var(--c1) 75%,transparent)}
.card-art{background-image:var(--art);background-size:cover;background-position:center;filter:none!important}
.wheel-card .card-art{transform:none;filter:brightness(calc(.84 + var(--light,1)*.16)) saturate(1.06)!important}
.wheel-card .card-optical{opacity:.4;background:linear-gradient(140deg,rgba(255,255,255,.29),transparent 21%,transparent 70%,rgba(255,255,255,.14)),linear-gradient(119deg,transparent 0 24%,rgba(255,255,255,.035) 24.2% 31%,transparent 31.2% 65%,rgba(255,255,255,.08) 65.2% 69%,transparent 69.2%)}
.wheel-card .card-facet{opacity:.23}.wheel-card .card-highlight{opacity:.34}.wheel-card .card-shine{opacity:.48}
.wheel-card .card-identity{transform:translateZ(1px);text-shadow:0 2px 9px rgba(0,0,0,.68)}
/* One vector construction replaces the old collection of flat ellipses. */
.wheel-pedestal{position:absolute;inset:0;z-index:2;pointer-events:none;transform:none!important;overflow:visible;background:none}
.wheel-pedestal>span{display:none!important}
.wheel-pedestal .theatre-object{display:block!important;position:absolute;left:50%;bottom:-14px;width:110%;height:auto;max-width:none;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 16px 19px rgba(0,0,0,.27));border-radius:0}
.wheel-pedestal::before{content:'';position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:145%;height:185px;background:radial-gradient(ellipse,rgba(78,100,210,.22),rgba(30,57,134,.085) 47%,transparent 74%);pointer-events:none}
.wheel-pedestal::after{content:'';position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:130%;height:100px;border-radius:50%;border-top:1px solid rgba(135,174,255,.22);box-shadow:0 -8px 35px rgba(71,108,210,.08);pointer-events:none}
.wheel-controls{z-index:7;bottom:4px}.wheel-hint{display:none}
/* Preserve the distinct artwork in the gallery, with a restrained optical reflection. */
.gallery-card .card-art{filter:none!important}
.gallery-card .card-face{border:1px solid color-mix(in srgb,var(--c1) 48%,white 52%);box-shadow:inset 0 1px 2px rgba(255,255,255,.8),0 13px 29px rgba(0,0,0,.24),0 0 13px color-mix(in srgb,var(--c1) 15%,transparent)}
.gallery-card .card-optical{opacity:.3}.gallery-card .card-facet{opacity:.22}
:root[data-theme=light] .hero-stage{background:radial-gradient(ellipse at 65% 45%,rgba(127,155,226,.18),transparent 58%),#f2f5fe}
:root[data-theme=light] .hero-cinematic{opacity:.18;mix-blend-mode:multiply}
:root[data-theme=light] .wheel-pedestal .theatre-object{filter:drop-shadow(0 14px 20px rgba(60,83,138,.2))}
@media(max-width:1150px){.wheel-area{--card-width:clamp(165px,19vw,235px);--deck-contact:calc(100% - 151px)}.wheel{perspective:1200px;transform:none}}
@media(max-width:900px){.wheel-area{--card-width:clamp(170px,25vw,230px);--deck-contact:calc(100% - 148px)}.wheel{perspective:1100px;transform:none}.wheel-pedestal .theatre-object{width:112%;bottom:-2px}}
@media(max-width:650px){.wheel-area{--glass-thickness:4px;--card-width:clamp(142px,53vw,208px);--deck-contact:calc(100% - 91px);height:clamp(310px,48svh,430px)}.wheel{perspective:930px;perspective-origin:50% 75%;transform:none}.wheel-card{top:calc(var(--deck-contact) - var(--card-width)/.72/2)}.wheel-card .card-edge-left,.wheel-card .card-edge-right{top:5px;bottom:5px;width:var(--glass-thickness)}.wheel-card .card-edge-top,.wheel-card .card-edge-bottom{left:5px;right:5px;height:var(--glass-thickness)}.wheel-pedestal{--podium-width:112%}.wheel-pedestal .theatre-object{width:130%;bottom:0}.wheel-pedestal::before{height:85px;bottom:0}.wheel-pedestal::after{height:40px;bottom:0}.wheel-controls{bottom:0}}
@media(max-width:370px){.wheel-area{--card-width:clamp(136px,51vw,188px);height:clamp(275px,47svh,365px);--deck-contact:calc(100% - 80px)}}
@media(max-height:700px) and (max-width:650px){.wheel-area{height:340px;--card-width:clamp(142px,49vw,185px);--deck-contact:calc(100% - 85px)}}
@media(prefers-reduced-motion:reduce){.wheel{perspective:none!important;transform:none!important}.wheel-card{transform:none!important;filter:none!important}.wheel-pedestal,.scene-host{display:none!important}.gallery-card .card-art{transition:none!important}}

/* 0.7.0 optical-compositing gate: render each card as one clean 3D plane.
   The former coplanar extrusion produced visible internal slabs in Chromium.
   Z remains real; only the six-pixel material edge is simulated optically. */
.wheel-card{transform-style:flat!important;overflow:hidden!important;isolation:isolate!important;backface-visibility:hidden!important;max-height:none!important}
.wheel-card .card-depth,.wheel-card .card-back,.wheel-card .card-edge{display:none!important}
.wheel-card .card-face{transform:none!important;inset:0;border-radius:inherit;border-width:1px 2px 3px 1px;box-shadow:inset 2px 1px 1px rgba(255,255,255,.65),inset -4px -2px 4px rgba(0,0,0,.25),inset 0 0 0 3px rgba(255,255,255,.035),0 17px 35px rgba(0,0,0,.3),0 0 14px color-mix(in srgb,var(--c1) 28%,transparent),0 0 2px 1px color-mix(in srgb,var(--c1) 65%,transparent)}
.wheel-card[aria-current=true] .card-face{box-shadow:inset 2px 1px 2px rgba(255,255,255,.85),inset -4px -3px 5px rgba(0,0,0,.25),inset 0 0 0 3px rgba(255,255,255,.04),0 24px 45px rgba(0,0,0,.36),0 0 25px color-mix(in srgb,var(--c1) 38%,transparent),0 0 2px 1px color-mix(in srgb,var(--c1) 75%,transparent)}
.wheel-card .card-identity{transform:none!important}
.wheel-card{--glass-thickness:4px}
@media(max-width:650px){.wheel-card{--glass-thickness:3px}}

/* PLiPLiP 0.7.1 — reference recovery. This layer is the owner of hero geometry. */
.hero-stage{background:#080f20;overflow:hidden}
.hero-cinematic{background-image:url('/theatre-environment.svg');background-position:center;background-size:cover;opacity:.93;mix-blend-mode:normal}
.hero-vector{opacity:.3}.hero-ambient{opacity:.75}
.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,30%) minmax(0,70%);gap:0;max-width:1600px}
.hero-copy{position:relative;z-index:6}
.wheel-area{--card-width:clamp(180px,18.5vw,278px);--deck-contact:calc(100% - 225px);height:clamp(510px,43vw,650px);width:calc(100% + 180px);margin-left:-135px;isolation:isolate;overflow:visible;min-width:0}
.wheel{position:absolute;inset:0;width:100%;height:100%;max-width:none;perspective:1250px;perspective-origin:50% 50%;transform:none!important;transform-style:preserve-3d;overflow:visible;z-index:4;touch-action:pan-y}
.wheel-card{width:var(--card-width);height:auto;aspect-ratio:.72;top:calc(var(--deck-contact) - var(--card-width)/.72/2);left:50%;border-radius:18px;transform:translate(-50%,-50%) translate3d(var(--x,0px),var(--y,0px),var(--z,0px)) rotateY(var(--r,0deg)) rotateX(2.5deg) scale(var(--s,1))!important;transform-style:flat!important;overflow:visible!important;isolation:auto!important;filter:none!important;backface-visibility:hidden;will-change:transform;border:0;background:transparent;box-shadow:0 23px 40px rgba(0,0,0,.32),0 0 19px color-mix(in srgb,var(--c1) 25%,transparent)!important}
.wheel-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,#e8f4ff,var(--c1) 16%,#0b1429 38%,#d9ebff 66%,var(--c3) 86%,#f0f7ff);pointer-events:none}
.wheel-card .card-depth,.wheel-card .card-back,.wheel-card .card-edge{display:none!important}
.wheel-card .card-face{inset:2px 3px 3px 2px;transform:none!important;overflow:hidden;border-radius:15px;border:1px solid color-mix(in srgb,var(--c1) 44%,white 56%);box-shadow:inset 0 1px 2px rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.09),inset 0 -7px 15px rgba(0,0,0,.18),0 0 17px color-mix(in srgb,var(--c1) 35%,transparent)}
.wheel-card[aria-current=true] .card-face{box-shadow:inset 0 1px 2px white,inset 0 0 0 1px rgba(255,255,255,.12),0 0 28px color-mix(in srgb,var(--c1) 42%,transparent)}
.wheel-card .card-art{background-image:var(--art);background-size:cover;background-position:center;filter:saturate(1.15) brightness(1.05)!important;transform:none!important;opacity:1!important}
.wheel-card .card-facet{opacity:.12!important}.wheel-card .card-optical{opacity:.4!important;background:linear-gradient(133deg,rgba(255,255,255,.23),transparent 23%,transparent 68%,rgba(255,255,255,.06)),linear-gradient(112deg,transparent 0 32%,rgba(255,255,255,.045) 32.2% 38%,transparent 38.2% 75%,rgba(255,255,255,.025) 75.2% 79%,transparent 79.2%)}
.wheel-card .card-shine{opacity:.34!important}.wheel-card .card-highlight{opacity:.31!important}.wheel-card .card-glow{opacity:.16!important}
.wheel-card .card-identity{transform:none!important;z-index:5;gap:11px;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.wheel-card .card-name{font-size:clamp(22px,1.9vw,30px);font-weight:900;white-space:nowrap;max-width:100%}
.wheel-card .platform-glyph{filter:drop-shadow(0 2px 7px rgba(0,0,0,.16))}
.wheel-pedestal{position:absolute;inset:0;z-index:2;pointer-events:none;transform:none!important;overflow:visible;background:none}
.wheel-pedestal>span{display:none!important}
.wheel-pedestal .theatre-object{display:block!important;position:absolute;left:50%;bottom:-14px;width:90%;height:auto;max-width:none;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 18px 27px rgba(0,0,0,.35)) drop-shadow(0 0 21px rgba(88,125,255,.16));border-radius:0}
.wheel-pedestal::before{content:'';position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);width:150%;height:220px;background:radial-gradient(ellipse,rgba(85,106,229,.32),rgba(65,87,190,.13) 45%,transparent 75%);filter:blur(12px);pointer-events:none}
.wheel-pedestal::after{content:'';position:absolute;left:50%;bottom:-35px;transform:translateX(-50%);width:145%;height:125px;border-radius:50%;border-top:1px solid rgba(149,185,255,.4);box-shadow:0 -8px 42px rgba(90,119,241,.17);pointer-events:none}
.wheel-controls{z-index:7;bottom:3px}.wheel-hint{display:none}
:root[data-theme=light] .hero-stage{background:#eef2fb}:root[data-theme=light] .hero-cinematic{opacity:.16;mix-blend-mode:multiply}:root[data-theme=light] .wheel-pedestal .theatre-object{filter:drop-shadow(0 15px 23px rgba(57,77,125,.23))}
@media(max-width:1150px){.hero-inner{grid-template-columns:minmax(0,33%) minmax(0,67%)}.wheel-area{--card-width:clamp(165px,19vw,235px);width:calc(100% + 100px);margin-left:-100px;height:clamp(430px,46vw,550px);--deck-contact:calc(100% - 175px)}}
@media(max-width:900px){.hero-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.hero-copy{width:100%;max-width:680px;padding:0}.wheel-area{--card-width:clamp(170px,25vw,230px);width:100%;margin-left:0;height:clamp(400px,52vw,490px);flex:none;--deck-contact:calc(100% - 160px)}.wheel-pedestal .theatre-object{width:100%;bottom:-2px}.wheel{perspective:1100px}}
@media(max-width:650px){.hero-inner{padding:clamp(18px,4svh,32px) 18px 46px;justify-content:space-between}.wheel-area{--card-width:clamp(142px,53vw,208px);height:clamp(310px,48svh,430px);--deck-contact:calc(100% - 115px);width:100%;margin:0}.wheel{perspective:930px;perspective-origin:50% 50%;height:100%}.wheel-card{border-radius:13px;top:calc(var(--deck-contact) - var(--card-width)/.72/2)}.wheel-card .card-face{border-radius:11px}.wheel-card .card-name{font-size:clamp(17px,5vw,23px)}.wheel-card .platform-glyph{width:46px;height:46px}.wheel-card[data-platform=youtube] .platform-glyph{width:56px;height:56px}.wheel-pedestal .theatre-object{width:116%;bottom:0}.wheel-pedestal::before{height:95px;bottom:-10px}.wheel-pedestal::after{height:50px;bottom:-5px}.wheel-controls{bottom:0}}
@media(max-width:370px){.wheel-area{--card-width:clamp(136px,51vw,188px);height:clamp(275px,47svh,365px)}}
@media(max-height:700px) and (max-width:650px){.wheel-area{height:340px;--card-width:clamp(142px,49vw,185px)}}
@media(prefers-reduced-motion:reduce){.hero-track{height:auto!important}.hero-stage{position:relative!important;height:auto!important;min-height:0!important}.hero-inner{height:auto!important;min-height:0!important;display:flex;flex-direction:column;gap:24px;padding-top:50px;padding-bottom:65px}.wheel-area{height:auto!important;min-height:0!important;max-height:none!important;width:100%!important;margin:0!important;overflow:visible!important}.wheel-pedestal,.scene-host{display:none!important}.wheel{display:grid!important;position:relative!important;inset:auto!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:auto!important;transform:none!important;perspective:none;width:100%;max-width:900px}.wheel-card{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-height:none!important;aspect-ratio:.82;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:auto!important;will-change:auto}.wheel-controls,.wheel-hint,.hero-bottom{display:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:650px){.wheel{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-card .card-name{font-size:clamp(15px,4vw,20px)}}

/* Optical balance: the lower edge is a polished rim, not a second panel. */
.wheel-card{box-shadow:0 24px 42px rgba(0,0,0,.34),0 0 19px color-mix(in srgb,var(--c1) 28%,transparent)!important}
.wheel-card .card-face{inset:1px 3px 2px 2px;border-width:1px 1px 1px 1px}
.wheel-card .card-art{filter:saturate(1.22) brightness(1.1)!important}
.wheel-card .card-optical{opacity:.3!important}

/* 0.7.1: calibrated low camera and restrained glass highlights. */
.wheel{perspective-origin:50% 63%!important}
.wheel-card .card-face{background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 40%),var(--c2)}
.wheel-card .card-shine{mix-blend-mode:screen;opacity:.28!important}
.wheel-card .card-highlight{mix-blend-mode:screen;opacity:.22!important}
.wheel-card .card-optical{mix-blend-mode:screen;opacity:.28!important}
.wheel-card .card-identity{pointer-events:none}
.wheel-card:focus-visible .card-face{outline:3px solid #fff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.wheel-card{transform:none!important}}

/* PLiPLiP 0.7.2 — six real, non-coplanar faces per hero card.
   This layer deliberately supersedes the flat 0.7.1 recovery. No screenshot art,
   repeated pseudo-card, WebGL dependency or filter on the 3D parent. */
.wheel-area{--glass-thickness:18px;--card-pitch:-2.25deg}
.wheel{perspective:var(--camera-perspective,1250px)!important;perspective-origin:50% 63%!important;transform:none!important;transform-style:preserve-3d!important;overflow:visible!important}
.wheel-card{
 position:absolute;box-sizing:border-box;width:var(--card-width);height:auto;aspect-ratio:.72;
 padding:0;border:0!important;border-radius:18px;background:transparent!important;
 top:calc(var(--deck-contact) - var(--card-width)/.72/2);left:50%;
 transform:translate(-50%,-50%) translate3d(var(--x,0px),var(--y,0px),var(--z,0px)) rotateY(var(--r,0deg)) rotateX(var(--card-pitch)) scale(var(--s,1))!important;
 transform-style:preserve-3d!important;overflow:visible!important;isolation:auto!important;
 filter:none!important;opacity:1!important;backface-visibility:visible!important;
 box-shadow:none!important;transition:none!important;will-change:transform;
}
.wheel-card::before,.wheel-card::after{content:none!important;display:none!important}
.wheel-card .card-depth{display:none!important}
.wheel-card .card-face,.wheel-card .card-back,.wheel-card .card-edge{box-sizing:border-box;pointer-events:none;backface-visibility:hidden}
.wheel-card .card-face{
 display:block;position:absolute;inset:0;overflow:hidden;border-radius:inherit;
 transform:translateZ(calc(var(--glass-thickness)/2))!important;
 background:var(--c2);border:1px solid color-mix(in srgb,var(--c1) 54%,white 46%);
 box-shadow:inset 0 1px 2px rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.06),inset 0 -3px 8px rgba(0,0,0,.15),0 0 18px color-mix(in srgb,var(--c1) 30%,transparent),0 0 2px 1px color-mix(in srgb,var(--c1) 65%,transparent);
}
.wheel-card .card-back{
 display:block!important;position:absolute;inset:0;border-radius:inherit;
 transform:translateZ(calc(var(--glass-thickness)/-2)) rotateY(180deg)!important;
 background:linear-gradient(135deg,#0a1121,var(--c3) 48%,#203654);
 border:1px solid rgba(226,240,255,.48);
 box-shadow:inset 0 0 12px rgba(255,255,255,.16);
}
.wheel-card .card-edge{
 display:block!important;position:absolute;z-index:auto!important;
 border:0;border-radius:2px;background:linear-gradient(90deg,#10192c 0%,var(--c3) 13%,#7991b5 25%,#e7f3ff 47%,var(--c1) 72%,#142139 100%);
 box-shadow:inset 0 1px 2px rgba(255,255,255,.6),inset 0 -2px 3px rgba(0,0,0,.3),0 0 5px color-mix(in srgb,var(--c1) 20%,transparent);
}
/* Side planes are centred between the two faces, never extruded from the
   front face. Their normals point outward, so only the correct side appears. */
.wheel-card .card-edge-left,.wheel-card .card-edge-right{top:11px;bottom:11px;width:var(--glass-thickness);height:auto;left:auto;right:auto;transform-origin:center center!important}
.wheel-card .card-edge-left{left:0;transform:translateX(-50%) rotateY(-90deg)!important}
.wheel-card .card-edge-right{right:0;transform:translateX(50%) rotateY(90deg)!important}
.wheel-card .card-edge-top,.wheel-card .card-edge-bottom{left:11px;right:11px;height:var(--glass-thickness);width:auto;top:auto;bottom:auto;transform-origin:center center!important}
.wheel-card .card-edge-top{top:0;transform:translateY(-50%) rotateX(90deg)!important}
.wheel-card .card-edge-bottom{bottom:0;transform:translateY(50%) rotateX(-90deg)!important}
.wheel-card .card-edge-left,.wheel-card .card-edge-right{background:linear-gradient(90deg,#0a1427 0%,var(--c3) 17%,#b4c9e6 43%,#f4faff 54%,var(--c1) 80%,#101b32 100%)}
.wheel-card .card-edge-top{background:linear-gradient(180deg,#172945,#d8e9ff 27%,#8ba9ce 52%,var(--c1) 83%,#111c32);box-shadow:inset 0 1px 2px #f2f8ff,0 0 5px rgba(193,220,255,.3)}
.wheel-card .card-edge-bottom{background:linear-gradient(180deg,#0a1121,#3d577e 48%,var(--c3));box-shadow:inset 0 -1px 2px rgba(255,255,255,.22)}
.wheel-card .card-art{background-image:var(--art);background-size:cover;background-position:center;transform:none!important;filter:saturate(1.12) brightness(1.02)!important;opacity:1!important}
.wheel-card .card-facet{opacity:.15!important}.wheel-card .card-optical{opacity:.26!important}
.wheel-card .card-shine{opacity:.32!important}.wheel-card .card-highlight{opacity:.28!important}.wheel-card .card-glow{opacity:.16!important}
.wheel-card .card-identity{transform:none!important;pointer-events:none;z-index:5}
.wheel-card[aria-current=true] .card-face{box-shadow:inset 0 1px 2px white,inset 0 0 0 1px rgba(255,255,255,.08),0 0 25px color-mix(in srgb,var(--c1) 35%,transparent),0 0 2px 1px color-mix(in srgb,var(--c1) 75%,transparent)}
.wheel-card:focus-visible{outline:none}.wheel-card:focus-visible .card-face{outline:3px solid white;outline-offset:4px}
@media(max-width:650px){.wheel-card{border-radius:13px}.wheel-card .card-edge-left,.wheel-card .card-edge-right{top:8px;bottom:8px}.wheel-card .card-edge-top,.wheel-card .card-edge-bottom{left:8px;right:8px}}
/* Static, accessible alternative: no transforms or trapped off-screen cards. */
@media(prefers-reduced-motion:reduce){
 .wheel-card{position:relative!important;top:auto!important;left:auto!important;width:100%!important;transform:none!important;transform-style:flat!important;overflow:hidden!important;will-change:auto!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 .wheel-card .card-face{inset:0!important;transform:none!important}
 .wheel-card .card-back,.wheel-card .card-edge{display:none!important}
 .wheel-card .card-shine,.wheel-card .card-highlight{transition:none!important;transform:none!important}
}

/* PLiPLiP 0.8.0 — GPU showroom. Real bevelled meshes, not a screenshot layer.
   The pre-existing CSS 3D remains intact as the accessible, offline fallback. */
.hero-stage{background:#071021}
.hero-cinematic{background-image:url('/theatre-environment.svg');background-size:cover;background-position:center;opacity:.82;mix-blend-mode:normal}
.hero-vector{opacity:.36}
.hero-ambient{opacity:.75}
.wheel-area{isolation:isolate;overflow:visible!important}
.scene-host{position:absolute;inset:0;z-index:3;opacity:1!important;pointer-events:none;overflow:visible}
.showroom-canvas{display:block;width:100%;height:100%;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .wheel-area.gpu-pending:not(.gpu-ready) .wheel,
 .wheel-area.gpu-pending:not(.gpu-ready) .wheel-pedestal,
 .wheel-area.gpu-pending:not(.gpu-ready) .scene-host{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
 }
}
.wheel-area.gpu-ready .wheel-pedestal{display:none!important}
.wheel-area.gpu-ready .wheel{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;transform:none!important;perspective:none!important;z-index:5;pointer-events:auto;touch-action:pan-y;overflow:visible!important}
.wheel-area.gpu-ready .wheel-card{position:absolute!important;left:var(--hit-x,0px)!important;top:var(--hit-y,0px)!important;width:var(--hit-w,1px)!important;height:var(--hit-h,1px)!important;aspect-ratio:auto!important;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important;background:transparent!important;border:0!important;border-radius:10px!important;box-shadow:none!important;padding:0!important;min-width:0!important;min-height:0!important;pointer-events:auto!important;cursor:pointer;transition:none!important;transform-style:flat!important}
.wheel-area.gpu-ready .wheel-card>*{visibility:hidden!important;pointer-events:none!important}
.wheel-area.gpu-ready .wheel-card:focus-visible{outline:2px solid white!important;outline-offset:5px!important;box-shadow:0 0 0 6px rgba(92,136,255,.3)!important}
.wheel-area.gpu-ready .wheel-card:hover{background:rgba(255,255,255,.025)!important}
.wheel-area.gpu-ready .wheel-controls{position:absolute;z-index:8;bottom:1px}
.wheel-area.gpu-ready .wheel-hint{position:absolute;z-index:8;bottom:43px}
:root[data-theme=light] .hero-stage{background:#ecf1fc}
:root[data-theme=light] .hero-cinematic{opacity:.16;mix-blend-mode:multiply}
:root[data-theme=light] .hero-vector{opacity:.15}
:root[data-theme=light] .hero-ambient{opacity:.35}
/* The display has its own framing. The scene is recomposed rather than scaled down. */
@media(max-width:900px){.wheel-area.gpu-ready{height:clamp(410px,50vw,530px);max-height:none;flex:none}.wheel-area.gpu-ready .wheel-controls{bottom:0}}
@media(max-width:650px){.hero-inner{padding-bottom:44px}.wheel-area.gpu-ready{height:clamp(305px,43svh,410px);min-height:0;max-height:none;margin-top:3px;flex:none}.wheel-area.gpu-ready .wheel-controls{bottom:-1px}.wheel-area.gpu-ready .wheel-hint{bottom:37px;font-size:10px}}
@media(max-width:370px){.wheel-area.gpu-ready{height:clamp(285px,42svh,370px)}}
@media(prefers-reduced-motion:reduce){.wheel-area.gpu-ready .wheel{position:relative!important;inset:auto!important;display:grid!important;height:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.wheel-area.gpu-ready .wheel-card{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:.82!important}.wheel-area.gpu-ready .wheel-card>*{visibility:visible!important}.scene-host{display:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:650px){.wheel-area.gpu-ready .wheel{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Genuine projected platform light pools; no duplicated card artwork. */
.showroom-light-pools{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.showroom-light{position:absolute;height:28%;transform:translate(-50%,-30%);border-radius:50%;filter:blur(32px);opacity:.3;background:radial-gradient(ellipse,var(--pool),transparent 70%);transition:opacity .25s}
.showroom-light-youtube{--pool:rgba(255,45,72,.38)}
.showroom-light-instagram{--pool:rgba(243,72,188,.33)}
.showroom-light-tiktok{--pool:rgba(30,217,225,.26)}
.showroom-light-x{--pool:rgba(214,225,255,.18)}
.showroom-light-facebook{--pool:rgba(54,116,255,.30)}
.showroom-light-vimeo{--pool:rgba(48,215,242,.28)}
:root[data-theme=light] .showroom-light{opacity:.16!important}

/* Scene geometry is clipped at its own viewport, never at document level. */
.wheel-area.gpu-ready{overflow:hidden!important;contain:layout paint}
.wheel-area.gpu-ready .wheel{overflow:hidden!important}
.wheel-area.gpu-ready .wheel-card[data-gpu-hidden="true"]{visibility:hidden!important;pointer-events:none!important}
@media(max-width:650px){
 .hero-inner{min-width:0}
 .wheel-area.gpu-ready{width:100%;margin-inline:0;overflow:hidden!important}
 .wheel-area.gpu-ready .wheel{touch-action:pan-y}
 .showroom-light{filter:blur(20px)}
}
@media(max-width:650px) and (max-height:760px){
 .hero-track{height:auto!important}
 .hero-stage{position:relative!important;height:auto!important;min-height:0!important}
 .hero-inner{height:auto!important;gap:16px;padding-top:24px;padding-bottom:42px}
 .wheel-area.gpu-ready{height:clamp(285px,52vw,330px);flex:none}
 .hero-bottom{position:relative;bottom:auto;margin:0 20px 12px;inset-inline:auto}
}

/* 0.8.1 — exact camera projection of the same physical rotor as WebGL2. */
.wheel-area:not(.gpu-ready) .wheel{perspective:var(--camera-perspective,900px)!important;perspective-origin:50% 50%!important;transform:none!important;transform-style:preserve-3d!important}
.wheel-area:not(.gpu-ready) .wheel-card{
 top:50%!important;left:50%!important;aspect-ratio:2.7 / 3.8!important;
 transform:translate(-50%,-50%) translate3d(var(--x,0px),var(--y,0px),var(--z,0px)) matrix3d(var(--orientation,1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1))!important;
 transform-style:preserve-3d!important;filter:none!important;opacity:1!important;
 transition:none!important;will-change:transform;
}
.wheel-area:not(.gpu-ready) .wheel-card .card-face{backface-visibility:hidden!important}
.wheel-area:not(.gpu-ready) .wheel-card .card-back{backface-visibility:hidden!important}
/* The pedestal is not the rotor. The circle is projected from one camera. */
.wheel-area:not(.gpu-ready) .wheel-card[data-distance]{transform-origin:50% 50%!important}
@media(prefers-reduced-motion:reduce){
 .wheel-area:not(.gpu-ready) .wheel{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;perspective:none!important;height:auto!important}
 .wheel-area:not(.gpu-ready) .wheel-card{position:relative!important;top:auto!important;left:auto!important;transform:none!important;aspect-ratio:.82!important;will-change:auto!important}
}
@media(prefers-reduced-motion:reduce) and (max-width:650px){.wheel-area:not(.gpu-ready) .wheel{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* A rear-facing card remains visible in the 3D scene, but never intercepts a click. */
.wheel-area.gpu-ready .wheel-card[data-gpu-hidden="true"]{visibility:hidden!important;pointer-events:none!important;clip-path:none!important}

.result-picker{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:18px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--muted);font-size:11px}.result-picker[hidden]{display:none}.result-picker select{min-width:0;width:100%;appearance:none;border:0;outline:0;background:transparent;color:var(--text);font:600 12px 'DM Sans',sans-serif;cursor:pointer;padding-inline-end:18px}.result-picker>svg{pointer-events:none;color:var(--faint)}
.extension-notice{display:grid;gap:12px;margin:18px 0 20px;padding:14px;border:1px solid color-mix(in srgb,var(--c1,#49e9ff) 42%,var(--border));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--c1,#49e9ff) 13%,transparent),var(--surface));box-shadow:inset 0 1px rgba(255,255,255,.08)}.extension-notice[hidden]{display:none}.extension-notice>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.extension-notice svg{color:var(--c1,#49e9ff);flex:none}.extension-notice strong{display:block;color:var(--text);font:800 13px 'Nunito',sans-serif;letter-spacing:-.01em}.extension-notice p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.extension-notice .button-secondary{width:max-content;max-width:100%;justify-self:start;text-decoration:none}

/* PLiPLiP loader — visible work indicator replacing the quiet progress row. */
.plip-loader{--plip-size:132px;--plip-radius:51px;width:var(--plip-size);height:var(--plip-size);margin:18px auto 0;display:grid;place-items:center;contain:layout paint}
.plip-loader[hidden]{display:none}
.plip-orbit{position:relative;width:100%;height:100%;border-radius:50%;isolation:isolate}
.plip-ring,.plip-aura{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.plip-ring{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 8%,transparent) 0 36%,transparent 37%),conic-gradient(from -90deg,transparent 0 8%,color-mix(in srgb,var(--accent) 42%,transparent) 16%,transparent 28% 52%,color-mix(in srgb,#ff75cf 38%,transparent) 63%,transparent 76% 100%);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 0 22px rgba(255,255,255,.045);animation:plip-ring-glow 2.8s ease-in-out infinite}
.plip-aura{inset:16px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 66%);filter:blur(10px);opacity:.8;animation:plip-aura-breathe 1.8s ease-in-out infinite}
.plip-core{position:absolute;left:50%;top:50%;width:68px;height:68px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--bg) 88%,transparent));box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 26px rgba(0,0,0,.22);z-index:4}
.plip-core span{font-family:'IBM Plex Mono',monospace;font-weight:800;font-size:14px;letter-spacing:.03em;color:var(--text);font-variant-numeric:tabular-nums}
.plip-word{position:absolute;left:50%;top:50%;z-index:5;padding:4px 8px;border-radius:999px;font-family:'Nunito',sans-serif;font-size:12px;font-weight:1000;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,var(--accent),#ff74cf);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent),0 6px 18px rgba(0,0,0,.28);text-shadow:0 1px 1px rgba(0,0,0,.25);will-change:transform,opacity,filter}
.plip-word-a{animation:plip-run-a 2.45s cubic-bezier(.34,.02,.19,1) infinite}
.plip-word-b{animation:plip-run-b 2.45s cubic-bezier(.34,.02,.19,1) infinite}
.plip-collision{position:absolute;left:50%;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent);opacity:0;z-index:3;pointer-events:none}
.plip-collision-bottom{bottom:1px;animation:plip-hit-bottom 2.45s ease-out infinite}
.plip-collision-top{top:1px;animation:plip-hit-top 2.45s ease-out infinite}
@keyframes plip-run-a{
 0%{opacity:1;filter:brightness(1);transform:rotate(-90deg) translateX(var(--plip-radius)) rotate(90deg) translate(-50%,-50%) scale(1)}
 38%{opacity:1;filter:brightness(1.1);transform:rotate(72deg) translateX(var(--plip-radius)) rotate(-72deg) translate(-50%,-50%) scale(1.02)}
 48%{opacity:1;filter:brightness(1.35);transform:rotate(90deg) translateX(var(--plip-radius)) rotate(-90deg) translate(-50%,-50%) scale(1.14)}
 52%{opacity:0;filter:brightness(1.6);transform:rotate(96deg) translateX(var(--plip-radius)) rotate(-96deg) translate(-50%,-50%) scale(.55)}
 100%{opacity:0;transform:rotate(96deg) translateX(var(--plip-radius)) rotate(-96deg) translate(-50%,-50%) scale(.55)}
}
@keyframes plip-run-b{
 0%,41%{opacity:.38;filter:brightness(.82);transform:rotate(90deg) translateX(var(--plip-radius)) rotate(-90deg) translate(-50%,-50%) scale(.95)}
 48%{opacity:1;filter:brightness(1.35);transform:rotate(90deg) translateX(var(--plip-radius)) rotate(-90deg) translate(-50%,-50%) scale(1.18)}
 53%{opacity:1;filter:brightness(1.12);transform:rotate(102deg) translateX(var(--plip-radius)) rotate(-102deg) translate(-50%,-50%) scale(1)}
 88%{opacity:1;filter:brightness(1.05);transform:rotate(252deg) translateX(var(--plip-radius)) rotate(-252deg) translate(-50%,-50%) scale(1.02)}
 98%{opacity:1;filter:brightness(1.35);transform:rotate(270deg) translateX(var(--plip-radius)) rotate(-270deg) translate(-50%,-50%) scale(1.15)}
 100%{opacity:0;filter:brightness(1.6);transform:rotate(276deg) translateX(var(--plip-radius)) rotate(-276deg) translate(-50%,-50%) scale(.55)}
}
@keyframes plip-hit-bottom{0%,43%,100%{opacity:0;transform:translateY(0) scale(.45)}48%{opacity:.9;transform:translateY(3px) scale(1.25)}56%{opacity:0;transform:translateY(8px) scale(2.2)}}
@keyframes plip-hit-top{0%,92%,100%{opacity:0;transform:translateY(0) scale(.45)}98%{opacity:.9;transform:translateY(-3px) scale(1.25)}}
@keyframes plip-ring-glow{0%,100%{filter:brightness(1);transform:rotate(0deg)}50%{filter:brightness(1.18);transform:rotate(8deg)}}
@keyframes plip-aura-breathe{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:650px){.plip-loader{--plip-size:116px;--plip-radius:44px;margin-top:15px}.plip-core{width:60px;height:60px}.plip-core span{font-size:13px}.plip-word{font-size:11px;padding:3px 7px}}
@media(prefers-reduced-motion:reduce){.plip-ring,.plip-aura,.plip-word,.plip-collision{animation:none!important}.plip-word-a{opacity:1;transform:rotate(-90deg) translateX(var(--plip-radius)) rotate(90deg) translate(-50%,-50%)}.plip-word-b{opacity:.45;transform:rotate(90deg) translateX(var(--plip-radius)) rotate(-90deg) translate(-50%,-50%)}}

/* 0.8.1 — living Hero vectors. Lightweight CSS only: no extra JS, no network. */
.hero-stage{
 --hero-indigo:#838dff;
 --hero-violet:#ca8cf4;
 --hero-rose:#ff9eb2;
 --hero-gold:#ffd390;
 --hero-lime:#d7e69e;
 isolation:isolate;
 background:
  radial-gradient(ellipse at 69% 54%,color-mix(in srgb,var(--hero-indigo) 22%,transparent),transparent 48%),
  radial-gradient(ellipse at 84% 14%,color-mix(in srgb,var(--hero-violet) 17%,transparent),transparent 42%),
  radial-gradient(ellipse at 28% 82%,color-mix(in srgb,var(--hero-rose) 10%,transparent),transparent 38%),
  linear-gradient(180deg,#071021 0%,#090f22 56%,#060b17 100%)!important;
}
.hero-copy .gradient-text{
 background-image:linear-gradient(112deg,var(--hero-indigo) 0%,var(--hero-violet) 34%,var(--hero-rose) 66%,var(--hero-gold) 88%,var(--hero-lime) 100%);
 background-size:180% 100%;
 filter:drop-shadow(0 0 18px color-mix(in srgb,var(--hero-violet) 16%,transparent));
 animation:hero-gradient-drift 8s ease-in-out infinite alternate;
}
.hero-stage::before,.hero-stage::after{
 content:'';
 position:absolute;
 inset:-18% -8%;
 pointer-events:none;
 z-index:0;
}
.hero-stage::before{
 background:
  radial-gradient(circle at 18% 24%,color-mix(in srgb,var(--hero-indigo) 26%,transparent) 0 7%,transparent 18%),
  radial-gradient(circle at 74% 21%,color-mix(in srgb,var(--hero-violet) 24%,transparent) 0 8%,transparent 22%),
  radial-gradient(circle at 84% 72%,color-mix(in srgb,var(--hero-rose) 18%,transparent) 0 6%,transparent 20%),
  radial-gradient(circle at 42% 91%,color-mix(in srgb,var(--hero-lime) 16%,transparent) 0 5%,transparent 18%),
  conic-gradient(from 218deg at 64% 46%,transparent 0 13%,color-mix(in srgb,var(--hero-indigo) 15%,transparent) 18%,transparent 31%,color-mix(in srgb,var(--hero-gold) 13%,transparent) 43%,transparent 61%,color-mix(in srgb,var(--hero-violet) 16%,transparent) 72%,transparent 100%);
 filter:blur(24px) saturate(1.08);
 opacity:.66;
 mix-blend-mode:screen;
}
.hero-stage::after{
 inset:0;
 background:
  linear-gradient(118deg,transparent 10%,color-mix(in srgb,var(--hero-indigo) 16%,transparent) 24%,transparent 38%),
  linear-gradient(151deg,transparent 43%,color-mix(in srgb,var(--hero-rose) 13%,transparent) 54%,transparent 68%),
  radial-gradient(ellipse at 57% 101%,color-mix(in srgb,var(--hero-gold) 18%,transparent),transparent 43%);
 opacity:.42;
 mix-blend-mode:plus-lighter;
 clip-path:polygon(0 10%,100% 0,100% 82%,62% 100%,0 78%);
}
.hero-ambient{
 opacity:.94!important;
 mix-blend-mode:screen;
 background-image:
  radial-gradient(1px 1px at 12% 12%,color-mix(in srgb,var(--hero-indigo) 85%,white) 99%,transparent),
  radial-gradient(1.5px 1.5px at 29% 39%,color-mix(in srgb,var(--hero-violet) 75%,white) 99%,transparent),
  radial-gradient(1px 1px at 44% 13%,color-mix(in srgb,var(--hero-rose) 74%,white) 99%,transparent),
  radial-gradient(1px 1px at 72% 17%,color-mix(in srgb,var(--hero-indigo) 70%,white) 99%,transparent),
  radial-gradient(1.5px 1.5px at 91% 31%,color-mix(in srgb,var(--hero-gold) 80%,white) 99%,transparent),
  radial-gradient(1px 1px at 82% 77%,color-mix(in srgb,var(--hero-lime) 70%,white) 99%,transparent),
  radial-gradient(1px 1px at 22% 83%,rgba(255,255,255,.65) 99%,transparent);
 background-size:690px 480px,760px 590px,820px 610px,610px 540px,960px 720px,740px 580px,600px 460px;
}
.hero-cinematic{
 filter:saturate(1.12) contrast(1.05) brightness(1.04);
 opacity:.86!important;
 mix-blend-mode:normal!important;
}
.hero-vector{
 opacity:.5!important;
 mix-blend-mode:screen!important;
 filter:saturate(1.28) hue-rotate(4deg) drop-shadow(0 0 14px color-mix(in srgb,var(--hero-indigo) 22%,transparent));
 background-image:
  radial-gradient(ellipse at 22% 38%,color-mix(in srgb,var(--hero-indigo) 18%,transparent),transparent 38%),
  radial-gradient(ellipse at 79% 41%,color-mix(in srgb,var(--hero-rose) 14%,transparent),transparent 35%),
  radial-gradient(ellipse at 54% 81%,color-mix(in srgb,var(--hero-lime) 13%,transparent),transparent 36%),
  url('/hero-vectors.svg')!important;
 background-size:100% 100%,100% 100%,100% 100%,cover!important;
 background-position:center!important;
 will-change:transform,opacity;
 animation:hero-vector-awake 1350ms cubic-bezier(.22,1,.36,1) both;
}
.hero-orbit{
 border-bottom-color:color-mix(in srgb,var(--hero-violet) 70%,white 8%)!important;
 box-shadow:
  0 18px 52px color-mix(in srgb,var(--hero-indigo) 10%,transparent),
  0 0 24px color-mix(in srgb,var(--hero-violet) 14%,transparent);
 mix-blend-mode:screen;
 animation:hero-orbit-awake 1200ms cubic-bezier(.22,1,.36,1) both;
}
.wheel-area::before{
 background:
  radial-gradient(ellipse,color-mix(in srgb,var(--hero-indigo) 19%,transparent),transparent 70%),
  radial-gradient(ellipse at 72% 64%,color-mix(in srgb,var(--hero-rose) 12%,transparent),transparent 58%)!important;
 mix-blend-mode:screen;
 opacity:.92;
}
.pedestal-halo,.pedestal-underlight,.pedestal-light-track{
 mix-blend-mode:screen;
}
.pedestal-halo{
 background:radial-gradient(ellipse,color-mix(in srgb,var(--hero-indigo) 35%,transparent),color-mix(in srgb,var(--hero-violet) 18%,transparent) 47%,transparent 68%)!important;
}
.pedestal-underlight{
 background:radial-gradient(ellipse,color-mix(in srgb,var(--hero-gold) 32%,transparent),color-mix(in srgb,var(--hero-rose) 14%,transparent) 42%,transparent 72%)!important;
}

@keyframes hero-gradient-drift{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes hero-vector-awake{0%{opacity:.18;transform:translate3d(-10px,6px,0) scale(1.012)}55%{opacity:.58;transform:translate3d(3px,-2px,0) scale(1.006)}100%{opacity:.5;transform:translate3d(0,0,0) scale(1)}}
@keyframes hero-orbit-awake{0%{opacity:.35;transform:rotate(-13deg) translateY(8px)}100%{opacity:.82;transform:rotate(-13deg) translateY(0)}}

:root[data-theme=light] .hero-stage{
 background:
  radial-gradient(ellipse at 70% 55%,color-mix(in srgb,var(--hero-indigo) 18%,transparent),transparent 52%),
  radial-gradient(ellipse at 26% 75%,color-mix(in srgb,var(--hero-rose) 12%,transparent),transparent 40%),
  #eef2fb!important;
}
:root[data-theme=light] .hero-copy .gradient-text{filter:none}
:root[data-theme=light] .hero-stage::before{opacity:.38;mix-blend-mode:multiply}
:root[data-theme=light] .hero-stage::after{opacity:.28;mix-blend-mode:multiply}
:root[data-theme=light] .hero-vector{opacity:.22!important;mix-blend-mode:multiply!important}
:root[data-theme=light] .hero-ambient{opacity:.45!important;mix-blend-mode:multiply}

@media(max-width:650px){
 .hero-stage::before{filter:blur(24px);opacity:.62}
 .hero-stage::after{opacity:.34}
 .hero-vector{opacity:.36!important;background-position:60% center!important}
 .hero-cinematic{opacity:.78!important}
 .hero-copy .gradient-text{animation-duration:10s}
}
@media(prefers-reduced-motion:reduce){
 .hero-copy .gradient-text,.hero-stage::before,.hero-stage::after,.hero-ambient,.hero-vector,.hero-orbit{animation:none!important}
 .hero-copy .gradient-text{background-position:50% 50%}
}

/* Light mode hotfix: keep the Hero luminous, never theatre-dark. */
:root[data-theme=light] .hero-stage{
 background:
  radial-gradient(ellipse at 68% 48%,color-mix(in srgb,var(--hero-indigo) 20%,transparent),transparent 52%),
  radial-gradient(ellipse at 84% 14%,color-mix(in srgb,var(--hero-violet) 14%,transparent),transparent 42%),
  radial-gradient(ellipse at 25% 78%,color-mix(in srgb,var(--hero-rose) 13%,transparent),transparent 40%),
  linear-gradient(180deg,#f8faff 0%,#eef3ff 54%,#e8effd 100%)!important;
}
:root[data-theme=light] .hero-stage::before{
 opacity:.42!important;
 mix-blend-mode:screen!important;
 filter:blur(30px) saturate(1.1);
}
:root[data-theme=light] .hero-stage::after{
 opacity:.34!important;
 mix-blend-mode:plus-lighter!important;
}
:root[data-theme=light] .hero-cinematic{
 opacity:.28!important;
 mix-blend-mode:screen!important;
 filter:saturate(1.05) brightness(1.18) contrast(.92)!important;
}
:root[data-theme=light] .hero-vector{
 opacity:.34!important;
 mix-blend-mode:screen!important;
 filter:saturate(1.25) brightness(1.16) drop-shadow(0 0 12px color-mix(in srgb,var(--hero-indigo) 18%,transparent))!important;
}
:root[data-theme=light] .hero-ambient{
 opacity:.62!important;
 mix-blend-mode:screen!important;
}
:root[data-theme=light] .scene-host{
 filter:brightness(1.08) saturate(1.02);
}
:root[data-theme=light] .showroom-light{
 opacity:.24!important;
 mix-blend-mode:multiply;
}
:root[data-theme=light] .hero-copy h1{
 color:#17213a;
 text-shadow:0 1px 0 rgba(255,255,255,.42);
}
:root[data-theme=light] .hero-description,
:root[data-theme=light] .hero-meta,
:root[data-theme=light] .hero-bottom,
:root[data-theme=light] .wheel-hint{
 color:#64708b;
}
:root[data-theme=light] .pill-button{
 background:rgba(255,255,255,.48)!important;
 border-color:color-mix(in srgb,var(--hero-indigo) 54%,white);
 box-shadow:0 12px 30px rgba(96,111,178,.12),inset 0 1px rgba(255,255,255,.72);
}

@media(max-width:650px){
 :root[data-theme=light] .hero-cinematic{opacity:.22!important}
 :root[data-theme=light] .hero-vector{opacity:.28!important}
 :root[data-theme=light] .hero-stage::before{opacity:.34!important}
}

/* PLiPLiP Companion trust card — explains why some platforms need the Chrome extension. */
.extension-callout{
 position:relative;
 margin:34px auto 0;
 max-width:1040px;
 min-height:210px;
 padding:clamp(22px,3vw,34px);
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 gap:22px 34px;
 overflow:hidden;
 border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));
 border-radius:28px;
 background:
  linear-gradient(135deg,color-mix(in srgb,var(--surface) 84%,transparent),color-mix(in srgb,var(--bg) 74%,transparent)),
  radial-gradient(circle at 12% 15%,rgba(131,141,255,.18),transparent 34%),
  radial-gradient(circle at 82% 78%,rgba(255,158,178,.12),transparent 38%);
 box-shadow:0 26px 80px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08);
 isolation:isolate;
}
.extension-callout-glow{
 position:absolute;
 inset:-30%;
 z-index:-1;
 pointer-events:none;
 background:conic-gradient(from 220deg,color-mix(in srgb,#838dff 22%,transparent),transparent 22%,color-mix(in srgb,#ca8cf4 19%,transparent),transparent 48%,color-mix(in srgb,#ffd390 18%,transparent),transparent 76%,color-mix(in srgb,#d7e69e 16%,transparent));
 filter:blur(30px);
 opacity:.55;
}
.extension-callout-brand{
 display:flex;
 align-items:center;
 gap:14px;
 align-self:start;
 grid-column:1;
}
.extension-callout-brand img{
 width:54px;
 height:54px;
 border-radius:15px;
 box-shadow:0 14px 34px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.08);
}
.extension-callout-brand span{
 display:block;
 margin-bottom:3px;
 font:700 10px/1.2 'IBM Plex Mono',monospace;
 letter-spacing:.16em;
 color:var(--accent);
 text-transform:uppercase;
}
.extension-callout-brand strong{
 display:block;
 font:900 clamp(20px,2.2vw,28px)/1 'Space Grotesk','DM Sans',sans-serif;
 letter-spacing:-.06em;
 color:var(--text);
}
.extension-callout-mark{
 position:relative;
 width:clamp(96px,11vw,138px);
 aspect-ratio:1;
 grid-column:2;
 grid-row:1 / span 2;
 display:grid;
 place-items:center;
 border-radius:32px;
 background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));
 border:1px solid rgba(255,255,255,.13);
 box-shadow:inset 0 1px rgba(255,255,255,.18),0 22px 55px rgba(0,0,0,.24);
}
.chrome-ring{
 position:absolute;
 inset:18%;
 border-radius:50%;
 background:conic-gradient(#4285f4 0 34%,#34a853 34% 58%,#fbbc05 58% 76%,#ea4335 76% 100%);
 box-shadow:0 0 22px rgba(131,141,255,.2);
}
.chrome-ring::after{
 content:'';
 position:absolute;
 inset:22%;
 border-radius:inherit;
 background:var(--surface);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.chrome-core{
 position:relative;
 z-index:1;
 width:48%;
 aspect-ratio:1;
 display:grid;
 place-items:center;
 border-radius:17px;
 color:white;
 background:linear-gradient(145deg,#838dff,#ca8cf4 52%,#ff9eb2);
 box-shadow:0 12px 30px rgba(131,141,255,.34),inset 0 1px rgba(255,255,255,.35);
}
.extension-callout-copy{
 max-width:710px;
 grid-column:1;
}
.extension-callout-copy h3{
 margin:0 0 10px;
 font-size:clamp(24px,3vw,42px);
 line-height:1.02;
 color:var(--text);
 letter-spacing:-.065em;
}
.extension-callout-copy p{
 margin:0;
 color:var(--muted);
 font-size:clamp(13px,1.1vw,16px);
 line-height:1.75;
}
.extension-callout-action{
 justify-self:start;
 display:inline-flex;
 align-items:center;
 gap:12px;
 min-height:44px;
 padding:0 18px;
 border-radius:999px;
 color:#161421;
 background:linear-gradient(105deg,#d7e69e,#ffd390 45%,#ff9eb2);
 font-size:12px;
 font-weight:900;
 box-shadow:0 16px 36px rgba(255,158,178,.16);
}
:root[data-theme=light] .extension-callout{
 background:
  linear-gradient(135deg,rgba(255,255,255,.82),rgba(244,247,255,.72)),
  radial-gradient(circle at 12% 15%,rgba(131,141,255,.16),transparent 34%),
  radial-gradient(circle at 82% 78%,rgba(255,158,178,.13),transparent 38%);
 box-shadow:0 24px 70px rgba(62,76,137,.12),inset 0 1px rgba(255,255,255,.82);
}
:root[data-theme=light] .chrome-ring::after{background:#f8faff}
@media(max-width:760px){
 .extension-callout{grid-template-columns:1fr;text-align:start;border-radius:22px}
 .extension-callout-mark{grid-column:1;grid-row:auto;width:106px;justify-self:start;order:-1}
 .extension-callout-brand,.extension-callout-copy{grid-column:1}
}