@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/manrope-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/manrope-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url("fonts/oswald-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url("fonts/oswald-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/ibm-plex-mono-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/ibm-plex-mono-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/ibm-plex-mono-500-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/ibm-plex-mono-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}
:root{color-scheme:dark;--line:rgba(242,236,223,.12);--line-strong:rgba(185,167,255,.32);--surface:rgba(21,16,31,.82);--surface-solid:#0e0b15;--muted:rgba(242,236,223,.68);--page-pad:clamp(1.25rem,4vw,3rem);--shell:1260px;--display:Oswald,"Arial Narrow",Arial,sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace}
html{scroll-behavior:smooth;background:var(--void)}
body{margin:0;overflow-x:hidden;background:var(--void);color:var(--bone);font-family:var(--body-font);font-size:16px;line-height:1.65;text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 78% 15%,rgba(111,66,217,.2),transparent 30rem),radial-gradient(circle at 8% 74%,rgba(131,184,178,.06),transparent 28rem),linear-gradient(130deg,var(--void),#0d0915 55%,#100b18)}
body:after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(242,236,223,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(242,236,223,.035) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}em{font-style:normal}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.sr-only{position:absolute!important;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;z-index:1000;top:.75rem;left:.75rem;transform:translateY(-180%);padding:.7rem 1rem;background:var(--bone);color:var(--void);font-weight:700}.skip-link:focus{transform:none}
.prototype-ribbon{min-height:34px;display:grid;place-items:center;padding:.45rem var(--page-pad);border-bottom:1px solid rgba(185,167,255,.22);background:rgba(111,66,217,.17);color:var(--lilac);font:500 .61rem/1.35 var(--mono);letter-spacing:.12em;text-align:center;text-transform:uppercase}
.site-header{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:clamp(1rem,3vw,3rem);min-height:76px;padding:0 max(var(--page-pad),calc((100vw - var(--shell))/2));border-bottom:1px solid var(--line);background:rgba(8,7,13,.82);backdrop-filter:blur(18px)}
.brand{display:flex;min-width:0;min-height:48px;align-items:center;gap:10px}.brand-symbol{width:34px;height:auto;flex:0 0 auto;filter:drop-shadow(0 0 12px rgba(185,167,255,.16))}.brand-wordmark{width:146px;height:auto;flex:0 0 auto;filter:drop-shadow(0 0 12px rgba(185,167,255,.16))}
.primary-nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2.2rem)}.primary-nav a{position:relative;min-height:44px;display:flex;align-items:center;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.primary-nav a:after{content:"";position:absolute;right:0;bottom:6px;left:0;height:1px;background:var(--lilac);transform:scaleX(0);transform-origin:right;transition:transform .18s ease}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--bone)}.primary-nav a:hover:after,.primary-nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}
.bag-link{min-height:44px;display:flex;align-items:center;gap:.7rem;padding:.55rem .85rem;border:1px solid var(--line-strong);font:500 .62rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.bag-link:hover{border-color:var(--lilac);color:var(--lilac)}.bag-link b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--bone);color:var(--void);font-size:.6rem}
.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid var(--line-strong);background:transparent;cursor:pointer}.menu-toggle span{display:block;width:20px;height:1px;margin:4px auto;background:var(--bone)}
main{min-height:72vh}.hero,.worlds,.catalog-section,.method,.page-hero{width:min(calc(100% - 96px),var(--shell));margin-inline:auto}
.hero{position:relative;min-height:760px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:30px;padding:72px 0 54px;overflow:hidden}
.hero-copy{position:relative;z-index:4;max-width:700px}.hero-copy>div>span,.section-head span,.page-hero>span,.method-intro>span,.eyebrow{display:block;margin-bottom:1.35rem;color:var(--sand);font:500 .66rem/1.5 var(--mono);letter-spacing:.19em;text-transform:uppercase}
.hero h1,.page-hero h1,.status-page h1{max-width:920px;margin-bottom:1.7rem;font:400 clamp(4.6rem,7vw,7rem)/.91 var(--display);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}.hero h1 em{color:var(--lilac)}
.hero-copy>div>p,.page-hero>p,.status-lead{max-width:680px;color:var(--muted);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.75}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.2rem}
.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-width:218px;padding:.85rem 1.25rem;border:1px solid transparent;background:var(--bone);color:var(--void);font:700 .7rem/1 var(--body-font);letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,transform .18s ease}.button:hover{background:var(--lilac);transform:translateY(-2px)}.button[disabled]{border-color:var(--line);background:rgba(242,236,223,.06);color:rgba(242,236,223,.42);cursor:not-allowed;transform:none}
.text-link{min-height:44px;display:inline-flex;align-items:center;gap:.6rem;color:var(--bone);font-size:.76rem}.text-link span{color:var(--lilac)}
.hero-art{position:relative;display:grid;place-items:center;min-height:680px;align-self:end}.hero-art:before{content:"";position:absolute;bottom:8%;width:74%;height:24%;border-radius:50%;background:rgba(111,66,217,.31);filter:blur(70px)}.orbit{position:absolute;top:45%;left:50%;border:1px solid rgba(185,167,255,.25);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg)}.orbit-a{width:112%;aspect-ratio:1.38;animation:orbit 24s linear infinite}.orbit-b{width:82%;aspect-ratio:1.15;border-color:rgba(216,176,123,.18);animation:orbit-reverse 18s linear infinite}.orbit:after{content:"";position:absolute;top:12%;left:19%;width:7px;height:7px;border-radius:50%;background:var(--sand);box-shadow:0 0 18px rgba(216,176,123,.9)}
.store-signal{position:relative;width:46%;aspect-ratio:.72;border:1px solid rgba(185,167,255,.45);background:linear-gradient(155deg,rgba(44,29,67,.97),rgba(8,7,13,.98));box-shadow:0 46px 100px rgba(0,0,0,.55),inset 0 0 0 10px rgba(185,167,255,.025);transform:perspective(900px) rotateY(-10deg) rotateX(3deg)}.store-signal:after{content:"";position:absolute;inset:47% 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--lilac),transparent)}.store-signal i{position:absolute;top:16%;left:50%;width:58px;aspect-ratio:846/704;background:var(--lilac);mask:url("brand/after-sapiens-triangle-white.png") center/contain no-repeat;transform:translateX(-50%)}.store-signal b{position:absolute;top:39%;right:0;left:0;text-align:center;font:400 clamp(2.2rem,5vw,4.8rem)/1 var(--display);letter-spacing:.1em}.store-signal small{position:absolute;right:0;bottom:11%;left:0;color:var(--teal);text-align:center;font:500 .5rem/1.7 var(--mono);letter-spacing:.16em}.hero-art>p{position:absolute;right:0;bottom:5%;padding:1rem 0 1rem 1.1rem;border-left:1px solid var(--line-strong);color:var(--muted);font:500 .58rem/1.75 var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero-art>p span{color:var(--lilac);font-size:.8rem}
.evidence-strip{padding:1rem var(--page-pad);border-block:1px solid var(--line);color:var(--teal);text-align:center;font:500 .61rem/1.55 var(--mono);letter-spacing:.12em;text-transform:uppercase}.evidence-strip p{margin:0}
.worlds{padding:clamp(5rem,9vw,9rem) 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.section-head>div>p{max-width:680px;color:var(--muted)}.section-head h2{max-width:900px;margin:0 0 1rem;font:400 clamp(3.2rem,5.8vw,6.2rem)/.92 var(--display);letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}.section-head>a{min-height:44px;display:flex;align-items:center;gap:.6rem;color:var(--lilac);font-size:.75rem}
.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.world-card{position:relative;min-height:430px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.6rem,3vw,2.5rem);overflow:hidden;background:var(--surface-solid)}.world-card:before{content:"";position:absolute;z-index:0;inset:0;opacity:.85;transition:transform .5s ease}.world-card--longevity:before{background:radial-gradient(circle at 80% 15%,rgba(131,184,178,.18),transparent 54%),linear-gradient(145deg,#10151a,#0b0911)}.world-card--wear:before{background:radial-gradient(circle at 76% 18%,rgba(185,167,255,.26),transparent 52%),linear-gradient(145deg,#171022,#0b0810)}.world-card--time:before{background:radial-gradient(circle at 75% 18%,rgba(216,176,123,.2),transparent 52%),linear-gradient(145deg,#17130f,#0a090d)}.world-card:hover:before{transform:scale(1.04)}.world-card>div,.world-card>b{position:relative;z-index:1}.world-card span{display:block;margin-bottom:5rem;color:var(--teal);font:500 .61rem/1.5 var(--mono);letter-spacing:.14em}.world-card h2{margin-bottom:1rem;font:400 clamp(2.5rem,3.4vw,4.2rem)/.95 var(--display);text-transform:uppercase}.world-card p{max-width:32rem;margin:0;color:var(--muted);font-size:.88rem}.world-card>b{align-self:flex-end;color:var(--lilac);font-size:1.4rem;font-weight:400}
.catalog-section{padding:clamp(5rem,8vw,9rem) 0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.product-card{min-width:0;background:var(--surface-solid)}
.product-visual{position:relative;display:grid;place-items:center;aspect-ratio:.92;overflow:hidden;background:linear-gradient(145deg,var(--plum),#0b0910)}.product-visual:before{content:"";position:absolute;inset:10%;border:1px solid rgba(185,167,255,.13);clip-path:polygon(50% 0,100% 100%,0 100%)}.product-visual:after{content:"";position:absolute;width:68%;height:30%;bottom:5%;border-radius:50%;background:radial-gradient(ellipse,rgba(111,66,217,.26),transparent 70%);filter:blur(15px)}.product-visual em{position:absolute;z-index:3;top:1rem;left:1rem;padding:.42rem .58rem;border:1px solid rgba(131,184,178,.34);background:rgba(8,7,13,.78);color:var(--teal);font:500 .52rem/1.2 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase}.product-image{position:relative;z-index:2;width:100%;height:100%;padding:9%;object-fit:contain;transition:transform .35s ease}.product-card:hover .product-image{transform:translateY(-5px) scale(1.015)}
.mock-object{position:relative;z-index:2;display:block;width:30%;aspect-ratio:.48;border:1px solid rgba(242,236,223,.3);background:linear-gradient(150deg,#30213f,#100c17 76%);box-shadow:14px 26px 48px rgba(0,0,0,.5);transition:transform .35s ease}.product-card:hover .mock-object{transform:translateY(-6px) rotateY(-5deg)}.mock-object:after{content:"";position:absolute;right:0;bottom:22%;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(185,167,255,.8),transparent)}.mock-cap{position:absolute;top:-8%;left:20%;width:60%;height:9%;border:1px solid rgba(242,236,223,.32);background:linear-gradient(90deg,#17121e,var(--lilac),#17121e)}.mock-logo{position:absolute;top:18%;left:50%;width:24%;aspect-ratio:846/704;background:var(--lilac);mask:url("brand/after-sapiens-triangle-white.png") center/contain no-repeat;transform:translateX(-50%)}.mock-object b{position:absolute;top:42%;right:0;left:0;text-align:center;font:400 clamp(1rem,2vw,2rem)/1 var(--display);letter-spacing:.1em}.mock-object small{position:absolute;right:8%;bottom:8%;left:8%;overflow:hidden;color:var(--teal);text-align:center;font:500 .37rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;white-space:normal}
.type-skincare .mock-object{width:22%;aspect-ratio:.31;border-radius:48% 48% 7% 7%}.type-skincare .mock-cap{top:-11%;left:28%;width:44%;height:12%;border-radius:3px}.type-tee .mock-object,.type-tank .mock-object{width:55%;aspect-ratio:1.08;border:0;box-shadow:none;clip-path:polygon(21% 0,37% 8%,63% 8%,79% 0,100% 22%,84% 38%,77% 30%,75% 100%,25% 100%,23% 30%,16% 38%,0 22%)}.type-tank .mock-object{width:46%;clip-path:polygon(24% 0,40% 8%,60% 8%,76% 0,86% 25%,76% 100%,24% 100%,14% 25%)}.type-tee .mock-cap,.type-tank .mock-cap,.type-tee .mock-object:after,.type-tank .mock-object:after{display:none}.type-tee .mock-logo,.type-tank .mock-logo{top:27%;width:20%}.type-tee .mock-object b,.type-tank .mock-object b{display:none}.type-tee .mock-object small,.type-tank .mock-object small{bottom:16%;color:inherit}.type-journal .mock-object{width:43%;aspect-ratio:.72;box-shadow:8px 8px 0 rgba(185,167,255,.14),18px 24px 48px rgba(0,0,0,.5)}.type-journal .mock-cap{display:none}.type-time-tool .mock-object{width:56%;aspect-ratio:1.8;border-radius:50% 50% 12% 12%;transform:perspective(700px) rotateX(54deg)}.type-time-tool .mock-cap,.type-time-tool .mock-object:after{display:none}.type-time-tool .mock-logo{top:28%;width:16%}.type-time-tool .mock-object b{top:55%;font-size:1.2rem}.type-time-tool .mock-object small{display:none}
.art-violet .mock-object{background:linear-gradient(150deg,#6f42d9,#201330 78%)}.art-teal .mock-object{background:linear-gradient(150deg,#315f62,#0c171a 78%)}.art-sand .mock-object{background:linear-gradient(150deg,#765b39,#17100b 78%)}.art-bone .mock-object{background:linear-gradient(150deg,#f2ecdf,#a99fa0 78%);color:var(--void)}.art-bone .mock-logo{background:var(--violet)}.art-graphite .mock-object{background:linear-gradient(150deg,#303038,#0c0c10 78%)}
.product-copy{padding:1.45rem 1.45rem 1.6rem}.product-category{margin-bottom:.75rem;color:var(--sand);font:500 .55rem/1.35 var(--mono);letter-spacing:.11em;text-transform:uppercase}.product-copy h3{min-height:3.3rem;margin-bottom:.85rem;font:400 clamp(1.45rem,2vw,1.9rem)/1.04 var(--display);letter-spacing:-.01em;text-transform:uppercase}.product-copy>p:not(.product-category){min-height:4.8rem;margin-bottom:1.3rem;color:var(--muted);font-size:.8rem}
.readiness-line{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.readiness-line span{min-width:0;padding:.72rem 0}.readiness-line span+span{padding-left:.8rem;border-left:1px solid var(--line)}.readiness-line small,.product-foot small,.detail-action small{display:block;margin-bottom:.26rem;color:var(--mist);font:500 .49rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}.readiness-line b{display:block;overflow:hidden;color:var(--teal);font:500 .59rem/1.35 var(--mono);letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.product-foot{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-top:1.15rem}.product-foot>span{font:400 1.2rem/1 var(--display)}.product-foot>a{min-height:44px;display:inline-flex;align-items:center;gap:.45rem;color:var(--lilac);font-size:.7rem}
.method{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:8vw;padding:clamp(5rem,8vw,9rem) 0;border-top:1px solid var(--line)}.method-intro h2{max-width:640px;font:400 clamp(3rem,5vw,5.8rem)/.92 var(--display);letter-spacing:-.03em;text-transform:uppercase}.method-intro p{max-width:580px;color:var(--muted)}.method-steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.method-steps li{display:grid;grid-template-columns:64px 1fr;gap:1.4rem;padding:1.65rem 0;border-bottom:1px solid var(--line)}.method-steps>li>span{color:var(--teal);font:500 .68rem/1 var(--mono)}.method-steps h3{margin-bottom:.35rem;font:400 1.6rem/1 var(--display);text-transform:uppercase}.method-steps p{margin:0;color:var(--muted);font-size:.87rem}
.page-hero{padding:clamp(6rem,9vw,9rem) 0 clamp(4rem,7vw,6rem);border-bottom:1px solid var(--line)}.page-hero h1{max-width:1080px}.collection-section{padding-top:3rem}.filters{display:grid;grid-template-columns:1fr minmax(250px,.36fr);gap:1rem;margin-bottom:2rem}.filters label{display:grid;gap:.55rem}.filters label>span{color:var(--mist);font:500 .55rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}.filters input,.filters select{min-height:52px;width:100%;padding:.8rem 1rem;border:1px solid var(--line-strong);border-radius:0;background:rgba(14,11,21,.94);color:var(--bone)}.filters input::placeholder{color:rgba(242,236,223,.36)}.empty-state{padding:5rem 1rem;border:1px solid var(--line);text-align:center}.empty-state>span{color:var(--lilac);font-size:2.5rem}.empty-state h2{margin:.8rem 0;font:400 2.3rem/1 var(--display);text-transform:uppercase}.empty-state p{color:var(--muted)}.empty-state button{min-height:44px;padding:.65rem 1rem;border:1px solid var(--line-strong);background:transparent;cursor:pointer}
.product-detail{min-height:calc(100vh - 110px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)}.detail-media{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:760px;padding:clamp(5rem,8vw,9rem) var(--page-pad);border-right:1px solid var(--line);background:linear-gradient(145deg,var(--plum),#0b0910)}.detail-media:before{content:"";position:absolute;inset:12%;border:1px solid rgba(185,167,255,.14);clip-path:polygon(50% 0,100% 100%,0 100%)}.back-link{position:absolute;z-index:3;top:2rem;left:var(--page-pad);min-height:44px;color:var(--muted);font-size:.72rem}.detail-stage{position:relative;z-index:2;display:grid;place-items:center;width:min(540px,82%);aspect-ratio:1}.detail-stage:after{content:"";position:absolute;z-index:-1;width:72%;height:20%;bottom:8%;border-radius:50%;background:rgba(111,66,217,.26);filter:blur(24px)}.detail-stage .mock-object{transform:scale(1.5) perspective(900px) rotateY(-7deg)}.detail-image{width:100%;height:100%;padding:5%;object-fit:contain}.detail-media>p{position:relative;z-index:2;margin:1rem 0 0;color:var(--mist);font:500 .52rem/1.4 var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase}.detail-copy{align-self:center;padding:clamp(4rem,7vw,8rem) clamp(2rem,6vw,7rem)}.detail-copy h1{margin-bottom:1.2rem;font:400 clamp(3.3rem,5vw,6.2rem)/.91 var(--display);letter-spacing:-.035em;text-transform:uppercase}.detail-copy .lead{color:var(--muted);font-size:1.04rem}.detail-readiness{grid-template-columns:repeat(3,1fr);margin:2rem 0}.detail-readiness span{padding:.9rem 0}.concept-warning{margin:2rem 0;padding:1.2rem 1.3rem;border-left:3px solid var(--teal);background:rgba(131,184,178,.07)}.concept-warning strong{color:var(--teal);font:500 .66rem/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase}.concept-warning p{margin:.5rem 0 0;color:var(--muted);font-size:.82rem}.richtext{color:var(--muted)}.richtext h3{margin:1.7rem 0 .6rem;color:var(--bone);font:400 1.5rem/1.1 var(--display);text-transform:uppercase}.detail-action{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.detail-action strong{font:400 2rem/1 var(--display);color:var(--lilac)}.detail-action button{min-height:52px;padding:.85rem 1.3rem;border:1px solid var(--line);background:rgba(242,236,223,.06);color:rgba(242,236,223,.42);font:500 .65rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:not-allowed}.claim-note{margin-top:1.25rem;color:var(--mist);font-size:.72rem}
.status-page{max-width:1200px;margin:0 auto;padding:clamp(6rem,10vw,11rem) var(--page-pad)}.status-page h1{font-size:clamp(4rem,8vw,8rem)}.gate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:3rem 0;background:var(--line)}.gate-grid article{padding:2rem;background:var(--surface-solid)}.gate-grid article>span{color:var(--teal);font:500 .65rem/1 var(--mono)}.gate-grid h2{margin:2.2rem 0 .7rem;font:400 1.7rem/1 var(--display);text-transform:uppercase}.gate-grid p{margin:0;color:var(--muted);font-size:.84rem}.status-panel{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:3rem 0;padding:2.3rem;border:1px solid var(--line);background:var(--surface-solid)}.status-panel>div{display:flex;align-items:center;gap:1rem}.status-panel>div>span{color:var(--lilac);font-size:2.4rem}.status-panel h2{margin:0;font:400 2rem/1 var(--display);text-transform:uppercase}.status-panel ul{margin:0;padding-left:1.2rem;color:var(--muted)}.status-panel button{grid-column:1/-1;min-height:52px;border:1px solid var(--line);background:rgba(242,236,223,.05);color:rgba(242,236,223,.4);font:500 .64rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:not-allowed}.result-page{text-align:center}.result-page .status-lead{margin-right:auto;margin-left:auto}.result-mark{display:grid;place-items:center;width:96px;height:96px;margin:0 auto 2rem;border:1px solid var(--lilac);clip-path:polygon(50% 0,100% 100%,0 100%);color:var(--lilac);font:400 2.4rem/1 var(--display)}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3rem;padding:clamp(4rem,7vw,7rem) max(var(--page-pad),calc((100vw - var(--shell))/2)) 2rem;border-top:1px solid var(--line);background:#07060a}.footer-brand{display:flex;gap:1rem;align-items:start}.footer-brand>img{width:42px;height:auto}.footer-brand strong{font:400 1.3rem/1 var(--display);letter-spacing:.1em}.footer-copy{max-width:680px;margin-top:.8rem;color:var(--muted);font-size:.8rem}.footer-copy p{margin:0}.site-footer nav{display:flex;align-items:start;gap:1.4rem;font-size:.72rem}.site-footer nav a{min-height:44px;display:flex;align-items:center;color:var(--muted)}.site-footer nav a:hover{color:var(--lilac)}.site-footer>small{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid var(--line);color:rgba(242,236,223,.4);font:500 .54rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
[hidden]{display:none!important}
@keyframes orbit{to{transform:translate(-50%,-50%) rotate(346deg)}}@keyframes orbit-reverse{to{transform:translate(-50%,-50%) rotate(-374deg)}}
@media(max-width:1180px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr minmax(360px,.8fr)}.world-grid{grid-template-columns:1fr 1fr}.world-card:last-child{grid-column:1/-1}.product-detail{grid-template-columns:1fr}.detail-media{min-height:620px;border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:820px){.site-header{grid-template-columns:1fr auto auto;gap:.65rem;padding-inline:var(--page-pad)}.primary-nav{position:absolute;top:100%;right:0;left:0;display:none;padding:1rem var(--page-pad) 1.5rem;border-bottom:1px solid var(--line);background:rgba(8,7,13,.98)}.primary-nav[data-open=true]{display:grid}.primary-nav a{border-bottom:1px solid var(--line)}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{max-width:560px;width:100%;margin:auto}.world-grid{grid-template-columns:1fr}.world-card:last-child{grid-column:auto}.method{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}}
@media(max-width:680px){:root{--page-pad:1.125rem}.hero,.worlds,.catalog-section,.method,.page-hero{width:calc(100% - 36px)}.prototype-ribbon{min-height:38px;font-size:.52rem;letter-spacing:.07em}.site-header{min-height:72px}.brand-symbol{width:30px}.brand-wordmark{width:122px}.bag-link{padding:.5rem .6rem}.bag-link span{display:none}.hero{padding-top:4.8rem;padding-bottom:3.8rem}.hero h1,.page-hero h1,.status-page h1{font-size:clamp(3.55rem,17vw,5.3rem)}.hero-actions{align-items:stretch;flex-direction:column;gap:.65rem}.hero-actions .button,.hero-actions .text-link{width:100%}.hero-art{min-height:470px;margin-top:1.3rem}.hero-art>p{right:2%}.store-signal{width:43%}.worlds,.catalog-section{padding-top:4.7rem;padding-bottom:4.7rem}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:3.45rem}.section-head>a{display:none}.world-card{min-height:350px}.world-card span{margin-bottom:3.5rem}.product-grid{grid-template-columns:1fr}.product-copy>p:not(.product-category),.product-copy h3{min-height:0}.product-visual{aspect-ratio:1.05}.method{grid-template-columns:1fr;padding-top:4.8rem;padding-bottom:4.8rem}.filters{grid-template-columns:1fr}.page-hero{padding-top:5rem}.detail-media{min-height:500px;padding-top:5rem;padding-bottom:3rem}.detail-stage{width:92%}.detail-copy{padding:4rem var(--page-pad)}.detail-readiness{grid-template-columns:1fr}.detail-readiness span+span{padding-left:0;border-top:1px solid var(--line);border-left:0}.detail-action{align-items:stretch;flex-direction:column}.detail-action button{width:100%}.gate-grid{grid-template-columns:1fr}.status-panel{grid-template-columns:1fr;padding:1.4rem}.status-panel button{grid-column:auto}.site-footer{gap:2rem;padding-inline:var(--page-pad)}.site-footer nav{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* After Sapiens project-owned acceptance polish. Appended after Markam v2. */
:root {
  --display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  --body-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --surface-solid: rgba(19, 15, 27, 0.92);
  --line: rgba(242, 236, 223, 0.1);
  --line-strong: rgba(242, 236, 223, 0.17);
}

body {
  font-family: var(--body-font);
  letter-spacing: -0.005em;
}

.site-header {
  min-height: 76px;
  padding-block: 10px;
  backdrop-filter: blur(24px) saturate(1.2);
}

.site-header .brand-symbol { display: none; }
.site-header .brand-wordmark { width: clamp(144px, 12vw, 182px); }

.hero h1,
.section-head h2,
.world-card h2,
.product-copy h3,
.page-hero h1,
.detail-copy h1,
.method-intro h2,
.method-steps h3,
.status-page h1,
.status-panel h2,
.gate-grid h2,
.empty-state h2 {
  font-family: var(--display);
  font-weight: 610;
  letter-spacing: -0.052em;
  line-height: 1.01;
  text-transform: none;
  overflow-wrap: anywhere;
}

.hero h1 {
  max-width: 840px;
  font-size: clamp(4.6rem, 7vw, 7.3rem);
}

.hero-copy > div > p,
.section-head > div > p {
  max-width: 720px;
  font-size: 1rem;
  line-height: 1.72;
}

.hero-art { min-height: 650px; }
.store-three {
  --store-three-progress: 0;
  position: absolute;
  z-index: 1;
  inset: 0;
  min-height: 650px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(185, 167, 255, 0.13);
  border-radius: 38px;
  background:
    radial-gradient(circle at 50% 42%, rgba(111, 66, 217, 0.25), transparent 31%),
    radial-gradient(circle at 82% 72%, rgba(131, 184, 178, 0.12), transparent 25%),
    linear-gradient(145deg, rgba(30, 19, 43, 0.96), rgba(8, 7, 13, 0.99) 66%);
  box-shadow: 0 46px 110px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

.store-three::before,
.store-three::after {
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(185, 167, 255, 0.12);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.store-three::before {
  inset: 13%;
  transform: rotate(calc(var(--store-three-progress) * 18deg));
}

.store-three::after {
  inset: 25%;
  border-color: rgba(131, 184, 178, 0.12);
  transform: rotate(calc(var(--store-three-progress) * -26deg));
}

.store-three__canvas,
.store-three__fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.store-three__canvas {
  z-index: 2;
  display: block;
  opacity: 0;
  transition: opacity 700ms ease;
}

.store-three[data-state="ready"] .store-three__canvas { opacity: 1; }

.store-three__fallback {
  z-index: 1;
  transition: opacity 600ms ease, transform 900ms cubic-bezier(.22,.61,.36,1);
}

.store-three[data-state="ready"] .store-three__fallback {
  opacity: 0;
  transform: scale(0.96);
  pointer-events: none;
}

.store-three__fallback img {
  position: absolute;
  display: block;
  width: 68%;
  height: 68%;
  object-fit: cover;
  border: 1px solid rgba(242, 236, 223, 0.1);
  border-radius: 34px;
  box-shadow: 0 32px 74px rgba(0, 0, 0, 0.42);
}

.store-three__fallback img:first-child {
  top: 8%;
  left: 4%;
  transform: rotate(-5deg);
}

.store-three__fallback img:last-child {
  right: 4%;
  bottom: 8%;
  transform: rotate(5deg);
}

.store-three__caption {
  position: absolute;
  z-index: 3;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 13px;
  border: 1px solid rgba(242, 236, 223, 0.1);
  border-radius: 999px;
  background: rgba(8, 7, 13, 0.7);
  backdrop-filter: blur(16px);
  color: rgba(242, 236, 223, 0.7);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.58rem;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.store-three__caption span:last-child { color: var(--teal); }
.store-signal {
  width: 49%;
  aspect-ratio: 0.78;
  border-radius: 30px;
  border-color: rgba(185, 167, 255, 0.25);
  background:
    radial-gradient(circle at 50% 28%, rgba(185, 167, 255, 0.16), transparent 33%),
    linear-gradient(155deg, rgba(45, 30, 66, 0.96), rgba(8, 7, 13, 0.98));
  box-shadow: 0 46px 110px rgba(0, 0, 0, 0.48), inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.store-signal i {
  top: 25%;
  width: 42%;
  background: var(--bone);
  filter: drop-shadow(0 18px 30px rgba(111, 66, 217, 0.35));
}

.store-signal .triangle-only { display: none; }
.store-signal small { bottom: 14%; font-size: 0.54rem; }

.world-grid,
.product-grid {
  gap: 18px;
  border: 0;
  background: transparent;
}

.world-card,
.product-card,
.product-visual {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 26px;
}

.world-card {
  min-height: 450px;
  transition: border-color 220ms ease, transform 320ms ease;
}

.world-card:hover {
  border-color: rgba(185, 167, 255, 0.34);
  transform: translateY(-4px);
}

.product-card { background: rgba(19, 15, 27, 0.72); }
.product-visual { border-width: 0 0 1px; border-radius: 25px 25px 0 0; }
.product-visual::before,
.product-visual::after,
.detail-media::before,
.detail-stage::after { display: none; }

.concept-render {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  margin: 0;
}

.concept-render img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.01);
  transition: transform 520ms cubic-bezier(.22,.61,.36,1);
}

.product-card:hover .concept-render img { transform: scale(1.045); }
.detail-stage .concept-render { position: absolute; inset: 0; border-radius: 28px; overflow: hidden; }
.detail-stage .concept-render img { object-fit: contain; }

.product-copy { padding: 1.55rem 1.55rem 1.7rem; }
.product-copy h3 { min-height: 3rem; font-size: clamp(1.35rem, 1.8vw, 1.72rem); line-height: 1.08; }
.product-copy > p:not(.product-category) { min-height: 4.7rem; line-height: 1.62; }
.readiness-line b { white-space: normal; }

.detail-media { background: linear-gradient(145deg, #15101f, #08070d); }
.detail-stage { width: min(620px, 88%); overflow: hidden; border-radius: 28px; }
.detail-copy h1 { font-size: clamp(3.2rem, 5vw, 5.7rem); }

.site-footer {
  position: relative;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: end;
  gap: 2.2rem;
}

.footer-brand { display: block; }
.footer-brand .footer-wordmark { width: min(230px, 52vw); height: auto; }
.footer-brand strong.sr-only { position: absolute; }
.footer-copy { margin-top: 1rem; line-height: 1.65; }
.footer-symbol { width: 64px; height: auto; align-self: end; justify-self: end; opacity: 0.92; }

@media (max-width: 1180px) {
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .site-footer { grid-template-columns: 1fr auto; }
  .site-footer nav { grid-column: 1 / -1; }
  .footer-symbol { grid-column: 2; grid-row: 1; }
}

@media (max-width: 680px) {
  .site-header { min-height: 70px; }
  .site-header .brand-wordmark { width: 134px; }
  .hero h1,
  .page-hero h1,
  .status-page h1 {
    font-size: clamp(3rem, 13vw, 4.25rem);
    line-height: 1.03;
  }
  .hero { padding-top: 4.4rem; }
  .hero-art,
  .store-three { min-height: 470px; }
  .store-three { border-radius: 25px; }
  .store-three__fallback img { width: 73%; height: 64%; border-radius: 24px; }
  .store-three__caption { right: 12px; bottom: 12px; left: 12px; font-size: 0.51rem; }
  .store-signal { width: 48%; border-radius: 22px; }
  .section-head h2 { font-size: clamp(2.75rem, 12vw, 4rem); line-height: 1.03; }
  .world-card h2 { font-size: clamp(2.35rem, 10vw, 3.4rem); line-height: 1.04; }
  .product-grid { grid-template-columns: 1fr; gap: 14px; }
  .product-copy h3 { font-size: 1.55rem; }
  .product-copy > p:not(.product-category),
  .product-copy h3 { min-height: 0; }
  .detail-stage { width: 100%; }
  .detail-copy h1 { font-size: clamp(2.85rem, 12vw, 4.1rem); line-height: 1.04; }
  .site-footer { grid-template-columns: 1fr auto; gap: 1.4rem; }
  .site-footer nav { grid-column: 1 / -1; }
  .footer-symbol { width: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .store-three::before,
  .store-three::after,
  .store-three__canvas,
  .store-three__fallback { transition: none; }
}
