:root{
  --cream:#f5efe2;--paper:#fffdf7;--paper-2:#fbf5e8;--green:#1e321f;--green-2:#2e492c;--green-3:#3e5c34;--gold:#c8a04b;--gold-2:#e0be70;--ink:#20241d;--muted:#6e6a5f;--line:#d9cfbb;--danger:#9f3f36;--success:#2f6a45;--shadow:0 24px 60px rgba(24,34,23,.16);--radius:24px;--radius-sm:16px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}body.app-body{background:linear-gradient(135deg,#f8f1e4,#efe5d2)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.hidden{display:none!important}.container{width:min(1180px,calc(100% - 32px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:900;color:var(--gold);margin:0 0 10px}.small{font-size:.9rem}.muted{color:var(--muted)}.success{color:var(--success)!important}.error{color:var(--danger)!important}.center{text-align:center}.full{width:100%}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,247,.95);border-bottom:1px solid rgba(30,50,31,.12);backdrop-filter:blur(14px)}.nav{width:min(1240px,calc(100% - 28px));min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;min-width:260px}.brand img{width:54px;height:54px}.brand-copy{display:grid;line-height:1}.brand-name{font-family:"Segoe Script","Brush Script MT",cursive;font-size:1.7rem;color:#19291a;font-weight:700;white-space:nowrap}.brand-sub{font-size:.68rem;letter-spacing:.06em;font-weight:800;color:#30372d;margin-top:7px}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a,.nav-links button{border:0;background:transparent;color:#19231a;font-weight:800;padding:11px 13px;border-radius:8px}.nav-links a:hover,.nav-links button:hover{background:#f1e8d7}.nav-links .nav-active{color:#a67d28;border-bottom:3px solid var(--gold);border-radius:0}.nav-actions{display:flex;gap:10px}.nav-toggle{display:none;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:10px 12px;font-weight:900}
.btn{appearance:none;border:1px solid transparent;border-radius:8px;min-height:48px;padding:12px 20px;font-weight:900;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green-2);color:#fff;border-color:var(--green-2);box-shadow:0 12px 30px rgba(30,50,31,.2)}.btn-primary:hover{background:var(--green)}.btn-gold{background:var(--gold);color:#182619;border-color:var(--gold)}.btn-gold:hover{background:var(--gold-2)}.btn-outline{background:transparent;color:var(--green);border-color:var(--green)}.btn-light{background:var(--paper);color:var(--green);border-color:var(--line)}.btn-danger{background:#fff5f3;color:var(--danger);border-color:#e7b9b3}.btn-small{min-height:40px;padding:8px 14px;font-size:.9rem}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.home-hero{position:relative;min-height:630px;background:#102018 url('/assets/forest-path.svg') center/cover no-repeat;color:white;overflow:hidden}.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,10,.94) 0%,rgba(9,22,12,.74) 37%,rgba(10,24,13,.14) 67%,rgba(8,20,11,.6) 100%)}.hero-inner{position:relative;z-index:2;min-height:630px;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:50px;align-items:center;padding:66px 0}.hero-copy{max-width:660px}.hero-copy h1{font-size:clamp(3.2rem,6vw,6.4rem);line-height:.93;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 24px;font-family:Impact,"Arial Narrow",sans-serif;font-weight:800}.hero-copy h1 span{display:block;color:#d4a844}.hero-copy p{font-size:1.26rem;max-width:480px;color:#f7f3e9;margin:0 0 28px}.hero-phone{justify-self:end;background:linear-gradient(145deg,#243b24,#142318);border:1px solid rgba(224,190,112,.48);border-radius:28px;padding:27px 28px;box-shadow:0 30px 80px rgba(0,0,0,.38);width:100%;max-width:355px;position:relative}.hero-phone:before{content:"";position:absolute;top:15px;left:50%;width:82px;height:7px;background:rgba(255,255,255,.16);border-radius:99px;transform:translateX(-50%)}.phone-brand{font-family:"Segoe Script","Brush Script MT",cursive;font-size:1.7rem;color:#fff;margin:12px 0 2px}.phone-brand span{color:var(--gold)}.phone-sub{font-size:.69rem;letter-spacing:.06em;font-weight:900;color:#e9e0ca;padding-bottom:17px;border-bottom:1px solid rgba(224,190,112,.25)}.hero-phone h2{font-size:2.1rem;line-height:1.05;text-transform:uppercase;font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:.02em;margin:22px 0 12px}.hero-phone p{font-size:1.02rem;color:#f3ead7;margin-bottom:24px}.category-ribbon{background:var(--paper);border-bottom:1px solid var(--line)}.category-ribbon .container{display:grid;grid-template-columns:repeat(6,1fr)}.ribbon-item{padding:27px 15px;text-align:center;border-right:1px solid var(--line);font-size:.82rem;font-weight:900;text-transform:uppercase;line-height:1.25}.ribbon-item:last-child{border-right:0}.ribbon-icon{width:48px;height:48px;margin:0 auto 10px;border:2px solid var(--green-2);border-radius:14px;display:grid;place-items:center;color:var(--green);font-size:1.5rem;background:#f6f0e4}
.section{padding:76px 0}.section-soft{background:var(--paper-2)}.section-dark{background:var(--green);color:white}.section-heading{max-width:760px;margin-bottom:34px}.section-heading.center{margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(2.1rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.045em;color:var(--green);margin:0 0 15px}.section-dark .section-heading h2{color:white}.section-heading p{font-size:1.08rem;color:var(--muted);margin:0}.section-dark .section-heading p{color:#ded8ca}.mission-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.mission-panel{border-radius:var(--radius);padding:38px;background:var(--green);color:white;box-shadow:var(--shadow)}.mission-panel.alt{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.mission-panel h3{font-size:2rem;line-height:1.1;margin:0 0 18px}.mission-panel p{font-size:1.08rem;margin:0 0 16px}.mission-anchor{font-family:"Segoe Script","Brush Script MT",cursive;color:var(--gold-2);font-size:1.55rem;margin-top:24px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 14px 35px rgba(25,36,23,.07)}.resource-card .icon{width:52px;height:52px;border-radius:16px;background:var(--green);color:var(--gold-2);display:grid;place-items:center;font-size:1.5rem;margin-bottom:16px}.resource-card h3{font-size:1.28rem;color:var(--green);margin:0 0 9px}.resource-card p{color:var(--muted);margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:relative}.price-card.featured{border:2px solid var(--gold);box-shadow:var(--shadow)}.price-card .badge{position:absolute;right:18px;top:18px;border-radius:99px;background:#f3e6bd;color:#76591f;padding:6px 10px;font-size:.72rem;font-weight:900;text-transform:uppercase}.price-card h3{color:var(--green);font-size:1.45rem;margin:0 0 8px}.price-card .price{font-size:2.35rem;font-weight:950;color:var(--green);margin-bottom:12px}.price-card ul{padding-left:20px;color:var(--muted);min-height:160px}.contact-card{background:linear-gradient(135deg,var(--green),#2d482c);border-radius:var(--radius);padding:38px;color:white;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.contact-card h2{font-size:2.5rem;line-height:1.05;margin:0 0 12px}.contact-card p{margin:0;color:#e8e0d0}.site-footer{background:#142316;color:#eee5d4;padding:38px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:45px;height:45px}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:.9rem;font-weight:700}.copyright{font-size:.8rem;color:#c9c0ad;margin-top:12px}
.app-shell{min-height:100vh}.app-topbar{background:var(--paper);border-bottom:1px solid var(--line);padding:14px 0;position:sticky;top:0;z-index:40}.app-topbar .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.app-user{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-pill{background:#eff3e9;color:var(--green);border:1px solid #ccd7c5;padding:8px 12px;border-radius:99px;font-size:.86rem;font-weight:800}.app-main{padding:46px 0 80px}.gateway-wrap{max-width:980px;margin:auto}.gateway-card{background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:38px;box-shadow:var(--shadow)}.gateway-card h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1;letter-spacing:-.05em;color:var(--green);margin:0 0 16px}.gateway-actions{display:flex;gap:12px;flex-wrap:wrap}.status-box{background:#f6f0e4;border:1px solid var(--line);border-radius:16px;padding:15px;margin:18px 0}.status-box strong{color:var(--green)}.spinner{width:40px;height:40px;border:4px solid #ddd1b9;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin:18px auto}@keyframes spin{to{transform:rotate(360deg)}}
.dashboard-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.dashboard-header h1{font-size:clamp(2.2rem,4.8vw,4rem);line-height:1;letter-spacing:-.045em;color:var(--green);margin:0 0 8px}.dashboard-header p{margin:0;color:var(--muted)}.free-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:22px}.category-button{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:22px 14px;text-align:center;color:var(--green);font-weight:900;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:.18s}.category-button:hover,.category-button.active{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 12px 28px rgba(30,50,31,.1);background:#fff9ea}.category-button .cat-icon{font-size:2rem}.generator-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:22px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 32px rgba(25,36,23,.06)}.panel h2,.panel h3{color:var(--green);margin-top:0}.panel label{font-weight:900;color:var(--green);display:block;margin:14px 0 7px}.panel input,.panel select,.panel textarea{width:100%;border:1px solid #d2c6ae;background:#fff;border-radius:12px;padding:12px 13px;color:var(--ink)}.panel select:focus,.panel input:focus,.panel textarea:focus{outline:3px solid rgba(200,160,75,.23);border-color:var(--gold)}.category-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.category-nav button{border:1px solid var(--line);background:#fbf7ee;color:var(--green);border-radius:12px;padding:11px 9px;font-weight:850;text-align:left}.category-nav button.active{background:var(--green);color:white;border-color:var(--green)}.option-group{display:none}.option-group.active{display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-card{min-height:480px;display:flex;flex-direction:column}.result-badge{align-self:flex-start;background:#eaf0e3;color:var(--green);border-radius:99px;padding:7px 11px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.result-card h2{font-size:2.1rem;line-height:1.08;margin:18px 0 15px}.result-message{white-space:pre-wrap;font-size:1.08rem;line-height:1.7;color:#373b34;flex:1}.result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.action-row{display:flex;gap:10px;flex-wrap:wrap}.shuffle-meter{background:#f3ead7;border:1px solid #dfd0b1;border-radius:14px;padding:11px 13px;font-size:.88rem;color:#5f563f;margin:12px 0}.upgrade-banner{margin-top:24px;background:linear-gradient(135deg,var(--green),#345434);border-radius:24px;padding:28px;color:white;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.upgrade-banner h3{font-size:1.65rem;margin:0 0 6px}.upgrade-banner p{margin:0;color:#e9e1d1}.locked-screen{max-width:720px;margin:50px auto;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:36px;text-align:center;box-shadow:var(--shadow)}.notice{border-left:4px solid var(--gold);background:#fff9e9;border-radius:12px;padding:13px 14px;color:#5e563f;font-size:.9rem}.loading-skeleton{height:17px;border-radius:8px;background:linear-gradient(90deg,#eee5d5,#faf7ef,#eee5d5);background-size:200% 100%;animation:shimmer 1.4s infinite;margin-bottom:10px}@keyframes shimmer{to{background-position:-200% 0}}
.modal-backdrop{position:fixed;inset:0;background:rgba(8,15,9,.64);display:grid;place-items:center;padding:20px;z-index:100}.modal-card{width:min(520px,100%);background:var(--paper);border-radius:24px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.modal-card h2{color:var(--green);margin:0 0 10px}.modal-card .close{float:right;border:0;background:transparent;font-size:1.3rem}.toast{position:fixed;right:20px;bottom:20px;z-index:120;background:var(--green);color:#fff;padding:14px 17px;border-radius:14px;box-shadow:var(--shadow);max-width:360px}.toast.error{background:var(--danger);color:#fff!important}
@media(max-width:1050px){.nav-links{display:none;position:absolute;top:92px;left:0;right:0;background:var(--paper);padding:18px;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.1)}.nav-links.open{display:grid}.nav-toggle{display:block}.nav-actions{margin-left:auto}.hero-inner{grid-template-columns:1fr 330px}.category-ribbon .container{grid-template-columns:repeat(3,1fr)}.ribbon-item:nth-child(3){border-right:0}.ribbon-item:nth-child(-n+3){border-bottom:1px solid var(--line)}.resource-grid{grid-template-columns:repeat(2,1fr)}.free-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.hero-inner{grid-template-columns:1fr;padding:54px 0}.hero-phone{justify-self:start}.home-hero:before{background:linear-gradient(90deg,rgba(6,17,10,.93),rgba(8,20,11,.55))}.mission-grid,.generator-layout{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.price-card ul{min-height:auto}.contact-card,.upgrade-banner{grid-template-columns:1fr}.dashboard-header{display:block}.dashboard-header .action-row{margin-top:16px}}
@media(max-width:640px){.container{width:min(100% - 22px,1180px)}.nav{min-height:76px}.brand{min-width:0}.brand img{width:44px;height:44px}.brand-name{font-size:1.3rem}.brand-sub{font-size:.55rem}.nav-links{top:76px}.nav-actions .btn-outline{display:none}.home-hero,.hero-inner{min-height:620px}.hero-copy h1{font-size:3.15rem}.hero-copy p{font-size:1.08rem}.hero-phone{max-width:100%}.category-ribbon .container{grid-template-columns:repeat(2,1fr)}.ribbon-item:nth-child(3){border-right:1px solid var(--line)}.ribbon-item:nth-child(even){border-right:0}.ribbon-item:nth-child(-n+4){border-bottom:1px solid var(--line)}.section{padding:54px 0}.mission-panel{padding:26px}.resource-grid{grid-template-columns:1fr}.free-grid{grid-template-columns:1fr 1fr}.free-grid .category-button:last-child{grid-column:1/-1}.category-nav{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.panel{padding:20px}.gateway-card{padding:25px}.app-topbar .brand-sub{display:none}.app-user .account-pill{display:none}.result-card h2{font-size:1.75rem}.footer-grid{display:grid}.nav-actions .btn{padding:9px 11px;min-height:40px}.brand-copy{max-width:170px}}

/* 2026-07-10 task-first member experience */
.quick-start-section{background:#f7f2e7}.task-launcher-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.task-tile{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px;text-decoration:none;box-shadow:0 10px 26px rgba(25,36,23,.06);transition:transform .18s,border-color .18s,box-shadow .18s}.task-tile:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 16px 34px rgba(25,36,23,.1)}.task-tile.premium{background:linear-gradient(145deg,#fffaf0,#f2ead8)}.task-tile .task-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:var(--green);color:var(--gold-2);font-size:1.35rem;flex:0 0 auto}.task-tile strong{display:block;color:var(--green);font-size:1rem}.task-tile small{display:block;color:var(--muted);font-size:.76rem;margin-top:3px}.intent-box{border:1px solid #d7c99f;background:#fff8e6;border-radius:14px;padding:13px 15px;margin:16px 0;color:#5d5237}.intent-box strong{color:var(--green)}
.member-intro-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#edf2e8;border:1px solid #d2ddcb;border-radius:18px;padding:15px 18px;margin-bottom:18px}.member-intro-strip strong{display:block;color:var(--green)}.member-intro-strip span{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}.text-link,.text-button{color:var(--green);font-weight:900;text-decoration:underline;text-underline-offset:3px}.text-button{border:0;background:transparent;padding:4px;cursor:pointer}.text-button:hover,.text-link:hover{color:#7d6227}
.premium-preview{margin-top:30px;padding:30px;border:1px solid var(--line);border-radius:26px;background:#fbf7ee}.compact-heading{margin-bottom:20px}.compact-heading h2{font-size:clamp(1.8rem,3vw,2.5rem)}.locked-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.locked-feature{position:relative;border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:20px;text-align:left;min-height:150px;cursor:pointer;transition:.18s}.locked-feature:after{content:'FULL ACCESS';position:absolute;right:12px;top:12px;border-radius:99px;background:#efe1b5;color:#76591f;padding:5px 8px;font-size:.62rem;font-weight:950;letter-spacing:.06em}.locked-feature>span{display:block;font-size:1.6rem;color:var(--gold);margin-bottom:13px}.locked-feature strong{display:block;color:var(--green);font-size:1rem;padding-right:72px}.locked-feature small{display:block;color:var(--muted);line-height:1.45;margin-top:7px}.locked-feature:hover,.locked-feature.selected{border-color:var(--gold);box-shadow:0 12px 28px rgba(30,50,31,.1);transform:translateY(-2px)}.locked-feature.selected{background:#fff9ea}
.member-home-panel{background:linear-gradient(135deg,#203a25,#365b3b);color:white;border-radius:28px;padding:26px;margin-bottom:22px;box-shadow:var(--shadow)}.member-home-panel .eyebrow{color:var(--gold-2)}.member-home-panel h2{color:white;margin:0}.member-home-panel .text-link{color:#f2df9e}.quick-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.quick-create-grid button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:white;border-radius:16px;padding:17px 14px;min-height:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;text-align:left;cursor:pointer;transition:.18s}.quick-create-grid button:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}.quick-create-grid button span{font-size:1.35rem;color:var(--gold-2)}.quick-create-grid button strong{font-size:.92rem}
.preferences-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;margin-bottom:22px;box-shadow:0 10px 28px rgba(25,36,23,.05)}.preferences-card summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;cursor:pointer;list-style:none}.preferences-card summary::-webkit-details-marker{display:none}.preferences-card summary strong{display:block;color:var(--green);font-size:1.05rem}.preferences-card summary small{display:block;color:var(--muted);margin-top:3px}.summary-action{font-weight:900;color:#76591f;background:#f5e8bd;border-radius:99px;padding:7px 11px;font-size:.78rem}.preferences-body{border-top:1px solid var(--line);padding:5px 22px 22px}.preferences-body label{font-weight:900;color:var(--green);display:block;margin:14px 0 7px}.preferences-body select,.preferences-body input{width:100%;border:1px solid #d2c6ae;background:#fff;border-radius:12px;padding:12px 13px;color:var(--ink)}
.collection-section{margin-top:28px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.collection-panel{min-height:260px}.collection-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.collection-head h2{margin:0}.collection-head .eyebrow{margin-bottom:5px}.collection-list{display:grid;gap:12px}.collection-item{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fcf9f2}.collection-item-top{display:flex;justify-content:space-between;gap:12px;color:#756b58;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.collection-item h3{font-size:1.03rem;margin:8px 0;color:var(--green)}.collection-item p{font-size:.88rem;line-height:1.5;color:#4a4c46;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.collection-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.collection-actions button{border:1px solid #cfc2a8;background:#fff;color:var(--green);border-radius:99px;padding:7px 10px;font-weight:850;font-size:.75rem;cursor:pointer}.collection-actions button:hover{border-color:var(--gold);background:#fff9e9}.empty-state{padding:18px;border:1px dashed var(--line);border-radius:14px;text-align:center}.local-note{text-align:center;margin:12px 0 0}.btn.is-saved{background:#eef3e9;border-color:#b9c9b2;color:var(--green)}
.mobile-member-nav{display:none}
@media(max-width:1050px){.task-launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.locked-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-main{padding-bottom:105px}.collection-grid{grid-template-columns:1fr}.mobile-member-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:90;background:rgba(255,252,245,.96);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px rgba(8,15,9,.2);overflow:hidden}.mobile-member-nav a{padding:12px 6px;text-align:center;font-size:.75rem;font-weight:900;color:var(--muted);text-decoration:none}.mobile-member-nav a.active{background:var(--green);color:white}.premium-preview{padding:22px}.member-home-panel{padding:22px}.collection-head{align-items:flex-start}.preferences-card summary{padding:18px}.member-intro-strip{align-items:flex-start}.task-tile{padding:16px}}
@media(max-width:520px){.task-launcher-grid,.locked-feature-grid,.quick-create-grid{grid-template-columns:1fr}.task-tile{min-height:82px}.locked-feature{min-height:130px}.member-intro-strip{display:block}.member-intro-strip .text-link{display:inline-block;margin-top:8px}.collection-actions button{flex:1}.preferences-card summary small{max-width:220px}}

/* 2026-07-10 homepage match: recreates the approved computer-screen design */
body[data-page="home"] .home-header{background:#fffdf8;border-bottom:1px solid rgba(30,50,31,.13);backdrop-filter:none}
body[data-page="home"] .home-header .nav{width:min(1520px,calc(100% - 60px));min-height:118px;gap:30px}
body[data-page="home"] .home-brand{min-width:360px;display:block}
body[data-page="home"] .home-brand .brand-name{font-size:2.15rem;letter-spacing:-.03em}
body[data-page="home"] .home-brand .brand-sub{font-size:.72rem;letter-spacing:.075em;margin-top:9px}
body[data-page="home"] .brand-heart{color:var(--gold);font-family:Georgia,serif;font-size:1.2em;vertical-align:8%}
body[data-page="home"] .home-header .nav-links{gap:20px}
body[data-page="home"] .home-header .nav-links a{padding:13px 4px;text-transform:uppercase;font-size:.82rem;letter-spacing:.04em}
body[data-page="home"] .home-header .nav-actions{gap:18px}
body[data-page="home"] .home-header .nav-actions .btn{min-width:108px;border-radius:6px;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
body[data-page="home"] .home-menu-toggle{font-size:1.5rem;line-height:1;padding:10px 13px}

body[data-page="home"] .home-hero{min-height:700px;background:#102018 url('/assets/hero-forest-wide.jpg') center/cover no-repeat}
body[data-page="home"] .home-hero:before{background:linear-gradient(90deg,rgba(5,15,9,.96) 0%,rgba(5,15,9,.84) 29%,rgba(5,15,9,.28) 56%,rgba(5,15,9,.10) 72%,rgba(4,12,7,.42) 100%)}
body[data-page="home"] .home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18));pointer-events:none}
body[data-page="home"] .hero-inner{min-height:700px;width:min(1520px,calc(100% - 80px));grid-template-columns:minmax(600px,1fr) 405px;gap:74px;padding:64px 0 58px}
body[data-page="home"] .hero-copy{max-width:790px}
body[data-page="home"] .hero-copy h1{font-size:clamp(4rem,5.9vw,7.4rem);line-height:.93;letter-spacing:-.047em;margin:0 0 28px;text-shadow:0 2px 16px rgba(0,0,0,.22)}
body[data-page="home"] .hero-copy h1 .hero-line{display:block}
body[data-page="home"] .hero-copy h1 .hero-line-light{color:#fff}
body[data-page="home"] .hero-copy h1 .hero-line-gold{color:#d8aa45}
body[data-page="home"] .hero-copy p{font-size:1.42rem;line-height:1.5;max-width:500px;color:#fffaf0;margin-bottom:30px}
body[data-page="home"] .hero-cta{min-width:220px;min-height:58px;border-radius:6px;text-transform:uppercase;letter-spacing:.08em}

body[data-page="home"] .hero-device{justify-self:end;width:100%;max-width:405px;align-self:center;transform:translateY(6px)}
body[data-page="home"] .device-shell{position:relative;padding:15px 12px 18px;background:linear-gradient(145deg,#151515,#020202);border-radius:38px;box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 0 2px rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22)}
body[data-page="home"] .device-speaker{width:78px;height:7px;border-radius:99px;background:#232323;position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:2}
body[data-page="home"] .device-screen{overflow:hidden;border-radius:28px;background:linear-gradient(155deg,rgba(39,62,35,.97),rgba(14,28,16,.99));border:1px solid rgba(218,171,71,.43);padding:35px 31px 28px;color:#fff;min-height:500px;display:flex;flex-direction:column}
body[data-page="home"] .device-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
body[data-page="home"] .phone-brand{font-size:2rem;line-height:1.1;margin:0 0 7px;white-space:nowrap}
body[data-page="home"] .phone-sub{font-size:.72rem;line-height:1.45;padding:0;border:0;color:#f4eddf}
body[data-page="home"] .device-menu{font-size:2rem;line-height:1;color:#fff;margin-top:5px}
body[data-page="home"] .device-divider{height:1px;background:rgba(218,171,71,.36);margin:18px 0 25px}
body[data-page="home"] .device-screen h2{font-size:2.45rem;line-height:.98;margin:0 0 17px;color:#fff}
body[data-page="home"] .device-screen>p{font-size:1.12rem;line-height:1.55;margin:0 0 25px;color:#fff8eb}
body[data-page="home"] .device-screen>.btn{width:72%;min-height:54px;border-radius:5px;text-transform:uppercase;letter-spacing:.05em}
body[data-page="home"] .device-bottom-copy{margin:26px -31px -28px;padding:24px 30px 20px;background:#fffdf7;color:var(--green);text-align:center;display:grid;gap:7px}
body[data-page="home"] .device-bottom-copy strong{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:1.5rem;line-height:1.05;letter-spacing:.02em}
body[data-page="home"] .device-bottom-copy span{font-family:"Segoe Script","Brush Script MT",cursive;font-size:.9rem;color:#4e594b}
body[data-page="home"] .device-bottom-copy b{font-size:1.7rem;color:var(--gold);line-height:1}

body[data-page="home"] .category-ribbon{background:#fffdf8;border-bottom:1px solid #ded5c4}
body[data-page="home"] .category-ribbon .container{width:min(1520px,100%);grid-template-columns:repeat(6,1fr)}
body[data-page="home"] .ribbon-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;padding:20px 15px;border-color:#d9cfbb;color:#1c251c;font-size:.83rem;letter-spacing:.015em}
body[data-page="home"] .ribbon-item:hover{background:#f8f1e3}
body[data-page="home"] .ribbon-icon{width:58px;height:58px;border:0;background:transparent;margin-bottom:12px;color:#254323}
body[data-page="home"] .ribbon-icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1200px){
  body[data-page="home"] .home-header .nav{width:min(100% - 30px,1180px)}
  body[data-page="home"] .home-brand{min-width:300px}
  body[data-page="home"] .home-brand .brand-name{font-size:1.85rem}
  body[data-page="home"] .home-header .nav-links{gap:9px}
  body[data-page="home"] .hero-inner{width:min(100% - 44px,1180px);grid-template-columns:minmax(520px,1fr) 360px;gap:42px}
  body[data-page="home"] .hero-copy h1{font-size:clamp(4rem,6.5vw,6.4rem)}
  body[data-page="home"] .hero-device{max-width:360px}
  body[data-page="home"] .device-screen{min-height:470px;padding:32px 26px 26px}
  body[data-page="home"] .device-bottom-copy{margin-left:-26px;margin-right:-26px;margin-bottom:-26px}
}
@media(max-width:1050px){
  body[data-page="home"] .home-header .nav{min-height:92px}
  body[data-page="home"] .home-brand{min-width:0}
  body[data-page="home"] .home-brand .brand-name{font-size:1.65rem}
  body[data-page="home"] .home-header .nav-links{top:92px}
  body[data-page="home"] .hero-inner{grid-template-columns:minmax(0,1fr) 330px;gap:28px}
  body[data-page="home"] .hero-copy h1{font-size:clamp(3.7rem,7vw,5.7rem)}
  body[data-page="home"] .device-screen h2{font-size:2rem}
}
@media(max-width:850px){
  body[data-page="home"] .home-hero{min-height:auto;background-position:60% center}
  body[data-page="home"] .home-hero:before{background:linear-gradient(90deg,rgba(5,15,9,.96),rgba(5,15,9,.66))}
  body[data-page="home"] .hero-inner{min-height:auto;grid-template-columns:1fr;padding:62px 0 54px}
  body[data-page="home"] .hero-copy{max-width:690px}
  body[data-page="home"] .hero-device{justify-self:center;max-width:390px;margin-top:16px}
  body[data-page="home"] .category-ribbon .container{grid-template-columns:repeat(3,1fr)}
  body[data-page="home"] .ribbon-item{min-height:128px}
}
@media(max-width:640px){
  body[data-page="home"] .home-header .nav{min-height:78px;width:calc(100% - 22px);gap:10px}
  body[data-page="home"] .home-brand .brand-name{font-size:1.32rem}
  body[data-page="home"] .home-brand .brand-sub{font-size:.52rem;letter-spacing:.045em;margin-top:5px}
  body[data-page="home"] .home-header .nav-links{top:78px}
  body[data-page="home"] .home-header .nav-actions{gap:7px}
  body[data-page="home"] .home-header .nav-actions .btn{min-width:auto;padding:8px 10px;font-size:.68rem}
  body[data-page="home"] .home-header .nav-actions .btn-outline{display:none}
  body[data-page="home"] .hero-inner{width:calc(100% - 28px);padding:50px 0 42px}
  body[data-page="home"] .hero-copy h1{font-size:clamp(3.15rem,15vw,4.65rem);line-height:.91;margin-bottom:22px}
  body[data-page="home"] .hero-copy p{font-size:1.12rem;line-height:1.5}
  body[data-page="home"] .hero-cta{min-width:170px;min-height:52px}
  body[data-page="home"] .hero-device{max-width:350px}
  body[data-page="home"] .device-screen{min-height:440px;padding:30px 24px 24px}
  body[data-page="home"] .phone-brand{font-size:1.7rem}
  body[data-page="home"] .device-screen h2{font-size:2rem}
  body[data-page="home"] .device-bottom-copy{margin-left:-24px;margin-right:-24px;margin-bottom:-24px}
  body[data-page="home"] .category-ribbon .container{grid-template-columns:repeat(2,1fr)}
  body[data-page="home"] .ribbon-item{min-height:118px;font-size:.74rem}
  body[data-page="home"] .ribbon-icon{width:48px;height:48px;margin-bottom:8px}
  body[data-page="home"] .ribbon-icon svg{width:46px;height:46px}
}

/* Homepage example preview + Facebook restoration — 2026-07-11 */
.home-examples-section{background:#fbf5e8}
.home-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 auto 22px;max-width:1050px}
.home-example-button{appearance:none;border:1px solid rgba(30,50,31,.16);background:#fffdf7;border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--text);cursor:pointer;box-shadow:0 10px 26px rgba(30,50,31,.05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.home-example-button:hover,.home-example-button:focus-visible{transform:translateY(-2px);border-color:#c69b45;box-shadow:0 14px 30px rgba(30,50,31,.1);outline:none}
.home-example-button.active{border-color:#c69b45;background:#fff8e8;box-shadow:0 14px 30px rgba(30,50,31,.1)}
.home-example-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 42px;background:#1e321f;color:#f0d28d;font-size:1.25rem;font-weight:900}
.home-example-button strong{display:block;color:#1e321f;font-size:1rem}
.home-example-button small{display:block;margin-top:4px;color:#756b5d;font-size:.78rem;font-weight:700}
.home-example-panel{max-width:1050px;margin:0 auto;background:#fff;border:1px solid rgba(198,155,69,.42);border-radius:24px;padding:24px;box-shadow:0 16px 36px rgba(30,50,31,.08)}
.home-example-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.home-example-panel-head h3{margin:2px 0 0;color:#1e321f;font-size:clamp(1.5rem,3vw,2rem)}
.home-example-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.home-example-card{background:#fbf5e8;border:1px solid rgba(30,50,31,.12);border-radius:18px;padding:18px}
.home-example-card h4{margin:0 0 8px;color:#1e321f;font-size:1.05rem}
.home-example-card p{margin:0;color:#4f574d;line-height:1.65}
.contact-actions-home{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.btn-facebook{background:#fff;color:#1e321f;border:1px solid rgba(255,255,255,.75)}
.btn-facebook:hover{background:#f7ead0;color:#1e321f}
@media(max-width:900px){.home-example-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.home-example-grid{grid-template-columns:1fr}.home-example-cards{grid-template-columns:1fr}.home-example-panel-head{display:block}.home-example-panel-head .btn{margin-top:14px}.contact-actions-home{justify-content:flex-start}}

/* Spanish / English language option — restored 2026-07-11 */
.shd-language-switcher{position:relative;display:inline-flex;align-items:center;z-index:40}
.shd-language-button{white-space:nowrap}
.shd-translate-host{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:185px;padding:10px 12px;background:#fffdf7;border:1px solid #ded3bf;border-radius:12px;box-shadow:0 14px 34px rgba(24,40,25,.18);z-index:1000}
.shd-translate-host.is-open{display:block}
.shd-language-error{display:block;max-width:230px;font-size:.82rem;line-height:1.35;color:#6a3d36}
.shd-translate-host .goog-te-gadget{font-family:inherit!important;color:#1e321f!important;font-size:0!important}
.shd-translate-host .goog-te-gadget .goog-te-combo{font:inherit!important;font-size:.9rem!important;width:100%;margin:0!important;padding:8px 10px;border:1px solid #cfc3ad;border-radius:8px;background:#fff;color:#1e321f}
.shd-translate-host .goog-logo-link,.shd-translate-host .goog-te-gadget span{display:none!important}
@media(max-width:900px){.shd-language-switcher{width:100%}.shd-language-button{width:100%}.shd-translate-host{left:0;right:auto;top:calc(100% + 6px);width:min(240px,calc(100vw - 32px))}.home-header .shd-language-switcher{width:auto}.home-header .shd-language-button{width:auto}}

/* 2026-07-14 compact homepage story video integration */
.homepage-story-section{padding:56px 0;background:linear-gradient(180deg,#f7f1e5 0%,#fffdf7 100%);border-top:1px solid rgba(30,50,31,.08);border-bottom:1px solid rgba(30,50,31,.08)}
.homepage-story-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(480px,1.22fr);gap:42px;align-items:center;max-width:1180px}
.homepage-story-copy{max-width:470px}
.homepage-story-copy h2{margin:8px 0 14px;color:var(--green);font-size:clamp(2rem,3.6vw,3.45rem);line-height:.98;letter-spacing:-.045em}
.homepage-story-copy>p:not(.eyebrow){margin:0;color:var(--muted);font-size:1.05rem;line-height:1.7}
.homepage-story-card{width:100%;margin:0;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:10px;box-shadow:0 18px 44px rgba(25,36,23,.11)}
.homepage-story-card video{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#f4efe5;border-radius:16px;border:1px solid rgba(30,50,31,.16)}
.homepage-story-actions{display:grid;gap:16px;margin-top:24px}
.homepage-story-actions strong{display:block;color:var(--green);font-size:1.08rem}
.homepage-story-buttons{display:flex;gap:10px;flex-wrap:wrap}
.homepage-story-buttons .btn{min-width:138px}
@media(max-width:920px){.homepage-story-section{padding:48px 0}.homepage-story-layout{grid-template-columns:1fr;gap:26px}.homepage-story-copy{max-width:760px}.homepage-story-card{max-width:760px}.homepage-story-copy h2{max-width:700px}.homepage-story-actions{margin-top:20px}}
@media(max-width:560px){.homepage-story-section{padding:40px 0}.homepage-story-layout{gap:22px}.homepage-story-copy h2{font-size:clamp(2rem,12vw,3rem)}.homepage-story-copy>p:not(.eyebrow){font-size:1rem}.homepage-story-card{padding:7px;border-radius:18px}.homepage-story-card video{border-radius:12px}.homepage-story-buttons{display:grid;grid-template-columns:1fr 1fr}.homepage-story-buttons .btn{min-width:0;width:100%}}


/* 2026-07-14: plan alignment and Full Access elevation */
.home-plan-tools{display:grid;gap:22px}.home-plan-tool-group{border:1px solid var(--line);border-radius:28px;padding:26px;background:var(--paper);box-shadow:0 12px 32px rgba(25,36,23,.06)}.home-plan-tool-group.full-plan-tools{background:linear-gradient(145deg,#fffaf0,#f1e7d2);border-color:#d7bd78}.home-plan-tool-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.home-plan-tool-heading h3{margin:8px 0 0;color:var(--green);font-size:clamp(1.35rem,2.5vw,2rem)}.home-plan-label,.plan-kicker{display:inline-block;font-size:.7rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.home-plan-label{border-radius:99px;padding:7px 11px}.free-label{background:#e8efe3;color:var(--green)}.full-label{background:#e9d39a;color:#604a17}.plan-kicker{color:var(--muted);margin:0 0 7px}.task-launcher-grid.aligned-tools{grid-template-columns:repeat(5,minmax(0,1fr))}.full-plan-tools .task-launcher-grid.aligned-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.price-card.featured .plan-kicker{color:#786024}.premium-panel-copy{margin:8px 0 0;color:#e5eadf;max-width:760px;line-height:1.55}.premium-quick-create-grid button small{display:block;color:rgba(255,255,255,.7);font-size:.72rem;line-height:1.35}.full-access-standard{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 22px}.full-access-standard article{display:flex;gap:14px;align-items:flex-start;background:#fffaf0;border:1px solid #dec78b;border-radius:18px;padding:20px}.full-access-standard article>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:var(--green);color:var(--gold-2);font-weight:950;font-size:.78rem;letter-spacing:.06em}.full-access-standard strong{display:block;color:var(--green);font-size:1rem;margin:1px 0 5px}.full-access-standard p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}.premium-output-kicker{align-self:flex-start;color:#7a5b19;font-size:.7rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.premium-limit-note{margin:7px 0 0}.result-card:has(.premium-output-kicker){border-color:#d5ba72;box-shadow:0 18px 45px rgba(61,47,16,.1)}
@media(max-width:1050px){.task-launcher-grid.aligned-tools,.full-plan-tools .task-launcher-grid.aligned-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.full-access-standard{grid-template-columns:1fr}}
@media(max-width:640px){.home-plan-tool-group{padding:20px}.home-plan-tool-heading{align-items:flex-start;flex-direction:column}.task-launcher-grid.aligned-tools,.full-plan-tools .task-launcher-grid.aligned-tools{grid-template-columns:1fr}.full-access-standard article{padding:17px}}