*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-deep:#1a5c35;--green:#217a47;--green-mid:#2a9d5c;--green-pale:#ebf7f1;--green-pale-2:#d4eee1;--off-white:#f9f9f7;--white:#fff;--black:#111312;--gray-1:#f4f4f2;--gray-2:#e8e8e4;--gray-3:#cdcdc7;--gray-4:#8c8c85;--gray-5:#4a4a44;--border:#00000014;--font-display:"Sora", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius:10px;--radius-sm:6px}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);font-family:var(--font-display);-webkit-font-smoothing:antialiased;font-size:15px;font-weight:400;line-height:1.65;overflow-x:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffed;justify-content:space-between;align-items:center;height:60px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-display);color:var(--black);letter-spacing:-.02em;font-size:16px;font-weight:600;text-decoration:none}.nav-logo span{color:var(--green)}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a{color:var(--gray-5);border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;font-weight:400;text-decoration:none;transition:background .15s,color .15s}.nav-links a:hover{background:var(--gray-1);color:var(--black)}.nav-cta{color:var(--white)!important;background:var(--green)!important;border-radius:var(--radius-sm)!important;padding:8px 20px!important;font-size:13px!important;font-weight:500!important}.nav-cta:hover{background:var(--green-deep)!important}.hero{max-width:1200px;margin:0 auto;padding:112px 48px 72px}.hero-tag{background:var(--green-pale);color:var(--green-deep);font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.06em;border-radius:100px;align-items:center;gap:7px;margin-bottom:24px;padding:5px 12px;display:inline-flex}.hero-tag:before{content:"";background:var(--green-mid);border-radius:50%;width:6px;height:6px}.hero-headline{letter-spacing:-.03em;color:var(--black);max-width:760px;margin-bottom:20px;font-size:clamp(38px,5vw,66px);font-weight:600;line-height:1.08}.hero-headline .accent{color:var(--green);display:block}.hero-sub{color:var(--gray-5);max-width:480px;margin-bottom:36px;font-size:17px;font-weight:300;line-height:1.6}.hero-actions{align-items:center;gap:12px;margin-bottom:56px;display:flex}.btn-primary{font-family:var(--font-display);color:var(--white);background:var(--green);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover{background:var(--green-deep);transform:translateY(-1px)}.btn-secondary{font-family:var(--font-display);color:var(--green-deep);border-radius:var(--radius-sm);background:var(--green-pale);border:1px solid var(--green-pale-2);align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn-secondary:hover{background:var(--green-pale-2);transform:translateY(-1px)}.hero-pillars{background:var(--gray-2);border:1px solid var(--gray-2);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.hero-pillar{background:var(--white);padding:22px 28px;transition:background .15s}.hero-pillar:hover{background:var(--gray-1)}.pillar-index{font-family:var(--font-mono);color:var(--green-mid);letter-spacing:.1em;margin-bottom:8px;font-size:10px}.pillar-word{color:var(--black);letter-spacing:-.02em;margin-bottom:4px;font-size:18px;font-weight:600}.pillar-desc{color:var(--gray-4);font-size:12px;line-height:1.5}.ui-showcase{background:var(--off-white);border-top:1px solid var(--gray-2);border-bottom:1px solid var(--gray-2);padding:64px 48px;overflow:hidden}.ui-showcase-inner{max-width:1200px;margin:0 auto}.ui-showcase-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.ui-label{font-family:var(--font-mono);color:var(--green-mid);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.ui-title{color:var(--black);letter-spacing:-.02em;font-size:22px;font-weight:600}.ui-sub{color:var(--gray-4);margin-top:4px;font-size:13px;font-weight:300}.ui-screens{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}.mock-screen{background:var(--white);border:1px solid var(--gray-2);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 24px #0000000f}.mock-titlebar{background:var(--gray-1);border-bottom:1px solid var(--gray-2);align-items:center;gap:10px;padding:10px 16px;display:flex}.mock-dot{border-radius:50%;width:10px;height:10px}.mock-dot.red{background:#ff5f57}.mock-dot.yellow{background:#febc2e}.mock-dot.green{background:#28c840}.mock-titlebar-label{font-family:var(--font-mono);color:var(--gray-4);letter-spacing:.04em;margin-left:8px;font-size:11px}.mock-body{padding:16px}.mock-top-bar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mock-page-title{color:var(--black);letter-spacing:-.01em;font-size:14px;font-weight:600}.mock-btn{font-family:var(--font-mono);color:var(--white);background:var(--green);letter-spacing:.04em;border-radius:4px;padding:5px 12px;font-size:10px}.mock-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.mock-stat{background:var(--gray-1);border-radius:6px;padding:10px 12px}.mock-stat-num{color:var(--black);letter-spacing:-.02em;margin-bottom:3px;font-size:18px;font-weight:600;line-height:1}.mock-stat-label{font-family:var(--font-mono);color:var(--gray-4);letter-spacing:.06em;font-size:9px}.mock-table-header{background:var(--gray-1);border-radius:4px;grid-template-columns:2fr 1.2fr 1fr .8fr .8fr;margin-bottom:4px;padding:6px 10px;display:grid}.mock-th{font-family:var(--font-mono);color:var(--gray-4);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.mock-row{border-radius:4px;grid-template-columns:2fr 1.2fr 1fr .8fr .8fr;align-items:center;padding:8px 10px;transition:background .1s;display:grid}.mock-row:hover{background:var(--gray-1)}.mock-row+.mock-row{border-top:1px solid var(--gray-2)}.mock-cell{color:var(--gray-5);font-size:11px;font-weight:400}.mock-cell.name{color:var(--black);font-weight:500}.mock-cell.id{font-family:var(--font-mono);color:var(--gray-4);font-size:10px}.mock-badge{font-family:var(--font-mono);letter-spacing:.04em;border-radius:100px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:500;display:inline-flex}.badge-verified{background:var(--green-pale);color:var(--green-deep)}.badge-progress{color:#854d0e;background:#fef9c3}.badge-pending{background:var(--gray-1);color:var(--gray-4)}.badge-lto{color:#1e40af;background:#eff6ff}.mock-detail .mock-body{padding:14px}.mock-client-header{border-bottom:1px solid var(--gray-2);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.mock-avatar{background:var(--green-pale);width:36px;height:36px;font-family:var(--font-mono);color:var(--green-deep);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.mock-client-name{color:var(--black);margin-bottom:2px;font-size:13px;font-weight:600}.mock-client-tier{font-family:var(--font-mono);color:var(--green-mid);letter-spacing:.08em;font-size:9px}.mock-progress-section{margin-bottom:14px}.mock-progress-label{justify-content:space-between;margin-bottom:6px;display:flex}.mock-progress-title{color:var(--black);font-size:11px;font-weight:500}.mock-progress-pct{font-family:var(--font-mono);color:var(--green-mid);font-size:10px}.mock-progress-bar{background:var(--gray-2);border-radius:100px;height:4px;overflow:hidden}.mock-progress-fill{background:var(--green);border-radius:100px;height:100%}.mock-stages{flex-direction:column;gap:6px;display:flex}.mock-stage{background:var(--gray-1);border-radius:6px;align-items:center;gap:10px;padding:7px 10px;display:flex}.mock-stage-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot-done{background:var(--green-mid)}.dot-active{background:#f59e0b}.dot-pending{background:var(--gray-3)}.mock-stage-name{color:var(--black);flex:1;font-size:11px;font-weight:400}.mock-stage-time{font-family:var(--font-mono);color:var(--gray-4);font-size:9px}.mock-storage-row{background:var(--gray-1);border-radius:6px;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 10px;display:flex}.mock-storage-label{color:var(--gray-5);font-size:11px}.mock-storage-val{font-family:var(--font-mono);color:var(--black);font-size:11px;font-weight:500}.section-wrap{max-width:1200px;margin:0 auto;padding:72px 48px}.section-wrap.bg-off{background:var(--off-white);max-width:100%}.section-wrap.bg-off .section-inner{max-width:1200px;margin:0 auto;padding:72px 48px}.section-tag{font-family:var(--font-mono);color:var(--green-mid);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:500;display:inline-block}.section-headline{letter-spacing:-.025em;color:var(--black);margin-bottom:12px;font-size:clamp(26px,3.2vw,42px);font-weight:600;line-height:1.15}.section-sub{color:var(--gray-4);max-width:480px;margin-bottom:44px;font-size:15px;font-weight:300;line-height:1.65}.problem-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.problem-card{background:var(--white);border:1px solid var(--gray-2);border-radius:var(--radius);padding:28px 24px;transition:border-color .2s,transform .2s}.problem-card:hover{border-color:var(--gray-3);transform:translateY(-2px)}.prob-icon{margin-bottom:14px;font-size:24px}.prob-title{color:var(--black);letter-spacing:-.02em;margin-bottom:8px;font-size:16px;font-weight:600}.prob-copy{color:var(--gray-5);font-size:13px;font-weight:300;line-height:1.7}.how-layout{grid-template-columns:1fr 360px;align-items:start;gap:48px;display:grid}.how-steps{flex-direction:column;gap:0;display:flex}.how-step{border-bottom:1px solid var(--gray-2);gap:20px;padding:22px 0;display:flex}.how-step:first-child{padding-top:0}.how-step:last-child{border-bottom:none}.step-num{background:var(--green-pale);width:32px;height:32px;font-family:var(--font-mono);color:var(--green-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;font-weight:500;display:flex}.step-title{color:var(--black);letter-spacing:-.02em;margin-bottom:5px;font-size:16px;font-weight:600}.step-copy{color:var(--gray-5);font-size:13px;font-weight:300;line-height:1.7}.how-aside{background:var(--green-pale);border-radius:var(--radius);padding:28px;position:sticky;top:76px}.aside-eyebrow{font-family:var(--font-mono);color:var(--green-deep);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:10px}.aside-quote{color:var(--green-deep);letter-spacing:-.01em;margin-bottom:16px;font-size:16px;font-weight:500;line-height:1.55}.aside-copy{color:var(--green);font-size:13px;font-weight:300;line-height:1.7}.segments-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.segment-card{background:var(--white);border:1px solid var(--gray-2);border-radius:var(--radius);padding:28px 24px;transition:border-color .2s,transform .2s}.segment-card:hover{border-color:var(--green-pale-2);transform:translateY(-2px)}.seg-tag{font-family:var(--font-mono);color:var(--green-mid);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:10px}.seg-copy{color:var(--gray-5);font-size:13px;font-weight:300;line-height:1.75}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.tier-card{background:var(--white);border:1px solid var(--gray-2);border-radius:var(--radius);flex-direction:column;padding:28px 20px;transition:border-color .2s,transform .2s;display:flex}.tier-card:hover{border-color:var(--gray-3);transform:translateY(-2px)}.tier-card.featured{background:var(--green);border-color:var(--green)}.tier-badge{font-family:var(--font-mono);color:#ffffffb3;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:500}.tier-name{color:var(--black);letter-spacing:-.02em;margin-bottom:10px;font-size:18px;font-weight:600}.tier-card.featured .tier-name{color:var(--white)}.tier-price{color:var(--black);letter-spacing:-.03em;margin-bottom:4px;font-size:34px;font-weight:600;line-height:1}.tier-card.featured .tier-price{color:var(--white)}.tier-price sup{vertical-align:super;font-size:18px;font-weight:400}.tier-unit{color:var(--gray-4);margin-bottom:16px;font-size:11px;font-weight:300}.tier-card.featured .tier-unit{color:#fff9}.tier-divider{background:var(--gray-2);height:1px;margin-bottom:16px}.tier-card.featured .tier-divider{background:#fff3}.tier-desc{color:var(--gray-5);flex:1;margin-bottom:16px;font-size:12px;font-weight:300;line-height:1.6}.tier-card.featured .tier-desc{color:#fffc}.tier-features{flex-direction:column;gap:7px;list-style:none;display:flex}.tier-features li{color:var(--gray-4);align-items:flex-start;gap:8px;font-size:12px;font-weight:300;line-height:1.45;display:flex}.tier-card.featured .tier-features li{color:#ffffffbf}.tier-features li:before{content:"";background:var(--green-pale);background-image:url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L3 5L7 1' stroke='%232A9D5C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:8px;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:1px}.tier-card.featured .tier-features li:before{background-color:#ffffff26;background-image:url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L3 5L7 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.tier-signup{text-align:center;width:100%;color:var(--green);background:var(--green-pale);box-sizing:border-box;border-radius:6px;margin-top:16px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.tier-signup:hover{background:var(--green-pale-2)}.tier-signup.featured{color:var(--white);background:#ffffff26}.tier-signup.featured:hover{background:#ffffff40}.pricing-note{color:var(--gray-4);background:var(--gray-1);border-radius:var(--radius-sm);border:1px solid var(--gray-2);padding:14px 16px;font-size:12px;font-weight:300;line-height:1.65}.quote-form-section{background:var(--off-white);border-top:1px solid var(--gray-2)}.signup-page{background:var(--off-white);min-height:calc(100vh - 120px);padding-top:60px}.cta-section{background:var(--green-deep);text-align:center;padding:80px 48px}.cta-inner{max-width:560px;margin:0 auto}.cta-tag{font-family:var(--font-mono);color:#ffffff73;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-size:10px;display:inline-block}.cta-headline{color:var(--white);letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(28px,4vw,48px);font-weight:600;line-height:1.15}.cta-sub{color:#fff9;margin-bottom:36px;font-size:15px;font-weight:300;line-height:1.65}.cta-actions{justify-content:center;align-items:center;gap:12px;display:flex}.btn-white{font-family:var(--font-display);color:var(--green-deep);background:var(--white);border-radius:var(--radius-sm);align-items:center;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.btn-white:hover{background:var(--off-white)}.btn-outline-white{font-family:var(--font-display);color:var(--white);border-radius:var(--radius-sm);background:#ffffff26;border:1px solid #ffffff40;align-items:center;padding:12px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.btn-outline-white:hover{background:#ffffff38;transform:translateY(-1px)}footer{border-top:1px solid var(--gray-2);background:var(--white);justify-content:space-between;align-items:center;padding:24px 48px;display:flex}.footer-logo{color:var(--black);letter-spacing:-.02em;font-size:14px;font-weight:600}.footer-logo span{color:var(--green)}.footer-info{color:var(--gray-4);font-size:12px;font-weight:300}.footer-info a{color:var(--gray-5);text-decoration:none;transition:color .15s}.footer-info a:hover{color:var(--black)}.divider{background:var(--gray-2);height:1px}@media (max-width:1024px){nav{padding:0 24px}.nav-links li:not(:last-child){display:none}.hero,.section-wrap,.section-wrap.bg-off .section-inner{padding-left:24px;padding-right:24px}.ui-showcase{padding:48px 24px}.hero-pillars,.ui-screens,.problem-grid,.how-layout{grid-template-columns:1fr}.how-aside{position:static}.segments-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}.cta-section{padding:64px 24px}.cta-actions{flex-direction:column}footer{text-align:center;flex-direction:column;gap:10px;padding:20px 24px}}