/* Final visual layer based on the selected cream/forest reference. */
:root{--paper:#faf9f2;--ink:#173c31;--green:#164b36;--muted:#65715d}
body{background:var(--paper)}.wrap{width:min(1210px,calc(100% - 80px))}
.nav{padding-block:24px}.nav .brand{font-size:21px;font-weight:500}.nav .brand img{width:38px;height:38px;border-radius:11px}.nav nav{font-size:12px;gap:28px}.nav nav .current{border-bottom:1px solid #8aa081;padding-bottom:6px}.nav .button{border-radius:9px;padding-inline:22px}
.hero{padding-block:60px 66px;grid-template-columns:.94fr 1.06fr;gap:22px;min-height:600px}
.hero .eyebrow{font-size:9px;letter-spacing:2px;color:#72866a;margin-bottom:24px}
.hero h1{font-size:clamp(43px,4.65vw,66px);font-weight:500;line-height:1.5;letter-spacing:0;margin-bottom:23px}
.hero h1>span{color:#79976c}.hero .lead{font-size:17px;font-weight:400;color:#405340;line-height:1.9;margin:0 0 27px}
.hero .actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.hero .button{font-size:14px;min-height:52px;border-radius:10px;padding:14px 25px}.hero-note{font-size:11px;color:#75826a}
.product-stage{position:relative;height:480px;isolation:isolate}
.stage-label{position:absolute;right:0;top:0;font-size:9px;color:#91a082;z-index:4}
.stage-glow{position:absolute;inset:24px -10px -10px 0;background:radial-gradient(ellipse at 80% 45%,#e1e9d66b,transparent 65%);border-radius:20px;z-index:-3}
.product-window{position:absolute;border:1px solid #e4e5d9;border-radius:14px;background:#fffefa;box-shadow:0 15px 30px -12px #24382035;overflow:hidden;z-index:3}
.product-bar{display:flex;align-items:center;gap:8px;padding:12px 13px;border-bottom:1px solid #f0f0e7;min-height:45px;font-size:10px}.product-bar img{width:21px;height:21px;border-radius:6px}.product-bar b{font-weight:500}.product-bar>span{margin-left:auto;font-size:10px;color:#93a187}
.snippets-window{width:62%;left:1%;top:32px;transform:rotate(-1deg);z-index:3;padding-bottom:10px}
.product-search{display:flex;align-items:center;gap:8px;margin:4px 12px 9px;border:1px solid #e5e8dc;border-radius:6px;padding:9px;color:#9aa68d;font-size:10px;background:#fff}.product-search>span{font-size:9px}
.product-snippet{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eceee4;margin-inline:12px;padding:13px 0;font-size:9px;color:#4c6044}.product-snippet:last-child{border:0}.product-snippet b{font-weight:500;font-size:10px;width:21px;flex-shrink:0}.product-snippet i{font-size:8px;font-style:normal;color:#899b7b;margin-left:auto}
.calculator-window{width:39%;right:-2%;top:67px;transform:rotate(1.5deg);z-index:5;padding-bottom:10px}.calculator-window .product-bar{padding:9px;font-size:9px;gap:6px}.calculator-window .product-bar img{width:19px;height:19px}
.product-display{padding:11px 12px;text-align:right}.product-display small{font:10px 'Segoe UI',sans-serif;color:#8b9980}.product-display strong{font:500 30px/1.5 'Segoe UI',sans-serif;display:block;color:#18392d}
.product-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 9px}.product-keypad span{display:grid;place-items:center;min-height:25px;border-radius:5px;background:#f3f3ec;border:1px solid #e6e8de;font:11px 'Segoe UI',sans-serif;color:#4d6243}.product-keypad .key-equals{grid-column:span 2;background:#246242;color:#fff;border-color:#246242}
.bill-window{width:42%;left:20%;top:307px;transform:rotate(-2deg);z-index:5;padding-bottom:11px}.bill-window .product-bar{font-size:9px;padding:8px 10px;min-height:38px}.bill-selection{margin:7px 16px 0;padding:8px;border:2px dashed #85a87c;background:#f2f5ed}.bill-paper{background:#fff;padding:11px 9px;box-shadow:0 3px 8px #24352010;font-size:7px}.bill-paper>b{display:block;text-align:center;font-size:8px;font-weight:500;margin-bottom:10px}.bill-paper>div,.bill-paper>strong{display:flex;justify-content:space-between;gap:8px;margin-top:5px}.bill-paper>strong{border-top:1px solid #e7e9e1;padding-top:7px}
.capture-menu{right:-3%;top:346px;width:34%;padding:12px 13px;border-radius:11px;z-index:6}.capture-menu span{display:block;font-size:9px;line-height:2.8;color:#5e7450}
.stage-desk{position:absolute;bottom:-17px;left:0;right:-10px;height:40px;background:linear-gradient(#e0d7c57d,#e7dfce12);transform:skewY(-2deg);z-index:-1;border-top:1px solid #d8cbb738}
.stage-plant{position:absolute;left:2%;bottom:-5px;width:94px;height:126px;z-index:1}.stage-plant b{position:absolute;bottom:0;left:30px;width:40px;height:47px;background:linear-gradient(110deg,#c5b796,#e7dac0,#b5a887);clip-path:polygon(0 0,100% 0,87% 100%,12% 100%);border-radius:3px 3px 9px 9px}.stage-plant i{position:absolute;bottom:40px;left:47px;width:21px;height:70px;background:linear-gradient(90deg,#4a6c3f,#89a573);border-radius:100% 0;transform-origin:bottom;box-shadow:inset 1px 0 #b7c6a4}.stage-plant i:nth-child(1){transform:rotate(-60deg);height:64px}.stage-plant i:nth-child(2){transform:rotate(-29deg);height:81px}.stage-plant i:nth-child(3){transform:rotate(6deg);height:90px}.stage-plant i:nth-child(4){transform:rotate(40deg);height:75px}.stage-plant i:nth-child(5){transform:rotate(70deg);height:61px}
.feature-strip{display:none}#features{padding-top:42px}#features>.section-top{display:block;text-align:center;margin-bottom:36px}#features>.section-top .eyebrow{display:none}#features h2{font-size:31px;font-weight:500;line-height:1.6}#features h2 em{color:inherit}#features>.section-top p{max-width:none;margin-top:6px;font-size:13px;color:#7a886f}
.cards{grid-template-columns:repeat(3,1fr);gap:18px}.card,.card.featured,.card[data-tool="calculator"],.card[data-tool="win"],.card[data-tool="settings"]{min-height:255px;padding:24px;border-radius:15px;background:#fffefa;border-color:#e4e7d9}
.card-top{gap:10px}.card-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#eef3e5;color:#346842;font-size:21px}.card-number{display:none}.card .arrow{display:grid;place-items:center;border-radius:50%;width:26px;height:26px;background:#f3f5ec;color:#87967b;font-size:18px}
.card.featured{background:linear-gradient(120deg,#174d39,#103e30);color:#fff}.card.featured .card-icon{background:#d8edcf;color:#1f5b38}.card.featured .arrow{background:#ffffff13;color:#d2e0c5}.card.featured h3,.card h3{font-size:21px;font-weight:500;margin:20px 0 9px;line-height:1.6}.card p{font-size:12px;line-height:1.9;color:#78866c}.card.featured p{color:#d5e2c8}.card .snippet-visual,.card .calc-visual,.card .capture-visual,.card .name-visual,.card .win-visual,.card .keys-visual{display:none}.card-link,.card.featured .card-link{font-size:10px;color:#819573;margin-top:auto;padding-top:18px}.card.featured .card-link{color:#c0d3b3}.card[data-tool="capture"] .card-icon,.card[data-tool="name"] .card-icon,.card[data-tool="win"] .card-icon,.card[data-tool="settings"] .card-icon{background:#fcf0df;color:#ad6c39}
.workflow-section{display:none}.demo-section{padding-top:30px}.demo-section h2{font-size:37px}.end{margin-top:10px}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero h1{font-size:50px}.hero .lead{font-size:14px}.product-stage{height:450px}.product-snippet{font-size:8px;gap:7px}.snippets-window{width:65%}.product-bar{font-size:9px}.calculator-window{width:40%}.bill-window{top:287px}.capture-menu{top:330px}.card{padding:20px}.card h3,.card.featured h3{font-size:19px}.nav nav{gap:19px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:25px;padding-top:40px;min-height:0}.hero h1{font-size:54px;line-height:1.5}.hero .lead{font-size:16px}.product-stage{width:540px;max-width:100%;justify-self:center;height:490px;margin-bottom:10px}.snippets-window{width:62%}.product-snippet{font-size:10px}.product-bar{font-size:11px}.bill-window{top:310px}.capture-menu{top:350px}.cards{grid-template-columns:repeat(2,1fr)}.nav nav{display:none}.calculator-window{width:39%}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.hero{padding-top:32px;gap:22px;padding-bottom:40px}.hero h1{font-size:42px;line-height:1.5}.hero .eyebrow{font-size:8px;margin-bottom:15px}.hero .lead{font-size:14px}.hero .button{font-size:13px;min-height:48px;padding:12px 20px}.hero .text-link{font-size:10px}.hero-note{font-size:9px}.nav .brand{font-size:17px}.nav .brand img{width:32px;height:32px}.nav .button{padding:8px 12px;font-size:10px;gap:10px}.product-stage{height:365px}.stage-label{font-size:7px}.snippets-window{top:23px;left:0;width:64%}.product-bar{font-size:8px;min-height:36px;padding:9px}.product-bar img{width:17px;height:17px}.product-search{font-size:8px;padding:7px;margin-inline:9px}.product-search>span{font-size:7px}.product-snippet{font-size:7px;padding:9px 0;margin-inline:9px;gap:5px}.product-snippet b{font-size:8px;width:16px}.product-snippet i{font-size:6px}.calculator-window{top:48px;width:39%;right:-1%}.calculator-window .product-bar{font-size:7px;gap:4px;padding:7px}.calculator-window .product-bar img{width:14px;height:14px}.product-display{padding:7px}.product-display small{font-size:8px}.product-display strong{font-size:23px}.product-keypad{gap:3px;padding:0 6px}.product-keypad span{font-size:9px;min-height:20px}.bill-window{top:228px;left:19%;width:43%}.bill-window .product-bar{font-size:7px;min-height:31px;padding:6px 8px}.bill-selection{padding:5px;margin:5px 11px 0}.bill-paper{padding:8px 5px;font-size:6px}.bill-paper>b{font-size:7px;margin-bottom:6px}.bill-window{padding-bottom:8px}.capture-menu{top:264px;right:-1%;padding:8px 9px;width:34%}.capture-menu span{font-size:7px;line-height:2.7}.stage-plant{transform:scale(.75);transform-origin:bottom left;bottom:0}.cards{grid-template-columns:1fr;gap:13px}.card,.card.featured,.card[data-tool="calculator"],.card[data-tool="win"],.card[data-tool="settings"]{min-height:220px;padding:24px}.card h3,.card.featured h3{font-size:21px}.card p{font-size:13px}.card-link{font-size:11px}#features{padding-top:25px}#features h2{font-size:27px}#features>.section-top p{font-size:12px}.demo-section h2{font-size:30px}.stage-glow{inset:15px -5px 0}}

.account-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.account-login{font-size:12px;font-weight:500;color:#526c46}.account-login:hover,.hero-account a:hover{color:#a25f2c}.hero-account{font-size:12px;color:#7f8c71;margin:12px 0 0}.hero-account a{color:#315e38;text-decoration:underline;text-underline-offset:4px;margin-left:5px}.hero-account>span{margin-left:8px;color:#a4af98}
@media(max-width:560px){.account-actions{gap:10px}.account-login{font-size:10px}.nav .button{font-size:10px;padding-inline:10px}.nav{gap:10px}.hero-account{font-size:11px}}