@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&display=swap');
body{margin:0;font-family:Inter,-apple-system,sans-serif;background:linear-gradient(180deg,#dfe8dc 0%,#e8efe3 28%,#e6e6d8 58%,#ddd8cb 100%);color:#2f2a2a;position:relative}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:30}.fx-dot{position:absolute;width:8px;height:8px;border-radius:999px;background:#d8c78f;opacity:.5;animation:dotFade .8s ease forwards}@keyframes dotFade{to{transform:translateY(-12px) scale(.2);opacity:0}}
body.style-soft{filter:none}body.style-vibrant{filter:saturate(1.08) brightness(1.02)}body.style-moody{filter:saturate(.9) brightness(.93) contrast(1.04)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 14% 12%,rgba(154,182,138,.22),transparent 34%),radial-gradient(circle at 86% 16%,rgba(190,205,167,.18),transparent 34%),radial-gradient(circle at 50% 86%,rgba(170,154,118,.15),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23829d74' stroke-opacity='.09' stroke-width='1.1'%3E%3Cpath d='M20 182c48-66 94-58 138-126'/%3E%3Cpath d='M130 64c18 12 24 26 21 42'/%3E%3Cpath d='M90 110c14 8 20 19 20 32'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%2397ad8b' stroke-opacity='.13' stroke-width='1.2'%3E%3Cpath d='M40 250c30-44 56-76 102-118'/%3E%3Cpath d='M146 132c20 7 31 18 38 31'/%3E%3Cpath d='M164 104c10 8 14 14 16 24'/%3E%3C/g%3E%3Cg fill='%23c8d6be' fill-opacity='.22'%3E%3Ccircle cx='190' cy='162' r='8'/%3E%3Ccircle cx='205' cy='152' r='5'/%3E%3Ccircle cx='178' cy='176' r='5'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat,repeat;opacity:.32;mix-blend-mode:multiply}
.bg-blooms{position:fixed;inset:0;pointer-events:none;z-index:2}
.bg-bloom{position:absolute;font-size:22px;opacity:.16;filter:blur(.2px);animation:bgDrift 18s ease-in-out infinite}.bg-bloom.near{opacity:.24;filter:none;animation-duration:14s}
@keyframes bgDrift{0%,100%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-12px) rotate(4deg) scale(1.04)}}
.container::before{content:'';position:fixed;left:-8vw;right:-8vw;bottom:-14vh;height:42vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 80%,rgba(106,133,87,.2),transparent 58%),radial-gradient(ellipse at 80% 90%,rgba(126,148,102,.18),transparent 56%),radial-gradient(ellipse at 50% 100%,rgba(149,129,96,.16),transparent 62%),radial-gradient(circle at 30% 45%,rgba(205,223,192,.17),transparent 28%),radial-gradient(circle at 75% 40%,rgba(218,232,204,.14),transparent 24%)}
.container::after{content:'';position:fixed;left:0;right:0;bottom:0;height:22vh;pointer-events:none;z-index:0;background:linear-gradient(180deg,transparent,rgba(64,88,55,.12))}
.edge-blur{position:fixed;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 120px rgba(24,34,22,.14), inset 0 0 22px rgba(255,255,255,.1);}
.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #eee;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}.logo-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e7d6e0;border-radius:999px;background:#fff;color:#b06d92;text-decoration:none;font-weight:800;cursor:pointer}.logo-pill:hover{background:#fdf1f8}nav a{margin-left:12px;text-decoration:none;color:#666}nav a.active{color:#b06d92;font-weight:700}.container{position:relative;z-index:2;max-width:1050px;margin:0 auto;padding:20px}.page-enter{animation:fadeIn .35s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.garden-gate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;background:url('https://images.unsplash.com/photo-1468327768560-75b778cbb551?auto=format&fit=crop&w=2200&q=90') center/cover no-repeat}.garden-gate::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,22,16,.38),rgba(8,12,10,.52)),radial-gradient(circle at 50% 42%, rgba(255,245,224,.10), rgba(8,12,10,.68) 74%)}.garden-gate.hidden{display:none}.gate-vignette{position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 180px rgba(7,10,8,.5)}.gate-door{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(180deg,rgba(39,63,49,.92),rgba(23,36,29,.95));backdrop-filter:blur(1px);transition:transform 1.05s cubic-bezier(.22,.61,.36,1)}.gate-door.left{left:0;border-right:1px solid rgba(255,255,255,.2)}.gate-door.right{right:0;border-left:1px solid rgba(255,255,255,.2)}.garden-gate.open .left{transform:translateX(-105%)}.garden-gate.open .right{transform:translateX(105%)}.gate-center{position:relative;z-index:2;text-align:center;color:#f7f6f2;max-width:760px;padding:22px 20px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.intro-kicker{letter-spacing:.28em;font-size:12px;opacity:.9;margin:0 0 10px;text-transform:uppercase}.gate-center h1{margin:0 0 14px;font-size:64px;letter-spacing:.01em;text-shadow:0 10px 28px rgba(0,0,0,.55)}
.stepbar{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 14px}.stepbar span{padding:6px 10px;border:1px solid #e7d6e0;border-radius:999px;font-size:12px;color:#8a6a7d;background:#fff}.stepbar span.on{background:#b06d92;color:#fff;border-color:#b06d92}
.card{background:#fff;border:1px solid #eee;border-radius:16px;padding:20px;margin-bottom:16px;transition:transform .25s ease, box-shadow .25s ease}.card.card-hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(176,109,146,.12)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;align-items:center}.hero img{width:100%;height:320px;object-fit:cover;border-radius:12px;animation:heroFloat 6s ease-in-out infinite}@keyframes heroFloat{50%{transform:translateY(-6px)}}.badge{display:inline-block;border:1px solid #e7d6e0;color:#9c5f84;padding:6px 10px;border-radius:999px;font-size:12px;animation:pulseGlow 2.2s ease-in-out infinite}@keyframes pulseGlow{50%{box-shadow:0 0 0 5px rgba(243,191,216,.2)}}.btn{position:relative;overflow:hidden;display:inline-block;background:#b06d92;color:#fff;border:0;border-radius:10px;padding:10px 14px;text-decoration:none;cursor:pointer;transition:transform .2s ease, box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(77,106,65,.25)}.btn .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);animation:ripple .55s linear}@keyframes ripple{to{transform:scale(12);opacity:0}}.btn.ghost{background:#fff;color:#b06d92;border:1px solid #b06d92}.nav-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.studio-tabs{display:flex;gap:8px;margin:10px 0}.tab-btn{border:1px solid var(--sg-border);background:rgba(246,250,242,.82);color:#4f6948;border-radius:999px;padding:7px 12px;cursor:pointer}.tab-btn.active{background:linear-gradient(135deg,var(--sg-accent2),var(--sg-accent));color:#fff}.tab-pane{display:none}.tab-pane.active{display:block}
.capacity-wrap{margin-top:8px;height:8px;background:rgba(106,133,87,.15);border-radius:999px;overflow:hidden}.capacity-bar{height:100%;width:0;background:linear-gradient(90deg,#6e895f,#4f6b43)}
.remove-banner{margin-top:8px;padding:8px 10px;border-radius:8px;background:rgba(166,61,61,.14);border:1px solid rgba(166,61,61,.28);color:#7a2d2d;font-weight:600}
.price-sticky{position:fixed;right:18px;bottom:16px;z-index:60;background:rgba(248,251,244,.92);border:1px solid var(--sg-border);border-radius:12px;padding:10px 14px;box-shadow:0 10px 24px rgba(34,55,31,.18);display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:min(92vw,760px)}
body.style-moody .card, body.style-moody .card-preview, body.style-moody .summary{color:#f2f2ec !important; background:rgba(30,38,32,.72)!important;border-color:rgba(214,220,210,.2)!important}
body.style-moody .muted{color:#d9ddd4!important}
.emotion-chart{margin-top:10px;border:1px dashed rgba(106,133,87,.35);border-radius:10px;padding:10px;background:rgba(248,251,244,.7)}
.em-row{display:grid;grid-template-columns:92px 1fr 34px;gap:8px;align-items:center;font-size:12px;margin:6px 0}
.em-bar{height:8px;border-radius:999px;background:rgba(120,145,100,.2);overflow:hidden}.em-fill{height:100%;background:linear-gradient(90deg,#7f9a67,#4f6b43)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.mood-card{padding:14px;border-radius:12px;border:1px solid #eadde5;background:#fff;cursor:pointer}.mood-card.active{border-color:#b06d92;background:#fdf1f8}.result{font-weight:700;color:#2b7557}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;margin:10px 0 6px}select,input,textarea{width:100%;padding:9px;border-radius:8px;border:1px solid #ddd}textarea{min-height:110px}.visual-panel img{width:100%;height:320px;object-fit:cover;border-radius:12px;border:1px solid #e9dbe3;transition:.25s filter,.25s transform}.visual-panel img:hover{transform:scale(1.01)}.swatch{margin-top:10px;height:42px;border-radius:8px;border:1px solid #e6d8e1}.petal-grid{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:8px}.custom-scene{position:relative;height:290px;margin-top:10px;border-radius:12px;border:1px solid rgba(177,132,88,.25);background:linear-gradient(180deg,#fffdf8,#f6efe6);overflow:hidden}.custom-scene::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.45),transparent 42%),radial-gradient(circle at 80% 0%,rgba(255,238,211,.35),transparent 45%)}.custom-scene::after{content:'';position:absolute;left:10%;right:10%;bottom:8px;height:14px;border-radius:50%;background:radial-gradient(circle,rgba(52,37,23,.24),transparent 70%)}.slot-dot{position:absolute;width:18px;height:18px;border-radius:999px;border:1px solid rgba(79,107,67,.35);background:rgba(246,250,242,.82);box-shadow:0 3px 8px rgba(50,70,40,.15)}
.merge-petal{position:absolute;width:10px;height:10px;border-radius:999px;background:#e9a7c8;box-shadow:0 0 0 1px rgba(255,255,255,.35)}.vase-shape{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:108px;height:120px;clip-path:polygon(20% 0,80% 0,68% 100%,32% 100%);background:#b6d0d8;border:2px solid rgba(70,90,98,.3);z-index:3}.vase-shape::after{content:'';position:absolute;left:14%;right:14%;top:18%;height:58%;background:linear-gradient(180deg,rgba(146,196,214,.4),rgba(146,196,214,.12));border-radius:8px}.vase-shape::before{content:'';position:absolute;left:18%;right:18%;top:-6px;height:10px;border-radius:999px;background:rgba(228,240,246,.9);border:1px solid rgba(110,136,146,.45)}.vase-shape.glass{background:rgba(180,220,235,.45)}.vase-shape.ceramic{background:#d9d2c6}.vase-shape.vintage{background:#8a7b5d}.vase-shape.vintage::after{background:linear-gradient(180deg,rgba(222,186,122,.28),rgba(222,186,122,.08))}.bloom{position:absolute;width:58px;height:58px;cursor:grab;touch-action:none;transform-origin:50% 90%;z-index:2}.bloom.selected{outline:2px solid rgba(79,107,67,.75);outline-offset:2px}.bloom svg{width:100%;height:100%;position:relative;z-index:2}.bloom.removable{outline:2px dashed rgba(176,109,146,.6);outline-offset:2px}.stem-line{position:absolute;left:50%;top:46px;transform:translateX(-50%);width:4px;height:86px;border-radius:4px;background:linear-gradient(180deg,#7caf76,#3f7a4a);z-index:1;opacity:.9;transform-origin:50% 100%}.bloom .leaf{position:absolute;width:14px;height:8px;background:#6ea96b;border-radius:14px 14px 2px 14px;left:52%;top:86px;transform:rotate(24deg)}.bloom .leaf.r{left:28%;transform:scaleX(-1) rotate(24deg)}.flower-photo{position:absolute;inset:0;z-index:2;background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.06) drop-shadow(0 4px 8px rgba(60,40,20,.28));border-radius:50%;overflow:hidden}.flower-photo::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.35),rgba(255,255,255,0) 48%)}.flower-sunflower{clip-path:circle(47% at 50% 50%)}.flower-tulip{clip-path:ellipse(42% 48% at 50% 48%)}.flower-lavender-rose,.flower-rose,.flower-peony{clip-path:circle(48% at 50% 50%)}.flower-daisy{clip-path:circle(45% at 50% 50%)}.flower-hydrangea,.flower-ranunculus,.flower-lily{clip-path:circle(47% at 50% 50%)}
.bloom-sunflower .stem-line{background:linear-gradient(180deg,#79a95f,#486f36)}
.bloom-tulip .stem-line{background:linear-gradient(180deg,#84b87a,#4e7f4b)}.bloom-sunflower svg{filter:drop-shadow(0 3px 2px rgba(90,58,29,.25))}.bloom-tulip svg{filter:drop-shadow(0 2px 2px rgba(95,61,81,.2))}.bloom-lavender-rose svg,.bloom-rose svg{filter:drop-shadow(0 2px 3px rgba(124,69,99,.24))}.muted{color:#666}.card-preview{background:#fffcff;border:1px dashed #e6d8e1;border-radius:12px;padding:14px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ba-stage{position:relative;height:220px;border-radius:12px;overflow:hidden;border:1px solid #e8dbe3;margin:8px 0}.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ba-after{position:absolute;inset:0;width:65%;overflow:hidden;border-right:3px solid #fff}.preview-mini{width:100%;height:180px;object-fit:cover;border-radius:10px;border:1px solid #e6d8e1;margin:8px 0;transition:all .25s ease}.preview-flash{box-shadow:0 0 0 3px #f3d9e8;transform:scale(1.02)}.summary{background:#f8fcfa}.effect-soft{filter:saturate(0.92) brightness(1.03)}.effect-vibrant{filter:saturate(1.55) contrast(1.08) hue-rotate(-4deg)}.effect-moody{filter:saturate(0.7) brightness(0.78) contrast(1.24)}.blessing-modal{position:fixed;inset:0;background:rgba(20,18,22,.58);display:none;align-items:center;justify-content:center;z-index:120}.blessing-modal.show{display:flex}.blessing-card-wrap{width:min(760px,92vw)}.blessing-card{background:linear-gradient(160deg,#fff7fc,#f8fff9);border:1px solid #e8d8e3;border-radius:18px;padding:18px;box-shadow:0 18px 45px rgba(0,0,0,.24)}.blessing-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.blessing-hero img{width:100%;height:220px;object-fit:cover;border-radius:12px}.blessing-quote{font-size:20px;line-height:1.4;color:#68465b}
@media(max-width:860px){.hero,.grid3,.two-col,.compare-grid,.blessing-hero{grid-template-columns:1fr}}
.low-power .bg-bloom{animation:none!important;opacity:.12}
.low-power .card.depth-live{transform:none!important}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  .edge-blur{backdrop-filter:none;-webkit-backdrop-filter:none}
  body::after{opacity:.18}
}

/* Cinematic intro upgrade */
.type-line{opacity:0;max-width:640px;margin:10px auto 18px;line-height:1.58;font-size:20px;color:#f7f4ee;text-shadow:0 5px 16px rgba(0,0,0,.58)}
.garden-gate.show-line .type-line{opacity:1;animation:typeFade 1.8s ease forwards}
@keyframes typeFade{from{opacity:0;letter-spacing:.04em;transform:translateY(6px)}to{opacity:1;letter-spacing:normal;transform:none}}
.parchment{position:absolute;z-index:3;max-width:720px;width:84vw;background:linear-gradient(180deg,#f3e8d6,#e8dcc6);border:1px solid rgba(131,105,71,.35);border-radius:18px;padding:30px 28px 32px;box-shadow:0 30px 70px rgba(0,0,0,.45);opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;background-image:linear-gradient(180deg,#f3e8d6,#e8dcc6)}
.garden-gate.show-parchment .parchment{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;animation:paperAppear .8s ease forwards}
@keyframes paperAppear{from{filter:blur(2px)}to{filter:none}}
.parchment h2{margin:0 0 12px;font-size:38px;color:#3e2f23;letter-spacing:.01em}
.parchment p{color:#4b3d31;line-height:1.72;font-size:18px}
.rose{display:none}
.wax-seal{display:inline-block;margin-top:14px;padding:8px 14px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#8f1a1a,#5e1010);color:#f3d8b3;font-weight:700;border:2px solid #471010;box-shadow:inset 0 0 8px rgba(255,255,255,.18)}
.parchment.rolling{animation:paperRoll .9s ease forwards}
@keyframes paperRoll{to{transform:translateY(-120px) scaleY(.1) rotate(-8deg);opacity:0;filter:blur(2px)}}
.garden-gate.fade-out{animation:gateFade .7s ease forwards}
@keyframes gateFade{to{opacity:0;visibility:hidden}}
.petal-ritual{position:relative;height:64px;margin:4px auto 14px;max-width:260px}
.petal-ritual .p{position:absolute;font-size:20px;opacity:0;transform:translate(0,0) scale(.6)}
.petal-ritual .p1{left:8%;top:36%}.petal-ritual .p2{left:24%;top:8%}.petal-ritual .p3{left:42%;top:40%}.petal-ritual .p4{left:58%;top:8%}.petal-ritual .p5{left:74%;top:38%}.petal-ritual .p6{left:88%;top:14%}
.petal-heart{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.2);opacity:0;font-size:28px}
.petal-ritual.active .p{animation:petalMerge 1.8s ease forwards}
.petal-ritual.active .p1{animation-delay:.05s}.petal-ritual.active .p2{animation-delay:.12s}.petal-ritual.active .p3{animation-delay:.2s}.petal-ritual.active .p4{animation-delay:.28s}.petal-ritual.active .p5{animation-delay:.36s}.petal-ritual.active .p6{animation-delay:.44s}
.petal-ritual.active .petal-heart{animation:heartBloom 1.2s ease .9s forwards}
@keyframes petalMerge{0%{opacity:0;transform:translate(0,0) scale(.4)}20%{opacity:1}100%{opacity:.2;transform:translate(calc(130px - 50%),calc(28px - 50%)) scale(.2)}}
@keyframes heartBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* 3D door page transition */
.page-door-transition{position:fixed;inset:0;z-index:140;pointer-events:none;display:none}
.page-door-transition .door{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(180deg,#294033,#1d2c24)}
.page-door-transition .door.left{left:0;transform:translateX(-102%)}
.page-door-transition .door.right{right:0;transform:translateX(102%)}
.page-door-transition.active{display:block;pointer-events:auto}
.page-door-transition.active .door.left{animation:doorInL .6s ease forwards}
.page-door-transition.active .door.right{animation:doorInR .6s ease forwards}
@keyframes doorInL{to{transform:translateX(0)}}
@keyframes doorInR{to{transform:translateX(0)}}

/* Unified cinematic style + softer borders + 3D depth */
.container{perspective:1200px}
.card{background:linear-gradient(180deg,rgba(247,250,242,.86),rgba(242,245,236,.78)) !important;border:1px solid rgba(122,142,104,.20) !important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 10px 28px rgba(37,55,33,.10), inset 0 1px 0 rgba(255,255,255,.45)}
.topbar{background:rgba(242,247,238,.84) !important;backdrop-filter:blur(8px)}
.logo-pill{background:rgba(246,250,240,.88) !important;border-color:rgba(107,135,89,.34) !important;color:#4b6840 !important}
.stepbar span{background:rgba(246,249,240,.78) !important;border-color:rgba(111,136,94,.30) !important;color:#56694d !important}
.stepbar span.on{background:linear-gradient(135deg,#607b56,#4b6843) !important;border-color:#4b6843 !important}
.btn{background:linear-gradient(135deg,#6e895f,#54724b) !important}
.btn.ghost{background:rgba(246,250,242,.8) !important;color:#4f6948 !important;border-color:rgba(106,133,87,.34) !important}
.card-preview,.summary{background:rgba(246,250,242,.76) !important;border:1px solid rgba(111,136,94,.22) !important}
.hero img,.visual-panel img,.preview-mini,.blessing-hero img{border:1px solid rgba(111,136,94,.22) !important;box-shadow:0 10px 26px rgba(40,62,34,.17)}
.edge-blur{box-shadow:inset 0 0 170px rgba(24,40,24,.24), inset 0 0 36px rgba(255,255,255,.18) !important}
.card.depth-live{transition:transform .18s ease, box-shadow .18s ease}
.card.depth-live:hover{box-shadow:0 16px 34px rgba(44,66,39,.16), inset 0 1px 0 rgba(255,255,255,.45)}
.parallax-layer{will-change:transform;transform-style:preserve-3d}

/* 2026-03 cinematic polish pass */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;700;800&display=swap');

:root{
  --sg-ink:#2e241c;
  --sg-gold:#ad8458;
  --sg-warm:#fff7ee;
  --sg-shadow:rgba(52,38,23,.22);
}

body{font-family:Inter,-apple-system,sans-serif;color:var(--sg-ink) !important;background:radial-gradient(circle at 28% 8%,#f8f0e7 0%,#f3e8db 34%,#eaddcf 100%) !important}
h1,h2,h3,.parchment h2,.intro-kicker{font-family:'Cormorant Garamond',serif;letter-spacing:.01em}

.topbar{border-bottom:1px solid rgba(173,132,88,.18);box-shadow:0 8px 30px rgba(61,44,29,.08)}
nav a{color:#5b4636}
nav a:hover{color:#7d5b3d}

.intro-kicker{margin:0 0 2px;color:#f8e5c8;font-size:20px;opacity:.92}
.gate-center{background:linear-gradient(160deg,rgba(20,24,22,.56),rgba(20,26,24,.4));border:1px solid rgba(248,214,173,.3);box-shadow:0 24px 70px rgba(0,0,0,.42)}
.gate-center h1{font-size:56px;line-height:.96;margin-bottom:10px;text-shadow:0 4px 24px rgba(0,0,0,.55)}
.type-line{font-size:15px;color:#efe4d4}
.gate-spark{position:absolute;width:8px;height:8px;border-radius:999px;background:radial-gradient(circle,#fff 0%,#f8dbb5 56%,rgba(248,219,181,0) 70%);filter:blur(.2px);animation:gateSpark 1.2s ease forwards;pointer-events:none;z-index:2}
@keyframes gateSpark{from{opacity:0;transform:translateY(8px) scale(.5)}25%{opacity:1}to{opacity:0;transform:translateY(-26px) scale(1.1)}}
.parchment{background:linear-gradient(180deg,#f6e4bc,#ebd29f 36%,#e5cb93);border-color:#b79259}

.hero{grid-template-columns:1.05fr 1fr;gap:20px;padding:26px}
.hero-copy h1{font-size:54px;line-height:.95;margin:10px 0 14px}
.hero-copy p{font-size:16px;max-width:46ch}
.badge{background:rgba(255,247,233,.62);backdrop-filter:blur(3px)}

.card{border-radius:18px}
.btn{border-radius:12px;box-shadow:0 10px 18px rgba(102,69,45,.2)}
.btn:hover{transform:translateY(-2px) scale(1.01)}

.custom-scene{
  height:320px;
  background:
    radial-gradient(circle at 50% 86%, rgba(127,97,68,.22) 0, rgba(127,97,68,0) 47%),
    linear-gradient(180deg,#fefbf5 0%,#f7efe2 42%,#f1e6d7 100%);
  border:1px solid rgba(173,132,88,.3);
  box-shadow:inset 0 14px 35px rgba(255,255,255,.6), inset 0 -12px 22px rgba(112,81,51,.12);
}
.custom-scene::after{
  content:'';
  position:absolute;
  left:50%;bottom:6px;
  width:180px;height:22px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,35,24,.28),rgba(48,35,24,0) 70%);
}
.vase-shape{box-shadow:inset 0 0 0 1px rgba(255,255,255,.42), 0 10px 20px rgba(64,50,36,.2)}
.vase-shape::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.32),rgba(255,255,255,0) 36%,rgba(0,0,0,.05) 90%);mix-blend-mode:screen}

.bloom{transition:filter .2s ease, transform .2s ease}
.bloom:hover{filter:drop-shadow(0 10px 10px rgba(80,54,35,.3));transform:translateY(-2px)}
.bloom:active{cursor:grabbing;transform:scale(1.04)}

.arrangement-meta{margin-top:8px;font-size:13px}
#quickMixPresets .btn{padding:6px 10px;font-size:12px;border-radius:999px;box-shadow:none}
#quickMixPresets .btn:hover{transform:translateY(-1px)}

@media(max-width:860px){
  .gate-center h1{font-size:40px}
  .hero-copy h1{font-size:42px}
}


/* ===== Full Redesign Override v2 ===== */
:root{--sg-bg1:#d9e4d3;--sg-bg2:#e4e9db;--sg-bg3:#d7cfbf;--sg-ink:#2f2a24;--sg-soft:#f4f0e8;--sg-accent:#4f6b43;--sg-accent2:#6f8a5b;--sg-border:rgba(94,112,78,.26)}
body{color:var(--sg-ink)!important;background:linear-gradient(180deg,var(--sg-bg1) 0%,var(--sg-bg2) 42%,var(--sg-bg3) 100%)!important}
.topbar{background:rgba(242,247,238,.88)!important;border-bottom:1px solid var(--sg-border)!important}
.logo-pill{color:var(--sg-accent)!important;border-color:var(--sg-border)!important;background:rgba(247,250,243,.9)!important}
.stepbar span{border-color:var(--sg-border)!important;background:rgba(247,250,243,.78)!important;color:#50614a!important}
.stepbar span.on{background:linear-gradient(135deg,var(--sg-accent2),var(--sg-accent))!important;color:#fff!important}
.card{border:1px solid var(--sg-border)!important;background:linear-gradient(180deg,rgba(249,251,244,.9),rgba(243,246,236,.82))!important}
.btn{background:linear-gradient(135deg,var(--sg-accent2),var(--sg-accent))!important}
.btn.ghost{color:var(--sg-accent)!important;border-color:var(--sg-border)!important;background:rgba(248,251,244,.82)!important}
.garden-gate{background:url("assets/intro-artwork-pdf.jpg") center 30%/cover no-repeat!important}
.gate-center{max-width:680px!important;padding:34px 40px!important;background:linear-gradient(180deg,rgba(14,22,16,.58),rgba(13,20,16,.48))!important;border-radius:20px!important}
.gate-center h1{font-size:56px!important;line-height:1.06!important}
.type-line{font-size:19px!important;color:#edf2e9!important}
.parchment{background:linear-gradient(180deg,rgba(244,249,242,.96),rgba(230,239,229,.92))!important;border:1px solid rgba(96,124,93,.35)!important;border-radius:16px!important;backdrop-filter:blur(4px)}
.parchment h2{font-size:40px!important;color:#2f472d!important}
.parchment p{font-size:18px!important;color:#395036!important}
.custom-scene{background:linear-gradient(180deg,#f8faf2,#ede8da)!important;border:1px solid rgba(107,128,89,.28)!important}
.summary,.card-preview{background:rgba(247,250,242,.8)!important;border:1px solid rgba(107,128,89,.22)!important}

#dailyUpdateCard .daily-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
#dailyUpdateCard #dailyLine{margin:8px 0 14px;color:#4a5844;line-height:1.55}

/* Builder realism upgrade */
.bloom{overflow:visible}
.flower-head{position:absolute;inset:-2px;z-index:2;filter:drop-shadow(0 6px 10px rgba(45,30,20,.24))}
.flower-photo{position:absolute;inset:0;background-size:132%;background-position:center var(--petal-focus,48%);filter:saturate(1.14) contrast(1.08) brightness(1.02);border-radius:50%;overflow:hidden}
.petal-gloss{position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.38),rgba(255,255,255,0) 42%),radial-gradient(circle at 74% 82%,rgba(255,245,230,.14),rgba(255,245,230,0) 38%)}
.petal-vignette{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 -8px 10px rgba(43,30,22,.12), inset 0 0 0 1px rgba(255,255,255,.18)}

/* irregular petal silhouette to reduce flat-circle look */
.flower-head,.flower-photo,.petal-gloss,.petal-vignette{clip-path:polygon(50% 1%,62% 5%,72% 12%,83% 22%,92% 35%,96% 48%,95% 61%,89% 74%,78% 85%,66% 92%,52% 97%,39% 95%,27% 89%,16% 79%,8% 66%,4% 52%,5% 39%,11% 27%,21% 16%,34% 8%)}

.flower-sunflower .flower-photo,.flower-sunflower{clip-path:circle(47% at 50% 50%)}
.flower-tulip .flower-photo,.flower-tulip{clip-path:ellipse(40% 50% at 50% 48%)}
.flower-lavender-rose .flower-photo,.flower-lavender-rose,.flower-rose .flower-photo,.flower-rose{clip-path:circle(48% at 50% 50%)}
.flower-peony .flower-photo,.flower-peony{clip-path:circle(49% at 50% 50%)}
.flower-daisy .flower-photo,.flower-daisy{clip-path:circle(45% at 50% 50%)}
.flower-hydrangea .flower-photo,.flower-hydrangea,.flower-ranunculus .flower-photo,.flower-ranunculus,.flower-lily .flower-photo,.flower-lily{clip-path:circle(47% at 50% 50%)}
.stem-line{background:linear-gradient(180deg,#89ba7f 0%,#5b934f 46%,#3e6f3d 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.bloom .leaf{background:linear-gradient(160deg,#83ba78,#4f8b4d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.bloom.depth-far .flower-head{filter:blur(.4px) drop-shadow(0 4px 6px rgba(45,30,20,.2))}
.bloom.depth-mid .flower-head{filter:drop-shadow(0 6px 10px rgba(45,30,20,.24))}
.bloom.depth-near .flower-head{filter:drop-shadow(0 9px 14px rgba(45,30,20,.3))}
.bloom.depth-far .stem-line{opacity:.78}
.bloom.depth-near .stem-line{opacity:.98}
.flower-head::after{content:'';position:absolute;inset:-1px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.18),rgba(255,255,255,0) 46%),linear-gradient(160deg,rgba(255,255,255,.06),rgba(0,0,0,.08));mix-blend-mode:soft-light}
.flower-photo{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), 0 6px 10px rgba(66,44,30,.22)}

.intro-artwork{display:block;width:min(420px,100%);margin:0 auto 14px;border-radius:12px;border:1px solid rgba(96,124,93,.35)}
.round-arrow{width:44px;height:44px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1}
.auth-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(15,18,16,.55);z-index:10020}
.auth-modal.show{display:flex}
.auth-card{width:min(420px,92vw);background:linear-gradient(180deg,#f4f9f2,#e9f1e7);border:1px solid rgba(96,124,93,.35);border-radius:14px;padding:16px}
.auth-card input{width:100%;margin-top:6px;margin-bottom:10px;padding:10px;border:1px solid rgba(96,124,93,.35);border-radius:10px;background:#fff}
.auth-card .nav-row .btn{flex:1}
.gate-actions #fastEnterBtn{opacity:.92}
.gate-actions #resetGateBtn{opacity:.78}

.hero-home{position:relative;overflow:hidden}
.hero-home::after{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(163,196,149,.35),rgba(163,196,149,0) 65%);pointer-events:none}
.hero-home h1{font-size:42px;line-height:1.12;letter-spacing:-.01em}
.hero-actions .btn{min-width:180px;justify-content:center}

.trust-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:linear-gradient(180deg,rgba(244,250,241,.95),rgba(234,244,231,.88))!important}
.trust-bar p{margin:0;color:#3a4e36;font-size:14px;line-height:1.45}
@media (max-width:860px){.trust-bar{grid-template-columns:1fr}}

/* cinematic walk-into-garden intro */
.garden-gate.walk-in{animation:walkIntoGarden 1.7s cubic-bezier(.22,.78,.2,1) forwards}
.garden-gate.walk-in .gate-vignette{animation:vignettePulse 1.7s ease-out forwards}
.garden-gate.walk-in .gate-center{animation:centerFloatIn 1.4s ease-out forwards}
.garden-gate.walk-done{transform:scale(1.05)}
@keyframes walkIntoGarden{0%{transform:scale(1) translateY(0);filter:contrast(.94) saturate(.92)}45%{transform:scale(1.05) translateY(-5px);filter:contrast(1) saturate(1)}100%{transform:scale(1.08) translateY(-8px);filter:contrast(1.04) saturate(1.03)}}
@keyframes vignettePulse{0%{opacity:.5}50%{opacity:.72}100%{opacity:.6}}
@keyframes centerFloatIn{0%{transform:translateY(10px);opacity:.72}100%{transform:translateY(0);opacity:1}}

@keyframes petalBreath{0%,100%{transform:rotate(var(--petal-tilt,0deg)) scale(1)}50%{transform:rotate(calc(var(--petal-tilt,0deg) + 1.2deg)) scale(1.01)}}
.bloom .flower-head{animation:petalBreath 4.2s ease-in-out infinite}

/* species-specific modeling */
.flower-sunflower,.flower-sunflower .flower-photo,.flower-sunflower .petal-gloss,.flower-sunflower .petal-vignette{clip-path:polygon(50% 0%,58% 6%,68% 4%,73% 12%,84% 12%,86% 22%,96% 27%,93% 37%,100% 46%,94% 55%,98% 66%,89% 72%,89% 83%,78% 84%,72% 94%,62% 91%,54% 100%,45% 93%,34% 99%,28% 90%,18% 92%,13% 82%,2% 78%,3% 67%,0% 56%,7% 48%,5% 37%,13% 31%,11% 19%,21% 16%,25% 7%,36% 9%,43% 2%)}
.flower-tulip,.flower-tulip .flower-photo,.flower-tulip .petal-gloss,.flower-tulip .petal-vignette{clip-path:polygon(50% 2%,57% 8%,64% 5%,70% 13%,78% 15%,82% 28%,78% 40%,82% 53%,77% 66%,66% 78%,62% 94%,50% 100%,38% 94%,34% 78%,23% 66%,18% 53%,22% 40%,18% 28%,22% 15%,30% 13%,36% 5%,43% 8%)}
.flower-lavender-rose,.flower-lavender-rose .flower-photo,.flower-lavender-rose .petal-gloss,.flower-lavender-rose .petal-vignette,.flower-rose,.flower-rose .flower-photo,.flower-rose .petal-gloss,.flower-rose .petal-vignette,.flower-peony,.flower-peony .flower-photo,.flower-peony .petal-gloss,.flower-peony .petal-vignette{clip-path:polygon(50% 1%,60% 5%,70% 11%,81% 21%,91% 35%,95% 48%,93% 61%,86% 74%,75% 85%,63% 92%,50% 97%,37% 92%,25% 85%,14% 74%,7% 61%,5% 48%,9% 35%,19% 21%,30% 11%,40% 5%)}
.flower-daisy,.flower-daisy .flower-photo,.flower-daisy .petal-gloss,.flower-daisy .petal-vignette{clip-path:polygon(50% 0%,58% 7%,67% 3%,73% 12%,83% 12%,86% 23%,97% 28%,93% 38%,100% 47%,93% 56%,98% 67%,88% 73%,88% 84%,77% 85%,71% 95%,61% 92%,53% 100%,46% 93%,35% 99%,29% 90%,19% 92%,13% 82%,3% 77%,3% 66%,0% 55%,8% 47%,6% 37%,14% 30%,12% 20%,22% 16%,27% 6%,38% 9%,45% 1%)}

.flower-sunflower .flower-photo{background-size:138%;filter:saturate(1.18) contrast(1.1) brightness(1.01)}
.flower-tulip .flower-photo{background-size:146%;background-position:center 36%;filter:saturate(1.1) contrast(1.08)}
.flower-lavender-rose .flower-photo,.flower-rose .flower-photo,.flower-peony .flower-photo{background-size:140%;background-position:center 45%;filter:saturate(1.16) contrast(1.1)}
.flower-daisy .flower-photo{background-size:136%;background-position:center 46%;filter:saturate(1.08) contrast(1.06)}

.species-core,.species-tulip-tip,.species-rose-swirl{position:absolute;pointer-events:none;z-index:3}
.core-sunflower{left:50%;top:50%;width:38%;height:38%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#7b4a26 0%,#4a2915 66%,rgba(41,22,12,.72) 100%);box-shadow:inset 0 0 0 1px rgba(255,225,160,.2)}
.core-daisy{left:50%;top:50%;width:28%;height:28%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffd36a 0%,#d6982b 70%);box-shadow:inset 0 0 0 1px rgba(255,245,210,.36)}
.species-tulip-tip{left:50%;top:16%;width:34%;height:24%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,245,250,.5),rgba(255,245,250,0));clip-path:polygon(50% 0%,74% 24%,64% 100%,36% 100%,26% 24%)}
.species-rose-swirl{left:50%;top:50%;width:30%;height:30%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,220,235,.65),rgba(255,220,235,0) 70%)}

/* realistic core grain */
.core-sunflower::before,.core-daisy::before{content:'';position:absolute;inset:10%;border-radius:50%;background-image:radial-gradient(rgba(30,18,10,.35) 1.1px, transparent 1.2px),radial-gradient(rgba(255,220,150,.22) .9px, transparent 1px);background-size:4px 4px,5px 5px;background-position:0 0,1.8px 1.8px;mix-blend-mode:multiply;opacity:.9}

.petal-grain{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:50%;clip-path:inherit;background-image:radial-gradient(rgba(255,255,255,.07) .8px, transparent .9px),radial-gradient(rgba(80,52,36,.05) .7px, transparent .8px);background-size:3px 3px,4px 4px;background-position:0 0,1.5px 1.5px;mix-blend-mode:soft-light;opacity:.7}
.flower-head{filter:drop-shadow(0 6px 10px rgba(45,30,20,.24)) contrast(1.02)}
.flower-head,.flower-photo,.petal-gloss,.petal-vignette{border-radius:calc(50% - var(--edge-noise,1.4px))}
.petal-gloss{background:radial-gradient(circle at var(--light-x,34%) 24%,rgba(255,255,255,.36),rgba(255,255,255,0) 42%),radial-gradient(circle at 74% 82%,rgba(255,245,230,.14),rgba(255,245,230,0) 38%)}
.flower-photo{mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.98) 76%,rgba(0,0,0,.8) 86%,rgba(0,0,0,.15) 98%,transparent 100%)}

/* randomized edge shape library */
.flower-head.shape-1,.flower-head.shape-1 .flower-photo,.flower-head.shape-1 .petal-gloss,.flower-head.shape-1 .petal-vignette{clip-path:polygon(50% 1%,62% 5%,72% 12%,83% 22%,92% 35%,96% 48%,95% 61%,89% 74%,78% 85%,66% 92%,52% 97%,39% 95%,27% 89%,16% 79%,8% 66%,4% 52%,5% 39%,11% 27%,21% 16%,34% 8%)}
.flower-head.shape-2,.flower-head.shape-2 .flower-photo,.flower-head.shape-2 .petal-gloss,.flower-head.shape-2 .petal-vignette{clip-path:polygon(50% 0%,59% 4%,70% 10%,80% 20%,89% 33%,94% 46%,93% 59%,86% 72%,76% 84%,64% 92%,50% 99%,36% 93%,24% 86%,14% 74%,8% 61%,6% 48%,10% 35%,18% 22%,29% 11%,41% 4%)}
.flower-head.shape-3,.flower-head.shape-3 .flower-photo,.flower-head.shape-3 .petal-gloss,.flower-head.shape-3 .petal-vignette{clip-path:polygon(50% 2%,61% 6%,73% 14%,82% 25%,90% 36%,94% 49%,92% 62%,84% 75%,72% 86%,60% 93%,47% 98%,35% 94%,23% 87%,14% 77%,8% 64%,6% 51%,8% 38%,15% 26%,25% 15%,37% 7%)}

@keyframes speciesSwaySun{0%,100%{transform:rotate(calc(var(--petal-tilt,0deg) - .5deg))}50%{transform:rotate(calc(var(--petal-tilt,0deg) + var(--species-sway,1deg)))}}
@keyframes speciesSwayTulip{0%,100%{transform:translateY(0) rotate(calc(var(--petal-tilt,0deg) - .2deg))}50%{transform:translateY(-1px) rotate(calc(var(--petal-tilt,0deg) + var(--species-sway,1deg)))} }
@keyframes speciesSwayRose{0%,100%{transform:scale(1) rotate(var(--petal-tilt,0deg))}50%{transform:scale(1.01) rotate(calc(var(--petal-tilt,0deg) + .6deg))}}

.bloom .flower-sunflower{animation:speciesSwaySun 4.6s ease-in-out infinite}
.bloom .flower-tulip{animation:speciesSwayTulip 3.8s ease-in-out infinite}
.bloom .flower-lavender-rose,.bloom .flower-rose,.bloom .flower-peony{animation:speciesSwayRose 4.3s ease-in-out infinite}

/* scene filmic depth */
#customScene{background-image:radial-gradient(circle at 50% 6%,rgba(255,255,255,.34),rgba(255,255,255,0) 52%),radial-gradient(circle at 50% 100%,rgba(110,82,60,.12),rgba(110,82,60,0) 56%),linear-gradient(180deg,#f8faf2,#ede8da)}
#customScene::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.032) .7px, transparent .8px);background-size:3px 3px;opacity:.35;mix-blend-mode:multiply}


/* === UX cleanup pass (2026-03-08) === */
nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}
nav a{margin-left:0;padding:8px 10px;border-radius:999px;transition:background .2s ease,color .2s ease}
nav a:hover{background:rgba(255,255,255,.65)}
.container{max-width:1160px;padding:28px 22px 36px}
.page-banner{padding:24px 26px}
.page-banner h1,.section-card h2{margin:6px 0 10px;font-size:42px;line-height:1.02}
.hero-home{min-height:420px}
.hero-home img{height:360px;object-fit:contain;background:linear-gradient(180deg,rgba(255,250,243,.92),rgba(245,235,220,.75));padding:14px}
.hero-actions{margin-top:18px}
.gate-note{margin-top:8px;color:rgba(247,244,238,.84);font-size:14px}
.section-heading{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.eyebrow{margin:0;color:#8c6c47;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.stats-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.stat-card,.feature-card{padding:18px 18px 20px}
.stat-card strong{display:inline-flex;width:42px;height:42px;border-radius:999px;align-items:center;justify-content:center;background:rgba(117,140,92,.12);color:#536c46;margin-bottom:8px}
.stat-card h3,.feature-card h3,.flow-card h3{margin:6px 0 8px;font-size:24px;line-height:1.05}
.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.flow-card{padding:18px;border-radius:16px;background:rgba(255,252,245,.7);border:1px solid rgba(166,135,98,.16)}
.flow-card span{display:inline-flex;min-width:64px;padding:6px 10px;border-radius:999px;background:rgba(117,140,92,.12);color:#536c46;font-size:12px;font-weight:700}
.page-grid{display:grid;gap:16px}
.page-grid-main{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr)}
.sidebar-stack{display:grid;gap:16px;align-content:start}
.section-card p:last-child{margin-bottom:0}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.field-grid-tight label{margin:0}
.clean-list{margin:0;padding-left:18px;display:grid;gap:10px}
.clean-list.compact{gap:8px}
.notice-card{background:linear-gradient(180deg,rgba(255,247,236,.88),rgba(246,238,222,.8)) !important}
.daily-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.footer-simple{max-width:1160px;margin:0 auto 28px;padding:0 22px;display:flex;justify-content:space-between;gap:16px;align-items:flex-end}
.footer-simple p{margin:.35rem 0 0}
.hero-split{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:center}
.hero-split img{width:100%;height:300px;object-fit:cover;border-radius:14px;background:rgba(255,255,255,.62)}
.builder-shell{align-items:start}
.builder-controls,.builder-preview-panel{display:grid;gap:14px}
.builder-note h3{margin:0 0 8px}
.studio-panel .card-preview{margin-top:12px}
.form-side h2{margin-top:6px}
.mood-tip-card strong{color:#4d6844}
.card-preview h4,.card-preview h3{margin-top:0}
.stepbar{margin-bottom:16px}
.summary:empty::before{content:'Your profile summary will appear here as you fill the form.';color:#6f6f6f}
#infoSummary h3{margin-top:0}
#livePreview:empty::before{content:'Your bouquet summary will update here.';color:#6f6f6f}
#summary:empty::before{content:'The final bouquet and support summary will appear here.';color:#6f6f6f}
#cardPreview{min-height:72px}
.price-sticky{bottom:20px}
.footer-builder{padding-bottom:90px}
.auth-card h3{margin-top:0}
.auth-card label{margin-bottom:10px}
.auth-card p:last-child{margin-bottom:0}

@media(max-width:980px){
  .hero,.hero-split,.page-grid-main,.stats-grid,.feature-grid,.flow-grid,.field-grid{grid-template-columns:1fr}
  .footer-simple{flex-direction:column;align-items:flex-start}
  .page-banner h1,.section-card h2,.hero-copy h1{font-size:34px}
  .price-sticky{left:12px;right:12px;max-width:none}
}

@media(max-width:720px){
  .topbar{align-items:flex-start;gap:10px;flex-direction:column}
  nav{justify-content:flex-start}
  .container{padding:20px 16px 28px}
  .page-banner,.card,.card-preview{padding:18px}
  .hero-home img{height:260px}
  .gate-center h1{font-size:42px}
  .footer-simple{padding:0 16px}
}


/* 2026-03 professional polish pass */
.nav-toggle{display:none;border:1px solid rgba(107,135,89,.3);background:rgba(246,250,242,.88);color:#4b6840;border-radius:12px;padding:8px 12px;font-size:18px;cursor:pointer}
.site-nav{display:flex;align-items:center;gap:2px}
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.featured-item{padding:18px;border-radius:16px;border:1px solid rgba(111,136,94,.2);background:linear-gradient(180deg,rgba(251,248,242,.94),rgba(245,238,228,.88));display:grid;gap:12px}
.featured-tag{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:rgba(79,107,67,.12);color:#4f6b43;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.professional-rail .three-up{grid-template-columns:repeat(3,1fr)}
.feature-card-plain{background:rgba(255,252,247,.72)}
.service-rails .flow-grid,.featured-builds .featured-grid{margin-top:6px}
.template-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 8px}
.template-chip{border:1px solid rgba(106,133,87,.28);background:rgba(246,250,242,.88);color:#4f6948;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:700}
.template-chip.active{background:linear-gradient(135deg,#6e895f,#54724b);color:#fff;border-color:transparent}
.checklist-card{margin-top:12px;padding:14px;border-radius:14px;border:1px solid rgba(111,136,94,.2);background:rgba(246,250,242,.72)}
.checklist-card h3{margin:0 0 8px}
.save-pulse{color:#4f6b43;font-weight:700}
.product-polish-card ul{margin:0;padding-left:18px}
.product-polish-card li{margin:6px 0}

@media(max-width:900px){
  .featured-grid,.professional-rail .three-up{grid-template-columns:1fr}
}
@media(max-width:760px){
  .topbar{display:grid;grid-template-columns:auto auto;gap:10px}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;justify-self:end}
  .site-nav{grid-column:1/-1;display:none;flex-direction:column;align-items:stretch;padding-top:6px}
  .site-nav.open{display:flex}
  .site-nav a{margin:0;padding:10px 12px;border-radius:10px;background:rgba(246,250,242,.72)}
}


/* 2026-03-09 premium visual + navigation + auth pass */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&display=swap');
:root{
  --premium-cream:#f7f4ee;
  --premium-cream-2:#fbf8f2;
  --premium-green:#536c48;
  --premium-green-2:#6e865c;
  --premium-brown:#755b44;
  --premium-ink:#2f3029;
  --premium-border:rgba(104,126,86,.18);
  --premium-shadow:0 22px 60px rgba(45,52,36,.12);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--premium-ink);background:
  radial-gradient(circle at 0% 0%, rgba(204,221,193,.36), transparent 30%),
  radial-gradient(circle at 100% 0%, rgba(236,222,206,.42), transparent 28%),
  linear-gradient(180deg,#edf2e8 0%, #f5f3eb 58%, #efe9df 100%)}
h1,h2,h3,.gate-center h1{font-family:'Cormorant Garamond', Georgia, serif; letter-spacing:.01em}
h1{font-weight:700}
h2,h3{font-weight:600}
.topbar{
  padding:16px max(18px,calc((100vw - 1180px)/2));
  background:rgba(250,251,247,.82)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(110,132,92,.18)!important;
  box-shadow:0 10px 34px rgba(66,73,58,.08);
}
.logo-pill{
  padding:14px 26px;
  border:1px solid rgba(106,133,87,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,247,241,.94));
  color:#4a6140;
  font-size:1.05rem;
  gap:10px;
  box-shadow:0 10px 28px rgba(62,78,49,.08);
}
.logo-pill:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(62,78,49,.12)}
.site-nav{gap:6px;flex-wrap:wrap;justify-content:flex-end}
.site-nav a{
  margin-left:0;
  padding:10px 14px;
  border-radius:999px;
  color:#4f5648;
  font-weight:600;
  transition:all .2s ease;
}
.site-nav a:hover{background:rgba(94,119,78,.09);color:#42553a}
.site-nav a.active{
  background:linear-gradient(135deg,#d79bc0,#b974a1);
  color:#fff;
  box-shadow:0 12px 22px rgba(176,109,146,.22);
}
.container{max-width:1180px;padding:28px 24px 40px}
.card,.card-preview{
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(251,248,241,.82));
  border:1px solid var(--premium-border);
  box-shadow:var(--premium-shadow);
  border-radius:24px;
}
.page-banner,.hero,.section-card{overflow:hidden}
.hero-home{
  padding:34px 36px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:28px;
  align-items:center;
  background:
    radial-gradient(circle at 15% 20%, rgba(181,213,167,.30), transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(247,241,231,.88));
}
.hero-home img{
  border-radius:22px;
  background:linear-gradient(180deg,rgba(242,248,238,.86),rgba(237,228,214,.86));
  border:1px solid rgba(124,145,103,.14);
  box-shadow:0 18px 38px rgba(78,96,67,.10);
}
.badge,.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(98,126,82,.09);
  color:#4f6947;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:11px;
}
.hero-copy h1,.page-banner h1,.section-card h2{font-size:clamp(2.4rem,4vw,4.15rem); line-height:.96}
.page-banner{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(246,240,230,.92))}
.btn{
  border-radius:999px;
  border:1px solid rgba(86,109,72,.12);
  background:linear-gradient(135deg,#6f8760,#4f6846);
  color:#fff;
  padding:12px 18px;
  font-weight:700;
  box-shadow:0 14px 30px rgba(68,89,60,.18);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(68,89,60,.22)}
.btn.ghost{
  background:rgba(255,255,255,.72);
  color:#4a5d41;
  border-color:rgba(97,121,81,.18);
  box-shadow:none;
}
.btn.ghost:hover{background:rgba(250,251,247,.95)}
.stepbar.progress-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:2px 0 18px;
  padding:14px 16px;
  border:1px solid rgba(111,136,94,.16);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(248,250,245,.82),rgba(243,247,239,.70));
  box-shadow:0 10px 26px rgba(61,80,50,.06);
}
.progress-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  color:#4f6247;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(111,136,94,.18);
  transition:all .18s ease;
}
.progress-link:hover{background:rgba(247,250,243,.98);transform:translateY(-1px)}
.progress-link.current{
  color:#fff;
  background:linear-gradient(135deg,#6f8760,#4f6846);
  border-color:transparent;
  box-shadow:0 12px 24px rgba(74,97,64,.22);
}
.trust-bar{
  gap:18px;
  background:linear-gradient(135deg,rgba(253,250,244,.9),rgba(244,249,240,.88));
}
.feature-card,.flow-card,.stat-card,.featured-item{
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(247,242,234,.84));
  border:1px solid rgba(111,136,94,.14);
  box-shadow:0 12px 26px rgba(62,76,50,.07);
}
.feature-card h3,.flow-card h3,.featured-item h3,.stat-card h3{font-size:1.55rem;margin:6px 0 8px}
.flow-card span,.stat-card strong{
  font-family:'Inter',sans-serif;
  letter-spacing:.08em;
  color:#6e865c;
}
.footer-simple{
  max-width:1180px;
  margin:36px auto 48px;
  padding:0 24px;
}
.auth-modal{backdrop-filter:blur(10px)}
.auth-card{
  width:min(560px,92vw);
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(105,128,88,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,244,236,.95));
  box-shadow:0 28px 70px rgba(24,28,21,.22);
}
.auth-card h3{margin:0 0 8px;font-size:2.4rem}
.auth-card label{
  display:grid;
  gap:8px;
  font-weight:600;
  color:#465542;
  margin:10px 0;
}
.auth-card input{
  border-radius:16px;
  border:1px solid rgba(111,136,94,.22);
  padding:12px 14px;
  background:rgba(252,251,247,.94);
  font:inherit;
}
.auth-mini-note{
  margin-top:4px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(95,122,81,.07);
  border:1px solid rgba(111,136,94,.14);
}
.account-explainer code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  background:rgba(84,107,70,.08);
  padding:2px 6px;
  border-radius:8px;
}
.professional-rail,.account-explainer,.featured-builds,.service-rails{
  background:
    radial-gradient(circle at top right, rgba(205,222,193,.22), transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.90),rgba(247,242,233,.90));
}
.muted{color:#596457}
@media (max-width:960px){
  .hero-home{grid-template-columns:1fr}
}
@media (max-width:760px){
  .topbar{padding:14px 16px}
  .logo-pill{padding:12px 18px}
  .site-nav a{padding:11px 14px}
  .stepbar.progress-nav{padding:12px}
  .progress-link{min-height:40px;padding:0 14px}
  .hero-home,.page-banner,.card,.card-preview{padding:20px!important}
}

.account-pill{
  margin-left:10px;
  border:none;
  border-radius:999px;
  padding:10px 14px;
  background:rgba(255,255,255,.78);
  color:#4d6044;
  font-weight:700;
  box-shadow:0 10px 22px rgba(67,82,57,.08);
  cursor:pointer;
}
.account-pill:hover{background:rgba(248,250,244,.96)}
@media (max-width:760px){
  .account-pill{justify-self:start;margin-left:0}
}

/* v2.4 digital flower beta refinements */
.digital-hero{
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.85), rgba(255,255,255,0) 34%),
    linear-gradient(135deg, rgba(239,244,231,.94), rgba(244,236,225,.96));
  border:1px solid rgba(97,114,86,.12);
  box-shadow:0 28px 70px rgba(81,98,72,.10);
}
.beta-banner{
  display:grid;
  grid-template-columns:1.5fr .9fr;
  gap:24px;
  align-items:center;
  background:linear-gradient(180deg, rgba(255,252,247,.98), rgba(247,241,232,.96));
}
.beta-stack{
  display:grid;
  gap:12px;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid rgba(111,127,101,.14);
  background:rgba(255,255,255,.62);
}
.trust-bar-digital p{
  padding:12px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.58);
}
.checkout-emphasis{
  background:linear-gradient(180deg, rgba(254,252,249,.98), rgba(246,239,230,.98));
}
.hero-side-card{
  padding:24px;
  border-radius:24px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(101,118,91,.13);
  box-shadow:0 20px 55px rgba(73,86,66,.08);
}
.featured-item,
.feature-card-plain,
.flow-card,
.stat-card,
.account-grid .feature-card{
  box-shadow:0 16px 46px rgba(78,90,70,.06);
}
.progress-nav{
  position:sticky;
  top:86px;
  z-index:10;
  backdrop-filter:blur(10px);
  background:rgba(246,248,241,.78);
}
#orderStatus.result{
  min-height:1.5em;
  font-weight:600;
}
@media (max-width: 900px){
  .beta-banner{grid-template-columns:1fr;}
}