.home main { overflow-x:clip; }
.home nav { gap:24px; }
.kicker { margin:0; color:var(--lipstick); font-size:10px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; }
.caret { display:inline-block; width:1.5px; height:1.05em; margin-left:1px; vertical-align:-2px; background:var(--lipstick); animation:caretBlink 1s steps(1) infinite; }
@keyframes caretBlink { 50% { opacity:0; } }

/* Hero */
.home-hero { width:min(1180px,calc(100% - 40px)); margin:auto; padding:72px 0 56px; display:grid; grid-template-columns:1.1fr .9fr; gap:64px; align-items:center; position:relative; }
.home-hero::before { content:""; position:absolute; z-index:-1; right:-8%; top:4%; width:620px; height:620px; border-radius:50%; background:radial-gradient(circle,#F4D7D9 0,rgba(244,215,217,.4) 38%,transparent 68%); }
.home-hero-copy > * { animation:heroIn .8s cubic-bezier(.16,1,.3,1) both; }
.home-hero-copy > :nth-child(2) { animation-delay:.06s; }
.home-hero-copy > :nth-child(3) { animation-delay:.12s; }
.home-hero-copy > :nth-child(4) { animation-delay:.18s; }
.home-hero-copy > :nth-child(5) { animation-delay:.24s; }
.home-hero h1 { margin:0; font:500 clamp(48px,6.4vw,84px)/.98 "Cormorant Garamond",Georgia,serif; letter-spacing:-.045em; }
.home-hero h1 em { display:block; color:var(--lipstick); font-style:italic; }
.home-hero .hero-copy { margin:24px 0 0; max-width:540px; }
.home-hero .hero-actions { justify-content:flex-start; }
.home-hero .hero-offer { margin:26px 0 0; }

/* Discover swipe demo */
.swipe-demo { width:min(380px,100%); justify-self:center; padding:18px 18px 16px; border:1px solid var(--line); border-radius:34px; background:#fff; box-shadow:0 40px 90px rgba(46,33,28,.14),0 2px 0 rgba(255,255,255,.8) inset; animation:heroIn .9s .2s cubic-bezier(.16,1,.3,1) both; }
.sd-head { display:flex; align-items:center; justify-content:space-between; padding:2px 4px 12px; }
.sd-title { font:500 24px/1 "Cormorant Garamond",Georgia,serif; }
.sd-queue { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:var(--cream); color:var(--muted); font-size:11px; }
.sd-queue i { width:7px; height:7px; border-radius:50%; background:#5E9B6B; box-shadow:0 0 0 3px rgba(94,155,107,.18); }
.sd-queue b { color:var(--ink); font-variant-numeric:tabular-nums; }
.sd-queue em { font-style:normal; }
.sd-queue.refilling i { animation:queuePulse .8s ease-in-out infinite; }
@keyframes queuePulse { 50% { transform:scale(1.5); opacity:.6; } }
.sd-stack { position:relative; height:390px; }
.sd-card { position:absolute; inset:0; overflow:hidden; border-radius:24px; background:#EFE6DC; box-shadow:0 14px 34px rgba(46,33,28,.14); transition:transform .55s cubic-bezier(.3,.7,.2,1), opacity .45s ease; will-change:transform; }
.sd-card img { width:100%; height:100%; object-fit:cover; display:block; }
.sd-card::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(30,20,16,.78)); }
.sd-card.depth-1 { transform:translateY(12px) scale(.95); }
.sd-card.depth-2 { transform:translateY(24px) scale(.9); opacity:.7; }
.sd-card.depth-3 { transform:translateY(24px) scale(.9); opacity:0; }
.sd-info { position:absolute; z-index:2; left:18px; right:18px; bottom:16px; color:#fff; }
.sd-tag { display:inline-block; margin-bottom:10px; padding:5px 10px; border-radius:999px; background:rgba(255,255,255,.2); backdrop-filter:blur(8px); font-size:10.5px; font-weight:600; }
.sd-tag.explore { background:#F4D7D9; color:var(--lipstick); }
.sd-info p { margin:0; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; opacity:.8; }
.sd-info strong { display:block; margin-top:4px; font:500 25px/1.1 "Cormorant Garamond",Georgia,serif; }
.sd-info span { display:block; margin-top:4px; font-size:13px; font-weight:600; }
.sd-stamp { position:absolute; z-index:3; top:22px; padding:6px 12px; border:2.5px solid currentColor; border-radius:10px; font-size:14px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; opacity:0; transform:scale(1.3); transition:opacity .18s ease, transform .25s cubic-bezier(.2,1.4,.4,1); background:rgba(255,255,255,.88); }
.sd-stamp.like { left:18px; color:#3E8A55; rotate:-12deg; }
.sd-stamp.save { left:50%; translate:-50% 0; color:var(--lipstick); }
.sd-stamp.nope { right:18px; color:#8C7F78; rotate:12deg; }
.sd-card.stamp-like .sd-stamp.like, .sd-card.stamp-save .sd-stamp.save, .sd-card.stamp-nope .sd-stamp.nope { opacity:1; transform:none; }
.sd-card.out-like { transform:translateX(125%) rotate(16deg); opacity:0; }
.sd-card.out-nope { transform:translateX(-125%) rotate(-16deg); opacity:0; }
.sd-card.out-save { transform:translateY(-115%) scale(.9); opacity:0; }
.sd-card.out-next { transform:translateY(60px) scale(.94); opacity:0; }
.sd-reasons { position:absolute; z-index:4; left:10px; right:10px; bottom:10px; padding:14px; border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(46,33,28,.2); transform:translateY(120%); transition:transform .4s cubic-bezier(.2,.9,.3,1); }
.sd-card.asking .sd-reasons { transform:none; }
.sd-reasons p { margin:0 0 9px; color:var(--ink); font:500 17px "Cormorant Garamond",Georgia,serif; }
.sd-reasons div { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.sd-reasons span { padding:8px; border:1px solid var(--line); border-radius:10px; color:var(--ink); font-size:11px; text-align:center; transition:background .2s, color .2s, border-color .2s; }
.sd-reasons span.picked { border-color:var(--lipstick); background:var(--lipstick); color:#fff; }
.sd-actions { margin-top:16px; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
.sd-act { display:grid; justify-items:center; gap:6px; color:var(--muted); font-size:10.5px; font-weight:600; }
.sd-act i { position:relative; width:48px; height:48px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:#fff; transition:transform .18s ease, background .2s, border-color .2s, box-shadow .2s; }
.sd-act svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sd-act.like { color:#3E8A55; }
.sd-act.save { color:var(--lipstick); }
.sd-act.pressed i { transform:scale(.86); border-color:currentColor; box-shadow:0 0 0 6px color-mix(in srgb,currentColor 14%,transparent); }
.sd-act.like.pressed svg, .sd-act.save.pressed svg { fill:currentColor; }
.sd-learn { margin-top:16px; padding-top:14px; border-top:1px solid var(--line); min-height:74px; }
.sd-learn p { margin:0 0 8px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.sd-chips { display:flex; flex-wrap:wrap; gap:6px; }
.sd-chips span { padding:5px 10px; border-radius:999px; background:#EAF3EC; color:#2F6E42; font-size:11px; font-weight:600; animation:chipIn .45s cubic-bezier(.2,1.4,.4,1) both; }
.sd-chips span.less { background:#F1ECE8; color:#7A6E68; }
.sd-chips span.explore { background:var(--blush); color:var(--lipstick); }
@keyframes chipIn { from { opacity:0; transform:translateY(6px) scale(.8); } }

/* Feature index */
.feature-nav { width:min(1180px,calc(100% - 40px)); margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.feature-nav a { padding:20px 20px 18px; display:grid; gap:6px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.7); text-decoration:none; transition:transform .2s ease, border-color .2s, box-shadow .2s; }
.feature-nav a:hover { transform:translateY(-3px); border-color:var(--sand); box-shadow:0 14px 30px rgba(46,33,28,.07); }
.feature-nav span { color:var(--lipstick); font-size:11px; font-weight:750; letter-spacing:.14em; }
.feature-nav strong { font:500 24px/1.1 "Cormorant Garamond",Georgia,serif; }
.feature-nav em { color:var(--muted); font-size:13px; font-style:normal; line-height:1.5; }
.feature-nav a:nth-child(2) { --d:.06s; } .feature-nav a:nth-child(3) { --d:.12s; } .feature-nav a:nth-child(4) { --d:.18s; }

/* Feature sections */
.feature { width:min(1120px,calc(100% - 40px)); margin:auto; padding:120px 0 20px; display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center; scroll-margin-top:20px; }
.feature.flip { grid-template-columns:1.1fr .9fr; }
.feature.flip .feature-copy { order:2; }
.feature h2 { margin:0; font:500 clamp(38px,4.6vw,58px)/1.04 "Cormorant Garamond",Georgia,serif; letter-spacing:-.03em; }
.feature h2 em { display:block; color:var(--lipstick); font-style:italic; }
.feature-lead { margin:20px 0 0; color:var(--muted); font-size:16px; line-height:1.7; }
.feature-points { margin:26px 0 0; padding:0; display:grid; gap:12px; list-style:none; }
.feature-points li { position:relative; padding-left:28px; color:var(--muted); font-size:14.5px; line-height:1.6; }
.feature-points li::before { content:""; position:absolute; left:0; top:4px; width:16px; height:16px; border-radius:50%; background:var(--blush) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23B7333A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat; }
.feature-points b { color:var(--ink); font-weight:650; }

/* Shared demo window */
.demo-window { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 30px 80px rgba(46,33,28,.11); }
.dw-bar { height:40px; padding:0 14px; display:flex; align-items:center; gap:6px; border-bottom:1px solid var(--line); background:#F3EBE3; }
.dw-bar i { width:8px; height:8px; border-radius:50%; background:var(--sand); }
.dw-bar span { margin-left:12px; color:#A3958C; font-size:10.5px; }
.demo-window h3 { margin:6px 0 0; font:500 26px/1.1 "Cormorant Garamond",Georgia,serif; }
.tap { position:relative; }
.tap::after { content:""; position:absolute; left:50%; top:50%; width:34px; height:34px; margin:-17px 0 0 -17px; border-radius:50%; background:rgba(183,51,58,.35); pointer-events:none; animation:tapRing .5s ease-out forwards; }
@keyframes tapRing { from { transform:scale(.3); opacity:1; } to { transform:scale(1.8); opacity:0; } }

/* Seed demo */
.seed-body { padding:26px 28px 28px; }
.seed-search { margin-top:16px; height:44px; padding:0 6px 0 16px; display:flex; align-items:center; border:1px solid var(--line); border-radius:999px; font-size:13px; }
.seed-search .seed-typed { color:var(--ink); }
.seed-search b { margin-left:auto; padding:8px 14px; border-radius:999px; background:var(--lipstick); color:#fff; font-size:11px; }
.seed-grid { margin-top:16px; display:grid; grid-template-columns:repeat(6,1fr); gap:8px; }
.seed-grid figure { position:relative; margin:0; aspect-ratio:3/4; overflow:hidden; border-radius:12px; background:#EFE6DC; outline:2px solid transparent; outline-offset:2px; transition:outline-color .2s, transform .3s; }
.seed-grid img { width:100%; height:100%; object-fit:cover; display:block; }
.seed-grid i { position:absolute; right:5px; bottom:5px; width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--ink); font-size:14px; font-style:normal; font-weight:600; box-shadow:0 2px 8px rgba(0,0,0,.15); transition:background .2s, color .2s; }
.seed-grid figure.picked { outline-color:var(--lipstick); transform:scale(.96); }
.seed-grid figure.picked i { background:var(--lipstick); color:#fff; }
.seed-grid figure { opacity:0; transform:translateY(8px); }
.seed-demo.shown .seed-grid figure { opacity:1; transform:none; transition:opacity .4s ease, transform .4s ease, outline-color .2s; transition-delay:calc(var(--i) * 60ms); }
.seed-demo.shown .seed-grid figure.picked { transform:scale(.96); transition-delay:0s; }
.seed-progress { margin-top:18px; display:grid; gap:8px; color:var(--muted); font-size:12px; }
.seed-progress b { color:var(--ink); font-variant-numeric:tabular-nums; }
.seed-progress div { height:6px; overflow:hidden; border-radius:999px; background:var(--cream); }
.seed-progress i { display:block; width:40%; height:100%; border-radius:inherit; background:var(--lipstick); transition:width .35s ease; }
.seed-start { margin-top:18px; display:block; padding:13px; border-radius:999px; background:#E9E0D8; color:#A3958C; font-size:13px; font-weight:700; text-align:center; transition:background .3s, color .3s; }
.seed-start.ready { background:var(--lipstick); color:#fff; }
.seed-ready { position:absolute; inset:40px 0 0; padding:40px 32px; display:grid; align-content:center; background:linear-gradient(160deg,#fff 0%,#FFF6F6 100%); opacity:0; transform:translateY(16px); pointer-events:none; transition:opacity .45s ease, transform .45s ease; }
.seed-demo.done .seed-ready { opacity:1; transform:none; }
.seed-ready h3 { font-size:34px; }
.mix { margin-top:26px; }
.mix-bar { height:14px; display:flex; gap:3px; }
.mix-bar i { height:100%; border-radius:999px; transition:width 1s cubic-bezier(.3,.8,.3,1); width:0; }
.mix-bar .mine { background:var(--ink); }
.mix-bar .new { background:var(--lipstick); }
.seed-demo.done .mix-bar .mine { width:89%; transition-delay:.3s; }
.seed-demo.done .mix-bar .new { width:10%; transition-delay:.9s; }
.mix-legend { margin-top:12px; display:flex; flex-wrap:wrap; gap:8px 20px; color:var(--muted); font-size:12px; }
.mix-legend span { display:inline-flex; align-items:center; gap:7px; }
.mix-legend i { width:9px; height:9px; border-radius:50%; }
.mix-legend .mine { background:var(--ink); }
.mix-legend .new { background:var(--lipstick); }
.seed-note { margin:24px 0 0; color:var(--muted); font-size:13px; }

/* Chrome demo */
.cd-stage { position:relative; height:470px; overflow:hidden; background:#FBF8F4; }
.cd-page { padding:18px 26px; transition:filter .4s ease, transform .5s ease; }
.cd-page header { display:flex; gap:18px; align-items:center; padding-bottom:12px; border-bottom:1px solid var(--line); font-size:11px; color:var(--muted); }
.cd-page header b { color:var(--ink); font-size:15px; letter-spacing:.08em; margin-right:10px; }
.cd-product { margin-top:18px; display:grid; grid-template-columns:1.1fr 1fr; gap:24px; }
.cd-product img { width:100%; height:370px; object-fit:cover; border-radius:6px; }
.cd-product > div { padding-top:30px; }
.cd-brand { margin:0; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.14em; }
.cd-product h3 { margin:6px 0 0; font:500 26px/1.1 "Cormorant Garamond",Georgia,serif; }
.cd-price { margin:10px 0 0; font-size:13px; font-weight:600; }
.cd-sizes { margin:18px 0 0; display:flex; gap:6px; }
.cd-sizes i { width:30px; height:28px; display:grid; place-items:center; border:1px solid var(--line); font-size:10px; font-style:normal; }
.cd-sizes i.on { border-color:var(--ink); }
.cd-bag { margin:18px 0 0; padding:11px; background:var(--ink); color:#fff; font-size:11px; text-align:center; letter-spacing:.06em; }
.cd-chip { position:absolute; right:16px; bottom:18px; z-index:2; display:inline-flex; align-items:center; gap:6px; padding:7px 13px 7px 7px; border-radius:999px; background:#fff; color:var(--lipstick); font:italic 500 17px/1 "Cormorant Garamond",Georgia,serif; box-shadow:0 10px 26px rgba(46,33,28,.2); transition:transform .3s ease, opacity .3s; }
.cd-chip img { width:22px; height:22px; }
.chrome-demo.open .cd-chip { opacity:0; transform:scale(.8); }
.chrome-demo.open .cd-page { filter:brightness(.9) saturate(.9); }
.cd-drawer { position:absolute; z-index:3; top:0; right:0; bottom:0; width:min(290px,78%); padding:14px 16px; background:var(--paper); box-shadow:-18px 0 40px rgba(46,33,28,.14); transform:translateX(105%); transition:transform .5s cubic-bezier(.2,.9,.25,1); overflow:hidden; }
.chrome-demo.open .cd-drawer { transform:none; }
.cd-drawer-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.cd-drawer-head .brand-mark { width:26px; height:26px; }
.cd-close { color:var(--muted); font-size:20px; }
.cd-viewing { margin-top:8px; display:grid; grid-template-columns:44px 1fr; gap:10px; align-items:center; }
.cd-viewing img { width:44px; height:56px; object-fit:cover; border-radius:6px; }
.cd-viewing p { margin:0; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.12em; }
.cd-viewing strong { display:block; font:500 16px/1.2 "Cormorant Garamond",Georgia,serif; }
.cd-viewing span { font-size:11px; }
.cd-actions { margin-top:12px; display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.cd-actions span { padding:7px; border:1px solid var(--line); border-radius:999px; background:#fff; font-size:10.5px; text-align:center; transition:background .2s, color .2s, border-color .2s; }
.cd-actions span:last-child { grid-column:span 2; }
.cd-actions span.on { border-color:var(--lipstick); background:var(--blush); color:var(--lipstick); }
.cd-generate { margin-top:12px; display:block; padding:10px; border-radius:999px; background:var(--lipstick); color:#fff; font-size:11.5px; font-weight:700; text-align:center; }
.cd-skeleton, .cd-results { margin-top:12px; display:grid; gap:7px; }
.cd-skeleton i { height:54px; border-radius:12px; background:linear-gradient(90deg,#EFE6DC 0%,#F8F2EC 50%,#EFE6DC 100%) 0 0/200% 100%; animation:shimmer 1s linear infinite; }
@keyframes shimmer { to { background-position:-200% 0; } }
.cd-skeleton, .cd-results { display:none; }
.chrome-demo.loading .cd-skeleton, .chrome-demo.results .cd-results { display:grid; }
.cd-row { padding:7px; display:grid; grid-template-columns:40px 1fr; gap:10px; align-items:center; border:1px solid var(--line); border-radius:12px; background:#fff; animation:rowIn .45s cubic-bezier(.2,.9,.3,1) both; }
.cd-row:nth-child(2) { animation-delay:.12s; } .cd-row:nth-child(3) { animation-delay:.24s; }
@keyframes rowIn { from { opacity:0; transform:translateX(18px); } }
.cd-row img { width:40px; height:48px; object-fit:cover; border-radius:6px; }
.cd-row em { color:var(--lipstick); font-size:8.5px; font-style:normal; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.cd-row strong { display:block; font-size:11.5px; font-weight:600; }
.cd-row span { color:var(--muted); font-size:10.5px; }
.cd-row b { margin-left:4px; padding:1px 6px; border-radius:999px; background:#EAF3EC; color:#2F6E42; font-size:9.5px; }
.cd-row.glow { border-color:rgba(183,51,58,.45); box-shadow:0 0 0 4px rgba(183,51,58,.08); }

/* Generate demo */
.gd-body { box-sizing:border-box; height:470px; overflow:hidden; padding:26px 28px 28px; }
.gd-composer { margin-top:16px; padding:14px 14px 12px 16px; display:grid; gap:12px; border:1px solid var(--line); border-radius:18px; background:#FDFBF8; }
.gd-composer p { margin:0; min-height:22px; font-size:14px; line-height:1.5; }
.gd-button { justify-self:end; padding:9px 18px; border-radius:999px; background:var(--lipstick); color:#fff; font-size:12px; font-weight:700; }
.gd-loading { margin-top:18px; display:none; align-items:center; gap:10px; color:var(--muted); font-size:13px; }
.generate-demo.loading .gd-loading { display:flex; }
.pulse { width:10px; height:10px; border-radius:50%; background:var(--lipstick); animation:queuePulse .8s ease-in-out infinite; }
.gd-results { margin-top:18px; display:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-width:408px; }
.generate-demo.results .gd-results { display:grid; }
.gd-results article { position:relative; animation:rowIn .45s cubic-bezier(.2,.9,.3,1) both; animation-name:cardUp; }
.gd-results article:nth-child(2) { animation-delay:.1s; } .gd-results article:nth-child(3) { animation-delay:.2s; }
@keyframes cardUp { from { opacity:0; transform:translateY(14px); } }
.gd-results img { width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; border-radius:12px; display:block; background:#EFE6DC; }
.gd-results em { position:absolute; left:8px; top:8px; padding:3px 8px; border-radius:999px; background:#fff; color:var(--ink); font-size:9.5px; font-style:normal; font-weight:700; }
.gd-results em.deal { background:#EAF3EC; color:#2F6E42; }
.gd-results p { margin:8px 0 0; color:var(--muted); font-size:9.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.gd-results strong { display:block; margin-top:2px; font-size:12px; font-weight:600; line-height:1.3; }
.gd-results span { font-size:12px; color:var(--muted); }

/* Closet demo */
.cl-shell { height:470px; display:grid; grid-template-columns:128px 1fr; }
.cl-nav { padding:14px 10px; display:grid; align-content:start; gap:3px; border-right:1px solid var(--line); background:#FBF8F4; }
.cl-nav .brand { margin:0 0 12px 4px; }
.cl-nav .brand-mark { width:26px; height:26px; }
.cl-nav > span:not(.brand) { padding:8px 10px; border-radius:10px; color:var(--muted); font-size:12px; transition:background .25s, color .25s; }
.cl-nav > span.on { background:#fff; color:var(--ink); font-weight:600; box-shadow:0 2px 8px rgba(46,33,28,.06); }
.cl-main { position:relative; overflow:hidden; }
.cl-pane { position:absolute; inset:0; padding:22px 24px; }
.cl-grid { margin-top:16px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.cl-grid figure { position:relative; margin:0; opacity:0; transform:scale(.85) translateY(10px); transition:opacity .35s ease, transform .45s cubic-bezier(.2,1.3,.4,1); }
.cl-grid figure.in { opacity:1; transform:none; }
.cl-grid img { width:100%; height:110px; object-fit:cover; border-radius:10px; display:block; background:#EFE6DC; }
.cl-grid i { position:absolute; right:6px; top:6px; width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--lipstick); font-size:13px; font-style:normal; box-shadow:0 2px 8px rgba(0,0,0,.12); transition:transform .2s; }
.cl-grid i.on { transform:scale(1.15); }
.cl-grid figcaption { margin-top:5px; color:var(--muted); font-size:10.5px; }
.cl-toast { position:absolute; left:50%; bottom:16px; margin:0; padding:8px 14px; border-radius:999px; background:var(--ink); color:#fff; font-size:11px; opacity:0; transform:translate(-50%,10px); transition:opacity .25s, transform .25s; }
.cl-toast.in { opacity:1; transform:translate(-50%,0); }

/* Plans */
.plans-teaser { padding:40px 0 60px; }
.plan-row { margin-top:44px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.plan-row article { padding:26px 26px 22px; border:1px solid var(--line); border-radius:22px; background:#fff; }
.plan-row article.featured { border-color:rgba(183,51,58,.3); background:linear-gradient(#fff,#FFF6F6); box-shadow:0 20px 50px rgba(183,51,58,.08); }
.plan-row article:nth-child(2) { --d:.06s; } .plan-row article:nth-child(3) { --d:.12s; }
.plan-name { margin:0; display:flex; align-items:center; gap:10px; font-size:13px; font-weight:700; }
.plan-name em { padding:4px 9px; border-radius:999px; background:var(--blush); color:var(--lipstick); font-size:10.5px; font-style:normal; }
.plan-price { margin:10px 0 0; font:500 44px/1 "Cormorant Garamond",Georgia,serif; }
.plan-price span { margin-left:6px; color:var(--muted); font:500 13px Inter,sans-serif; }
.plan-row ul { margin:18px 0 0; padding:0; display:grid; gap:8px; list-style:none; color:var(--muted); font-size:13.5px; }
.plan-row li::before { content:"·"; margin-right:8px; color:var(--lipstick); font-weight:800; }
.plans-link { margin:22px 0 0; }
.home .steps { padding:130px 0 90px; }
.home .section-head h2 em { display:block; }

@media (max-width:980px) {
  .home nav > a:not(.nav-cta):not([href="/pricing"]) { display:none; }
  .home-hero { grid-template-columns:1fr; gap:48px; padding-top:56px; text-align:center; }
  .home-hero .hero-copy { margin-inline:auto; }
  .home-hero .hero-actions { justify-content:center; }
  .home-hero .hero-offer { margin-inline:auto; }
  .home-hero::before { right:50%; translate:50% 0; top:40%; }
  .feature-nav { grid-template-columns:1fr 1fr; }
  .feature, .feature.flip { grid-template-columns:1fr; gap:40px; padding-top:90px; }
  .feature.flip .feature-copy { order:0; }
  .plan-row { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .home nav > a[href="/pricing"] { display:none; }
  .home-hero h1 { font-size:clamp(42px,12vw,60px); }
  .sd-stack { height:340px; }
  .feature-nav a { padding:16px; }
  .feature-nav strong { font-size:20px; }
  .seed-body, .gd-body { padding:20px; }
  .seed-grid { grid-template-columns:repeat(3,1fr); }
  .seed-ready { padding:28px 22px; }
  .cd-page { padding:14px; }
  .cd-product { grid-template-columns:1fr; }
  .cd-product > div { display:none; }
  .cd-product img { height:400px; }
  .cl-shell { grid-template-columns:1fr; grid-template-rows:auto 1fr; }
  .cl-nav { display:flex; overflow:hidden; padding:8px; border-right:0; border-bottom:1px solid var(--line); }
  .cl-nav .brand, .cl-nav > span:nth-child(2), .cl-nav > span:nth-child(3) { display:none; }
  .cl-grid img { height:86px; }
  .cl-pane { padding:18px; }
  .gd-results strong { font-size:11px; }
}
@media (max-width:420px) {
  .feature-nav { grid-template-columns:1fr; }
  .sd-act { font-size:9.5px; }
  .sd-act i { width:44px; height:44px; }
  .home-hero { padding-top:36px; gap:36px; }
  .home-hero h1 { font-size:clamp(36px,11vw,52px); }
  .primary-button, .nav-cta, .hero-actions a { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
}
@media (prefers-reduced-motion: reduce) {
  .home-hero-copy > *, .swipe-demo { animation:none; }
  .caret { animation:none; }
}