@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Shippori+Antique&display=swap");:root{--bg:#000;--card-bg:#0a0a0a;--card-border:hsla(0,0%,100%,.1);--text-main:#f5f5f7;--text-muted:#86868b;--accent:#e10600;--radius-xl:32px;--radius-lg:24px;--font-default:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;--font-ja:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--font-zh:"Shippori Antique","PingFang TC","Noto Sans TC",sans-serif;--font-stack:var(--font-default);--ease-spring:cubic-bezier(0.2,0.8,0.2,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-out-slow:cubic-bezier(0.165,0.84,0.44,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:#000}body{color:var(--text-main);font-family:var(--font-stack);line-height:1.4;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-user-select:none;user-select:none;-webkit-user-select:none}img,svg{-webkit-user-drag:none}html.lang-ja{--font-stack:var(--font-ja)}html.lang-zh{--font-stack:var(--font-zh)}html.lang-zh body{font-weight:400}html.lang-zh .box-val,html.lang-zh .dna-h-title,html.lang-zh .h2,html.lang-zh .hero h1,html.lang-zh .manifesto-text{font-weight:600}html.lang-zh .brand,html.lang-zh .btn-nav,html.lang-zh .kicker,html.lang-zh .lang-button,html.lang-zh .lang-item,html.lang-zh .look-name,html.lang-zh .menu-item,html.lang-zh .mock-h,html.lang-zh .p-title,html.lang-zh .page-title,html.lang-zh .stat-value{font-weight:500}a{color:inherit;text-decoration:none;transition:opacity .3s}a:hover{opacity:.7}button{font-family:inherit;border:none;outline:none;background:none}ul{list-style:none}.wrap{max-width:1080px;margin:0 auto;padding:0 24px;z-index:2}.section,.wrap{position:relative}.section{padding:160px 0}.section-tight{padding:80px 0}.divider{border-top:1px solid hsla(0,0%,100%,.1)}.muted{color:var(--text-muted)}.center{text-align:center}.reveal{opacity:0;transform:translateY(30px) scale(.96);transition:opacity 1.2s var(--ease-out-slow),transform 1.2s var(--ease-out-slow);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0) scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(0,0,0,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.08)}.nav{height:52px;justify-content:space-between}.nav,.nav-actions{display:flex;align-items:center}.nav-actions{gap:10px}.brand{font-weight:600;font-size:14px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.brand-dot{width:8px;height:8px;background:var(--accent);border-radius:50%}.nav-links{display:flex;gap:24px}.nav-links a{font-size:12px;color:#e5e5e5;opacity:.8;transition:.3s}.nav-links a:hover{opacity:1;color:#fff}.lang-switch{display:flex;align-items:center;gap:10px;font-size:11px;color:#e5e5e5;position:relative}.lang-button{background:hsla(0,0%,100%,.06);color:#fff;border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:.3s}.lang-button:hover{background:hsla(0,0%,100%,.12)}.lang-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:140px;background:#050505;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);padding:8px;display:grid;grid-gap:6px;gap:6px;z-index:3000}.lang-item{text-align:left;font-size:14px;font-weight:600;padding:10px 12px;border-radius:12px;background:hsla(0,0%,100%,.06);color:#fff;transition:.3s;cursor:pointer}.lang-item:hover{background:hsla(0,0%,100%,.12)}.btn-nav{background:#fff;color:#000;padding:6px 14px;border-radius:99px;font-size:12px;font-weight:600;opacity:1!important}.btn-nav:hover{background:#e5e5e5}.hero{padding-top:140px;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.hero-content{text-align:center;max-width:700px;margin:0 auto 60px}.hero-logo{width:200px;height:200px;margin:-12px auto 12px}.header-logo,.hero-logo{display:block;object-fit:contain}.header-logo{width:80px}.hero h1{display:inline-block;font-size:clamp(48px,8vw,70px);line-height:1.05;font-weight:700;letter-spacing:-.03em;background:linear-gradient(120deg,#fff 20%,#8a8a8a 50%,#fff 80%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:left;margin-bottom:24px;padding-bottom:10px;animation:heroGradient 4s ease-in-out infinite}html.lang-en .hero h1{white-space:nowrap}.hero p{font-size:clamp(18px,3vw,24px);color:var(--text-muted);line-height:1.5;font-weight:400;letter-spacing:-.01em}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:14px}.hero-cta-headline{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:clamp(14px,1.6vw,16px);font-weight:700;letter-spacing:-.01em;color:hsla(0,0%,100%,.92);background:linear-gradient(135deg,rgba(225,6,0,.22),hsla(0,0%,100%,.06));border:1px solid hsla(0,0%,100%,.14);box-shadow:0 18px 50px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-cta-headline:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 14px rgba(225,6,0,.55)}.menu-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:5000;display:flex;align-items:center;justify-content:center;padding:0;min-height:100vh}.menu-modal.open{opacity:1;pointer-events:auto}.menu-panel{width:min(640px,92vw);background:#050505;border-radius:24px;border:1px solid hsla(0,0%,100%,.12);padding:32px;position:relative;z-index:1;transform:scale(.98);opacity:0;transition:transform .4s var(--ease-out-slow),opacity .4s var(--ease-out-slow);overflow:hidden}.menu-panel:before{content:"";position:absolute;inset:-2px;border-radius:inherit;opacity:0;animation:menuBorderHue 8s linear infinite;z-index:0}.media-modal{position:fixed;inset:0;z-index:6000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.media-modal.open{opacity:1;pointer-events:auto}.media-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.media-modal-panel{position:relative;width:min(1100px,92vw);max-height:86vh;overflow:hidden;background:#050505;border-radius:24px;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 40px 120px rgba(0,0,0,.6);padding:28px 24px 32px}.media-modal-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,hsla(0,0%,100%,.08),transparent 45%),radial-gradient(circle at 80% 0,rgba(225,6,0,.15),transparent 40%);opacity:.9;pointer-events:none}.media-modal-close{position:-webkit-sticky;position:sticky;top:0;margin-left:auto;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.12);color:#fff;font-size:20px;display:grid;place-items:center;cursor:pointer;z-index:2}.media-modal-hero{position:relative;z-index:1;text-align:left;padding:6px 10px 16px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:10px}.media-modal-kicker{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-bottom:8px}.media-modal-title{font-size:clamp(22px,3vw,36px);margin-bottom:8px}.media-modal-lead{font-size:15px;color:hsla(0,0%,100%,.75);margin-bottom:6px}.media-modal-note{font-size:12px;color:hsla(0,0%,100%,.5)}.media-modal-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 18px}.media-modal-nav-btn{padding:8px 14px;border-radius:999px;background:hsla(0,0%,100%,.1);color:#fff;font-size:12px;cursor:pointer}.media-modal-dots{display:flex;gap:8px;align-items:center}.media-modal-body{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:24px;gap:24px;align-items:start;margin-top:4px}.media-modal-text{padding:4px 8px 12px}.media-modal-subtitle{font-size:clamp(20px,2.6vw,28px);margin-bottom:8px}.media-modal-description{color:hsla(0,0%,100%,.75);font-size:16px;line-height:1.6;margin-bottom:12px}.media-modal-list{display:grid;grid-gap:8px;gap:8px;font-size:14px;color:hsla(0,0%,100%,.7)}.media-modal-list li:before{content:"•";margin-right:8px;color:hsla(0,0%,100%,.6)}.media-modal-preview{display:flex;justify-content:center}.media-modal-preview .media-phone{transform:scale(.9)}@media (max-width:900px){.media-modal-panel{max-height:90vh}.media-modal-body{grid-template-columns:1fr}.media-modal-preview .media-phone{transform:scale(.85)}}.menu-panel:before{background:conic-gradient(from 0deg,rgba(0,198,251,.7),rgba(0,91,234,.7),rgba(255,45,85,.7),rgba(255,204,0,.7),rgba(0,198,251,.7));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;padding:2px}.menu-modal.open .menu-panel:before{opacity:.6}.menu-panel:after{content:"";position:absolute;inset:2px;border-radius:20px;background:radial-gradient(circle at 20% 20%,rgba(0,198,251,.2),transparent 55%),radial-gradient(circle at 80% 30%,rgba(255,45,85,.18),transparent 55%),radial-gradient(circle at 50% 80%,rgba(255,204,0,.16),transparent 60%);opacity:0;animation:menuBgFloat 6s ease-in-out infinite;z-index:0}.menu-modal.open .menu-panel:after{opacity:.6}.menu-panel>*{position:relative;z-index:1}.menu-modal.open .menu-panel{transform:scale(1);opacity:1}.menu-close{position:absolute;top:12px;right:16px;width:34px;height:34px;border-radius:50%;background:hsla(0,0%,100%,.12);color:#fff;font-size:18px;cursor:pointer}.menu-title{font-size:14px;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:20px}.menu-list{display:grid;grid-gap:12px;gap:12px}.menu-item{font-size:18px;font-weight:600;padding:10px 14px;border-radius:12px;background:hsla(0,0%,100%,.06);transition:.3s}.menu-item-animate{opacity:0;transform:translateY(6px);animation:menuItemFade .5s ease forwards}.menu-item:hover{background:hsla(0,0%,100%,.12)}@keyframes menuBorderHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes menuItemFade{to{opacity:1;transform:translateY(0)}}@keyframes menuBgFloat{0%{background-position:0 0,100% 0,50% 100%;transform:translateY(0)}50%{background-position:10% 20%,90% 10%,55% 80%;transform:translateY(-6px)}to{background-position:0 0,100% 0,50% 100%;transform:translateY(0)}}@keyframes heroGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.phone-stage{max-width:400px;perspective:1000px;margin:-20px auto 0;animation:phoneUp .9s var(--ease-out-slow) both}.phone,.phone-stage{width:100%;position:relative}.phone{aspect-ratio:9/19.5;background:#000;border-radius:54px;box-shadow:0 0 0 10px #1a1a1a,0 0 0 11px #333,0 50px 100px -20px rgba(0,0,0,.8);overflow:hidden;transform-style:preserve-3d;will-change:transform}.screen{width:100%;height:100%;background:linear-gradient(160deg,#1c1c1e,#000 80%);position:relative;padding:20px;display:flex;flex-direction:column;gap:12px}.notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:100px;height:30px;background:#000;border-radius:16px;z-index:10}@keyframes phoneUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.mock-header{margin-top:40px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 4px}.mock-h{font-size:28px;font-weight:800}.mock-sub{font-size:12px;color:var(--text-muted)}.mock-tags{display:flex;gap:8px;margin-top:4px}.mock-tag{padding:6px 12px;font-size:11px;background:hsla(0,0%,100%,.1);border-radius:99px}.mock-tag.active{background:rgba(225,6,0,.2);color:#f55}.mock-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:10px;flex:1 1}.mock-tile{background:hsla(0,0%,100%,.05);border-radius:12px;position:relative;overflow:hidden}.mock-tile:first-child{grid-column:span 2;height:180px}.mock-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,hsla(0,0%,100%,.05),transparent)}.kicker{color:#e10600;font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.h2{font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.08;margin-bottom:20px;color:#f5f5f7}.lead{font-size:clamp(18px,2.5vw,21px);color:var(--text-muted);line-height:1.5;max-width:680px}.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px;gap:20px;margin-top:60px}.ai-section{position:relative;overflow:hidden;perspective:1000px}.ai-glow-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:conic-gradient(from 180deg at 50% 50%,#00c6fb 0deg,#005bea 70deg,#ff2d55 160deg,#fc0 240deg,#00c6fb 1turn);filter:blur(80px);border-radius:50%;opacity:0;transition:opacity 1s ease;z-index:0;animation:spin 10s linear infinite}.ai-active .ai-glow-bg{opacity:.25}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.ai-card-stack{position:relative;width:100%;max-width:380px;margin:0 auto;z-index:2;display:flex;flex-direction:column;gap:12px}.ctx-pill{align-self:center;padding:8px 16px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:99px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:20px;border:1px solid hsla(0,0%,100%,.1);transform:translateY(20px);opacity:0;transition:.6s var(--ease-spring)}.ai-active .ctx-pill{transform:translateY(0);opacity:1}.outfit-item{display:flex;align-items:center;gap:16px;padding:16px;background:hsla(0,0%,8%,.85);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateX(-40px);opacity:0;transition:.6s var(--ease-spring)}.ai-active .outfit-item{transform:translateX(0);opacity:1}.ai-active .item-1{transition-delay:.2s}.ai-active .item-2{transition-delay:.4s}.ai-active .item-3{transition-delay:.6s}.item-thumb{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#333,#111);position:relative;overflow:hidden}.item-thumb:after{content:"";position:absolute;inset:0;opacity:.5}.thumb-coat:after{background:radial-gradient(circle at top right,#555,transparent)}.thumb-knit:after{background:radial-gradient(circle at bottom left,#777,transparent)}.thumb-pants:after{background:radial-gradient(circle at center,#222,#000)}.item-info{display:flex;flex-direction:column;gap:2px}.item-name{font-size:15px;font-weight:600;color:#fff}.item-meta{font-size:12px;color:var(--text-muted)}.sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff;opacity:0}.ai-active .sparkle{animation:floatUp 2s ease-out infinite}.wish-demo{position:relative;max-width:420px;margin:40px auto 0;display:flex;flex-direction:column;gap:16px}.url-bar{background:rgba(30,30,30,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateY(20px);opacity:0;transition:.6s var(--ease-out-slow)}.wish-active .url-bar{transform:translateY(0);opacity:1}.url-icon{color:#007aff;font-size:16px}.url-text{color:hsla(0,0%,100%,.8);font-family:monospace;overflow:hidden;white-space:nowrap;width:0;transition:width 1s steps(30);transition-delay:.5s}.wish-active .url-text{width:100%}.product-card{background:#1c1c1e;border-radius:20px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);transform:scale(.9) translateY(-10px);opacity:0;transition:.6s var(--ease-spring);transition-delay:1.6s;box-shadow:0 20px 60px rgba(0,0,0,.6)}.wish-active .product-card{transform:scale(1) translateY(0);opacity:1}.p-image{height:200px;background:radial-gradient(circle at 50% 120%,#444,#111);position:relative}.p-image:after{content:"👟";font-size:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.p-info{padding:20px}.p-domain{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.p-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}.p-price{font-size:15px;color:#fff;opacity:.9}.save-check{position:absolute;right:20px;top:20px;width:32px;height:32px;background:#34c759;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transform:scale(0);transition:.4s var(--ease-spring);transition-delay:2.2s;box-shadow:0 5px 15px rgba(52,199,89,.4)}.wish-active .save-check{transform:scale(1)}@keyframes floatUp{0%{transform:translateY(0) scale(0);opacity:0}50%{opacity:1}to{transform:translateY(-40px) scale(0);opacity:0}}.card{grid-column:span 6;background:var(--card-bg);border-radius:var(--radius-xl);position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);padding:32px;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;transition:transform .4s var(--ease-spring)}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%),hsla(0,0%,100%,.08),transparent 40%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.card:hover:before{opacity:1}.card-content{position:relative;z-index:2;pointer-events:none}.card h3{font-size:24px;margin-bottom:12px;font-weight:600}.card p{font-size:15px;color:var(--text-muted);line-height:1.6}.card-visual{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.05),transparent 60%)}.span-12{grid-column:span 12;min-height:300px}.manifesto-text{font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#333;background:linear-gradient(90deg,#fff 50%,#333 0);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background-position 1s ease}.manifesto-text.active{background-position:0 0}.ticker-wrap{width:100%;overflow:hidden;white-space:nowrap;padding:20px 0;background:#000;border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.ticker{display:inline-block;animation:marquee 30s linear infinite}.ticker-item{display:inline-block;padding:0 40px;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.4);letter-spacing:.05em;text-transform:uppercase}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;overflow:hidden;margin-top:40px}.comp-col{background:#0a0a0a;padding:40px}.comp-col.highlight{background:#111}.comp-title{font-size:20px;font-weight:700;margin-bottom:30px}.comp-list li{display:flex;gap:12px;margin-bottom:16px;font-size:15px;color:var(--text-muted)}.icon-check{color:var(--accent)}.icon-x{color:#444}.scan-demo-wrapper{margin:60px 0;position:relative;z-index:5}.scan-interface{background:#000;border-radius:var(--radius-xl);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 40px 100px -20px rgba(0,0,0,.8);max-width:600px;margin:0 auto}.scan-interface,.scan-viewport{overflow:hidden;position:relative}.scan-viewport{height:240px;background:#0f0f0f;display:flex;align-items:center;justify-content:center}.label-graphic{width:180px;height:100px;background:#1a1a1a;border-radius:4px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.5)}.label-text-line{height:6px;background:#333;border-radius:4px;position:absolute;left:15px}.l1{top:15px;width:60px}.l2{top:30px;width:100px}.l3{bottom:15px;width:40px;background:#444}.laser{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff3b30,transparent);top:10%;box-shadow:0 0 20px rgba(255,59,48,.6);opacity:0;z-index:10}.scanning .laser{opacity:1;animation:scanMove 1.5s ease-in-out infinite}@keyframes scanMove{0%{top:10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:90%;opacity:0}}.flow-section{position:relative;overflow:hidden;padding-bottom:120px}.cdg-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);font-size:12vw;font-weight:800;color:hsla(0,0%,100%,.03);white-space:nowrap;pointer-events:none;z-index:0}.iphone-mock{width:340px;height:680px;background:#000;border-radius:50px;box-shadow:0 0 0 12px #1a1a1a,0 0 0 13px #333,0 40px 120px rgba(0,0,0,.8);position:relative;margin:0 auto;overflow:hidden;z-index:2;border:1px solid hsla(0,0%,100%,.1)}.iphone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:30px;background:#000;border-bottom-left-radius:18px;border-bottom-right-radius:18px;z-index:20}.screen-content{width:100%;height:100%;position:relative;background:#050505;font-family:-apple-system,BlinkMacSystemFont,SF Pro JP,sans-serif}.view-archive{position:absolute;inset:0;padding:50px 16px 80px;display:flex;flex-direction:column;transition:opacity .6s ease,transform .6s ease}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-title{font-size:24px;font-weight:700;color:#fff}.add-btn{width:32px;height:32px;background:#fff;border-radius:50%;color:#000;display:grid;place-items:center;font-size:20px}.filter-pill-row{display:flex;gap:8px;margin-bottom:16px}.pill{padding:6px 14px;border-radius:99px;background:#222;font-size:12px;color:#888}.pill.active{background:#fff;color:#000}.grid-layout{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2px;gap:2px}.grid-item{aspect-ratio:2/3;background:#1a1a1a;position:relative;overflow:hidden}.grid-item img{width:100%;height:100%;object-fit:cover;opacity:.7}.grid-item.selected{border:2px solid var(--accent);z-index:2}.view-detail{position:absolute;inset:0;background:#000;transform:translateX(100%);opacity:0;transition:transform .5s var(--ease-spring),opacity .5s;z-index:10;overflow:hidden}.detail-hero{height:65%;background:#222;position:relative}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-info{padding:20px}.look-date{font-size:12px;color:#666;margin-bottom:4px}.look-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:20px}.meta-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.meta-box{background:#111;border-radius:12px;padding:12px}.m-label{font-size:10px;color:#666;text-transform:uppercase}.m-val{font-size:16px;font-weight:600;color:#eee;margin-top:4px}.view-wardrobe{position:absolute;inset:0;background:#080808;transform:translateY(100%);transition:transform .6s cubic-bezier(.16,1,.3,1);z-index:20;padding:50px 16px}.wardrobe-list{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.w-item{display:flex;gap:12px;background:#151515;padding:10px;border-radius:12px;align-items:center}.w-thumb{width:50px;height:60px;background:#222;border-radius:6px;overflow:hidden}.w-thumb img{width:100%;height:100%;object-fit:cover}.w-content{flex:1 1}.w-brand{font-size:10px;color:#888;letter-spacing:.02em}.w-name{font-size:13px;font-weight:600;color:#ddd;margin:2px 0}.w-meta{font-size:11px;color:#555;display:flex;gap:8px}.badge-count{background:#222;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.mockup-state-1 .view-archive{opacity:1;transform:scale(1)}.mockup-state-1 .view-detail{transform:translateX(100%)}.mockup-state-1 .view-wardrobe{transform:translateY(100%)}.mockup-state-2 .view-archive{opacity:.5;transform:scale(.95)}.mockup-state-2 .view-detail{transform:translateX(0);opacity:1}.mockup-state-2 .view-wardrobe{transform:translateY(100%)}.mockup-state-3 .view-wardrobe{transform:translateY(0)}.flow-controls{display:flex;gap:12px;justify-content:center;margin-top:40px}.flow-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.2);transition:.3s;cursor:pointer}.flow-dot.active{background:#fff;transform:scale(1.2)}.flow-dot.cdg{background:var(--accent);box-shadow:0 0 10px rgba(225,6,0,.5)}.scan-data{padding:24px;background:hsla(0,0%,8%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1)}.data-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.05);font-size:14px}.data-row:last-child{border:none}.d-label{color:var(--text-muted)}.d-val{font-weight:600;color:#fff;opacity:0;transform:translateY(5px);transition:.3s}.d-val.show{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:99px;font-size:16px;font-weight:600;transition:transform .2s;cursor:pointer}.btn:active{transform:scale(.96)}.btn-primary{background:#fff;color:#000;box-shadow:0 0 20px hsla(0,0%,100%,.15)}.btn-primary:hover{box-shadow:0 0 30px hsla(0,0%,100%,.25)}.btn-ghost{color:#fff;background:hsla(0,0%,100%,.1);margin-left:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:hsla(0,0%,100%,.15)}.highlights .highlight-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px}.highlight-tab{padding:8px 16px;border-radius:999px;background:hsla(0,0%,100%,.08);color:#ddd;font-size:13px;font-weight:600;transition:.3s;cursor:pointer}.highlight-tab:hover{background:hsla(0,0%,100%,.15)}.highlight-tab.active{background:#fff;color:#000}.highlight-panel{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:24px;gap:24px;align-items:center;padding:32px;border-radius:24px;background:hsla(0,0%,5%,.9);border:1px solid hsla(0,0%,100%,.08)}.highlight-panel h3{font-size:26px;margin-bottom:12px}.highlight-panel p{color:var(--text-muted);line-height:1.6}.highlight-stat{border-radius:20px;padding:24px;background:hsla(0,0%,100%,.06);text-align:center}.stat-label{font-size:12px;color:var(--text-muted);margin-bottom:8px;letter-spacing:.06em;text-transform:uppercase}.stat-value{font-size:28px;font-weight:700}.media-strip{background:#050505}.media-strip.media-full{padding:120px 0 140px}.media-header{margin-bottom:36px}.media-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px;padding:0 6vw}.media-track{display:flex;gap:24px;overflow-x:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;--media-gutter:clamp(16px,6vw,72px);padding:0 var(--media-gutter);scroll-padding:var(--media-gutter);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.media-track::-webkit-scrollbar{height:0}.media-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}.media-pagination.is-fixed{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:5500;margin-top:0;opacity:.92}.media-pagination.is-fixed .media-pill{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.18)}.media-pagination.is-fixed .media-next{background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width:768px){.media-pagination.is-fixed{bottom:12px;transform:translateX(-50%) scale(.95)}}.media-pill{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18);position:relative}.media-pill-track{position:absolute;left:16px;right:16px;height:4px;border-radius:999px;background:hsla(0,0%,100%,.2)}.media-dot{width:8px;height:8px;border-radius:999px;background:hsla(0,0%,100%,.35);transition:transform .2s ease,background .2s ease;position:relative;z-index:1}.media-dot.is-active{background:#fff;transform:scale(1.2)}.media-next{width:42px;height:42px;border-radius:999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:transform .2s ease,background .2s ease}.media-next:hover{background:hsla(0,0%,100%,.22);transform:translateY(-1px)}.media-slide{flex:0 0 calc(100vw - (2 * var(--media-gutter)));width:calc(100vw - (2 * var(--media-gutter)));scroll-snap-align:center;border-radius:30px;background-image:none;background-color:hsla(0,0%,4%,.78);border:1px solid hsla(0,0%,100%,.14);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 30px 80px rgba(0,0,0,.45);padding:22px 0;min-height:clamp(320px,40vh,460px);display:flex;align-items:flex-end;overflow:hidden}.media-slide,.media-slide-inner{max-width:none;margin:0;position:relative}.media-slide-inner{z-index:1;width:100%;height:100%;display:grid;grid-template-rows:auto 1fr;align-items:start;padding:clamp(14px,2.6vw,28px);grid-gap:22px;gap:22px;text-align:left}.media-slide-inner>*{max-width:1200px;margin-left:auto;margin-right:auto;width:100%}.media-slide .media-modal-hero{padding:0;border-bottom:none;margin-bottom:0}.media-slide .media-modal-title{font-size:clamp(24px,3.2vw,36px);letter-spacing:-.02em}.media-slide .media-modal-lead{font-size:16px}.media-slide .media-modal-note{display:none}.media-slide .media-modal-body{margin-top:0;grid-template-columns:1fr;gap:20px}.media-slide .media-modal-text{padding:0}.media-slide .media-modal-preview{justify-content:center}.media-overlay{position:absolute;inset:0;background:transparent}.media-slide-content{position:relative;z-index:1;max-width:680px;color:#fff}.media-slide-content h3{margin-bottom:14px;font-size:clamp(28px,4.6vw,56px);letter-spacing:-.02em}.media-slide-content p{color:hsla(0,0%,100%,.75);font-size:clamp(16px,2.2vw,20px);line-height:1.6}.media-detail-btn{margin-top:18px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff;color:#000;font-size:12px;font-weight:600}.media-detail-btn:after{content:"→"}.media-phone{display:flex;justify-content:center}.media-phone .iphone-mock{width:min(340px,70vw);height:auto;aspect-ratio:9/19.5;transform:translateY(8px)}.media-slide .media-phone .iphone-mock{width:min(260px,36vw);transform:none}@media (max-width:768px){.media-slide .media-phone .iphone-mock{width:min(220px,70vw)}}.media-screen{background:#050505;font-family:-apple-system,BlinkMacSystemFont,SF Pro JP,sans-serif;padding:32px 16px 20px;text-align:left}.media-screen,.media-view{width:100%;height:100%;position:relative}.media-screen .view-archive,.media-screen .view-detail,.media-screen .view-wardrobe{position:relative;inset:auto;transform:none;opacity:1;transition:none;background:transparent;padding:0}.media-screen .top-bar{margin-bottom:10px}.media-screen .page-title{font-size:16px}.media-screen .add-btn{width:24px;height:24px;font-size:14px}.media-screen .filter-pill-row{gap:6px;margin-bottom:10px;flex-wrap:wrap}.media-screen .pill{padding:4px 8px;font-size:10px}.media-screen .grid-layout{grid-template-columns:repeat(3,1fr);gap:4px}.media-screen .grid-item{border-radius:8px}.media-screen .grid-item.selected{border-width:1px}.media-screen-archive .grid-item{animation:mediaArchiveGlow 3.2s ease-in-out infinite}.media-screen-archive .grid-item:nth-child(2){animation-delay:.4s}.media-screen-archive .grid-item:nth-child(3){animation-delay:.8s}.media-screen-archive .grid-item:nth-child(4){animation-delay:1.2s}.media-screen-archive .grid-item:nth-child(5){animation-delay:1.6s}.media-screen-archive .grid-item:nth-child(6){animation-delay:2s}.media-screen .detail-hero{height:55%;border-radius:14px}.media-screen .detail-hero-image{width:100%;height:100%;border-radius:14px;background:radial-gradient(circle at 50% 30%,#3a3a3a,#101010);animation:mediaKenBurns 6s ease-in-out infinite}.media-screen-detail .detail-info{animation:mediaSlideUp 1s ease-out both}.media-screen .detail-info{padding:12px 6px 0}.media-screen .look-name{font-size:16px;margin-bottom:10px}.media-screen .look-date{font-size:10px}.media-screen .meta-row{gap:8px}.media-screen .meta-box{padding:8px}.media-screen .m-val{font-size:12px}.media-wishlist-ui{display:grid;grid-gap:12px;gap:12px}.media-wishlist-top{display:flex;justify-content:space-between;align-items:center}.media-wishlist-chip{padding:5px 12px;border-radius:999px;background:hsla(0,0%,100%,.12);font-size:10px;color:hsla(0,0%,100%,.85);letter-spacing:.04em}.media-wishlist-actions{display:flex;gap:6px}.media-dot-icon{width:10px;height:10px;border-radius:999px;background:hsla(0,0%,100%,.35)}.media-wishlist-url{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.08);font-size:10px}.media-wishlist-card{display:grid;grid-template-columns:84px 1fr;grid-gap:14px;gap:14px;padding:14px;border-radius:18px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 18px 40px rgba(0,0,0,.45)}.media-wishlist-thumb{border-radius:14px;background:radial-gradient(circle at 40% 30%,#3d3d3d,#0f0f0f);position:relative;overflow:hidden}.media-wishlist-thumb:after{content:"";position:absolute;inset:14px;border-radius:10px;border:1px solid hsla(0,0%,100%,.15);background:linear-gradient(135deg,hsla(0,0%,100%,.06),transparent 55%)}.media-wishlist-tag{position:absolute;bottom:6px;left:6px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.7);font-size:8px;color:#fff}.media-wishlist-info{display:grid;grid-gap:6px;gap:6px}.media-wishlist-domain{font-size:10px;color:hsla(0,0%,100%,.55)}.media-wishlist-title{font-size:13px;font-weight:600;line-height:1.3}.media-wishlist-price{font-size:12px;color:#fff}.media-wishlist-meta{display:flex;gap:6px;flex-wrap:wrap}.media-wishlist-pill{padding:4px 7px;border-radius:999px;background:hsla(0,0%,100%,.1);font-size:9px;color:hsla(0,0%,100%,.8)}.media-wishlist-footer{display:flex;gap:8px;justify-content:space-between}.media-wishlist-button{flex:1 1 auto;min-width:86px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:8px 12px;border-radius:12px;background:#fff;color:#000;font-size:10px;font-weight:600;white-space:nowrap}.media-wishlist-button.ghost{background:hsla(0,0%,100%,.1);color:#fff;font-weight:500}.media-screen-wishlist .media-wishlist-url{animation:mediaSlideUp 1s ease-out both}.media-screen-wishlist .media-wishlist-card{animation:mediaPopUp 1.1s ease-out .2s both}.media-screen-wishlist .media-wishlist-button{animation:mediaFadeIn 1s ease-out .4s both}.media-screen .scan-interface{max-width:none;border-radius:18px;box-shadow:none}.media-screen .scan-viewport{height:160px}.media-screen .label-graphic{width:140px;height:84px}.media-screen .scan-data{padding:14px}.media-screen .data-row{font-size:12px}.media-screen-scan .scan-interface{animation:mediaSlideUp 1s ease-out both}.media-dna-card{width:100%;padding:16px;border-radius:18px;box-shadow:none;transform:none;opacity:1}.media-screen .dna-card:before{height:160px;opacity:.6}.media-dna-card .dna-header{margin-bottom:12px}.media-dna-caption{font-size:11px;color:hsla(0,0%,100%,.6);margin-bottom:10px}.media-dna-card .dna-h-title{font-size:16px}.media-dna-card .dna-h-sub{font-size:10px}.media-dna-card .dna-btn{font-size:10px;padding:6px 10px}.media-dna-card .dna-grid{gap:8px}.media-dna-card .dna-box{padding:10px}.media-dna-card .box-label{font-size:9px}.media-dna-card .box-val{font-size:16px}.media-dna-card .box-pill{font-size:9px}.media-screen-dna .dna-box{animation:mediaFadeIn 1.2s ease-out both}.media-screen-dna .dna-box:nth-child(2){animation-delay:.1s}.media-screen-dna .dna-box:nth-child(3){animation-delay:.2s}.media-screen-dna .dna-box:nth-child(4){animation-delay:.3s}.media-screen-dna .v-bar-fill{width:70%;animation:mediaBarGrow 2.2s ease-out infinite}.media-dna-card .dna-bottom{margin-top:10px}.media-dna-card .versatile-card{padding:10px;border-radius:14px}.media-dna-card .v-thumb{width:46px;height:46px;border-radius:10px}.media-dna-card .v-rank{width:20px;height:20px;font-size:10px}.media-dna-card .v-name{font-size:11px}.media-dna-card .v-sub{font-size:9px}.media-dna-card .v-bar-track{margin-top:6px}.media-collage-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:4px;gap:4px;width:100%;height:100%}.media-collage-tile{background:#202020;border-radius:6px}.media-collage-tile.alt{background:#2a2a2a}.media-collage-tile.alt2{background:#181818}.media-collage-note{position:absolute;bottom:8px;left:8px;font-size:8px;color:#aaa}.strip-btn{padding:8px 14px;border-radius:999px;background:hsla(0,0%,100%,.1);color:#fff;font-size:12px;cursor:pointer}.strip-btn:hover{background:hsla(0,0%,100%,.2)}@keyframes mediaTilePulse{0%,to{box-shadow:0 0 0 rgba(225,6,0,0)}50%{box-shadow:0 0 18px rgba(225,6,0,.4)}}@keyframes mediaKenBurns{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes mediaCheckPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes mediaArchiveGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes mediaSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mediaPopUp{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mediaFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes mediaBarGrow{0%,to{width:40%}50%{width:80%}}@keyframes mediaLaser{0%{top:20%;opacity:0}20%{opacity:1}50%{top:50%;opacity:1}80%{top:80%;opacity:0}to{top:80%;opacity:0}}@keyframes mediaBarFill{0%,to{width:20%}50%{width:80%}}@media (max-width:768px){.media-strip.media-full{padding:90px 0 110px}.media-controls{padding:0 6vw}.media-track{--media-gutter:16px;gap:16px}.media-slide-inner{padding:16px;gap:18px}.media-phone .iphone-mock{width:min(280px,80vw)}}@media (min-width:900px){.media-slide .media-modal-body{grid-template-columns:1.15fr .85fr;align-items:center}}.qa-list{display:grid;grid-gap:12px;gap:12px}.qa-item{border-radius:16px;background:hsla(0,0%,4%,.9);border:1px solid hsla(0,0%,100%,.08);padding:8px 16px}.qa-item summary{cursor:pointer;list-style:none;font-size:15px;font-weight:600;padding:12px 0}.qa-item summary::-webkit-details-marker{display:none}.qa-body{color:var(--text-muted);padding-bottom:16px;line-height:1.6}.follow-card{width:min(760px,100%);margin:0 auto;border-radius:20px;background:hsla(0,0%,4%,.9);border:1px solid hsla(0,0%,100%,.14);padding:22px 18px}.follow-lead{color:hsla(0,0%,100%,.7);font-size:15px;line-height:1.55;margin-bottom:18px;text-align:center}.follow-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.follow-tile{display:flex;align-items:center;gap:16px;padding:18px;border-radius:20px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);transition:transform .25s var(--ease-spring),background .25s ease,border-color .25s ease}.follow-tile:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.18)}.follow-icon{width:56px;height:56px;border-radius:16px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);display:grid;place-items:center;flex:0 0 auto;color:#fff}.follow-icon svg{width:28px;height:28px}.follow-meta{display:grid;grid-gap:2px;gap:2px;min-width:0;flex:1 1 auto}.follow-title{font-size:16px;font-weight:700;letter-spacing:-.01em}.follow-sub{font-size:13px;color:hsla(0,0%,100%,.65);line-height:1.35}.follow-arrow{opacity:.6;font-size:16px;flex:0 0 auto}footer{padding:80px 0;background:#050505;border-top:1px solid hsla(0,0%,100%,.1);font-size:12px;color:var(--text-muted)}@media (max-width:768px){.hero{justify-content:center;padding-top:100px}.bento{gap:12px}.card{grid-column:span 12!important;min-height:300px}.comparison-grid,.highlight-panel{grid-template-columns:1fr}.section{padding:100px 0}.h2{font-size:36px}}.dna-section{position:relative;padding:100px 0;overflow:hidden}.dna-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(28,178,140,.15) 0,rgba(94,92,230,.1) 50%,transparent 80%);filter:blur(80px);z-index:0;opacity:0;transition:opacity 1s ease}.dna-active .dna-bg-glow{opacity:1}.dna-card-container{position:relative;max-width:460px;margin:0 auto;z-index:2;perspective:1000px}.dna-card{background:rgba(20,24,28,.85);border-radius:32px;padding:24px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 30px 80px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:rotateX(10deg) translateY(40px);opacity:0;transition:.8s var(--ease-out-slow);overflow:hidden}.dna-card:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(135deg,rgba(16,60,50,.6),rgba(30,20,60,.4));z-index:-1;pointer-events:none}.dna-active .dna-card{transform:rotateX(0) translateY(0);opacity:1}.dna-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.dna-h-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:4px}.dna-h-sub{font-size:11px;color:hsla(0,0%,100%,.6)}.dna-btn{font-size:11px;font-weight:600;padding:6px 14px;background:#fff;color:#000;border-radius:20px}.dna-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:20px}.dna-box{background:hsla(0,0%,100%,.05);border-radius:20px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;transition:.3s}.dna-box:hover{background:hsla(0,0%,100%,.08)}.box-label{font-size:10px;color:hsla(0,0%,100%,.5);margin-bottom:6px}.box-val{font-size:32px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em}.box-pill{align-self:flex-start;margin-top:10px;font-size:10px;padding:4px 8px;border-radius:6px;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.dna-collage{grid-row:span 2;background:#000;position:relative;overflow:hidden;padding:0}.collage-img{width:100%;height:100%;object-fit:cover;opacity:.8;transform:scale(1.1);transition:5s ease}.dna-active .collage-img{transform:scale(1)}.dna-bottom{margin-top:24px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1)}.versatile-card{background:#0f0f10;border-radius:16px;padding:12px;display:flex;gap:12px;align-items:center;border:1px solid hsla(0,0%,100%,.08)}.v-thumb{width:48px;height:56px;background:#222;border-radius:8px;overflow:hidden;flex-shrink:0}.v-thumb img{width:100%;height:100%;object-fit:cover}.v-info{flex:1 1}.v-rank{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;background:#222;font-size:10px;border-radius:50%;margin-bottom:4px}.v-name,.v-rank{color:#fff;font-weight:700}.v-name{font-size:13px;margin-bottom:2px}.v-sub{font-size:10px;color:#666}.v-bar-track{margin-top:10px;height:6px;width:100%;background:hsla(0,0%,100%,.1);border-radius:99px;overflow:hidden}.v-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#1cb28c,#5e5ce6);border-radius:99px;transition:width 1.5s cubic-bezier(.2,.8,.2,1)}.dna-active .v-bar-fill{width:92%;transition-delay:.6s}.media-screen .dna-card{opacity:1;transform:none}.media-screen .dna-card:before{opacity:.5}