:root{--navy:#101b33;--navy-light:#1c2b4d;--gold:#d4af37;--gold-soft:#e8cf80;--cream:#f8f4ea;--cream-dark:#efe6d3;--ink:#1d1a14;--ink-soft:#55503f;--border-soft:#101b331f;--shadow:0 18px 40px #101b331a}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Lora,Georgia,serif;line-height:1.6}h1,h2,h3,h4{color:var(--navy);margin:0 0 .5em;font-family:Playfair Display,Georgia,serif;line-height:1.2}a{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.main-content{flex:1;padding:48px 0 80px}.navbar{background:var(--navy);border-bottom:3px solid var(--gold)}.navbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.brand{color:var(--cream);letter-spacing:.02em;font-family:Playfair Display,Georgia,serif;font-size:1.35rem;font-weight:700;text-decoration:none}.brand span{color:var(--gold)}.nav-links{flex-wrap:wrap;gap:6px;display:flex}.nav-links a{color:var(--cream);letter-spacing:.02em;opacity:.85;border-radius:999px;padding:8px 14px;font-size:.95rem;text-decoration:none;transition:all .2s}.nav-links a:hover{opacity:1;background:#d4af3726}.nav-links a.active{background:var(--gold);color:var(--navy);opacity:1;font-weight:600}.demo-banner{background:var(--cream-dark);color:var(--ink-soft);text-align:center;letter-spacing:.03em;border-bottom:1px solid var(--border-soft);padding:7px 16px;font-size:.82rem}.demo-banner strong{color:var(--navy)}.hero{background:linear-gradient(160deg, var(--navy) 0%, var(--navy-light) 100%);color:var(--cream);text-align:center;padding:90px 0 100px;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle at 80% 10%,#d4af372e,#0000 55%);position:absolute;inset:0}.hero-inner{max-width:740px;margin:0 auto;padding:0 24px;position:relative}.hero-eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:22px;font-size:.78rem;font-weight:600;display:inline-flex}.hero h1{color:var(--cream);margin-bottom:20px;font-size:clamp(2.1rem,5vw,3.2rem)}.hero p.lead{color:#f8f4ead9;max-width:560px;margin:0 auto 36px;font-size:1.15rem}.tagline{color:var(--gold-soft);margin-bottom:8px;font-family:Playfair Display,serif;font-size:1.05rem;font-style:italic}.btn{cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 30px;font-family:Lora,serif;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 10px 24px #d4af3759}.btn-gold:hover{box-shadow:0 14px 30px #d4af3773}.btn-outline{border-color:var(--cream);color:var(--cream);background:0 0}.btn-outline:hover{background:#f8f4ea1f}.btn-navy{background:var(--navy);color:var(--cream)}.btn-navy:hover{box-shadow:0 10px 24px #101b3340}.btn-ghost{color:var(--navy);border-color:var(--border-soft);background:0 0}.btn-ghost:hover{background:#101b330d}.btn-small{padding:9px 18px;font-size:.88rem}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.pillars{z-index:2;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin-top:-58px;display:grid;position:relative}.pillar-card{background:var(--cream);box-shadow:var(--shadow);border:1px solid var(--border-soft);text-align:left;border-radius:20px;padding:32px 26px}.pillar-icon{background:var(--navy);width:54px;height:54px;color:var(--gold);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.8rem;display:flex}.pillar-card h3{margin-bottom:8px;font-size:1.2rem}.pillar-card p{color:var(--ink-soft);margin:0;font-size:.96rem}.card{border:1px solid var(--border-soft);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:30px}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.section-title h2{margin:0}.muted{color:var(--ink-soft)}.stat-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin:28px 0 36px;display:grid}.stat-box{background:var(--navy);color:var(--cream);border-radius:16px;padding:22px}.stat-box .num{color:var(--gold);font-family:Playfair Display,serif;font-size:2.1rem}.stat-box .label{opacity:.85;letter-spacing:.03em;font-size:.85rem}.action-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.action-card{border:1px solid var(--border-soft);box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;gap:12px;padding:26px;display:flex}.action-card .emoji{font-size:1.6rem}.form-grid{gap:18px;display:grid}label{color:var(--navy);margin-bottom:6px;font-size:.92rem;font-weight:600;display:block}input[type=text],select,textarea{border:1.5px solid var(--border-soft);background:var(--cream);width:100%;color:var(--ink);border-radius:10px;padding:12px 14px;font-family:Lora,serif;font-size:.98rem}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--gold);background:#fff;outline:none}textarea{resize:vertical;min-height:100px}.field-hint{color:var(--ink-soft);margin-top:4px;font-size:.8rem}.idea-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;margin-top:26px;display:grid}.idea-card{border:1px solid var(--border-soft);box-shadow:var(--shadow);color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.idea-card:hover{transform:translateY(-3px);box-shadow:0 22px 45px #101b3324}.idea-card h3{margin:0;font-size:1.1rem}.badge{background:var(--cream-dark);color:var(--navy);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-block}.badge-gold{background:var(--gold);color:var(--navy)}.idea-card .excerpt{color:var(--ink-soft);flex:1;font-size:.92rem}.idea-card .date{color:var(--ink-soft);font-size:.78rem}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.detail-section{margin-top:26px}.detail-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:8px;font-size:.82rem}.coming-soon{border:1.5px dashed var(--gold);background:#d4af3714;border-radius:14px;margin-top:16px;padding:20px}.coming-soon h4{color:var(--navy);letter-spacing:normal;text-transform:none;font-size:1.05rem}.protect-it-section{border-top:1px solid var(--border-soft);padding-top:22px}.protection-steps{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.protection-step{background:var(--cream);border:1px solid var(--border-soft);counter-increment:step;border-radius:14px;padding:18px}.protection-step h5{color:var(--navy);margin:0 0 8px;font-family:Playfair Display,serif;font-size:1rem}.protection-step p{color:var(--ink-soft);margin:0 0 10px;font-size:.93rem}.protection-link{color:var(--navy);border:1px solid var(--gold);background:#d4af372e;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-block}.protection-link:hover{background:#d4af374d}.disclaimer{background:var(--cream-dark);border-left:4px solid var(--gold);color:var(--ink-soft);border-radius:8px;margin-top:18px;padding:14px 18px;font-size:.86rem}.empty-state{text-align:center;color:var(--ink-soft);padding:50px 20px}.share-it-section{border-top:1px solid var(--border-soft);padding-top:22px}.sharing-plan{margin-top:14px}.plan-summary{color:var(--navy);border-left:4px solid var(--gold);background:#d4af371a;border-radius:8px;margin:0 0 18px;padding:12px 16px;font-style:italic}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.plan-block{background:var(--cream);border:1px solid var(--border-soft);border-radius:14px;padding:18px}.plan-block h5{color:var(--navy);margin:0 0 10px;font-family:Playfair Display,serif;font-size:1rem}.plan-block ul{margin:0;padding-left:18px}.plan-block li{color:var(--ink-soft);margin-bottom:8px;font-size:.92rem}.plan-block li:last-child{margin-bottom:0}.plan-status{color:var(--gold);font-size:.78rem;font-weight:600}.success-banner{border:1px solid var(--gold);color:var(--navy);background:#d4af3726;border-radius:10px;margin-bottom:18px;padding:12px 16px;font-weight:600}footer.site-footer{background:var(--navy);color:#f8f4eab3;text-align:center;padding:26px 16px;font-size:.85rem}footer.site-footer span{color:var(--gold)}@media (width<=640px){.navbar-inner{flex-direction:column;align-items:flex-start}.nav-links{width:100%}.hero{padding:56px 0 70px}.hero-inner{padding:0 18px}.main-content{padding:32px 0 60px}.container{padding:0 18px}.card{padding:22px}.pillars{gap:16px;margin-top:-40px}.pillar-card{padding:24px 20px}.detail-header{flex-direction:column;align-items:flex-start}.section-title{flex-direction:column;align-items:flex-start;gap:10px}.section-title .btn{width:100%}.plan-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}}@media (width<=420px){.hero h1{font-size:1.7rem}.stat-row{grid-template-columns:1fr}.hero>.hero-inner>a.btn,form .btn{width:100%}}
