:root{color-scheme:light;--ink:#173b35;--muted:#5c706b;--line:#dce8df;--cream:#f7faf4;--white:#fff;--mint:#c4eeb8;--lime:#d8f1a6;--green:#245c49;--sky:#e1eff7;--shadow:0 22px 55px rgba(39,85,58,.09);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink)}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:12px;top:-80px;background:#fff;padding:12px;z-index:50}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #145c99;outline-offset:3px}.site-header{position:relative;z-index:5;background:rgba(247,250,244,.9);border-bottom:1px solid rgba(39,85,58,.08);backdrop-filter:blur(16px)}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:system-ui,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.07em;white-space:nowrap}.brand-stop{color:#6db58d}.nav-links{display:flex;gap:35px}.nav-links a,.footer a:not(.brand){font-size:14px;font-weight:700;text-decoration:none}.nav-links a:hover,.footer a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;text-decoration:none;border-radius:999px;font-weight:800;font-size:14px;min-height:56px;padding:0 27px;box-shadow:0 8px 16px rgba(55,109,72,.10),inset 0 1px 1px rgba(255,255,255,.75);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 13px 25px rgba(33,80,56,.16)}.button:active{transform:translateY(0) scale(.98)}.button-primary{background:linear-gradient(145deg,#d7f3a7,#a9e3ad);color:#163a30;border-color:#a5d9a2}.button-ink{background:#183e37;color:white;border-color:#183e37}.button-small{min-height:44px;padding:0 19px;font-size:13px}.hero{min-height:685px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding-top:66px;padding-bottom:83px}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#2f7458;font-size:11px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}.sparkle{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d8f0cd;font-size:13px;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:system-ui,sans-serif}h1{font-size:clamp(48px,5.4vw,80px);line-height:1.09;letter-spacing:-.075em;margin:24px 0 24px;max-width:660px}h1 em,h2 em{font-style:normal;color:#62a88c}.lede{font-size:18px;line-height:1.75;color:#536a63;max-width:530px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:37px;flex-wrap:wrap}.text-link{font-weight:800;font-size:14px;text-decoration:none}.text-link:hover{text-decoration:underline}.fine-print{font-size:12px;color:#71837d;margin-top:26px}.hero-art{height:600px;position:relative;display:flex;align-items:center;justify-content:center}.ambient{position:absolute;border-radius:50%;filter:blur(2px)}.ambient-one{width:560px;height:560px;background:radial-gradient(circle at 43% 41%,#e6f8d1,#d5edda 47%,transparent 69%);left:0;top:22px}.ambient-two{width:280px;height:280px;background:#d6e9f0;right:0;bottom:10px;opacity:.5;filter:blur(45px)}.phone-frame{width:300px;height:570px;border-radius:46px;background:#fff;border:7px solid #213f37;padding:7px;box-shadow:0 36px 70px rgba(19,65,46,.22),0 0 0 2px #d4ded6;transform:rotate(3deg);position:relative;z-index:1}.phone-screen{background:linear-gradient(#f5faf5,#fff 52%);height:100%;border-radius:34px;position:relative;overflow:hidden;padding:25px 15px 0}.phone-screen:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);background:#234038;border-radius:30px;width:62px;height:16px}.phone-top{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.mini-brand{display:flex;align-items:center;gap:5px;font-family:system-ui;font-size:13px;letter-spacing:-.05em;font-weight:800}.avatar{background:#e4ebff;border-radius:50%;padding:8px;font-size:10px;font-weight:700}.phone-greeting{font-family:system-ui;font-size:18px;font-weight:800;margin-top:35px;letter-spacing:-.05em}.phone-greeting span{color:#8bc47f}.phone-sub{font-size:10px;color:var(--muted);margin-top:5px}.preview-card{background:#fff;border:1px solid #e4eee4;border-radius:18px;box-shadow:0 14px 30px rgba(43,79,52,.1);padding:17px;margin-top:22px}.preview-category{font-size:8px;font-weight:800;letter-spacing:.12em;color:#507261;display:flex;justify-content:space-between}.preview-dots{font-size:11px;letter-spacing:0}.preview-title{font-family:system-ui;font-size:15px;font-weight:800;margin-top:16px}.preview-meta{font-size:10px;color:var(--muted);margin-top:5px}.preview-rule{border-top:1px solid #e7eee9;margin:16px 0}.preview-status{display:flex;align-items:center;gap:9px}.preview-status strong,.activity-item strong{display:block;font-size:10px}.preview-status small,.activity-item small{display:block;font-size:8px;color:#71817b;margin-top:3px}.status-orb{width:31px;height:31px;border-radius:50%;background:linear-gradient(130deg,#b5efad,#74cfa8);box-shadow:0 4px 11px #b4e6bb}.arrow-round{margin-left:auto;width:27px;height:27px;border:1px solid #dfeae1;border-radius:50%;display:grid;place-items:center}.phone-section{font-size:11px;font-weight:800;display:flex;justify-content:space-between;margin:25px 3px 14px}.phone-section span{font-size:9px;color:#42916a}.activity-item{display:flex;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #ebf0eb}.activity-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:10px;font-size:12px}.activity-icon.mint{background:#d9f3dc}.activity-icon.sky{background:#dbeff5}.phone-bottom{position:absolute;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #eef1ee;display:flex;justify-content:space-around;align-items:center;text-align:center;font-size:17px}.phone-bottom span{color:#527268}.phone-bottom small{display:block;font-size:7px}.float-note{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid white;box-shadow:0 16px 35px rgba(31,69,51,.12);border-radius:17px;padding:12px 15px;font-size:10px;line-height:1.5;color:#576f62}.float-note strong{color:#1b4337}.float-top{top:70px;right:2px;transform:rotate(5deg)}.float-bottom{bottom:90px;left:0;transform:rotate(-5deg)}.small-icon{background:#e8f4cb;color:#316b44;width:33px;height:33px;display:grid;place-items:center;border-radius:11px;font-size:18px}.small-icon.blue{background:#dfeef3}.benefit-strip{background:#fff;border-top:1px solid #e9efe6;border-bottom:1px solid #e9efe6}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:31px 0}.benefit-grid>div{display:grid;grid-template-columns:35px 1fr;column-gap:12px;align-items:start}.benefit-icon{grid-row:span 2;background:#ecf7e4;width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.benefit-grid strong{font:800 13px system-ui}.benefit-grid p{font-size:12px;color:var(--muted);margin:5px 0 0}.section{padding-top:135px;padding-bottom:135px}.section-intro{text-align:center;max-width:680px;margin:auto}.section h2,.split-section h2{font-size:clamp(37px,4.1vw,58px);line-height:1.14;letter-spacing:-.065em;margin:22px 0}.section-intro p,.split-copy p{color:var(--muted);line-height:1.8;font-size:16px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:60px}.step-card{min-height:390px;background:#fff;border:1px solid #e7eee6;border-radius:30px;padding:28px;box-shadow:0 18px 32px rgba(36,75,54,.04)}.step-num{font-size:12px;font-weight:800;color:#509c73}.step-graphic{height:177px;margin:16px 0 27px;background:linear-gradient(155deg,#eff8e8,#e7f1ec);border-radius:23px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.graphic-calendar span{background:#fff;border-radius:12px 12px 0 0;padding:8px 37px 5px;color:#5a9f70;font-size:10px;font-weight:800;box-shadow:0 14px 22px #b9d6c3}.graphic-calendar b{font:800 43px system-ui;background:#fff;padding:0 29px 9px;border-radius:0 0 12px 12px;box-shadow:0 14px 22px #b9d6c3}.graphic-calendar i{position:absolute;right:50px;top:25px;color:#79bc86;font-size:28px}.graphic-update{align-items:flex-start;padding-left:14%;font-size:11px;color:#617d71}.graphic-update span,.graphic-update b,.graphic-update small{background:#fff;width:82%;padding:9px 13px}.graphic-update span{border-radius:13px 13px 0 0}.graphic-update b{font:800 20px system-ui;color:var(--ink)}.graphic-update small{border-radius:0 0 13px 13px;box-shadow:0 10px 18px #c8decf}.graphic-history span{background:#fff;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;color:#419971;font-size:33px;box-shadow:0 10px 20px #bddbc8}.graphic-history b{font-size:15px;margin-top:10px}.graphic-history small{font-size:10px;color:var(--muted)}.step-card h3{font-size:19px;letter-spacing:-.04em;margin-bottom:10px}.step-card p{font-size:13px;line-height:1.75;color:var(--muted)}.split-section{background:#e8f2e8;padding:105px 0;overflow:hidden}.split-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.split-copy h2{max-width:570px}.tick-list{list-style:none;padding:0;margin:26px 0 30px}.tick-list li{padding:8px 0 8px 32px;position:relative;color:#455f54;font-size:14px}.tick-list li:before{content:'✓';position:absolute;left:0;top:7px;background:#bde5bd;color:#175039;width:22px;height:22px;border-radius:50%;text-align:center;font-weight:800}.workflow-card{max-width:475px;background:#fff;border:1px solid #e3ece3;box-shadow:var(--shadow);border-radius:30px;padding:30px;transform:rotate(1deg)}.card-label{font-size:10px;letter-spacing:.1em;font-weight:800;color:#6e8778;display:flex;justify-content:space-between;align-items:center;gap:8px}.demo-tag{font-size:9px;color:#377054;background:#e4f3e7;border-radius:20px;padding:6px 9px}.workflow-card h3{font-size:23px;letter-spacing:-.04em;margin:20px 0}.workflow-row{display:flex;gap:14px;align-items:center;border-top:1px solid #eaf0e9;padding:17px 0}.workflow-bullet{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef2ec;color:#668379;font-size:13px}.workflow-bullet.done{background:#dff3dd;color:#226344}.workflow-bullet.now{background:#d7eaf1;color:#1d6579}.workflow-row strong{font-size:13px}.workflow-row small{display:block;color:#83928a;font-size:11px;margin-top:4px}.workflow-time{margin-left:auto;color:#7d8f85;font-size:10px}.workflow-row.future{opacity:.55}.workflow-foot{background:#f4f8f1;padding:11px 13px;border-radius:12px;font-size:10px;color:#647e6c}.trust{display:grid;grid-template-columns:1fr 1fr;gap:80px}.trust-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:38px}.trust-columns p{font-size:14px;line-height:1.8;color:var(--muted)}.closing{padding-bottom:100px}.closing-card{background:linear-gradient(120deg,#d9f0cc,#d6e9dd);border-radius:38px;padding:75px 80px;position:relative;overflow:hidden}.closing-card h2{font-size:clamp(40px,5vw,65px);line-height:1.08;letter-spacing:-.07em;margin:15px 0}.closing-card p{max-width:450px;color:#456459;line-height:1.7}.closing-orb{position:absolute;right:8%;top:7%;width:360px;height:360px;background:radial-gradient(circle at 30% 26%,#fff9d5,#c0eab1 38%,#8fcbb8 70%);border-radius:40% 60% 62% 38%/43% 36% 64% 57%;box-shadow:inset 15px 15px 45px rgba(255,255,255,.8),20px 30px 50px rgba(28,110,63,.18);transform:rotate(-22deg)}.closing-card>*:not(.closing-orb){position:relative;z-index:1}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0 45px;border-top:1px solid #dfe9de}.footer p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.footer p small{font-size:11px}.copyright{font-size:11px;color:#87958d}
/* Shared demonstration UI */
.demo-body{background:#eef5ee}.demo-header{background:#f9fcf8}.demo-nav{min-height:73px}.demo-shell{max-width:1160px;margin:0 auto;padding:28px 24px 90px}.demo-banner{background:#fff8dd;border:1px solid #e8dab0;border-radius:15px;padding:13px 18px;color:#4f4731;font-size:12px;line-height:1.5;margin-bottom:27px}.demo-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.demo-top h1{font-size:clamp(35px,4vw,54px);margin:8px 0}.demo-top p{font-size:14px;color:var(--muted);margin:0}.view-switch{display:inline-flex;background:#e0ece1;padding:5px;border-radius:100px;gap:2px}.view-switch button{border:0;background:transparent;border-radius:100px;padding:12px 18px;color:#426557;font-size:13px;font-weight:800;min-height:43px}.view-switch button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 5px 12px #c7ddcd}.demo-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.78fr);gap:22px}.panel{background:#fff;border:1px solid #e2ece2;border-radius:26px;padding:28px;box-shadow:0 12px 32px rgba(38,77,47,.045)}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.panel h2{font-size:24px;letter-spacing:-.05em;margin:6px 0}.panel-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:#4e8b6c;text-transform:uppercase}.panel-muted{font-size:13px;line-height:1.65;color:var(--muted)}.status-pill{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;border-radius:50px;background:#e7f3e8;color:#245d43;font-size:11px;font-weight:800;white-space:nowrap}.status-pill:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.status-pill.warning{background:#fff0dc;color:#825018}.status-pill.complete{background:#ddf4d7;color:#245d43}.service-detail{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.detail-chip{background:#f2f7f0;padding:11px 13px;border-radius:12px;font-size:11px;color:#577066}.detail-chip strong{display:block;color:var(--ink);font-size:12px;margin-top:3px}.progress-line{height:8px;background:#e8f1e8;border-radius:10px;overflow:hidden;margin:28px 0 9px}.progress-line span{display:block;background:linear-gradient(90deg,#b7e29d,#56b88f);height:100%;width:var(--progress);border-radius:10px;transition:width .28s}.progress-caption{display:flex;justify-content:space-between;font-size:11px;color:#71887a}.timeline{list-style:none;padding:0;margin:24px 0 0}.timeline li{display:grid;grid-template-columns:24px 1fr auto;gap:12px;position:relative;padding:0 0 23px}.timeline li:not(:last-child):before{content:'';position:absolute;left:11px;top:20px;bottom:0;width:2px;background:#dce9df}.timeline-dot{width:24px;height:24px;border-radius:50%;background:#d9f0dc;color:#256448;display:grid;place-items:center;font-size:12px;font-weight:800;z-index:1}.timeline-dot.warning{background:#ffebce;color:#8c581a}.timeline li strong{font-size:13px}.timeline li p{font-size:12px;color:#657c6d;margin:4px 0;line-height:1.5}.timeline time{font-size:11px;color:#799087;white-space:nowrap}.panel-side h3{font-size:16px;margin:0 0 8px}.note-card{background:#e9f4ea;border-radius:18px;padding:20px;margin:24px 0}.note-card .note-icon{font-size:24px}.note-card strong{display:block;margin:10px 0 5px;font-size:13px}.note-card p{color:#557163;font-size:12px;line-height:1.6;margin:0}.side-foot{border-top:1px solid #e8eee7;padding-top:17px;color:#73867a;font-size:11px;line-height:1.6}.operator-actions{display:grid;gap:8px;margin-top:21px}.operator-actions button,.reset-button{border:1px solid #cfe1d0;background:#edf8e9;border-radius:13px;min-height:44px;color:#194a38;font-size:12px;font-weight:800;padding:10px 14px;text-align:left}.operator-actions button:hover:not(:disabled){background:#d5f0d1}.operator-actions button:disabled{opacity:.45;cursor:not-allowed}.operator-actions button.warning-action{background:#fff4df;color:#734b19;border-color:#ead6b8}.reset-button{background:#fff;color:#385649;margin-top:15px}.field-label{display:block;font-size:12px;font-weight:800;margin:10px 0 7px}.operator-actions textarea{width:100%;min-height:75px;resize:vertical;border:1px solid #aec9b5;border-radius:12px;padding:12px;color:var(--ink);background:#fff}.operator-hint{font-size:11px;color:#6a7e70;line-height:1.5}.demo-footer{text-align:center;margin-top:35px;color:#617c6e;font-size:12px}.hidden{display:none!important}@media(max-width:950px){.hero{grid-template-columns:1fr;gap:0;padding-top:65px}.hero-copy{max-width:750px}.hero-art{height:585px}.ambient-one{left:50%;transform:translateX(-50%)}.split-grid{gap:45px}.trust{gap:25px}.closing-orb{right:-90px;opacity:.55}.nav-links{display:none}}@media(max-width:700px){.shell{width:min(100% - 32px,1180px)}.site-header .nav{min-height:68px}.brand{font-size:18px}.brand img{width:32px;height:32px}.site-header .button-small{font-size:11px;padding:0 13px;gap:6px;min-height:40px}.hero{padding-top:42px;padding-bottom:42px}.hero h1{font-size:clamp(44px,11vw,64px)}.lede{font-size:16px}.hero-actions{gap:19px}.hero-art{height:575px;overflow:hidden}.float-top{right:-7px}.float-bottom{left:-6px}.benefit-grid,.step-grid,.split-grid,.trust,.trust-columns,.demo-grid{grid-template-columns:1fr}.benefit-grid{gap:22px}.section{padding:80px 0}.section h2,.split-section h2{font-size:39px}.step-grid{margin-top:38px}.step-card{min-height:340px}.split-section{padding:70px 0}.workflow-card{width:100%;transform:none}.trust-columns{gap:0;padding-top:0}.closing{padding-bottom:50px}.closing-card{padding:50px 28px;min-height:385px}.closing-orb{width:240px;height:240px;top:auto;bottom:-80px;right:-55px}.footer{flex-wrap:wrap}.footer p{width:55%}.copyright{width:100%}.demo-top{display:block}.view-switch{margin-top:19px}.demo-shell{padding:20px 16px 65px}.panel{padding:21px}.panel-heading{flex-wrap:wrap}.timeline li{grid-template-columns:24px 1fr}.timeline time{grid-column:2;margin-top:-13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}