:root{--bg: #06070D;--bg-2: #0B0E1F;--text: #F4F6FB;--dim: #A7AFC8;--faint: #6B7391;--line: rgba(255, 255, 255, .09);--glass: rgba(255, 255, 255, .05);--glass-2: rgba(255, 255, 255, .09);--highlight: rgba(255, 255, 255, .16);--ice: #BFE3FF;--brand: #FF5E4D;--ok: #34E07A;--radius: 22px;--title: "Outfit", system-ui, sans-serif;--font: "Inter", system-ui, -apple-system, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 50% at 10% 0%,rgba(43,63,191,.45),transparent 70%),radial-gradient(50% 45% at 95% 30%,rgba(106,61,184,.35),transparent 70%),radial-gradient(55% 50% at 30% 100%,rgba(14,124,156,.28),transparent 70%),var(--bg)}img{max-width:100%;height:auto;display:block}a{color:var(--ice);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#fff}:focus-visible{outline:2px solid var(--ice);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--title);font-weight:600;letter-spacing:-.025em;margin:0;line-height:1.08}h1{font-size:clamp(40px,6vw,68px)}h2{font-size:clamp(30px,4vw,46px)}h3{font-size:20px}p{margin:0}.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.wrap.narrow{max-width:780px}@media(max-width:640px){.wrap{padding:0 16px}}.skip{position:absolute;left:-999px;top:8px;background:var(--text);color:var(--bg);padding:8px 14px;border-radius:999px;z-index:10}.skip:focus{left:16px}.glass,.panel{background:var(--glass);border:1px solid var(--line);border-top-color:var(--highlight);border-radius:var(--radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ice);margin-bottom:18px}.dots{display:inline-grid;grid-template-columns:repeat(3,6px);grid-template-rows:repeat(3,6px);gap:1px}.dots i{width:6px;height:6px;border-radius:50%;background:#fff3}.dots i:nth-child(1){grid-area:1 / 2}.dots i:nth-child(2){grid-area:2 / 3}.dots i:nth-child(3){grid-area:2 / 1}.dots i:nth-child(4){grid-area:3 / 2}.dots i.on{background:var(--text)}.dots i.you{background:var(--brand)}.site-header{position:sticky;top:0;z-index:20;background:#06070d9e;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand .mark{border-radius:22.5%}.brand .wm{height:24px;width:auto}.site-footer .brand .wm{height:22px}.site-header nav{display:flex;align-items:center;gap:6px}.site-header nav>a{color:var(--dim);text-decoration:none;font-weight:500;font-size:15px;padding:8px 12px;border-radius:999px}.site-header nav>a:hover{color:var(--text);background:var(--glass)}.langs{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;margin:0 6px}.langs a{color:var(--faint);text-decoration:none;font:600 12px/1 var(--font);padding:6px 9px;border-radius:999px}.langs a:hover{color:var(--text)}.langs a[aria-current]{color:var(--text);background:var(--glass-2)}.site-header nav a.open-web{color:#fff;background:var(--brand);font-weight:600;padding:9px 16px}.site-header nav a.open-web:hover{background:#ff7465;color:#fff}@media(max-width:720px){.hide-sm{display:none}.site-header nav a.open-web{padding:8px 12px;font-size:14px}}@media(max-width:400px){.langs{display:none}}.phone{--w: 300px;margin:0;width:var(--w);flex:none;padding:calc(var(--w) * .028);border-radius:calc(var(--w) * .155);background:linear-gradient(155deg,#3a3e4d,#15161c 38%,#0b0c10);box-shadow:0 50px 120px #000000a6,0 0 0 1px #ffffff12 inset,0 0 90px #ff5e4d1a}.phone-screen{position:relative;border-radius:calc(var(--w) * .13);overflow:hidden;background:#0d1030}.phone-status{display:flex;align-items:center;justify-content:space-between;height:calc(var(--w) * .142);padding:0 calc(var(--w) * .085) 0 calc(var(--w) * .11);color:#fff;background:linear-gradient(180deg,#0d1030,#121640);font:600 calc(var(--w) * .044)/1 var(--font);position:relative}.phone.dark .phone-screen,.phone.dark .phone-status{background:#000}.phone-status .island{position:absolute;left:50%;top:calc(var(--w) * .03);width:30%;height:calc(var(--w) * .085);border-radius:999px;background:#000;transform:translate(-50%)}.phone-status svg{width:calc(var(--w) * .17);height:auto}.phone img{width:100%;display:block}.hero{position:relative;padding:80px 0 72px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-1}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.34;filter:blur(2px) saturate(1.1)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 8%,rgba(6,7,13,.7) 45%,rgba(6,7,13,.35) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 35%),radial-gradient(40% 50% at 78% 55%,rgba(255,94,77,.28),transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(44px,6.4vw,82px);font-weight:700;letter-spacing:-.035em;line-height:1;max-width:11ch}.hero h1 .accent{color:var(--brand);display:inline}.lede{color:#c9cfe2;font-size:19px;line-height:1.6;margin-top:26px;max-width:33em}.note{color:var(--faint);font-size:14px;margin-top:16px}.hero-visual{position:relative;display:flex;justify-content:center;min-height:660px}.hero-phone{--w: 310px;transform:rotate(-2deg)}.toast{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:18px;background:#121528c7;border:1px solid var(--line);border-top-color:var(--highlight);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 60px #00000080;font-size:14px;animation:float 6s ease-in-out infinite}.toast small{display:block;color:var(--dim);font-size:12px}.toast b{font-family:var(--title);font-weight:600;font-size:15px}.toast img{border-radius:6px;width:34px;height:auto}.toast-story{left:-6%;top:16%}.toast-story .ring{width:40px;height:40px;border-radius:50%;border:2.5px solid var(--brand);display:grid;place-items:center;background:#1b1f3a}.toast-session{right:-4%;top:48%;animation-delay:-2s}.toast-session span{display:flex;flex-direction:column}.toast-reaction{left:2%;bottom:10%;animation-delay:-4s;font-weight:500}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.toast,.marquee-track{animation:none!important}}@media(max-width:960px){.hero{padding:48px 0 40px}.hero-grid{grid-template-columns:1fr}.hero h1{max-width:none}.hero-visual{min-height:600px;margin-top:12px}.toast-story{left:0}.toast-session{right:0}}@media(max-width:520px){.hero-phone{--w: 250px}.hero-visual{min-height:540px}.toast{font-size:13px;padding:10px 12px 10px 10px}.toast-reaction{display:none}}.stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.store{display:inline-flex;align-items:center;gap:12px;padding:11px 18px 11px 15px;border-radius:16px;background:var(--text);color:var(--bg);text-decoration:none;transition:transform .15s,background .15s}.store:hover{transform:translateY(-2px);color:var(--bg)}.store.web{background:var(--glass-2);color:var(--text);border:1px solid var(--line);border-top-color:var(--highlight)}.store.web:hover{background:#ffffff24;color:var(--text)}.store.is-soon{background:var(--glass);color:var(--dim);border:1px solid var(--line);cursor:default}.store.is-soon:hover{transform:none}.store-txt{display:flex;flex-direction:column;line-height:1.1}.store-txt small{font-size:11px;opacity:.72}.store-txt b{font:600 18px/1.15 var(--title)}.chip{font:600 11px/1 var(--font);letter-spacing:.04em;padding:6px 9px;border-radius:999px;background:var(--brand);color:#fff}.marquee{padding:18px 0 40px;overflow:hidden}.marquee-label{text-align:center;color:var(--faint);font:600 12px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}.marquee-track{display:flex;gap:16px;width:max-content;animation:scroll 60s linear infinite;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track img{width:120px;height:180px;object-fit:cover;border-radius:12px;border:1px solid var(--line);box-shadow:0 14px 30px #00000073}@keyframes scroll{to{transform:translate(calc(-50% - 8px))}}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head .eyebrow{justify-content:center}.section-head .body,.feature .body{color:var(--dim);font-size:18px;margin-top:18px}h2{font-weight:700;letter-spacing:-.03em}.social{padding:72px 0 40px}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bento-card{position:relative;overflow:hidden;padding:30px 28px 0;display:flex;flex-direction:column;min-height:560px;border-radius:28px}.bento-card:before{content:"";position:absolute;inset:auto -20% -30%;height:70%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,94,77,.22),transparent 70%);pointer-events:none}.bento-card h3{font-size:23px;font-weight:600}.bento-card p{color:var(--dim);margin-top:10px;font-size:15.5px}.bento-shot{margin-top:auto;padding-top:28px;display:flex;justify-content:center}.bento-shot .phone{--w: 250px;margin-bottom:-170px}.bento-1 .phone{transform:rotate(2deg)}@media(max-width:960px){.bento{grid-template-columns:1fr;max-width:520px;margin:0 auto}.bento-card{min-height:520px}}.feature{padding:80px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.feature.flip .feature-copy{order:2}.feature .body{max-width:32em}.points{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}.points li{position:relative;padding-left:30px;color:var(--text)}.points li:before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--brand);box-shadow:0 0 18px #ff5e4d73}.feature-visual{position:relative;display:flex;justify-content:center;padding:30px 0}.feature-art{position:absolute;inset:0 -6%;border-radius:36px;overflow:hidden;z-index:-1}.feature-art img{width:100%;height:100%;object-fit:cover;opacity:.4;filter:blur(3px) saturate(1.1)}.feature-art:after{content:"";position:absolute;inset:0;background:radial-gradient(45% 45% at 50% 55%,rgba(255,94,77,.3),transparent 70%),linear-gradient(0deg,#06070dd9,#06070d40 50%,#06070dd9)}.feature-visual .phone{--w: 290px}@media(max-width:900px){.feature{padding:44px 0}.feature-grid{grid-template-columns:1fr;gap:36px}.feature.flip .feature-copy{order:0}}@media(max-width:520px){.feature-visual .phone{--w: 250px}}.desktop{padding:88px 0 40px}.browser{max-width:1080px;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid var(--line);border-top-color:var(--highlight);background:#0d0f1c;box-shadow:0 60px 140px #000000b3,0 0 160px #ff5e4d1f}.browser-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#151829;border-bottom:1px solid var(--line)}.browser-bar i{width:11px;height:11px;border-radius:50%;background:#2b2f45}.browser-bar i:first-child{background:#ff5f57}.browser-bar i:nth-child(2){background:#febc2e}.browser-bar i:nth-child(3){background:#28c840}.browser-bar span{margin:0 auto;color:var(--faint);font-size:12.5px;background:#ffffff0d;padding:4px 40px;border-radius:8px}.desktop-foot{max-width:1080px;margin:32px auto 0;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.points.inline{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0}.cta{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#fff;text-decoration:none;font:600 17px/1 var(--title);padding:16px 24px;border-radius:16px;box-shadow:0 18px 40px #ff5e4d4d;transition:transform .15s}.cta:hover{color:#fff;transform:translateY(-2px)}.faq{padding:88px 0 72px}.faq h2{margin-bottom:28px}.faq-list{display:grid;gap:12px}.faq-list details{padding:0;border-radius:18px}.faq-list summary{cursor:pointer;list-style:none;padding:20px 56px 20px 22px;font:600 17px/1.4 var(--title);position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--brand);transition:transform .2s}.faq-list details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-list details p{padding:0 22px 22px;color:var(--dim)}.final{padding:40px 0 110px}.final-panel{position:relative;overflow:hidden;text-align:center;padding:72px 32px;border-radius:32px;border:1px solid var(--line);border-top-color:var(--highlight);background:radial-gradient(60% 80% at 50% 0%,rgba(255,94,77,.22),transparent 70%),#ffffff09;display:flex;flex-direction:column;align-items:center}.final-icon{border-radius:22.5%;box-shadow:0 24px 60px #0000008c,0 0 60px #ff5e4d40;margin-bottom:26px}.final-panel h2{font-size:clamp(36px,5vw,60px)}.final-panel .body{color:var(--dim);margin-top:12px;font-size:18px}.final-panel .stores{justify-content:center}.blog-head{padding:64px 0 24px}.blog-head h1{font-size:clamp(40px,5.5vw,64px);font-weight:700;letter-spacing:-.035em}.blog-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.blog-tabs a{text-decoration:none;color:var(--text);background:var(--glass);border:1px solid var(--line);padding:9px 14px;border-radius:999px;font-weight:500;font-size:15px}.blog-tabs a span{color:var(--faint);margin-left:4px}.blog-group{padding:36px 24px 12px}.blog-group h2{font-size:28px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{position:relative;display:flex;flex-direction:column;gap:8px;padding:0 0 18px;overflow:hidden;text-decoration:none;color:var(--text);border-radius:20px;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#ff5e4d73;color:var(--text)}.card img{width:100%;aspect-ratio:16 / 8;object-fit:cover;opacity:.9}.card-type,.card b,.card-desc{padding:0 18px}.card-type{margin-top:12px;color:var(--brand);font:600 12px/1 var(--font);letter-spacing:.08em;text-transform:uppercase}.card b{font:600 18px/1.3 var(--title)}.card-desc{color:var(--dim);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-hero{position:relative;padding:48px 0 30px;overflow:hidden}.post-art{position:absolute;inset:0;z-index:-1}.post-art img{width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.4;filter:blur(2px)}.post-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 2%,rgba(6,7,13,.55) 60%,rgba(6,7,13,.75))}.crumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--faint);font-size:14px;margin-bottom:26px}.crumbs a{color:var(--dim);text-decoration:none}.post-title{display:flex;gap:26px;align-items:flex-end}.post-cover{width:150px;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:0 30px 60px #0000008c;flex:none}.post-title h1{font-size:clamp(32px,4.6vw,54px);font-weight:700;letter-spacing:-.03em;max-width:20ch}.post-meta{color:var(--dim);margin-top:14px;font-size:15px}@media(max-width:640px){.post-title{flex-direction:column;align-items:flex-start}.post-cover{width:110px}}.post-body{max-width:820px;padding-bottom:20px}.post-intro{font-size:20px;line-height:1.6;color:#dce1ef;margin:10px 0 28px}.post-intro a,.post-section a,.pick a:not(.pick-add),.faq-list a{color:var(--text);text-decoration-color:var(--brand)}.ttb{padding:22px;margin:0 0 36px;border-radius:22px}.ttb-title{font:600 13px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:16px}.ttb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.ttb-grid div{background:#ffffff0a;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.ttb-grid span{color:var(--dim);font-size:13px}.ttb-grid b{font:700 30px/1 var(--title);letter-spacing:-.02em}.ttb-note{color:var(--faint);font-size:14px;margin-top:14px}.post-section{margin:34px 0}.post-section h2,.post-faq h2,.post-related h2{font-size:clamp(24px,3vw,32px);margin-bottom:14px}.post-section p{color:#d3d8e8;font-size:17.5px;line-height:1.75;margin-bottom:14px}.picks{list-style:none;padding:0;margin:30px 0;display:grid;gap:14px}.pick{display:flex;gap:18px;padding:16px;border-radius:20px}.pick-cover{flex:none;width:96px}.pick-cover img{width:96px;height:128px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.pick-cover span{display:grid;place-items:center;width:96px;height:128px;border-radius:10px;background:var(--glass-2);font:700 30px var(--title);color:var(--faint)}.pick h3{font-size:21px;font-weight:600}.pick-n{color:var(--brand)}.pick-meta{color:var(--faint);font-size:14px;margin:4px 0 8px}.pick-body p:not(.pick-meta){color:#d3d8e8;line-height:1.65}.pick-add{display:inline-block;margin-top:10px;color:var(--brand);font-weight:600;text-decoration:none;font-size:15px}@media(max-width:520px){.pick{gap:12px;padding:12px}.pick-cover,.pick-cover img,.pick-cover span{width:72px;height:96px}}.post-cta{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin:44px 0;padding:24px;border-radius:24px;border:1px solid rgba(255,94,77,.35);background:radial-gradient(70% 120% at 0% 0%,rgba(255,94,77,.18),transparent 70%),#ffffff08}.post-cta img{border-radius:22.5%}.post-cta-title{font:600 21px/1.25 var(--title)}.post-cta p:not(.post-cta-title){color:var(--dim);font-size:15px;margin-top:4px}@media(max-width:720px){.post-cta{grid-template-columns:1fr}}.post-faq{margin:40px 0 20px}.post-related{padding:30px 24px 90px}main.doc{padding:64px 0 96px}main.doc .wrap{max-width:780px}main.doc h1{font-size:clamp(34px,5vw,48px)}.updated{color:var(--faint);font-size:14px;margin-top:12px}.prose{margin-top:36px;color:#d9deec}.prose h2{font-size:24px;margin:40px 0 12px}.prose h3{margin:28px 0 10px}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose ul,.prose ol{padding-left:22px}.prose li{margin-bottom:8px}.prose strong{color:var(--text)}.prose .steps li::marker{color:var(--ice);font-weight:700}.prose .panel.note{padding:20px 22px;margin:24px 0}.prose .panel.note p:last-child{margin-bottom:0}.table-box{overflow-x:auto;margin:0 0 20px;border:1px solid var(--line);border-radius:16px}.table-box table{width:100%;border-collapse:collapse;font-size:14px}.table-box th,.table-box td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}.table-box th{color:var(--text);font-family:var(--title);font-weight:600;background:var(--glass)}.table-box tr:last-child td{border-bottom:0}.site-footer{border-top:1px solid var(--line);padding:40px 0 48px;background:#06070d99}.foot-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.site-footer .links{display:flex;flex-wrap:wrap;gap:6px 20px}.site-footer .links a{color:var(--dim);text-decoration:none;font-size:15px}.site-footer .links a:hover{color:var(--text)}.legal-notes{margin-top:28px;color:var(--faint);font-size:13px;display:grid;gap:6px}.legal-notes a{color:var(--dim)}.copyright{margin-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--faint);font-size:13px}