@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');

:root { --ink:#16140f; --paper:#f5f0e6; --lime:#d8ff52; --pink:#ff6da8; --line:rgba(22,20,15,.16); --serif:'Playfair Display',Georgia,serif; --sans:'DM Sans',Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.shell { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.wordmark { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:-.04em; font-size:21px; }
.wordmark span { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:var(--ink); color:var(--lime); font-family:var(--serif); font-style:italic; }
.nav { height:86px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.nav-links { display:flex; gap:32px; font-size:14px; font-weight:600; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:26px; border:1px solid var(--ink); padding:16px 21px; font-weight:700; cursor:pointer; transition:.2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:5px 5px 0 var(--ink); }
.button-small { padding:11px 16px; gap:10px; font-size:13px; }
.button-dark { background:var(--ink); color:white; }
.button-primary { background:var(--lime); color:var(--ink); }
.hero { min-height:760px; position:relative; padding-top:90px; overflow:hidden; }
.eyebrow,.kicker { text-transform:uppercase; letter-spacing:.17em; font-size:11px; font-weight:800; }
.eyebrow { display:flex; align-items:center; gap:10px; }
.eyebrow i { width:7px; height:7px; background:var(--pink); border-radius:50%; }
h1,h2 { margin:0; font-size:clamp(64px,9vw,122px); letter-spacing:-.075em; line-height:.82; }
h1 em,h2 em { font-family:var(--serif); font-weight:600; }
.hero-copy { width:460px; max-width:90%; margin:34px 0 26px; font-size:17px; line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:28px; }
.text-link { border-bottom:1px solid; padding:8px 0; font-weight:700; font-size:14px; }
.hero-collage { position:absolute; width:520px; height:580px; right:20px; top:115px; }
.photo-card { position:absolute; display:flex; align-items:flex-end; padding:16px; border:7px solid #fff; box-shadow:0 18px 45px rgba(30,20,10,.18); background-size:cover; }
.photo-card span { background:white; padding:7px 10px; font-size:11px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.pc-one { width:235px; height:310px; left:0; top:120px; transform:rotate(-8deg); background:radial-gradient(circle at 52% 32%,#e7c9a7 0 13%,transparent 14%),linear-gradient(145deg,#332d2a 0 45%,#bda184 46% 70%,#322b26 71%); }
.pc-two { width:250px; height:340px; right:4px; top:0; transform:rotate(7deg); background:radial-gradient(circle at 55% 29%,#ffd69a 0 14%,transparent 15%),linear-gradient(140deg,#ffbd57,#dc6d55 58%,#713b46); }
.pc-three { width:235px; height:300px; right:80px; bottom:0; transform:rotate(-2deg); background:radial-gradient(circle at 54% 30%,#dbad9d 0 13%,transparent 14%),linear-gradient(145deg,#242041,#71306c 55%,#00afba); }
.spark { position:absolute; font-size:58px; color:var(--pink); z-index:3; }.spark-one{left:205px;top:52px}.spark-two{right:4px;bottom:68px;color:var(--lime);text-shadow:0 0 1px #111}
.ticker { overflow:hidden; padding:15px 0; color:white; background:var(--ink); white-space:nowrap; transform:rotate(-1deg); width:101%; margin-left:-.5%; }
.ticker div { font-size:13px; font-weight:800; letter-spacing:.15em; word-spacing:16px; }.ticker b{color:var(--lime)}
.section-pad { padding-block:130px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:55px; }
.section-heading h2,.how h2,.cta h2 { margin-top:17px; font-size:clamp(48px,7vw,88px); }
.section-heading>p { width:330px; line-height:1.7; }
.look-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.look-card { min-height:390px; padding:20px; display:flex; flex-direction:column; justify-content:flex-end; color:white; position:relative; overflow:hidden; }
.look-card:before { content:""; position:absolute; inset:0; opacity:.9; transition:.3s; }.look-card:hover:before{transform:scale(1.05)}
.look-card>* { position:relative; }.look-card>span{position:absolute;top:18px;right:18px;font-weight:800}.look-card h3{font-size:24px;margin:0}.look-card p{margin:8px 0 0;font-size:13px}
.look-a:before{background:radial-gradient(circle at 50% 31%,#d6ad94 0 13%,transparent 14%),linear-gradient(145deg,#ba1834,#34171e 60%)}.look-b:before{background:radial-gradient(circle at 50% 32%,#f1bd85 0 13%,transparent 14%),linear-gradient(145deg,#f7bf4c,#875444)}.look-c:before{background:radial-gradient(circle at 50% 34%,#c4a489 0 13%,transparent 14%),linear-gradient(145deg,#708071,#312f2a)}.look-d:before{background:radial-gradient(circle at 50% 31%,#c9a17e 0 13%,transparent 14%),linear-gradient(145deg,#b3a17d,#433b2e)}
.and-more { text-align:right; font-family:var(--serif); font-size:23px; font-style:italic; }
.how { color:var(--paper); background:var(--ink); }
.how .kicker { color:var(--lime); }.how h2 { max-width:850px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); margin-top:75px; border-top:1px solid #555; }
.steps article { padding:28px 42px 10px 0; border-right:1px solid #555; }.steps article+article{padding-left:35px}.steps article:last-child{border:0}
.steps b { color:var(--lime); font-size:12px; }.steps h3{font-size:24px;margin:55px 0 12px}.steps p{color:#aaa;line-height:1.7}
.cta { min-height:580px; display:flex; justify-content:space-between; align-items:center; }.cta .button{margin-top:38px}.cta-orbit{width:290px;height:290px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;position:relative;text-align:center;font-weight:800;line-height:1.5}.cta-orbit span{position:absolute;font-size:80px;color:var(--pink);top:-35px;right:20px}
.footer { padding:28px 0; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; font-size:12px; }

.app-body { min-height:100vh; background:#f4efe5; }
.app-header { height:76px; padding:0 28px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(244,239,229,.9); position:sticky; top:0; z-index:10; backdrop-filter:blur(16px); }
.usage-pill { padding:8px 13px; border:1px solid var(--line); border-radius:99px; font-size:12px; }.usage-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#71b33a;margin-right:7px}.icon-button{width:38px;height:38px;border:1px solid var(--ink);background:transparent;cursor:pointer}
.studio { padding-top:70px; padding-bottom:0; }.studio-intro{text-align:center;max-width:800px;margin:0 auto 65px}.studio-intro h1{font-size:clamp(55px,8vw,92px);margin:16px 0 28px}.studio-intro p{max-width:500px;margin:auto;color:#6c675e;line-height:1.6}
.creator { background:#fffdf8; border:1px solid var(--line); padding:28px; box-shadow:8px 8px 0 #ded6c7; display:grid; grid-template-columns:380px 1fr; gap:30px; }
.panel-label { display:flex; align-items:center; gap:10px; font-size:12px; text-transform:uppercase; letter-spacing:.13em; font-weight:800; margin-bottom:16px; }.panel-label span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--ink);color:var(--lime)}
.dropzone { min-height:470px; border:1.5px dashed #a49e92; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; position:relative; overflow:hidden; transition:.2s; }.dropzone:hover,.dropzone.dragging{background:#f4f8e6;border-color:#17150f}.dropzone.has-image{border-style:solid}.dropzone img{position:absolute;width:100%;height:100%;object-fit:cover}.upload-icon{font-size:38px;margin-bottom:18px}.dropzone strong{font-size:19px}.dropzone small{margin-top:7px;color:#777}.dropzone em{position:absolute;bottom:18px;font-size:10px;color:#8a857b;font-style:normal}.has-image>*:not(img){display:none}
.preset-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; max-height:470px; overflow:auto; padding-right:5px; }.preset{height:108px;border:1px solid transparent;padding:10px;background:#eee;position:relative;overflow:hidden;text-align:left;cursor:pointer;color:white}.preset i{position:absolute;inset:0;background:var(--swatch);transition:.2s}.preset:hover i{transform:scale(1.07)}.preset.selected{border:3px solid var(--ink);padding:8px;box-shadow:inset 0 0 0 2px white}.preset span,.preset strong{position:relative;display:block;text-shadow:0 1px 8px #000}.preset span{font-size:9px;margin-bottom:43px}.preset strong{font-size:11px}.preset-0{--swatch:linear-gradient(135deg,#e9315f,#41172c)}.preset-1{--swatch:linear-gradient(135deg,#facb5e,#d37054)}.preset-2{--swatch:linear-gradient(135deg,#cfc7b9,#88847c)}.preset-3{--swatch:linear-gradient(135deg,#24596c,#de3386)}.preset-4{--swatch:linear-gradient(135deg,#87927d,#493f38)}.preset-5{--swatch:linear-gradient(135deg,#c3b69a,#6f6251)}.preset-6{--swatch:linear-gradient(135deg,#9fe4dc,#608aa8)}.preset-7{--swatch:linear-gradient(135deg,#393939,#cf4b34)}
.create-row { grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:22px}.create-row .button{min-width:260px}.create-row .button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.creation-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.create-row p{font-size:13px;color:#777}.create-row p[data-tone=error]{color:#b12525}.create-row p[data-tone=success]{color:#377b28}.text-action{border:0;border-bottom:1px solid var(--ink);padding:2px 0;background:transparent;color:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.text-action span{display:inline-block;margin-left:4px;transition:transform .2s}.text-action:hover span{transform:translateY(3px)}
.account-strip { margin:70px 0 0;display:grid;grid-template-columns:repeat(3,1fr) 2fr;border-block:1px solid var(--line)}.account-strip>div{padding:22px;border-right:1px solid var(--line)}.account-strip span,.account-strip strong{display:block}.account-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px}.referral{background:var(--lime);position:relative}.referral button{position:absolute;right:18px;top:25px;border:0;border-bottom:1px solid;background:transparent;cursor:pointer;font-size:12px;font-weight:800}
.gallery-section{scroll-margin-top:110px;margin-top:70px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.gallery-heading h2{font-size:48px;margin-top:8px}.gallery-heading p{color:#777;font-size:13px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.empty-gallery{grid-column:1/-1;border:1px dashed #aaa;padding:60px;text-align:center;color:#888}.gallery-item{background:white;border:1px solid var(--line);position:relative}.gallery-item img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.gallery-item>div{padding:10px;display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.gallery-item button{border:0;background:none;cursor:pointer;font-size:10px;text-transform:uppercase}.gallery-item button:disabled{opacity:.45;cursor:wait}.gallery-item .download-image{position:absolute;z-index:2;top:10px;right:10px;width:38px;height:38px;border:1px solid rgba(23,21,15,.14);border-radius:50%;display:grid;place-items:center;background:rgba(255,253,248,.92);color:var(--ink);box-shadow:0 3px 14px rgba(0,0,0,.16);backdrop-filter:blur(8px);transition:transform .18s,background .18s}.gallery-item .download-image:hover{transform:translateY(-2px);background:#fff}.gallery-item .download-image:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.gallery-item .download-image svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gallery-item .delete-image{color:#a32b2b}
.app-footer{background:var(--ink);color:#f4efe5}.app-footer-inner{min-height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.app-footer .wordmark{color:#f4efe5}.app-footer .wordmark span{background:var(--lime);color:var(--ink)}.app-footer p{font-size:11px;color:#aaa}.app-footer p:last-child{text-align:right}

@media (max-width:900px){.nav-links{display:none}.hero{padding-top:65px;min-height:1080px}.hero-collage{top:510px;right:50%;transform:translateX(50%)}.look-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading>p{margin-top:28px}.creator{grid-template-columns:1fr}.dropzone{min-height:400px}.preset-grid{max-height:none}.account-strip{grid-template-columns:repeat(3,1fr)}.account-strip .referral{grid-column:1/-1}.gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.shell{width:min(100% - 24px,1180px)}.nav{height:70px}.nav .button{font-size:0}.nav .button span{font-size:14px}.hero{min-height:920px}.hero h1{font-size:64px}.hero-collage{transform:translateX(50%) scale(.75);transform-origin:top center;top:500px}.hero-actions{align-items:flex-start;flex-direction:column}.look-grid{grid-template-columns:1fr 1fr}.look-card{min-height:270px}.section-pad{padding-block:85px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:28px 0;border-right:0;border-bottom:1px solid #555}.steps h3{margin-top:25px}.cta-orbit{display:none}.footer p:nth-child(2){display:none}.app-header{padding:0 12px}.usage-pill{font-size:0}.usage-pill strong{font-size:12px}.usage-pill strong:after{content:' left';}.creator{padding:14px}.preset-grid{grid-template-columns:repeat(2,1fr)}.create-row{align-items:stretch;flex-direction:column}.account-strip{grid-template-columns:1fr}.account-strip>div{border-bottom:1px solid var(--line)}.referral button{position:static;margin-top:14px}.gallery{grid-template-columns:1fr 1fr}.gallery-heading p{display:none}}
@media (max-width:560px){.creation-status{align-items:flex-start;flex-direction:column;gap:8px}.app-footer-inner{min-height:150px;grid-template-columns:1fr auto}.app-footer-inner>p:first-of-type{display:none}.app-footer p:last-child{text-align:right}}

/* Frosted-glass gallery action */
.gallery-item .download-image{width:40px;height:40px;border-color:rgba(255,255,255,.62);background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,.16));box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(255,255,255,.12),0 5px 18px rgba(0,0,0,.2);backdrop-filter:blur(15px) saturate(1.55);-webkit-backdrop-filter:blur(15px) saturate(1.55);transition:transform .18s,background .18s,box-shadow .18s}
.gallery-item .download-image:hover{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 22px rgba(0,0,0,.24)}
.gallery-item .share-instagram{position:absolute;z-index:2;top:10px;right:58px;width:40px;height:40px;border:1px solid rgba(255,255,255,.62);border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(249,206,52,.86),rgba(238,42,123,.82) 52%,rgba(98,40,215,.84));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 5px 18px rgba(0,0,0,.22);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);transition:transform .18s,box-shadow .18s}.gallery-item .share-instagram:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 7px 22px rgba(0,0,0,.27)}.gallery-item .share-instagram:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.gallery-item .share-instagram svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gallery-item .share-instagram .instagram-dot{fill:currentColor;stroke:none}

/* Visual style previews */
.preset{height:150px;background:#24211d;isolation:isolate}
.preset i{background-image:url('/public/assets/style-previews.webp');background-size:500% 400%;background-position:var(--preview-x) var(--preview-y);filter:saturate(1.04) contrast(1.02)}
.preset::after{content:'';position:absolute;z-index:1;inset:36% 0 0;background:linear-gradient(transparent,rgba(8,7,6,.84));pointer-events:none}
.preset span,.preset strong{z-index:2;margin:0}
.preset span{position:absolute;top:10px;left:10px;padding:3px 5px;background:rgba(15,14,12,.45);border:1px solid rgba(255,255,255,.28);border-radius:99px;backdrop-filter:blur(7px)}
.preset strong{position:absolute;left:10px;right:10px;bottom:10px;font-size:12px;line-height:1.2}
.preset-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.preset-heading .panel-label{margin-bottom:0}.style-toggle{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:99px;background:#ece5d9}.style-toggle button{min-width:64px;padding:7px 12px;border:0;border-radius:99px;background:transparent;color:#6f695f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.18s}.style-toggle button[aria-pressed=true]{background:var(--ink);color:var(--lime);box-shadow:0 2px 7px rgba(0,0,0,.16)}.style-toggle button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.preset-grid[data-presentation=male] .preset i{background-image:url('/public/assets/style-previews-male.webp')}
@media (max-width:560px){.preset-heading{align-items:flex-start;flex-direction:column}.style-toggle{align-self:stretch}.style-toggle button{flex:1}}

/* Landing page — current product story */
.landing-v2{overflow-x:hidden;background:#f5f0e6}.landing-v2 .nav{position:relative;z-index:20}.landing-v2 .nav-links a{position:relative}.landing-v2 .nav-links a::after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--ink);transition:right .2s}.landing-v2 .nav-links a:hover::after{right:0}
.landing-hero{min-height:790px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);align-items:center;gap:40px;padding-block:75px 90px}.hero-content{position:relative;z-index:2}.landing-hero h1{font-size:clamp(67px,8.2vw,112px);max-width:760px}.landing-hero .eyebrow{margin-bottom:28px}.landing-hero .hero-content>p{max-width:590px;margin:32px 0 28px;font-size:17px;line-height:1.7;color:#565149}.hero-proof{display:flex;gap:0;margin-top:45px;border-block:1px solid var(--line);max-width:600px}.hero-proof span{flex:1;padding:18px 18px 18px 0;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#6d675d}.hero-proof span+span{padding-left:18px;border-left:1px solid var(--line)}.hero-proof b{display:block;margin-bottom:5px;font-size:18px;letter-spacing:-.03em;color:var(--ink);text-transform:none}
.hero-stage{height:610px;position:relative}.stage-card{position:absolute;border:7px solid #fff;background-image:url('/public/assets/style-previews.webp');background-size:500% 400%;background-repeat:no-repeat;box-shadow:0 24px 55px rgba(35,24,13,.24);overflow:hidden}.stage-card::after{content:'';position:absolute;inset:58% 0 0;background:linear-gradient(transparent,rgba(8,7,6,.75))}.stage-card span{position:absolute;z-index:2;left:14px;bottom:13px;color:white;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.stage-ghibli{width:245px;height:310px;left:10px;top:56px;transform:rotate(-7deg);background-position:0 0}.stage-cyber{width:270px;height:360px;right:0;top:0;transform:rotate(6deg);background-image:url('/public/assets/style-previews-male.webp');background-position:0 33.333%}.stage-chrome{width:250px;height:320px;left:145px;bottom:5px;transform:rotate(-1.5deg);background-position:75% 100%}.stage-sticker{position:absolute;z-index:5;right:38px;bottom:58px;width:105px;height:105px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--lime);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);font-size:28px;font-weight:800;line-height:.75;transform:rotate(8deg)}.stage-sticker small{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.stage-spark-one{left:215px;top:8px}.stage-spark-two{right:2px;bottom:200px;color:var(--lime);text-shadow:0 1px 1px #111}
.style-showcase{scroll-margin-top:30px}.style-heading{align-items:center}.style-intro{width:390px}.style-intro>p{margin:0 0 24px;line-height:1.7;color:#625c53}.landing-toggle{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:99px;background:#e9e1d4}.landing-toggle button{min-width:90px;padding:9px 18px;border:0;border-radius:99px;background:transparent;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.landing-toggle button[aria-pressed=true]{background:var(--ink);color:var(--lime);box-shadow:0 3px 9px rgba(0,0,0,.18)}.landing-toggle button:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.landing-style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-style-card{aspect-ratio:4/5;position:relative;overflow:hidden;background-image:url('/public/assets/style-previews.webp');background-size:500% 400%;background-position:var(--preview-x) var(--preview-y);color:#fff;box-shadow:0 8px 26px rgba(31,23,15,.12)}.style-showcase[data-presentation=male] .landing-style-card{background-image:url('/public/assets/style-previews-male.webp')}.landing-style-card::after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(7,6,5,.9))}.landing-style-card::before{content:'';position:absolute;z-index:2;inset:0;border:0 solid var(--lime);transition:border-width .2s}.landing-style-card:hover::before{border-width:5px}.landing-style-card>div{position:absolute;z-index:3;left:18px;right:18px;bottom:18px}.landing-style-card span{font-size:9px;letter-spacing:.15em}.landing-style-card h3{margin:7px 0 3px;font-size:21px}.landing-style-card p{margin:0;color:#ddd;font-size:11px}.style-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px}.style-footer p{max-width:720px;color:#696359;line-height:1.6;font-size:13px}
.product-story{padding-block:125px;background:var(--ink);color:var(--paper)}.product-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.story-copy{position:sticky;top:35px}.story-copy .kicker{color:var(--lime)}.story-copy h2{margin:20px 0 32px;font-size:clamp(50px,6vw,82px)}.story-copy p{max-width:480px;color:#aaa;line-height:1.75}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #49463f}.benefit-grid article{min-height:285px;padding:28px 30px;border-right:1px solid #49463f;border-bottom:1px solid #49463f}.benefit-grid article:nth-child(even){border-right:0}.benefit-grid b{color:var(--pink);font-size:11px}.benefit-grid h3{margin:75px 0 13px;font-size:22px}.benefit-grid p{margin:0;color:#a9a59d;line-height:1.65;font-size:13px}
.how-v2 .section-heading>p{color:#696359}.steps-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps-v2 article{min-height:385px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);background:#fffdf8;box-shadow:5px 5px 0 #ddd3c3}.steps-v2 article>span{font-size:10px;font-weight:800;letter-spacing:.15em}.step-icon{width:72px;height:72px;margin:66px 0 36px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:29px;background:var(--lime)}.steps-v2 h3{margin:0 0 13px;font-size:25px}.steps-v2 p{margin:0;color:#6e685f;line-height:1.65;font-size:13px}
.free-section{padding-block:120px;background:var(--pink)}.free-grid{display:grid;grid-template-columns:1fr 480px;gap:100px;align-items:center}.free-grid h2{margin:20px 0 30px;font-size:clamp(53px,7vw,88px)}.free-grid>div:first-child>p{max-width:540px;line-height:1.75}.free-grid .button{margin-top:25px}.plan-card{background:#fffdf8;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.plan-top{padding:26px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:end}.plan-top>span{font-weight:800}.plan-top strong{grid-row:1/3;grid-column:2;font-size:55px;line-height:1}.plan-top small{margin-top:5px;color:#777}.plan-card ul{margin:0;padding:0;list-style:none}.plan-card li{display:grid;grid-template-columns:90px 1fr;align-items:center;padding:20px 26px;border-bottom:1px solid var(--line)}.plan-card li b{font-size:23px}.plan-card li span{font-size:13px}.plan-card>p{margin:0;padding:20px 26px;color:#777;font-size:11px}
.landing-cta{min-height:520px;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:70px}.landing-cta h2{margin-top:18px;font-size:clamp(58px,7.5vw,96px)}.landing-cta>div:last-child p{line-height:1.7;color:#665f55}.landing-cta .button{margin-top:20px}.landing-footer{background:var(--ink);color:var(--paper)}.landing-footer>div{min-height:120px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.landing-footer .wordmark span{background:var(--lime);color:var(--ink)}.landing-footer p{color:#999;font-size:11px}.landing-footer p:last-child{text-align:right}
@media(max-width:980px){.landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:75px}.hero-stage{width:min(100%,580px);margin:0 auto}.landing-style-grid{grid-template-columns:repeat(2,1fr)}.product-story-grid{grid-template-columns:1fr}.story-copy{position:static}.free-grid{grid-template-columns:1fr;gap:60px}.plan-card{width:min(100%,560px)}.landing-cta{grid-template-columns:1fr 300px}.style-heading{align-items:start}.style-intro{width:auto}.landing-v2 .section-heading{align-items:start}}
@media(max-width:620px){.landing-hero{padding-top:55px}.landing-hero h1{font-size:61px}.hero-content>p{font-size:15px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr)}.hero-proof span{padding:14px 8px}.hero-proof span+span{padding-left:8px}.hero-stage{height:510px;transform:scale(.86);transform-origin:top center;margin-bottom:-70px}.stage-cyber{right:-20px}.stage-ghibli{left:-20px}.stage-chrome{left:90px}.landing-style-grid{grid-template-columns:repeat(2,1fr);gap:8px}.landing-style-card h3{font-size:17px}.landing-style-card p{display:none}.style-footer{align-items:flex-start;flex-direction:column}.product-story{padding-block:85px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article,.benefit-grid article:nth-child(even){min-height:245px;border-right:0}.benefit-grid h3{margin-top:45px}.steps-v2{grid-template-columns:1fr}.steps-v2 article{min-height:320px}.step-icon{margin:42px 0 28px}.free-section{padding-block:85px}.free-grid{gap:45px}.plan-card li{grid-template-columns:82px 1fr}.landing-cta{grid-template-columns:1fr;min-height:620px;padding-block:80px}.landing-footer>div{min-height:155px;grid-template-columns:1fr auto}.landing-footer p:first-of-type{display:none}.landing-footer p:last-child{text-align:right}}

/* Blurred style-collection hero */
.landing-v2 .landing-hero{min-height:760px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr;place-items:center;padding:70px 40px;text-align:center}
.hero-collection{position:absolute;z-index:-2;inset:26px 0;overflow:hidden;background:#302a27}
.hero-collection::before,.hero-collection::after{content:'';position:absolute;top:-4%;bottom:-4%;width:55%;background-repeat:no-repeat;background-position:center;background-size:cover;filter:blur(9px) saturate(.9);transform:scale(1.09);opacity:.86}
.hero-collection::before{left:-3%;background-image:url('/public/assets/style-previews.webp')}
.hero-collection::after{right:-3%;background-image:url('/public/assets/style-previews-male.webp')}
.landing-v2 .landing-hero::after{content:'';position:absolute;z-index:-1;inset:26px 0;background:radial-gradient(circle at center,rgba(245,240,230,.94) 0,rgba(245,240,230,.82) 35%,rgba(245,240,230,.46) 72%,rgba(22,20,15,.18) 100%);box-shadow:inset 0 0 90px rgba(22,20,15,.18);pointer-events:none}
.landing-v2 .hero-content{width:min(850px,100%);display:flex;flex-direction:column;align-items:center;padding:48px 55px;border:1px solid rgba(255,255,255,.66);background:rgba(245,240,230,.58);box-shadow:0 24px 70px rgba(22,20,15,.18);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}
.landing-v2 .landing-hero h1{max-width:820px;font-size:clamp(64px,8.2vw,106px)}
.landing-v2 .landing-hero .hero-content>p{max-width:660px;color:#3f3a33}
.hero-actions-centered{justify-content:center}.hero-login{min-width:250px}.landing-v2 .hero-proof{width:min(600px,100%);margin-top:38px}
@media(max-width:620px){.landing-v2 .landing-hero{min-height:700px;padding:38px 12px}.hero-collection,.landing-v2 .landing-hero::after{inset:14px 0}.hero-collection::before,.hero-collection::after{width:70%}.landing-v2 .hero-content{padding:38px 18px}.landing-v2 .landing-hero h1{font-size:56px}.hero-actions-centered{align-items:stretch}.hero-login{min-width:0}.landing-v2 .hero-proof{margin-top:28px}}

/* Higher-visibility hero artwork */
.hero-collection::before,.hero-collection::after{filter:blur(4px) saturate(1.16) contrast(1.06);opacity:1}
.landing-v2 .landing-hero::after{background:radial-gradient(circle at center,rgba(245,240,230,.72) 0,rgba(245,240,230,.5) 38%,rgba(245,240,230,.16) 74%,rgba(22,20,15,.08) 100%);box-shadow:inset 0 0 55px rgba(22,20,15,.1)}
.landing-v2 .hero-content{background:rgba(245,240,230,.4);border-color:rgba(255,255,255,.74);backdrop-filter:blur(8px) saturate(1.08);-webkit-backdrop-filter:blur(8px) saturate(1.08);box-shadow:0 20px 55px rgba(22,20,15,.14)}

/* Instagram-aligned branded login */
.landing-v2 .instagram-login{min-width:215px;display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(143,24,112,.55);border-radius:10px;background:linear-gradient(125deg,#f9ce34 0%,#ee2a7b 48%,#6228d7 100%);color:#fff;box-shadow:0 6px 18px rgba(174,25,112,.24);text-shadow:0 1px 2px rgba(52,13,42,.24)}
.landing-v2 .instagram-login:hover{box-shadow:0 9px 24px rgba(174,25,112,.34)}
.instagram-login svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.instagram-login svg .instagram-dot{fill:currentColor;stroke:none}
.instagram-login-copy{min-width:0;text-align:center;white-space:nowrap;font-size:13px!important;font-weight:600;line-height:1.2}.instagram-login-copy b{font-weight:800}.instagram-login-arrow{font-size:15px!important;line-height:1}
.landing-v2 .hero-login.instagram-login{min-width:285px;padding:14px 17px;border-color:rgba(255,255,255,.5)}
@media(max-width:560px){.landing-v2 .nav .instagram-login{min-width:170px;padding:9px 10px;grid-template-columns:20px minmax(0,1fr) 13px;gap:7px}.landing-v2 .nav .instagram-login svg{width:20px;height:20px}.landing-v2 .nav .instagram-login-copy{font-size:11px!important}.landing-v2 .hero-login.instagram-login{min-width:0}}

/* Keep the header login compact on narrow screens */
.landing-v2 .nav-instagram-login{max-width:215px}
@media(max-width:700px){.landing-v2 .nav .nav-instagram-login{min-width:44px;max-width:44px;width:44px;height:44px;padding:0;display:grid;grid-template-columns:1fr;place-items:center;border-radius:12px}.landing-v2 .nav .nav-instagram-login .instagram-login-copy,.landing-v2 .nav .nav-instagram-login .instagram-login-arrow{display:none}.landing-v2 .nav .nav-instagram-login svg{width:22px;height:22px}}

/* Slightly clearer hero collection */
.hero-collection::before,.hero-collection::after{filter:blur(2px) saturate(1.2) contrast(1.08)}
.landing-v2 .landing-hero::after{background:radial-gradient(circle at center,rgba(245,240,230,.62) 0,rgba(245,240,230,.4) 38%,rgba(245,240,230,.1) 74%,rgba(22,20,15,.05) 100%)}
.landing-v2 .hero-content{background:rgba(245,240,230,.32);backdrop-filter:blur(5px) saturate(1.06);-webkit-backdrop-filter:blur(5px) saturate(1.06)}