@font-face{font-family:Journey;src:local('Helvetica Neue')}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#151716;color:#f0f1e9;font-family:Journey,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.wordmark{font-size:29px;font-weight:900;letter-spacing:-1.7px}.wordmark span{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:5px}.header-caption{font-size:10px;letter-spacing:2px;color:#92978d}.reading-link{font-size:12px;color:#c6cbbb}.reading-link span{margin-left:18px;font-size:19px}main{max-width:1800px;margin:auto}.experience{display:grid;grid-template-columns:minmax(0,1fr) 365px;min-height:660px}.stage{position:relative;min-height:660px;overflow:hidden;background:#171b17;isolation:isolate}.stage-heading{position:absolute;top:31px;left:37px;right:35px;display:flex;justify-content:space-between;z-index:3}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600}.stage-heading .eyebrow{color:#a7b19b}.scene-counter{font-size:11px;color:#727e66;letter-spacing:2px}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 44% 46%,#52613d32,transparent 62%);pointer-events:none}.viewport{position:absolute;inset:45px 0 95px;perspective:1400px;perspective-origin:50% 48%;overflow:visible}.world{position:absolute;width:840px;height:550px;left:50%;top:50%;transform-style:preserve-3d;will-change:transform}.floor{position:absolute;width:920px;height:660px;left:-40px;top:180px;transform:rotateX(76deg) translateZ(-170px);transform-style:preserve-3d;opacity:.45}.floor-lines{position:absolute;inset:0;background-image:linear-gradient(#b4c88e14 1px,transparent 1px),linear-gradient(90deg,#b4c88e14 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 68%)}.floor-ring{width:570px;height:350px;border:1px solid #bdd09422;border-radius:50%;position:absolute;left:175px;top:180px;box-shadow:0 0 90px #abbf5020}.floor-label{position:absolute;top:570px;left:280px;font-size:14px;letter-spacing:5px;color:#bbcba77a}.object{position:absolute;transform-style:preserve-3d;will-change:transform,opacity;pointer-events:none}.object-label{position:absolute;top:calc(100% + 22px);left:0;width:100%;text-align:center;color:#aab69d;font-size:10px;font-weight:500;letter-spacing:1.5px;white-space:nowrap}.browser{width:440px;height:337px;background:#edeee6;border-radius:13px;color:#1f261e;box-shadow:1px 2px 0 #616b55,4px 5px 0 #373f2f,6px 9px 0 #262b22,10px 23px 45px #0006}.side-edge{position:absolute;inset:0;background:#313c2b;border-radius:13px;transform:translateZ(-8px)}.browser-top{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #17211320;font-size:8px;color:#6d7668}.traffic{font-size:7px;letter-spacing:4px;color:#9aa28f}.browser-body{padding:17px 24px}.mini-nav{display:flex;align-items:center;justify-content:space-between}.mini-nav b{font-size:12px;font-weight:900;letter-spacing:-.5px}.mini-nav span{font-size:6px;letter-spacing:1.5px}.browser-title{font-size:28px;line-height:.97;font-weight:800;letter-spacing:-1.6px;margin-top:25px;position:relative;z-index:2;max-width:250px}.browser-title em{font-style:normal;color:#67794c}.product-preview{position:absolute;right:20px;top:88px;width:200px;height:185px;background:#dde2d3;border-radius:50%}.tee-silhouette{position:absolute;width:145px;height:167px;left:28px;top:7px;background:linear-gradient(125deg,#505b44,#202c20 60%,#121d12);clip-path:polygon(28% 7%,40% 2%,43% 8%,57% 8%,60% 2%,72% 7%,99% 29%,80% 46%,72% 34%,76% 96%,24% 96%,28% 34%,20% 46%,1% 29%);filter:drop-shadow(0 12px 10px #0005)}.product-mark{position:absolute;left:67px;top:65px;font-size:11px;letter-spacing:1.5px;font-weight:800;color:#e7ecdf}.product-footer{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.6px}.product-footer small{display:block;margin-top:5px;font-size:7px;color:#747e69;letter-spacing:0}.product-footer>b{padding:5px 8px;border:1px solid #18281730}.mini-cta{background:#283b20;color:#edf4dd;padding:10px 13px;border-radius:3px;font-size:7px}
.identity{width:294px;height:185px;border-radius:12px;background:linear-gradient(135deg,#e5f7b4,#bfcf8f 40%,#a0b16d 73%,#d2e69f);color:#263017;box-shadow:2px 3px 0 #677447,4px 6px 0 #414b27,7px 15px 30px #0005;overflow:visible}.card-edge{position:absolute;inset:0;border:1px solid #f0ffd566;border-radius:12px}.id-top{display:flex;justify-content:space-between;margin:18px 20px;align-items:center;font-size:10px;letter-spacing:-.3px}.id-top span{font-size:6px;letter-spacing:1.7px}.id-emblem{position:absolute;right:26px;bottom:18px;font-size:95px;line-height:1;font-weight:900;letter-spacing:-12px;opacity:.35}.id-emblem span{font-size:39px;vertical-align:top;margin-top:12px;display:inline-block}.id-bottom{position:absolute;left:20px;bottom:23px;display:flex;flex-direction:column;gap:6px}.id-bottom>span{font-size:7px;letter-spacing:1.6px}.id-bottom strong{font-size:20px;letter-spacing:1.2px}.id-bottom small{font-size:5px;letter-spacing:1.1px}.id-chip{position:absolute;left:22px;top:55px;width:34px;height:24px;border:1px solid #778844;border-radius:5px;display:flex;overflow:hidden}.id-chip i{width:33%;border-right:1px solid #778844;background:#d2deaa66}.sheen{position:absolute;inset:0;border-radius:12px;background:linear-gradient(120deg,transparent 20%,#fff5 42%,transparent 65%);background-size:200% 100%;animation:sheen 8s ease-in-out infinite}.phone{width:195px;height:355px;border:5px solid #41493b;border-radius:28px;background:#f1f2e8;color:#222b1a;box-shadow:3px 5px 0 #1d2418,6px 11px 30px #0007}.phone-notch{position:absolute;top:7px;left:61px;width:65px;height:11px;background:#242d1e;border-radius:20px;z-index:2}.phone-screen{padding:30px 16px 16px}.phone-brand{display:block;font-size:11px;letter-spacing:-.3px}.phone-overline{display:block;font-size:5px;letter-spacing:1px;color:#6d7860;margin-top:21px}.phone h3{font-size:29px;letter-spacing:-1.5px;line-height:1; margin:8px 0 17px}.phone-fields>div{padding:5px 0 7px;border-bottom:1px solid #20291722;display:flex;flex-direction:column;gap:4px}.phone-fields small{font-size:5px;letter-spacing:1px;color:#79836e}.phone-fields b{font-size:8px;font-weight:400}.otp-caption{font-size:5px;letter-spacing:1px;margin:17px 0 8px}.otp-digits{display:flex;gap:4px}.otp-digits span{width:21px;height:23px;display:grid;place-items:center;border:1px solid #b9c7a2;border-radius:3px;font-size:10px;background:#e6edda}.phone-button{font-size:6px;letter-spacing:.3px;background:#293d22;color:#e3efd4;border-radius:4px;padding:10px;margin-top:14px;display:flex;justify-content:space-between}.shopify{width:240px;height:190px;border:1px solid #b4cb8a55;border-radius:14px;background:linear-gradient(130deg,#303f2d,#1c281c);padding:24px;box-shadow:4px 6px 0 #0e150d,8px 14px 40px #0005}.shopify-symbol{position:absolute;right:24px;top:22px;width:38px;height:42px;border-radius:7px;background:#b5d877;color:#273719;font-size:28px;font-weight:800;text-align:center;line-height:42px;transform:rotate(-7deg)}.shopify>small{display:block;font-size:6px;letter-spacing:1.4px;color:#aebca0}.shopify>strong{display:block;font-size:30px;margin-top:19px;letter-spacing:-1px}.verified-pill{font-size:8px;color:#b3d58a;display:block;margin-top:9px}.shopify-foot{margin-top:25px;font-size:5px;color:#8e9d7d;letter-spacing:.5px}.shopify-foot b{color:#c4d6a9;margin-left:10px}.database{width:176px;height:175px;text-align:center}.cylinder{height:110px;width:132px;position:relative;left:22px;background:linear-gradient(90deg,#536544,#82965c 25%,#61754b 62%,#35432d);border-radius:50% / 20%;box-shadow:0 18px 20px #0005;border:1px solid #b2c58e55}.cylinder-top{height:43px;background:radial-gradient(ellipse at 40% 25%,#95a87d,#506540 85%);border:1px solid #bccd9b66;border-radius:50%;position:absolute;left:-1px;right:-1px;top:-1px;box-shadow:inset 0 0 0 9px #8b9d7422}.cylinder-band{position:absolute;width:100%;height:40px;border-bottom:1px solid #bed69555;border-radius:50%;top:26px;box-shadow:0 2px 0 #1e301e66}.band-two{top:56px}.db-light{position:absolute;width:5px;height:5px;border-radius:50%;background:#e0ff91;box-shadow:0 0 8px #baff5d;right:21px;bottom:25px}.db-name{margin-top:18px;font-size:9px;letter-spacing:1.1px;color:#cbd8b9}.db-values{display:flex;gap:6px;justify-content:center;margin-top:8px;font-size:6px;color:#879778;white-space:nowrap}.db-values span:not(:last-child):after{content:' /';color:#627452}.commerce .cylinder{background:linear-gradient(90deg,#495651,#7d8f82 25%,#586d60 62%,#2f4135)}.commerce .cylinder-top{background:radial-gradient(ellipse at 40% 25%,#adbaad,#4e6354 85%)}.garment{width:270px;height:320px}.garment-front{position:absolute;width:270px;height:320px;filter:drop-shadow(0 15px 10px #0004)}.garment-back{position:absolute;inset:20px 5px 10px;background:#10150e;clip-path:polygon(28% 2%,40% 2%,43% 7%,57% 7%,60% 2%,72% 2%,99% 27%,80% 41%,73% 32%,76% 98%,24% 98%,27% 32%,20% 41%,1% 27%);transform:translateZ(-14px);filter:drop-shadow(0 20px 20px #000a)}.garment-tag{position:absolute;right:30px;bottom:17px;width:63px;height:81px;background:#ebeedd;color:#24331c;padding:7px;border-radius:2px;transform:translateZ(19px) rotate(7deg);box-shadow:2px 4px 6px #0004}.qr{width:37px;height:37px;display:grid;grid-template-columns:repeat(9,1fr);margin:auto}.qr i{background:#1b2513}.qr i.empty{background:transparent}.garment-tag b{display:block;text-align:center;font-size:6px;margin-top:6px}.garment-tag small{font-size:3px;display:block;text-align:center;margin-top:4px}.parcel{width:270px;height:190px;transform-style:preserve-3d}.box-face{position:absolute;background:#8d9870;border:1px solid #b6bd9777}.box-front{inset:0;padding:25px;background:linear-gradient(100deg,#b2b38a,#979d70);color:#2e391f}.box-front>b{font-size:23px;letter-spacing:-1px}.box-front>span{display:block;font-size:7px;line-height:1.5;letter-spacing:1px;margin-top:12px}.box-right{width:120px;height:190px;right:0;transform-origin:right;transform:rotateY(-90deg);background:#5d6c46}.box-top{width:270px;height:120px;top:0;transform-origin:top;transform:rotateX(-90deg);background:#adb18a;display:flex;justify-content:center;align-items:center}.box-top span{font-size:8px;letter-spacing:3px;transform:rotate(180deg)}.shipping-label{position:absolute;right:18px;bottom:20px;background:#f2f0dc;color:#333e23;width:96px;padding:9px}.shipping-label small{font-size:5px}.shipping-label b{font-size:7px;display:block;margin-top:7px}.barcode{height:22px;margin-top:6px;background:repeating-linear-gradient(90deg,#23301b 0 1px,transparent 1px 3px,#23301b 3px 5px,transparent 5px 6px)}.wardrobe{width:335px;height:332px;background:#f1f1e8;color:#293321;border-radius:13px;padding:24px;box-shadow:2px 3px 0 #828b6d,5px 8px 0 #303928,9px 15px 30px #0005}.wardrobe-top{display:flex;justify-content:space-between;font-size:8px;align-items:center}.wardrobe-top>b{font-size:10px;letter-spacing:-.2px}.wardrobe-top span{color:#5d7446;font-size:7px}.wardrobe-art{position:relative;background:#dce3d0;height:180px;margin-top:20px;border-radius:5px}.wardrobe-art .tee-silhouette{left:72px;top:7px;height:166px}.wardrobe-art>span{position:absolute;left:111px;top:67px;font-size:11px;letter-spacing:1px;color:#e9f0df;font-weight:800}.wardrobe-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.wardrobe-foot b{display:block;font-size:9px}.wardrobe-foot small{display:block;font-size:6px;color:#7a846e;margin-top:6px}.ownership-check{width:24px;height:24px;display:grid;place-items:center;background:#ceddad;border-radius:50%;font-size:12px}.wardrobe-access{border-top:1px solid #1b291222;padding-top:12px;margin-top:12px;font-size:6px;display:flex;justify-content:space-between;color:#7c856f}.wardrobe-access span{color:#3d5b2e}.connector{width:200px;height:50px}.connector-line{position:absolute;top:24px;left:0;right:0;height:1px;background:linear-gradient(90deg,#c6ed8133,#c6ed81,#c6ed8133);box-shadow:0 0 8px #9ddb3e66}.signal{position:absolute;top:21px;width:6px;height:6px;background:#d2ff8e;box-shadow:0 0 15px #d2ff8e;border-radius:50%;animation:signal 2.4s linear infinite}.signal-two{animation-delay:-1.2s}.connection-caption{position:absolute;top:40px;font-size:7px;letter-spacing:1.4px;color:#a8c58a;left:0;right:0;text-align:center}.seal{display:flex;gap:9px;align-items:center;color:#d2e5b6}.seal>span{height:29px;width:29px;border:1px solid #a3bf7966;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#23331d}.seal b{font-size:9px;font-weight:500;letter-spacing:1px;white-space:nowrap}.scene-caption{position:absolute;bottom:86px;left:38px;right:38px;color:#b7c1aa;display:flex;gap:10px;align-items:center;font-size:12px;z-index:3}.live-dot{width:5px;height:5px;border-radius:50%;background:#bdd58c}.stage-controls{position:absolute;bottom:24px;left:30px;right:30px;display:flex;align-items:center;gap:5px;z-index:3}.stage-controls button{background:transparent;color:#c1c9b6;border:0;height:42px;min-width:42px;border-radius:50%;transition:background .2s,transform .15s}.stage-controls button:hover{background:#ffffff0c}.stage-controls button:active{transform:scale(.94)}#play{display:flex;gap:12px;align-items:center;border-radius:25px;padding:0 16px;font-size:12px}#playIcon{font-size:9px;color:#d4eba9}.controls-divider{height:18px;width:1px;background:#4a5440;margin:0 10px}.drag-hint{margin-left:auto;font-size:8px;letter-spacing:1.2px;color:#717f62}.story{background:#eaece2;color:#252d22;display:flex;flex-direction:column;padding:34px 34px 28px;min-width:0}.story-top{display:flex;justify-content:space-between;color:#78816b;font-size:10px}.story-top .eyebrow{font-size:9px;letter-spacing:1.4px}.story-content{flex:1;padding-top:48px}.story h1{font-size:47px;line-height:1.03;letter-spacing:-2.8px;font-weight:500;margin:0 0 24px}.story-intro{font-size:14px;line-height:1.65;color:#737d67;margin:0 0 27px}.steps{padding:0;margin:0;list-style:none;counter-reset:steps}.steps li{display:flex;gap:13px;padding:11px 0;border-top:1px solid #2d37131a;font-size:12px;line-height:1.5;align-items:baseline}.steps li:before{counter-increment:steps;content:'0' counter(steps);font-size:9px;color:#96a084;flex:none}.steps strong{font-weight:500}.takeaway{border-left:2px solid #a9ba85;margin-top:24px;padding-left:14px}.takeaway>span{font-size:8px;letter-spacing:1.3px;color:#85906e}.takeaway p{font-size:11px;line-height:1.65;color:#66734f;margin:7px 0 0}.story-bottom{margin-top:32px;padding-top:20px;border-top:1px solid #323d191b;display:flex;align-items:center;justify-content:space-between}.story-bottom>span:first-child{font-size:7px;line-height:1.8;color:#959d88;letter-spacing:1.1px}.story-monogram{font-size:32px;letter-spacing:-5px;color:#8e9d75;font-weight:800}.chapter-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.chapter-nav button{position:relative;background:transparent;border:0;color:#7f8877;text-align:left;padding:24px 19px 22px;min-height:100px;transition:background .25s}.chapter-nav button+button{border-left:1px solid #ffffff10}.chapter-nav button:hover{background:#dfff7607}.chapter-nav button[aria-current=step]{background:#c0da7810;color:#d7e5bf}.chapter-nav .nav-number{font-size:9px;letter-spacing:1.1px;display:block;margin-bottom:11px;color:#718160}.chapter-nav .nav-title{font-size:11px;line-height:1.5;display:block}.chapter-nav .progress{position:absolute;top:-1px;left:0;width:100%;height:2px;background:#cbe595;transform:scaleX(0);transform-origin:left;opacity:0}.chapter-nav button[aria-current=step] .progress{opacity:1}.bottom-note{display:grid;grid-template-columns:210px 1fr 210px;align-items:center;gap:30px;padding:35px 4%;color:#a7b397}.bottom-note>.eyebrow{font-size:8px;line-height:1.8;color:#78856b}.bottom-note p{font-size:14px;line-height:1.65;margin:0;color:#b6c2a5;max-width:650px}.note-detail{font-size:10px;line-height:1.7;color:#738164}footer{padding:25px 4%;border-top:1px solid #ffffff0e;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#6f7865}:focus-visible{outline:2px solid #bad58b;outline-offset:4px}body.paused .signal,body.paused .sheen{animation-play-state:paused}@keyframes signal{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}@keyframes sheen{0%,100%{background-position:180% 0}50%{background-position:-40% 0}}@media(min-width:1600px){.experience{grid-template-columns:minmax(0,1fr) 410px;min-height:760px}.stage{min-height:760px}.story{padding:38px 45px}.story h1{font-size:55px}.story-content{padding-top:67px}.story-intro{font-size:16px}.steps li{font-size:14px}}
@media(max-width:1100px){.experience{grid-template-columns:minmax(0,1fr) 310px}.story{padding:32px 25px}.story h1{font-size:40px}.stage,.experience{min-height:635px}.drag-hint{display:none}.chapter-nav button{padding:20px 12px}.bottom-note{grid-template-columns:170px 1fr}.note-detail{display:none}}@media(max-width:800px){header{height:73px;padding:0 24px}.header-caption{display:none}.experience{grid-template-columns:1fr}.stage{min-height:560px}.story{padding:27px 30px 29px}.story-content{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;padding-top:25px;align-items:start}.story h1{font-size:40px;margin-bottom:17px}.story-intro{grid-column:1;margin-bottom:0}.steps{grid-column:2;grid-row:1/3}.takeaway{grid-column:1/-1;margin-top:20px}.story-bottom{display:none}.chapter-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-nav button:nth-child(n+4){border-top:1px solid #ffffff12}.chapter-nav button{min-height:92px}.bottom-note{grid-template-columns:1fr;gap:12px;padding:28px 30px}.bottom-note p{font-size:13px}.scene-caption{font-size:11px}.reading-link{font-size:11px}}
@media(max-width:460px){.stage{min-height:470px}.stage-heading{left:22px;right:22px;top:24px}.stage-heading .eyebrow{font-size:8px}.viewport{inset:35px 0 90px}.scene-caption{left:24px;right:24px;bottom:81px;font-size:10px}.stage-controls{left:13px;right:13px;bottom:21px}.story{padding:25px 24px}.story-content{column-gap:21px}.story h1{font-size:31px;letter-spacing:-1.5px}.story-intro{font-size:12px}.steps li{font-size:11px;padding:8px 0;gap:8px}.takeaway p{font-size:10px}.chapter-nav .nav-title{font-size:10px}.chapter-nav button{padding:18px 12px}.wordmark{font-size:25px}}
.browser .side-edge{display:none}.browser-top,.browser-body{position:relative;transform:translateZ(1px)}.browser-body{height:309px;background:#edeee6;border-radius:0 0 13px 13px}.browser-title{max-width:220px}.product-preview{top:60px}.product-footer{bottom:22px}button:disabled{opacity:.3;cursor:default}
.box-front{transform:translateZ(60px)}.box-right{left:210px;right:auto;transform-origin:center;transform:rotateY(90deg)}.box-top{top:-60px;transform-origin:center;transform:rotateX(90deg)}.box-top span{transform:none}
.object{will-change:transform}
.scenario-switch{display:flex;gap:5px;margin-top:24px;padding:4px;background:#dce1d0;border-radius:7px}.scenario-switch[hidden]{display:none}.scenario-switch button{flex:1;border:0;background:transparent;font-size:10px;padding:9px 6px;border-radius:5px;color:#74815f}.scenario-switch button[aria-pressed=true]{background:#f6f7f0;color:#354a26;box-shadow:0 1px 4px #26381612}.story:has(.scenario-switch:not([hidden])) .story-content{padding-top:27px}.public-page{width:335px;height:385px;border-radius:13px;background:#edece2;padding:22px;color:#26331e;box-shadow:2px 3px 0 #7e866d,5px 8px 0 #303928,9px 15px 30px #0005}.public-nav{display:flex;justify-content:space-between;align-items:center;font-size:11px}.public-nav span{font-size:6px;color:#798968}.public-owner{display:flex;align-items:center;gap:9px;margin-top:23px}.owner-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#cad7ac;font-size:13px}.public-owner>span:nth-child(2){font-size:5px;line-height:1.6;color:#758163}.public-owner b{font-size:9px;letter-spacing:1px;color:#374b25}.public-owner small{font-size:5px;color:#8d977d;margin-left:auto;letter-spacing:.4px}.public-page h3{font-size:30px;font-weight:500;line-height:1.02;letter-spacing:-1.6px;margin:18px 0 10px}.public-page h3 em{font-style:normal;color:#839663}.public-art{position:relative;height:118px;border-radius:5px;background:#d7deca;overflow:hidden}.public-art .tee-silhouette{width:100px;height:113px;left:158px;top:5px}.public-art>b{position:absolute;font-size:7px;left:183px;top:47px;color:#e3ecd8}.public-art>span{position:absolute;left:15px;bottom:17px;line-height:1.8;font-size:6px;letter-spacing:.4px;color:#5e6c4b}.public-wardrobe-button{margin-top:15px;background:#2c4023;color:#e8efd9;padding:12px;border-radius:4px;font-size:7px;display:flex;justify-content:space-between;letter-spacing:.4px}.public-caption{font-size:5px;color:#869177;text-align:center;margin-top:10px}
.data-links{overflow:visible}.data-links>path{fill:none;stroke:#acc58588;stroke-width:1;marker-end:url(#dataArrow)}.data-links .db-bridge{stroke-dasharray:3 6;animation:database-flow 3s linear infinite}.paused .data-links .db-bridge{animation-play-state:paused}@keyframes database-flow{to{stroke-dashoffset:-36}}@media(prefers-reduced-motion:reduce){.data-links .db-bridge{animation:none}}
@media(prefers-reduced-motion:reduce){.signal,.sheen{animation:none}.drag-hint{display:none}.stage-controls button,.chapter-nav button{transition:none}}

.activation{width:304px;height:294px;background:linear-gradient(135deg,#f0f2e5,#d9e1c8);border-radius:13px;padding:23px;color:#29351e;box-shadow:2px 3px 0 #808e67,5px 8px 0 #303928,9px 15px 30px #0005}.activation-top{display:flex;justify-content:space-between;font-size:8px}.activation-top span{font-size:6px;color:#7b8968}.activation h3{font-size:32px;line-height:1.02;font-weight:500;letter-spacing:-1.6px;margin:19px 0}.activation-code{padding:12px;border:1px dashed #9dac84;border-radius:5px;background:#f7f8f044}.activation-code small{display:block;font-size:6px;letter-spacing:.7px;color:#71825b}.activation-code strong{display:block;margin-top:7px;font-size:18px;letter-spacing:5px}.ownership-mapping{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.ownership-mapping small{display:block;font-size:5px;letter-spacing:.8px;color:#7a8968}.ownership-mapping b{display:block;font-size:11px;margin-top:5px}.ownership-mapping>span{color:#7d9660}.activation-saved{border-top:1px solid #899b6e44;padding-top:13px;margin-top:15px;font-size:7px;letter-spacing:.8px;color:#5d7940}.connector-line:after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #c6ed81;border-right:1px solid #c6ed81;transform:rotate(45deg)}

/* Operations dashboard and the factory handoff share the same batch. */
.batch-dashboard{width:424px;height:440px;background:#eef0e4;color:#28341e;border-radius:13px;padding:22px;box-shadow:2px 3px 0 #7b8864,5px 8px 0 #303928,9px 15px 30px #0005}.ops-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.4px}.ops-nav>span{font-size:5px;color:#84936f}.ops-title{display:flex;align-items:center;justify-content:space-between;margin-top:19px}.ops-title h3{font-size:29px;line-height:1;letter-spacing:-1.2px;font-weight:500;margin:0}.batch-badge{font-size:7px;background:#d9e5be;padding:8px;border-radius:4px}.ops-product{display:flex;justify-content:space-between;margin-top:18px;font-size:9px}.ops-product span{font-size:6px;color:#7e9166}.ops-sizes{display:flex;gap:6px;align-items:center;margin-top:9px;font-size:7px}.ops-sizes span{padding:5px 9px;border:1px solid #b3c59a66;border-radius:3px}.ops-sizes>b{margin-left:auto;font-size:7px;font-weight:500}.ops-stats{display:flex;gap:27px;margin:17px 0 14px;padding-top:12px;border-top:1px solid #8da06b33}.ops-stats small{font-size:5px;letter-spacing:.7px;display:block;color:#7f8d6c}.ops-stats strong{font-size:24px;font-weight:500;display:block;margin-top:5px}.batch-qr-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.batch-qr-tile{background:#dfe7cf;border:1px solid #c0ccab66;border-radius:3px;padding:3px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.tiny-qr{width:19px;height:19px;display:grid;grid-template-columns:repeat(9,1fr)}.tiny-qr i,.label-sample-qr i{background:#304326}.tiny-qr i.empty,.label-sample-qr i.empty{background:transparent}.batch-qr-tile>span{font-size:4px;color:#72835e;letter-spacing:.5px}.ops-actions{display:flex;gap:7px;margin-top:13px}.ops-actions span{flex:1;background:#304426;color:#eef3e2;padding:9px 7px;text-align:center;font-size:6px;border-radius:3px}.ops-footer{display:flex;justify-content:space-between;margin-top:11px;font-size:6px;color:#83936d}.ops-footer>b{color:#4f7135;font-size:6px}.stock-card{width:232px;min-height:225px;background:linear-gradient(140deg,#2c3d28,#1c291b);border:1px solid #a3c17f55;border-radius:12px;padding:20px;box-shadow:3px 5px 0 #10190e,7px 12px 30px #0005}.stock-card .ops-nav{font-size:7px;color:#bfd4a0}.stock-card h3{font-size:24px;line-height:1.06;letter-spacing:-1px;font-weight:500;margin:20px 0}.stock-total{display:flex;gap:13px;align-items:center}.stock-total>strong{font-size:42px;font-weight:400;line-height:1;color:#d6ebac}.stock-total>span{font-size:6px;line-height:1.7;color:#8fa77c}.stock-variants{display:flex;gap:6px;margin-top:17px}.stock-variants>span{flex:1;border:1px solid #aec58d33;border-radius:3px;padding:6px;font-size:7px;color:#aec393;display:flex;justify-content:space-between}.stock-note{margin-top:14px;font-size:7px;line-height:1.6;color:#9fb586}.factory-portal{width:340px;height:410px;background:#eef0e4;color:#29351e;padding:23px;border-radius:13px;box-shadow:2px 3px 0 #7b8864,5px 8px 0 #303928,9px 15px 30px #0005}.factory-portal h3{font-size:32px;font-weight:500;letter-spacing:-1.4px;line-height:1.03;margin:23px 0 18px}.factory-summary{display:flex;justify-content:space-between;font-size:7px}.factory-summary span{color:#7b8c65}.factory-label-preview{display:flex;align-items:center;gap:18px;background:#e0e6d3;padding:14px;margin:15px 0 12px;border:1px dashed #a7b98a;border-radius:5px}.label-sample-qr{display:grid;grid-template-columns:repeat(9,1fr);width:48px;height:48px;flex:none}.factory-label-preview small{display:block;font-size:5px;letter-spacing:1px;color:#81936b}.factory-label-preview b{display:block;font-size:14px;margin:7px 0}.factory-label-preview span{font-size:6px;color:#778860}.factory-actions{display:flex;flex-direction:column;gap:5px}.factory-actions span{font-size:7px;padding:10px;background:#304426;color:#eef3e2;border-radius:3px}.factory-actions span+span{background:#dce5cc;color:#527136}.factory-checklist{display:flex;flex-direction:column;gap:8px;font-size:7px;color:#6d8255;margin-top:17px}.phone{height:385px}.phone-fields>div{padding:4px 0 6px}.phone .otp-caption{margin-top:13px}.phone h3{margin-bottom:12px}.scenario-switch button{min-height:36px}.stage[data-chapter="2"] .batch-qr-tile{animation:tile-appear .5s backwards;animation-delay:var(--tile-delay)}@keyframes tile-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.stage[data-chapter="2"] .batch-qr-tile{animation:none}}

.batch-example{display:grid;grid-template-columns:1fr 72px;gap:8px;align-items:center;margin-top:16px}.batch-example[hidden]{display:none}.batch-example label{font-size:10px;color:#6c7c56}.batch-example input{width:72px;padding:8px;border:1px solid #b3c59a;border-radius:5px;background:#f6f7f0;color:#2d4022;font:inherit;font-size:13px;color-scheme:light}.batch-example p{grid-column:1/-1;font-size:9px;line-height:1.5;margin:0;color:#7f8d6b}.grid-summary{font-size:5px;color:#7c8d68;margin-top:5px}.batch-dashboard{height:453px}.batch-qr-grid{min-height:121px;align-content:start}.factory-progress{font-size:6px;margin-top:15px;color:#8a987a;letter-spacing:.3px}.factory-progress span{color:#3f642b}.factory-checklist{margin-top:13px}.factory-portal{height:433px}.story:has(.batch-example:not([hidden])) .story-content{padding-top:22px}

.production-tick{display:inline-grid;place-items:center;width:12px;height:12px;border:1px solid #8ba875;border-radius:2px;margin-right:5px;background:#ccdeb9;color:#355b24;font-size:8px}

.factory-product-art{position:relative;width:65px;height:72px;flex:none;background:#ced9bd;border-radius:5px}.factory-product-art .tee-silhouette{width:58px;height:67px;left:3px;top:3px}.factory-batch-quantity{display:block;margin-top:7px;font-size:10px;color:#456331}.factory-id-note{font-size:7px;line-height:1.55;color:#6f8259;margin-top:-3px}.factory-code-access{display:flex;flex-direction:column;gap:5px;margin:11px 0;font-size:6px;color:#56793b}.factory-code-access>span+span{color:#889879;font-size:5px}.factory-portal{height:496px}.factory-label-preview{margin-bottom:10px}.factory-portal .object-label{font-size:9px}

.factory-code-access [hidden]{display:none}

.sync-control{display:flex;align-items:center;gap:10px;padding:12px;margin-top:15px;border:1px solid #a9bb8d;border-radius:6px;background:#e0e8d4;font-size:11px;color:#3a5527;cursor:pointer}.sync-control[hidden]{display:none}.sync-control input{width:17px;height:17px;accent-color:#4e7134;margin:0;cursor:pointer}.sync-control+ .batch-example{margin-top:12px}

.order-preview-button{border:0;background:transparent;color:#476731;text-align:left;font-size:10px;padding:9px 0;cursor:pointer}.order-preview-button[hidden]{display:none}.order-preview-button:disabled{opacity:.45;cursor:default}.order-assignment{width:367px;min-height:386px;padding:24px;background:#eef0e4;border-radius:13px;color:#2c391f;box-shadow:2px 3px 0 #7b8864,5px 8px 0 #303928,9px 15px 30px #0005}.order-assignment h3{font-size:31px;line-height:1.05;font-weight:500;letter-spacing:-1.3px;margin:23px 0 20px}.order-product{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#dfe7cf;border-radius:5px}.order-product b{display:block;font-size:12px}.order-product span{display:block;font-size:8px;margin-top:6px;color:#75855e}.order-product>strong{font-weight:500;font-size:26px;color:#55773b}.order-event{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.3px;color:#8a9a73;padding:18px 3px}.order-event>span{font-size:14px;line-height:7px;color:#6f8f4e}.order-registry{padding:13px;background:#2d4126;color:#e1edca;border-radius:5px}.order-registry small{font-size:6px;letter-spacing:.7px;color:#b1c690}.order-registry>div{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px}.order-registry>div[hidden]{display:none}.order-registry span{font-size:7px;color:#a3bd7d}.order-note{font-size:7px;line-height:1.7;color:#7b8e63;margin-top:15px}

.chapter-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.transfer-card{width:340px;min-height:335px;border-radius:13px;padding:23px;background:#edf0e3;color:#2c391f;box-shadow:2px 3px 0 #7b8864,5px 8px 0 #303928,9px 15px 30px #0005}.transfer-card h3{font-size:30px;line-height:1.03;font-weight:500;letter-spacing:-1.3px;margin:21px 0 16px}.transfer-garment{padding:11px;background:#dde6ce;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.transfer-garment b{font-size:9px}.transfer-garment span{font-size:5px;color:#7d8f65}.transfer-people{display:flex;justify-content:space-around;align-items:center;margin:21px 0}.transfer-people>div{display:flex;flex-direction:column;align-items:center;gap:7px}.transfer-avatar{display:grid;place-items:center;width:35px;height:35px;background:#d3dfbe;border-radius:50%;font-size:16px;color:#57713e}.transfer-people small{font-size:5px;letter-spacing:.7px;color:#82946b}.transfer-people b{font-size:12px}.transfer-arrow{color:#7e9959;font-size:23px}.transfer-code{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #899b6c33;padding-top:15px}.transfer-code small{font-size:5px;letter-spacing:.5px;color:#7c8f65}.transfer-code b{font-size:14px;letter-spacing:2px}.transfer-confirmation{font-size:7px;line-height:1.6;color:#768b5d;margin-top:16px}.transfer-card.accepted #nextOwner .transfer-avatar{background:#355926;color:#e6f0d6}.transfer-card.accepted .transfer-code{opacity:.45}.owner-preview-link{display:block;padding:12px 0 0;font-size:11px;color:#466830;text-decoration:underline;text-underline-offset:4px}.owner-preview-link[hidden]{display:none}@media(max-width:800px){.chapter-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-nav button:last-child{grid-column:1/-1;min-height:73px}.chapter-nav button:last-child .nav-number{display:inline;margin-right:12px}.chapter-nav button:last-child .nav-title{display:inline}}

.public-page{height:463px}.public-owner{margin-top:16px}.public-page h3{font-size:25px;margin:14px 0 10px}.public-art{height:100px}.public-art .tee-silhouette{height:98px;width:88px;left:170px}.public-art>b{left:190px;top:40px}.public-story{font-size:7px;color:#738560;margin-top:11px;line-height:1.5}.public-explore{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.public-explore small{width:100%;font-size:5px;letter-spacing:.8px;color:#8b9a79}.public-explore span{background:#dce4cf;padding:8px 10px;border-radius:3px;font-size:6px;color:#5a7044}.public-wardrobe-button{margin-top:12px}.public-caption{font-size:6px;margin-top:8px}