:root{--ink:#17231e;--muted:#78827d;--paper:#f7f8f4;--green:#c5f36d;--deep-green:#1d382d;--line:#e4e9e2;--mono:"Cascadia Code", Consolas, monospace;--sans:"Segoe UI", Arial, sans-serif;--display:"Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #83b940}.wrap{width:min(1120px,100% - 64px);margin-inline:auto}.muted{color:#8d9992;font-weight:400}.accent{color:#779e3e}.brand{font-family:var(--display);letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:11px;font-size:14px;font-weight:800;display:inline-flex}.brand-mark{background:var(--green);color:#1c3025;width:35px;height:35px;font-family:var(--mono);letter-spacing:-.09em;border-radius:11px;place-items:center;font-size:12px;font-weight:500;display:grid}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.nav-links{color:#69756e;align-items:center;gap:34px;font-size:13px;display:flex}.nav-links a,.footer a,.portal-nav a{transition:color .18s}.nav-links a:hover,.footer a:hover,.portal-nav a:hover{color:#739c39}.nav-links .nav-login{color:var(--ink);border:1px solid #dfe5dc;border-radius:7px;padding:11px 15px;font-weight:600}.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:55px;min-height:580px;padding-block:74px 87px;display:grid}.eyebrow{color:#718077;font-family:var(--mono);letter-spacing:.13em;font-size:10px;line-height:1.7}.status-dot{vertical-align:1px;background:#87bf52;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #87bf521c}.hero h1,.portal-intro h1{font:800 clamp(47px, 6vw, 72px)/1.04 var(--display);letter-spacing:-.075em;margin:22px 0 18px}.hero-lead{color:#67736b;max-width:470px;font-size:16px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:23px;margin-top:32px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:16px;min-height:46px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.7}.button-primary{background:var(--green);color:#1b2b20}.button-primary:hover:not(:disabled){background:#b7e65b}.text-link{color:#5b6860;font-size:12px;font-weight:600}.text-link span{margin-left:4px}.hero-note{color:#849087;align-items:center;gap:10px;margin-top:54px;font-size:11px;display:flex}.note-line{background:#a9b5aa;width:22px;height:1px}.hero-art{place-items:center;min-height:355px;display:grid;position:relative}.art-glow{background:radial-gradient(#dcebc7 0%,#e9eee2 45%,#0000 72%);border-radius:50%;width:390px;height:330px;position:absolute}.browser-card{z-index:1;background:#fff;border:1px solid #e6e9e1;border-radius:11px;width:min(445px,100%);overflow:hidden;transform:rotate(-2.2deg);box-shadow:0 24px 70px #26352a1c}.browser-top{border-bottom:1px solid #edf0ea;align-items:center;gap:5px;height:38px;padding:0 13px;display:flex}.browser-top>span{background:#d7ddd4;border-radius:50%;width:6px;height:6px}.browser-top>div{color:#a7afa8;font:8px var(--mono);margin:auto}.browser-content{padding:15px 20px 17px}.browser-nav{align-items:center;gap:13px;display:flex}.browser-nav .tiny-logo{background:var(--green);border-radius:6px;width:19px;height:19px;margin-right:auto}.browser-nav>span:not(.tiny-logo){background:#e4e9e2;border-radius:3px;width:24px;height:3px}.browser-layout{grid-template-columns:1fr .83fr;align-items:center;gap:18px;min-height:198px;padding-top:11px;display:grid}.browser-text{flex-direction:column;align-items:flex-start;display:flex}.browser-text i{background:#c8e991;border-radius:3px;width:54px;height:4px;margin-bottom:13px}.browser-text b{background:#293d31;border-radius:3px;width:100%;height:12px;margin-bottom:7px}.browser-text b.short{width:67%}.browser-text>span{background:#e8ece6;border-radius:3px;width:93%;height:4px;margin-top:9px}.browser-text>span.short{width:72%;margin-top:5px}.browser-text em{background:var(--green);font:normal 7px var(--mono);border-radius:3px;margin-top:17px;padding:7px 10px}.browser-text em b{background:0 0;width:auto;height:auto;margin:0;display:inline}.browser-image{background:linear-gradient(155deg,#d9e8c5 0 35%,#bfd29f 36% 45%,#e9e7d8 46% 100%);border-radius:5px;height:153px;position:relative;overflow:hidden}.browser-image div{background:#a4bb83;border-radius:50px 50px 4px 4px;width:76px;height:86px;position:absolute;bottom:0;right:24px}.browser-image span{background:#a7bb91;width:100%;height:1px;position:absolute;bottom:31px}.browser-image span:last-child{width:75%;bottom:53px}.browser-foot{gap:12px;margin-top:9px;display:flex}.browser-foot span{background:#f1f3ef;border-radius:3px;flex:1;height:23px}.floating-tag,.floating-code{z-index:2;background:#fff;border:1px solid #e7ece4;border-radius:7px;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex;position:absolute;box-shadow:0 12px 30px #26352a12}.floating-tag{padding:11px 14px;top:60px;right:-3px;transform:rotate(3deg)}.floating-tag span{color:#78a43d;font-size:17px}.floating-code{font-family:var(--mono);padding:10px 12px;font-size:9px;bottom:44px;left:0;transform:rotate(-3deg)}.floating-code span{color:#91c655;font-size:12px}.trust-strip{border-block:1px solid var(--line);background:#f1f3ee}.trust-inner{color:#818c83;min-height:67px;font:9px var(--mono);letter-spacing:.07em;justify-content:space-between;align-items:center;gap:16px;display:flex}.trust-divider{background:#bcc7b8;border-radius:50%;width:4px;height:4px}.section{padding-block:105px 112px}.section-heading{justify-content:space-between;align-items:end;gap:45px;margin-bottom:47px;display:flex}.section-heading h2,.why-copy h2,.process h2,.cta-inner h2{font:750 clamp(32px, 4vw, 43px)/1.18 var(--display);letter-spacing:-.065em;margin:13px 0 0}.section-heading>p{color:#6d7971;max-width:400px;margin:0 0 4px;font-size:14px;line-height:1.8}.service-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.service-card{border:1px solid var(--line);background:#fbfcf9;border-radius:8px;min-height:300px;padding:24px 23px 20px}.service-number{color:#98a39a;font:10px var(--mono);justify-content:space-between;display:flex}.service-number span{font-size:15px}.service-icon{color:#739842;background:#edf3e6;border-radius:11px;place-items:center;width:41px;height:41px;margin-top:28px;font-size:19px;display:grid}.service-card h3{font:700 17px var(--display);letter-spacing:-.04em;margin:18px 0 9px}.service-card p{color:#78837b;min-height:67px;margin:0;font-size:12px;line-height:1.75}.pricing-section{padding-top:40px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.pricing-grid article{border:1px solid var(--line);background:#fbfcf9;border-radius:8px;min-height:180px;padding:23px}.pricing-grid article>span{color:#98a39a;font:10px var(--mono)}.pricing-grid h3{font:700 16px var(--display);letter-spacing:-.04em;margin:23px 0 9px}.pricing-grid p{color:#78837b;margin:0;font-size:12px;line-height:1.75}.tag-row{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.tag-row span{color:#748077;font:9px var(--mono);border:1px solid #e7ebe4;border-radius:4px;padding:5px 8px}.why-section{background:#eaf0e5;padding-block:97px}.why-grid{grid-template-columns:.88fr 1.12fr;align-items:start;gap:85px;display:grid}.why-copy{position:sticky;top:35px}.why-copy h2{margin-top:17px}.why-copy>p{color:#68756c;max-width:390px;margin:19px 0 26px;font-size:14px;line-height:1.8}.button-dark{background:var(--deep-green);color:#fff}.button-dark:hover:not(:disabled){background:#294d3a}.reasons article{border-bottom:1px solid #d7e0d2;grid-template-columns:37px 1fr 20px;gap:15px;padding:20px 0;display:grid}.reasons article:first-child{padding-top:0}.reason-icon{color:#6d923c;border:1px solid #d2dec9;border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.reasons h3{font:700 14px var(--display);letter-spacing:-.03em;margin:2px 0 6px}.reasons p{color:#758178;max-width:390px;margin:0;font-size:12px;line-height:1.7}.reason-arrow{color:#98a68f;font-size:14px}.process{padding-block:101px 110px}.process h2{margin-top:12px}.steps{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:47px;display:grid}.steps article{border-top:1px solid #dce2da;padding-top:18px}.steps article>span{color:#779b46;font:11px var(--mono)}.steps h3{font:700 15px var(--display);letter-spacing:-.03em;margin:20px 0 8px}.steps p{color:#7a857d;max-width:200px;margin:0;font-size:12px;line-height:1.7}.cta-section{background:var(--deep-green);color:#fff}.cta-inner{justify-content:space-between;align-items:center;gap:30px;min-height:248px;display:flex}.cta-inner .eyebrow{color:#bbcca9}.cta-inner h2{margin-top:12px}.cta-inner p{color:#c0cdc1;margin:10px 0 0;font-size:13px}.footer{color:#849087;align-items:center;gap:27px;min-height:87px;font-size:10px;display:flex}.footer .brand{color:var(--ink);margin-right:auto;font-size:12px}.footer>span:nth-child(2){margin-right:auto}.footer .copyright{color:#a2aaa3}.auth-page{background:radial-gradient(ellipse at 50% 47%, #edf3e7 0%, var(--paper) 50%);flex-direction:column;min-height:100vh;display:flex}.auth-top{justify-content:space-between;align-items:center;width:min(1120px,100% - 64px);height:82px;margin-inline:auto;display:flex}.auth-card{border:1px solid var(--line);background:#fff;border-radius:10px;width:min(430px,100% - 40px);margin:auto;padding:39px;box-shadow:0 22px 70px #24372d0d}.auth-card h1{font:800 35px var(--display);letter-spacing:-.06em;margin:12px 0 7px}.auth-card>p{color:#77827a;margin:0;font-size:13px;line-height:1.65}.auth-tabs{background:#f1f4ef;border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;margin:27px 0 23px;padding:4px;display:grid}.auth-tabs button{color:#768178;cursor:pointer;background:0 0;border:0;border-radius:4px;height:35px;font-size:12px;font-weight:600}.auth-tabs button.selected{color:var(--ink);background:#fff;box-shadow:0 1px 5px #1c32241a}.google-button{width:100%;min-height:44px}.google-mark{color:#4285f4;font:700 16px Arial,sans-serif}.auth-divider{color:#98a198;align-items:center;gap:12px;margin:18px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-form,.admin-form{gap:16px;display:grid}.auth-form label,.admin-form label{color:#47564c;gap:7px;font-size:11px;font-weight:700;display:grid}.auth-form input,.admin-form input,.admin-form select{width:100%;height:43px;color:var(--ink);background:#fff;border:1px solid #dfe5dd;border-radius:5px;padding:0 12px;font-size:12px}.auth-form input::placeholder,.admin-form input::placeholder{color:#aab3ab}.full-width{width:100%;margin-top:5px}.auth-help{color:#869188;text-align:center;margin-top:22px;font-size:11px}.auth-help a{color:#5d8034;font-weight:700}.auth-bottom{color:#97a198;font:10px var(--mono);letter-spacing:.04em;margin:0 auto 29px}.notice{color:#496c31;background:#f3f8ee;border:1px solid #d9e6ce;border-radius:5px;margin-top:17px;padding:11px 13px;font-size:12px;line-height:1.6}.error-notice{color:#954d40;background:#fff6f4;border-color:#f0d7d2}.portal-page{background:#f7f8f4;min-height:100vh}.portal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex}.portal-nav{color:#647168;align-items:center;gap:23px;font-size:12px;display:flex}.portal-nav button{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:0;padding:8px 0}.portal-main{max-width:900px;padding-block:63px 90px}.portal-intro h1{margin:12px 0;font-size:clamp(43px,6vw,57px)}.portal-intro>p{color:#758078;max-width:530px;margin:0;font-size:14px;line-height:1.8}.project-list{gap:14px;margin-top:38px;display:grid}.project-card,.admin-form-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:24px}.project-preview,.project-preview-placeholder{aspect-ratio:16/7;object-fit:cover;background:#f1f4ef;border:1px solid #e8ede6;border-radius:6px;width:100%;margin-bottom:19px;display:block}.project-preview-placeholder{color:#8d9990;place-items:center;font-size:11px;display:grid}.project-card-top{border-bottom:1px solid #edf0eb;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.project-type{color:#7c8980;font:10px var(--mono)}.project-card h2{font:700 20px var(--display);letter-spacing:-.04em;margin:7px 0 0}.pill{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;font-weight:600;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-active{color:#618c38;background:#f5faef;border-color:#d6e8c6}.pill-paused{color:#9c8050;background:#faf8f2;border-color:#e9e4d7}.project-details{grid-template-columns:1fr 1fr 1fr;gap:20px;padding:20px 0;display:grid}.project-details div{gap:6px;display:grid}.project-details span,.admin-project-meta>span{color:#859087;font-size:10px}.project-details strong{color:#34443a;font-size:11px;font-weight:600}.project-actions{border-top:1px solid #edf0eb;flex-wrap:wrap;justify-content:flex-end;gap:9px;padding-top:16px;display:flex}.button-outline{color:#33443a;background:#fff;border-color:#dfe5dc}.button-outline:hover:not(:disabled){border-color:#aac18d}.portal-footnote{color:#89938b;margin-top:22px;font-size:11px;line-height:1.7}.empty-state{color:#78847b;text-align:center;background:#fbfcf9;border:1px dashed #d9e1d6;border-radius:8px;margin-top:35px;padding:48px 25px;font-size:13px}.empty-state h2{max-width:460px;color:var(--ink);font:700 22px var(--display);letter-spacing:-.04em;margin:12px auto 8px}.empty-state p{margin:0 0 20px;font-size:12px}.empty-icon{color:#8caf5b;font-size:25px}.admin-form-card{margin-top:35px}.admin-form-card h2,.admin-list-heading h2{font:700 19px var(--display);letter-spacing:-.04em;margin:0}.admin-form-card>p{color:#7c8780;margin:7px 0 22px;font-size:12px}.admin-form{grid-template-columns:1fr 1fr;align-items:end}.admin-form .button{min-height:43px}.request-total{color:#47564c;font-size:13px;line-height:1.6}.request-total strong{color:var(--ink)}.request-note{margin:18px 0 0!important}.request-note a{color:#567d29;text-decoration:underline}.admin-checkbox{grid-column:1/-1;align-items:center;grid-template-columns:auto 1fr!important;gap:9px!important;display:flex!important}.admin-checkbox input{accent-color:#779e3e;width:16px;height:16px;margin:0}.client-plan-card{background:#f8fbf4;border:1px solid #dfe8d7;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:21px 24px;display:flex}.client-plan-card h2{font:700 19px var(--display);letter-spacing:-.04em;margin:5px 0}.client-plan-card p{color:#718077;margin:0;font-size:12px;line-height:1.65}.client-plan-card>strong{color:#34443a;font:700 22px var(--display);flex:none}.client-plan-card>strong span{color:#859087;font:11px var(--sans)}.plan-addon{color:#5d8034;margin-top:8px;font-size:11px;font-weight:600;display:inline-block}.admin-list-heading{justify-content:space-between;align-items:center;margin:40px 0 15px;display:flex}.admin-list-heading>span{color:#849087;font:10px var(--mono)}.admin-project-list{gap:10px;display:grid}.admin-project{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.admin-project h3{font:700 15px var(--display);margin:6px 0 9px}.admin-project-preview{aspect-ratio:16/8;object-fit:cover;background:#f1f4ef;border:1px solid #e8ede6;border-radius:5px;width:min(100%,240px);margin-bottom:10px;display:block}.admin-project-archived{opacity:.7}.admin-project-meta{justify-items:end;gap:10px;display:grid}.admin-project-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-project-meta .button{min-height:36px;font-size:11px}.admin-project-price{color:#718077;margin:8px 0 0;font-size:11px}.payment-history{gap:9px;display:grid}.payment-row{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:1.2fr .8fr .8fr;align-items:center;gap:16px;padding:15px 18px;display:grid}.payment-row>div{gap:5px;display:grid}.payment-row strong{color:#34443a;font-size:12px}.payment-row span{color:#859087;font-size:10px}.token-panel{background:#f7faf3;border:1px solid #dfe7d7;border-radius:6px;justify-items:start;gap:11px;margin-top:16px;padding:16px;display:grid}.token-panel>strong{color:#33443a;font-size:12px}.token-panel>p{color:#77847a;margin:0;font-size:11px;line-height:1.65}.token-panel>code{overflow-wrap:anywhere;color:#496c31;max-width:100%;font:11px var(--mono);-webkit-user-select:all;user-select:all}@media (max-width:800px){.wrap{width:min(100% - 42px,600px)}.nav{height:72px}.nav-links{gap:16px}.nav-links>a:not(.nav-login){display:none}.admin-project{flex-direction:column;align-items:stretch}.admin-project-meta{justify-items:stretch;width:100%}.admin-project-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-project-meta .button{white-space:normal;min-height:44px;padding-inline:10px}.hero{grid-template-columns:1fr;gap:26px;padding-block:69px 55px}.hero-copy{max-width:520px}.hero h1{font-size:clamp(50px,11vw,69px)}.hero-art{min-height:325px}.browser-card{width:min(445px,88%)}.floating-tag{right:1%}.floating-code{left:2%}.trust-inner{text-align:center;flex-wrap:wrap;justify-content:center;padding-block:17px}.trust-inner>span:not(.trust-divider){width:41%;line-height:1.7}.trust-divider:last-of-type{display:none}.section{padding-block:78px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:30px}.service-grid,.pricing-grid{grid-template-columns:1fr}.pricing-grid article,.service-card,.service-card p{min-height:0}.why-grid{grid-template-columns:1fr;gap:44px}.why-copy{position:static}.why-section{padding-block:75px}.steps{grid-template-columns:1fr 1fr;row-gap:30px}.process{padding-block:76px}.cta-inner{flex-direction:column;justify-content:center;align-items:flex-start;min-height:260px;padding-block:45px}.footer{flex-wrap:wrap;justify-content:space-between;gap:14px;min-height:130px;padding-block:23px}.footer .brand{width:100%}.footer>span:nth-child(2){margin-right:0}.portal-main{padding-top:45px}}@media (max-width:520px){.wrap{width:calc(100% - 36px)}.brand{gap:8px;font-size:12px}.brand-mark{width:32px;height:32px}.nav-links .nav-login{padding:9px 10px;font-size:11px}.hero{padding-top:53px}.hero h1{font-size:48px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:17px}.hero-note{margin-top:35px}.hero-art{min-height:270px;margin-inline:-7px}.browser-card{width:88%}.art-glow{width:min(390px,100%)}.browser-content{padding-inline:14px}.browser-layout{min-height:157px}.browser-image{height:122px}.floating-tag{font-size:9px;top:24px}.floating-code{bottom:19px}.trust-inner>span:not(.trust-divider){width:43%;font-size:8px}.section-heading h2,.why-copy h2,.process h2,.cta-inner h2{font-size:33px}.steps{gap:24px 16px}.steps h3{font-size:13px}.steps p{font-size:11px}.footer>span:nth-child(2){width:100%}.auth-top{width:calc(100% - 36px)}.auth-top .text-link{font-size:10px}.auth-card{padding:27px 22px}.portal-header{height:67px}.portal-nav{gap:12px;font-size:10px}.portal-nav button{min-height:40px}.portal-intro h1{font-size:43px}.project-card,.admin-form-card{padding:18px}.client-plan-card{align-items:flex-start;padding:17px}.client-plan-card>strong{font-size:19px}.project-card-top{flex-direction:column;gap:13px}.project-details{grid-template-columns:1fr 1fr;gap:17px 12px}.project-actions{justify-content:stretch}.project-actions .button{flex:1}.payment-row{grid-template-columns:1fr;gap:12px}.admin-form{grid-template-columns:1fr}.admin-project{padding:16px}.admin-project-buttons{grid-template-columns:1fr}.admin-project-meta .button{width:100%}.admin-form input,.admin-form select,.auth-form input{height:46px;font-size:16px}.admin-form .button,.auth-form .button{min-height:46px}.admin-checkbox{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}