:root{--paper:#f6f5f0;--ink:#163f36;--muted:#66766e;--green:#22644d;--lime:#e0ef9d;--line:#dfe3d8}body{font-size:14px;background:var(--paper)}.shell{grid-template-columns:238px minmax(0,1fr)}aside{padding:30px 19px 19px;z-index:30;background:#153e34;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#50705f transparent}.brand{font-size:45px;line-height:1;margin:0 10px 6px}aside>small{margin-left:11px;font-size:11px;letter-spacing:.4px}nav{margin-top:35px;gap:5px}nav .nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;min-height:64px;color:#c8d8cc;transition:background .15s}nav .nav-item:hover{background:#254c3f}nav .nav-item.active{background:#dfeaa6;color:#163f36}nav .nav-icon{font-size:23px;width:28px!important;line-height:1;flex-shrink:0}nav .nav-copy{width:auto;display:flex;flex-direction:column;gap:1px}nav b{font-size:13px;font-weight:650}nav .nav-copy small{font-size:10px;color:inherit;opacity:.7}nav button.active .nav-copy small{color:#294e35}.asidefoot{padding-top:22px;border:0;margin-top:24px}.nav-upgrade{background:#244d3d;border:1px solid #45624d;border-radius:15px;padding:16px}.nav-upgrade>span{font-size:9px;letter-spacing:1.5px;color:#c5d68f}.nav-upgrade>b{display:block;font:20px/1.15 Georgia;color:#f2f3dd;margin:9px 0 16px}.nav-upgrade>div{font-size:19px;color:#e2ebaf}.nav-upgrade>div span{font-size:11px;color:#bdcdb8}.nav-upgrade .btn{background:#e0ed9e;color:#173e34;border:0;width:100%;font-size:11px;margin-top:12px}main{max-width:1500px;padding:26px 42px 30px;margin:0 auto;min-width:0}main>header{margin-bottom:30px;padding-bottom:20px;border-color:#dce1d7;min-height:52px}.header-location{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.7px}.header-location i{font-style:normal;color:#acb8a8;margin:0 10px}.header-location b{font-weight:500;letter-spacing:0}.header-profile{display:flex;align-items:center;gap:9px;font-size:11px;color:#6d7a6b}.access-dot{width:6px;height:6px;background:#76a66b;border-radius:50%}.avatar{border:1px solid #d1dcc8;background:#ebeddc;color:#244d39;font:18px Georgia;border-radius:50%;width:34px;height:34px;margin-left:8px}.mobile-menu{display:none}.card{border-radius:17px;border-color:#e1e5dc;box-shadow:0 2px 0 #1c3b2603;padding:24px}.btn{border-radius:9px;font-size:13px;padding:12px 17px}.btn-lime{background:#e0ee9e!important;color:#173e34!important;border-color:#e0ee9e!important}.btn-lime:hover{background:#ecf6c7!important}.btn.secondary:hover{background:#eef1e3}.btn[disabled]{opacity:.5;cursor:not-allowed}h1{font-size:clamp(32px,3vw,46px);letter-spacing:-1.4px}h2{font-size:27px;line-height:1.2}h3{line-height:1.35}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero{border-radius:20px}.text-link{background:none;border:0;padding:0;color:#246548;text-decoration:underline;font-size:12px}.overline{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;color:#d9e4c4}.overline>span{width:7px;height:7px;border-radius:50%;background:#dbed9a}.home-hero{background:#183f35;color:#f3f2e6;border-radius:25px;min-height:440px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;position:relative;padding:45px 44px;gap:18px}.home-hero h1{font-size:clamp(43px,4.9vw,75px);line-height:1.03;letter-spacing:-2.4px;margin:27px 0 20px;font-weight:400}.home-hero h1 em{font-weight:400;font-style:italic;color:#e3efa9}.home-hero p{max-width:420px;font-size:14px;line-height:1.7;color:#d1dfcd}.hero-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 22px}.hero-secondary{background:none;border:0;color:#e7ead5;font-size:12px;padding:0;text-decoration:underline;text-underline-offset:5px}.hero-price{font-size:10px;color:#bdceba;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hero-price b{font-size:13px;color:#edf1ce}.home-scene{position:relative;min-height:330px;isolation:isolate}.scene-grid{position:absolute;inset:-45px -44px -50px -10px;background-image:linear-gradient(#75917822 1px,transparent 1px),linear-gradient(90deg,#75917822 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.scene-note{position:absolute;z-index:2;left:5%;top:10px;width:182px;min-height:211px;transform:rotate(-8deg);background:#e3edac;color:#204834;border-radius:14px;padding:20px;box-shadow:0 15px 30px #061a2233}.scene-note>span,.scene-post>span{font-size:7px;letter-spacing:1.4px}.scene-note b{display:block;font:22px/1.1 Georgia;margin:17px 0}.scene-note small{font-size:7px}.mini-wave{color:#65894e;letter-spacing:2px;margin:20px 0 7px;font-size:18px}.scene-post{position:absolute;top:90px;right:0;width:200px;transform:rotate(8deg);background:#faf7ed;border-radius:15px;padding:12px;color:#254e37;box-shadow:0 20px 40px #0c252866;z-index:3}.scene-art{height:165px;background:#cfabbc;margin:10px 0;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.scene-flower{font:125px/1 Georgia;color:#59375a;transform:rotate(15deg)}.scene-art small{font-size:8px;margin-top:7px}.scene-post-foot{display:flex;justify-content:space-between;align-items:center;padding:3px;font-size:9px;line-height:1.3}.scene-post-foot>span{border:1px solid #bbc6b2;border-radius:50%;padding:4px 6px}.scene-chip{position:absolute;left:5%;bottom:10px;z-index:5;transform:rotate(-4deg);border:1px solid #789071;background:#284d3e;border-radius:24px;padding:10px 15px;font-size:9px;white-space:nowrap}.scene-mascot{position:absolute;z-index:4;width:190px;left:5%;bottom:13px;filter:drop-shadow(0 12px 12px #061a2222)}.benefit-ribbon{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:23px 4px;border-bottom:1px solid #dce1d5;font-size:10px;color:#516e52}.home-next{margin:43px 0}.home-next h2{margin-top:10px;font-size:31px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.quick-card{border:1px solid #dfe2d4;border-radius:17px;text-align:left;padding:21px 18px;color:#173f35;display:flex;flex-direction:column;align-items:flex-start;background:#fff;transition:transform .18s,box-shadow .18s;min-height:218px}.quick-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #23483112}.quick-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#ffffff99;font-size:23px;margin-bottom:18px}.quick-card h3{font:20px/1.1 Georgia;margin-bottom:11px}.quick-card p{font-size:11px;line-height:1.6;color:#5d705e;margin-bottom:24px}.card-link{font-size:10px;font-weight:650;display:flex;justify-content:space-between;gap:8px;width:100%;margin-top:auto}.lilac{background:#eeebf5}.peach{background:#f6e9db}.sage{background:#e9eddf}.lemon{background:#f0f0ce}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:30px 0 20px}.section-title h2{margin:10px 0 0;font-size:32px}.section-title>p{font-size:12px;max-width:250px;color:#6c7b69}.journey-section{padding:20px 0 40px}.journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #dce2d3}.journey-steps button{border:0;background:none;padding:24px 20px 5px 0;text-align:left;color:#244b36}.journey-steps button>span{font:30px Georgia;color:#8e9f6a;display:block;margin-bottom:19px}.journey-steps h3{font-size:13px;max-width:165px;margin-bottom:11px}.journey-steps p{font-size:11px;line-height:1.6;color:#71806c;min-height:55px}.journey-steps b{font-size:10px}.visual-promise{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#edeede;border-radius:22px;padding:35px;margin:25px 0}.visual-promise h2{font-size:32px;margin:12px 0 20px}.visual-promise p{font-size:12px;line-height:1.7}.visual-promise-art{display:flex;gap:12px;align-items:center;justify-content:center;padding:16px 0}.visual-tile{background:#e4c5b5;aspect-ratio:4/5;width:48%;padding:21px 17px;color:#5e3542;transform:rotate(-6deg);box-shadow:0 12px 15px #293e2422;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px}.visual-tile.dark{background:#24493d;color:#f0edbe;transform:rotate(6deg);margin-top:35px}.visual-tile>span{font-size:13px;line-height:1.05;letter-spacing:1px}.visual-tile small{font-size:8px}.visual-orbit{font:110px/1 Georgia;align-self:center}.palette-dots{display:flex;gap:5px}.palette-dots i{width:35px;height:55px;background:#c6d194;border-radius:30px}.palette-dots i:nth-child(2){background:#e8c3ab}.palette-dots i:nth-child(3){background:#cba8c0}.home-pricing{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;border:1px solid #dce1cf;border-radius:20px;padding:36px;margin:45px 0;background:#fff}.home-pricing h2{margin:12px 0 16px;font-size:31px}.home-pricing p{font-size:12px;max-width:500px}.home-price-box{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #dce1d3;padding-left:36px}.home-price-box>span{font-size:11px;color:#718168}.home-price-box strong{font:42px Georgia;margin:12px 0 22px;white-space:nowrap}.home-price-box strong small{font:12px system-ui;margin-left:4px}.home-price-box>small{font-size:9px;color:#718168;margin-top:12px}.home-faq{max-width:800px;margin:50px 0}.home-faq h2{margin:12px 0 24px;font-size:32px}.home-faq details{padding:17px 0;border-bottom:1px solid #dde2d4}.home-faq summary{font-size:13px;font-weight:600;cursor:pointer}.home-faq details p{font-size:12px;color:#6e7e6c;margin-top:16px;max-width:680px}.journey-subnav{display:flex;gap:5px;padding:5px;border:1px solid #d9e0d1;border-radius:12px;background:#eeeede;margin-bottom:25px;width:max-content;max-width:100%;overflow:auto}.subnav-item{border:0;background:none;color:#56705c;white-space:nowrap;font-size:12px;border-radius:8px;padding:10px 16px}.subnav-item.selected{background:white;box-shadow:0 2px 4px #2348310d;color:#234c36;font-weight:600}.video-path{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.video-path>div{border:1px solid #e0e4d8;border-radius:14px;padding:18px;background:#edeede;display:grid;grid-template-columns:34px 1fr;align-items:center}.video-path span{font:25px Georgia;grid-row:span 2;color:#87975e}.video-path b{font-size:12px}.video-path small{font-size:10px;color:#718168}.video-card{background:#eeeaf4}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.video-script-card{padding:0;border-radius:15px;overflow:hidden;background:#fff;border:1px solid #dce1d3;text-align:left;color:#234b38}.video-script-card>div:last-child{padding:19px}.video-script-card small{font-size:9px;color:#73836b}.video-script-card h3{font:20px/1.2 Georgia;margin:10px 0 20px}.video-thumbnail{height:130px;display:flex;align-items:center;justify-content:center;position:relative;background:#e2e8c8}.video-thumbnail>span{font-size:45px}.video-thumbnail>small{position:absolute;bottom:15px;letter-spacing:1px;font-size:7px}.video-thumbnail.tone-1{background:#ead5c8}.video-thumbnail.tone-2{background:#d6cce6}.count-bubble{font:12px system-ui;background:#e1e8cd;padding:5px 10px;border-radius:20px;vertical-align:middle}.profile-summary{display:flex;gap:22px;align-items:center;background:#e8edd7;padding:30px;border-radius:20px;margin:30px 0}.profile-avatar{height:70px;width:70px;border-radius:50%;background:#234d3d;color:#e3edaf;font:38px Georgia;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-summary h2{margin:6px 0;font-size:29px}.profile-summary p{margin:0;font-size:12px;color:#61755b}.profile-summary>.btn{margin-left:auto}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.settings-layout .card{margin:0}.preference-switch{display:flex;gap:12px;align-items:center;margin:15px 0}.preference-switch input{width:18px;height:18px}.pricing-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;margin:30px 0}.essential-plan{background:#1d4739;color:#f0f3df;padding:35px}.essential-plan .muted{color:#c1d1b8}.essential-plan h2{font-size:37px;margin:20px 0}.essential-plan ul{font-size:12px;line-height:1.7}.essential-plan .planprice small{font:13px system-ui}.subscription-next{background:#eeeedf}.prumo-mascot{position:fixed;right:22px;bottom:15px;z-index:60;filter:drop-shadow(0 8px 10px #133f3522)}.mascot-launch{display:flex;align-items:center;flex-direction:column;border:0;background:none;padding:0;position:relative;color:#1d4939}.mascot-animation{display:block;--frame:112px;width:var(--frame);height:var(--frame);background-size:calc(7 * var(--frame)) var(--frame);background-repeat:no-repeat;animation:mascotFrames 1.5s steps(7,end) infinite}.mascot-label{background:#194636;color:#eef4d1;padding:7px 12px;border-radius:30px;font-size:10px;margin-top:-8px;box-shadow:0 3px 10px #173e3422}.mascot-speech{position:absolute;right:6px;top:-33px;font-size:10px;white-space:nowrap;background:white;border:1px solid #dce2cc;padding:9px 12px;border-radius:12px;opacity:0;transition:opacity .2s}.mascot-launch:hover .mascot-speech,.mascot-launch:focus-visible .mascot-speech{opacity:1}.mascot-dismiss{position:absolute;right:-6px;top:4px;font-size:14px;border:1px solid #d3ddcc;background:#fff;color:#59745a;border-radius:50%;width:22px;height:22px;padding:0;z-index:1}.mascot-collapsed .mascot-animation,.mascot-collapsed .mascot-speech,.mascot-collapsed .mascot-dismiss{display:none}.mascot-paused .mascot-animation{animation:none}.mascot-collapsed .mascot-label{margin:0;padding:12px 16px}.demo-toolbar{display:flex;align-items:center;gap:14px;padding:9px 25px;background:#e4eda9;color:#244a34;font-size:10px;position:sticky;top:0;z-index:80;flex-wrap:wrap}.demo-toolbar b{font-size:9px;letter-spacing:.8px}.demo-toolbar span{flex:1;opacity:.75}.demo-toolbar button{border:1px solid #a6b582;background:#f2f5da;padding:5px 10px;font-size:9px;border-radius:6px;color:#244a34}.demonstration aside{top:39px;height:calc(100vh - 39px)}.demo-video .demo-toolbar{background:#1f4c3b;color:#e6efb9}.demo-video .demo-toolbar span{display:none}.demo-video .demo-toolbar button{background:#2f5c44;color:#eef3d2;border-color:#72915f}main>footer{margin-top:60px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #dce2d3;padding:22px 0 55px;font-size:10px;color:#75816c}main>footer>span:last-child{display:flex;gap:18px}.footer-dot{color:#98ad61;margin-left:1px}.socialnav{margin-top:20px}.socialnav [hidden]{display:none!important}.analytics-flow span{font-size:11px}.aichat{max-height:550px}.storytext{white-space:pre-wrap}@keyframes mascotFrames{to{background-position:calc(-7 * var(--frame)) 0}}@media(prefers-reduced-motion:reduce){.mascot-animation{animation:none}.quick-card{transition:none}}@media(min-width:1600px){main{padding-left:60px;padding-right:60px}.home-hero{padding:55px}.home-scene{max-width:400px;width:100%;justify-self:center}}@media(max-width:1100px){.shell{grid-template-columns:210px minmax(0,1fr)}aside{padding:25px 14px}main{padding:25px}.home-hero{padding:34px 30px;grid-template-columns:1.15fr .85fr}.home-hero h1{font-size:52px}.scene-note{width:150px;left:0;top:15px;padding:16px;min-height:190px}.scene-note b{font-size:20px}.scene-post{width:155px;right:-15px;top:125px}.scene-art{height:130px}.scene-flower{font-size:100px}.scene-mascot{width:160px;left:-10px;bottom:8px}.scene-chip{left:0;bottom:-9px;font-size:8px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card{min-height:190px}.journey-steps{grid-template-columns:repeat(2,1fr)}.visual-promise{gap:28px;padding:25px}.visual-orbit{font-size:80px}.visual-promise h2{font-size:28px}.home-pricing{gap:30px;padding:28px}.home-price-box{padding-left:25px}.home-price-box strong{font-size:32px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-summary{flex-wrap:wrap}.profile-summary>.btn{margin-left:0}.mascot-animation{--frame:95px}}@media(max-width:780px){.shell{display:block}aside{position:fixed;left:-265px;top:0!important;bottom:0;width:245px;height:100vh!important;transition:left .2s;box-shadow:8px 0 50px #173e3433}aside.nav-open{left:0}main{padding:18px 20px 30px}.mobile-menu{display:block;border:1px solid #d6decf;background:#f5f4e9;border-radius:7px;padding:5px 9px;color:#28583e;font-size:16px}.header-location>span{font-size:9px}.header-profile{font-size:10px;gap:6px}.avatar{width:29px;height:29px}.home-hero{grid-template-columns:1fr .9fr;padding:30px;min-height:390px}.home-hero h1{font-size:52px}.home-hero p{font-size:12px}.hero-price{font-size:9px}.home-hero-copy{z-index:6}.home-next{margin-top:35px}.home-next h2{font-size:28px}.visual-promise{grid-template-columns:1fr 1.2fr;gap:25px}.visual-promise h2{font-size:26px}.home-pricing{margin-top:30px}.home-pricing h2{font-size:27px}.video-path>div{padding:12px;grid-template-columns:25px 1fr}.video-path b{font-size:10px}.video-path small{font-size:8px}.mascot-animation{--frame:85px}.prumo-mascot{right:13px;bottom:12px}.demo-toolbar{font-size:8px;padding:7px 15px;gap:8px}.demo-toolbar span{display:none}.section-title{align-items:start}.demonstration main{padding-top:20px}}@media(max-width:540px){main{padding:15px}.home-hero{grid-template-columns:1fr;padding:28px 25px 12px;min-height:650px}.home-hero h1{font-size:53px}.home-hero p{max-width:300px}.home-scene{min-height:245px;width:255px;justify-self:center;margin-top:0}.scene-note{width:143px;left:6px;top:-5px;min-height:170px}.scene-note b{font-size:18px}.scene-post{width:147px;top:30px;right:0}.scene-art{height:116px}.scene-mascot{width:160px;bottom:9px;left:-15px}.scene-chip{bottom:8px;left:8px}.hero-cta{gap:16px;margin:20px 0 16px}.home-next h2{font-size:28px}.quick-grid{gap:10px}.quick-card{padding:17px 14px;min-height:215px}.quick-card h3{font-size:21px}.quick-card p{font-size:10px}.card-link{font-size:9px}.benefit-ribbon{display:grid;grid-template-columns:1fr 1fr;font-size:9px;padding:17px 2px;gap:12px}.visual-promise{grid-template-columns:1fr;padding:25px;gap:20px}.visual-promise-art{max-width:300px;margin:auto}.visual-promise h2{font-size:31px}.visual-orbit{font-size:100px}.home-pricing{grid-template-columns:1fr;gap:24px;padding:25px}.home-price-box{padding-left:0;padding-top:24px;border-left:0;border-top:1px solid #dce1d3}.home-price-box strong{font-size:42px}.section-title{flex-wrap:wrap;gap:13px}.section-title h2{font-size:29px}.journey-steps{gap:8px}.journey-steps p{min-height:72px}.journey-steps h3{min-height:34px}.journey-subnav{width:100%;padding:4px}.subnav-item{font-size:11px;padding:10px 11px}.video-path{gap:7px}.video-path>div{display:flex;flex-direction:column;align-items:start;gap:4px;padding:13px 10px}.video-path b{font-size:10px}.video-path small{font-size:9px}.video-path span{font-size:22px}.settings-layout,.pricing-layout{grid-template-columns:1fr}.profile-summary{padding:23px;gap:16px}.profile-avatar{width:55px;height:55px;font-size:30px}.profile-summary h2{font-size:24px}.profile-summary .eyebrow{font-size:8px}.profile-summary p{font-size:10px}.video-grid{gap:12px}.video-script-card>div:last-child{padding:15px}.video-script-card h3{font-size:19px}.video-thumbnail{height:120px}main>footer{flex-direction:column;align-items:start;font-size:9px}.essential-plan{padding:25px}.prumo-mascot{bottom:10px;right:10px}.mascot-label{font-size:9px;padding:7px 10px}.mascot-animation{--frame:80px}.header-profile{font-size:9px}.header-location i{margin:0 6px}.hero{padding:22px}.home-faq h2{font-size:30px}.home-faq summary{font-size:12px}.demo-toolbar{gap:6px;justify-content:space-between}.demo-toolbar b{font-size:7px;letter-spacing:.4px}.demo-toolbar button{font-size:8px;padding:5px}.card{padding:21px}.home-hero h1{letter-spacing:-1.8px}}
.journey-steps>div{padding:24px 20px 5px 0}.journey-steps>div>span{font:30px Georgia;color:#8e9f6a;display:block;margin-bottom:19px}.journey-steps>div h3{font-size:13px}.journey-steps>div p{font-size:11px;color:#71806c}.essential-plan .analytics-consent{font-size:11px!important;color:#d3dfc6}.essential-plan .analytics-consent input{accent-color:#dfea9e}.essential-plan .note{background:#f2eddb;color:#35513d;font-size:12px}
.price-disclosure{font-size:8px;color:#aabcaa;display:block;margin-top:10px;max-width:380px;line-height:1.5}

/* Explicit surfaces preserve readable contrast across the base stylesheet. */
.card.essential-plan{background:#183f35;color:#f7f6ea;border:1px solid #355e4c;box-shadow:0 18px 40px #183f3517;position:relative;overflow:hidden}
.card.essential-plan h2,.card.essential-plan .planprice,.card.essential-plan li{color:#f7f6ea}
.card.essential-plan .eyebrow{color:#e0ef9d}
.card.essential-plan .muted,.card.essential-plan .analytics-consent{color:#d7e4d3!important}
.card.essential-plan .btn{background:#e0ef9d;color:#173e34;border-color:#e0ef9d}
.card.essential-plan .note{background:#f2eddb;color:#294735}
.home-hero{background:radial-gradient(ellipse at 90% 10%,#42654a88,transparent 55%),linear-gradient(135deg,#133b32,#234c3b);box-shadow:0 20px 50px #173e3412;border:1px solid #45664d;min-height:470px}
.home-hero:before{content:'';position:absolute;width:380px;height:380px;right:-130px;top:-210px;border:1px solid #b8cb8e44;border-radius:50%;pointer-events:none}
.home-hero-copy{position:relative;z-index:1}.home-hero h1{max-width:650px}.home-scene{align-self:center}
.scene-post{box-shadow:0 24px 45px #071f3866;border:1px solid #fff8}.scene-note{box-shadow:0 18px 34px #071f3838}
.home-next{margin-top:48px}.quick-card{border-color:#d8dfcf;box-shadow:0 5px 16px #173e3406}.quick-card .card-link{padding-top:15px;border-top:1px solid #173e341c}
.home-faq details{border-bottom:1px solid #d6dfcf;padding:18px 0}.home-faq summary{line-height:1.6}
@media(max-width:540px){.home-hero{min-height:650px}.card.essential-plan h2{font-size:32px}}

/* Shared readable surfaces and interaction states. Preview art retains brand colors. */
.card.lockcard{background:linear-gradient(135deg,#173e34,#2c5542);color:#f7f8ee;border:1px solid #46644d;box-shadow:0 14px 32px #163f3612;padding:32px}
.card.lockcard h2,.card.lockcard h3,.card.lockcard p,.card.lockcard strong,.card.lockcard b{color:#f7f8ee}
.card.lockcard .lockbadge{color:#e0ef9d;font-size:11px;letter-spacing:1.6px;display:inline-flex;align-items:center;gap:8px;margin-bottom:15px}
.card.lockcard .lockbadge:before{content:'🔒';font-size:15px}
.card.lockcard .btn{background:#e0ef9d;color:#173e34;border:1px solid #e0ef9d;box-shadow:none}
.card.lockcard .row{margin-top:22px;justify-content:space-between;gap:16px}.card.lockcard p{max-width:660px;line-height:1.7}
#app>.card:not(.lockcard):not(.essential-plan){box-shadow:0 5px 22px #173e3405}
.card h2{line-height:1.2}.muted{color:#596b61}.tag{color:#47652e}.progress{color:#596b61}
input,textarea,select{background:#fff;border-color:#becbbb;min-height:44px;border-radius:10px;line-height:1.55}
input:focus,textarea:focus,select:focus{outline:2px solid #35704c;outline-offset:2px;border-color:#35704c}
input[type=checkbox],input[type=radio],input[type=color],input[type=range]{min-height:initial}
textarea{padding:14px;line-height:1.7}label{color:#284c38;font-size:13px}
.btn{min-height:42px;line-height:1.4;transition:background .15s,box-shadow .15s,transform .15s}
.btn:hover:not([disabled]){box-shadow:0 4px 12px #163f3619;transform:translateY(-1px)}
.btn.secondary{background:#f7f9f2;color:#21553c;border-color:#b7c8af}.btn.secondary:hover{background:#e8eedf}
.btn[disabled]{opacity:1;background:#e7ecdf;color:#56664e;border-color:#c9d3bf;box-shadow:none;transform:none}
.essential-plan .btn[disabled]{background:#d5dfb6;color:#354c32;border-color:#c4d398}
.note{background:#f4f0df;border:1px solid #e3dac0;color:#5e4d29;line-height:1.65;padding:16px;border-radius:12px}
.contextbar{border-radius:14px;background:#edf2e7;color:#244a35;padding:18px 21px}
.featuretile,.tool{border-radius:15px;border-color:#dce3d5;padding:21px;box-shadow:0 4px 18px #173e3405}
.featuretile span,.tool span{color:#596b61;font-size:12px;line-height:1.6}.tool:hover{background:#f2f5eb;border-color:#a3ba95}
.frameworkblock{background:#f2f5eb;border:1px solid #dce5d2;border-left:4px solid #789c54;border-radius:0 12px 12px 0;padding:18px 21px;margin:15px 0}.frameworkblock strong{color:#345a38}
.chatmessage{background:#f5f7ef;border-radius:16px;padding:20px;border-color:#dbe4d2}.chatmessage.fromuser{background:#e8eee5;border-color:#cbd9c6}
.empty{background:#f5f7ef;border-radius:15px;padding:35px;color:#425d45}
.insight-metric{border-radius:17px;padding:23px}.insight-chart text{fill:#526756;font-size:13px}.delta{color:#52664a}
.analytics-table th{background:#eff3e8;color:#284b35;font-weight:650}.analytics-table td{color:#304d39}.analytics-table table{border:1px solid #dce4d4;border-radius:12px}
.home-hero p{font-size:16px}.quick-card p{font-size:12px;color:#4b614e}.card-link{font-size:11px}.hero-price{font-size:11px}.price-disclosure{display:block;font-size:10px;color:#d2dfc7;margin-top:10px}
.journey-steps p{font-size:12px;color:#52664d}.journey-steps h3{font-size:14px}.section-title>p{color:#52664d}.visual-promise p{font-size:14px}.home-pricing p{font-size:13px}.home-faq p{color:#52664d;line-height:1.75}
@media(max-width:650px){.card.lockcard{padding:25px}.card.lockcard h2{font-size:28px}.card.lockcard .row{align-items:flex-start;flex-direction:column}.quick-card p{font-size:12px}.hero-price{font-size:11px}.journey-steps p{font-size:12px}.home-hero p{font-size:15px}.featuregrid,.stylecards{grid-template-columns:1fr}.contextbar{flex-direction:column;align-items:flex-start}}

.mascot-animation{--frame:88px}.mascot-label{font-size:9px;padding:7px 10px}.card.lockcard .row{padding-right:64px}main{padding-bottom:100px}@media(max-width:540px){.mascot-animation{--frame:72px}.card.lockcard .row{padding-right:0}}

.header-login{color:#1c5039;font-weight:700;font-size:14px;text-decoration:none;padding:11px 16px;border:1px solid #a9bf9d;border-radius:10px;background:#fff}.header-signup{font-size:14px;white-space:nowrap;box-shadow:0 4px 12px #173e3415}.hero-login-note{font-size:13px!important;color:#dbe7d2!important;margin:0 0 20px!important}.hero-login-link{color:#f5f7df;font-weight:700;text-underline-offset:4px}.account-entry-tabs{display:flex;gap:6px;padding:6px;border:1px solid #c8d5bf;background:#e9efdf;border-radius:14px;max-width:620px;margin:28px auto 0}.account-entry-tabs button{flex:1;border:0;background:transparent;color:#31523c;border-radius:10px;padding:13px 16px;font-weight:650}.account-entry-tabs .selected{background:#204f3a;color:#fff;box-shadow:0 3px 8px #173e3415}.account-auth-grid{display:block!important;max-width:620px;margin:18px auto!important}.account-auth-grid .card{padding:32px}.account-auth-grid .card[hidden]{display:none}.account-auth-grid .btn{width:100%;margin-top:22px}.account-auth-grid h2{font-size:30px}.auth-intro{line-height:1.65;margin-bottom:22px}.header-profile{gap:10px}@media(max-width:650px){main>header{gap:10px;flex-wrap:wrap}.header-profile{margin-left:auto}.header-login,.header-signup{font-size:12px;padding:10px 12px}.account-auth-grid .card{padding:24px}.account-entry-tabs button{font-size:12px;padding:12px 8px}}