.w-hero{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(48px,6vw,80px)}.w-hero .top{grid-template-columns:1.25fr .75fr;align-items:end;gap:48px;display:grid}.w-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:clamp(48px,6vw,80px);display:grid}.w-stats div{padding:24px 24px 0 0}.w-stats div+div{border-left:1px solid var(--line);padding-left:24px}.w-stats b{letter-spacing:-.045em;font-size:clamp(30px,3vw,42px);line-height:1.05;display:block}.w-stats span{color:var(--muted);font-size:14px}.index{border-top:1px solid var(--line);gap:0;display:grid}.index a{border-bottom:1px solid var(--line);transition:padding .4s var(--ease-out),color .3s;grid-template-columns:48px 1fr auto auto;align-items:center;gap:20px;padding:18px 0;text-decoration:none;display:grid}.index a:hover{color:var(--copper-600);padding-left:12px}.index small{color:var(--muted-2);letter-spacing:.1em;font-size:12px;font-weight:700}.index b{letter-spacing:-.02em;font-size:18px}.index .tag{color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 12px;font-size:12.5px}.browser{box-shadow:var(--shadow-lg);background:#1a120f;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.browser .chrome{background:#2a1f1a;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.browser .chrome i{background:#5a463b;border-radius:50%;width:10px;height:10px}.browser .chrome i:first-child{background:#c6704c}.browser .chrome i:nth-child(2){background:#c2a693}.browser .chrome span{color:#c2a693;background:#3a2d26;border-radius:11px;flex:1;align-items:center;max-width:280px;height:22px;margin-left:12px;padding-left:12px;font-size:11.5px;display:flex}.browser .screen{aspect-ratio:1920/888;background:#111;position:relative}.browser .screen img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.browser.light{background:var(--paper);border-color:var(--line)}.browser.light .chrome{background:var(--sand)}.browser.light .chrome span{background:var(--paper);color:var(--muted)}.folio{color:#e9dfd8;background:#16261f;position:relative;overflow:hidden}.folio:before{content:"";pointer-events:none;background:radial-gradient(900px 500px at 85% 10%,#c9a45c2e,#0000 60%),radial-gradient(700px 400px at 0 100%,#8c1e1e40,#0000 60%);position:absolute;inset:0}.folio .container{position:relative}.folio .eyebrow,.folio .serif-accent{color:#c2a693}.folio .lead{color:#c2a693}.folio-head{grid-template-columns:1.1fr .9fr;align-items:end;gap:48px;margin-bottom:48px;display:grid}.badge-row{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.badge-row span{letter-spacing:.08em;border-radius:var(--r-pill);color:#c2a693;border:1px solid #d6b46a59;padding:7px 12px;font-size:12px;font-weight:700}.badge-row span.star{color:#16261f;background:#c2a693;border-color:#c2a693}.gallery{grid-template-columns:1.55fr .45fr;align-items:stretch;gap:20px;display:grid}.gallery .screen img{opacity:0;transition:opacity .8s var(--ease-out),transform 1.2s var(--ease-out);transform:scale(1.03)}.gallery .screen img.is-active{opacity:1;transform:none}.tabs{align-content:start;gap:10px;display:grid}.tab{text-align:left;border-radius:var(--r-md);color:#e9dfd8;font:inherit;cursor:pointer;transition:background .3s,border-color .3s,transform .4s var(--ease-out);background:#ffffff08;border:1px solid #f6e3cc1f;padding:18px 18px 20px;position:relative;overflow:hidden}.tab small{letter-spacing:.14em;color:#a99f88;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.tab b{letter-spacing:-.01em;font-size:16.5px;display:block}.tab p{color:#c6ad94;margin:6px 0 0;font-size:13.5px;line-height:1.45}.tab:after{content:"";transform-origin:0;background:#c2a693;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.tab.is-active{background:#d6b46a1f;border-color:#d6b46a73;transform:translate(-4px)}.tab.is-active small{color:#c2a693}.tab.is-active:after{animation:fill var(--cycle-ms,4.2s) linear forwards}@keyframes fill{to{transform:scaleX(1)}}.folio-foot{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.features{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}.feat{border-radius:var(--r-md);background:#ffffff0a;border:1px solid #f6e3cc1a;align-items:flex-start;gap:14px;padding:18px;display:flex}.feat .ic{color:#c2a693;background:#d6b46a26;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.feat b{font-size:15px;display:block}.feat span{color:#c6ad94;font-size:13.5px}.story-card{border-radius:var(--r-lg);color:#efe7e2;background:linear-gradient(150deg,#7d1f1c,#4f1311);padding:32px;position:relative;overflow:hidden}.story-card:after{content:"";border:1px solid #f5e9dc2e;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;right:-60px}.story-card .big{font-family:var(--font-serif);color:#f1d593;font-size:clamp(64px,7vw,96px);font-style:italic;line-height:.9}.story-card h3{letter-spacing:-.02em;margin:14px 0 10px;font-size:22px}.story-card p{color:#e0d2c8;max-width:46ch;margin:0;font-size:15px}.story-card small{letter-spacing:.14em;color:#f1d593;margin-top:18px;font-size:12px;font-weight:700;display:block}.btn--gold{--bg:#c2a693;--fg:#16261f}.btn--gold .arr{background:#16261f26}.tricot{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.stack{padding-bottom:22%;position:relative}.stack .back{width:70%;transform:translateY(calc((1 - var(--p,0)) * 40px));position:absolute;bottom:0;right:0}.stack .front{z-index:1;width:86%;transform:translateY(calc(var(--p,0) * -24px));position:relative}.brand-dot{align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.brand-dot i{background:#0f3c44;border-radius:3px;width:12px;height:12px;box-shadow:12px 0 #d9b25f}.list{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.list li{color:var(--muted);align-items:flex-start;gap:12px;display:flex}.list li:before{content:"";background:var(--sand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.5' fill='none' stroke='%236b4a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;border-radius:50%;flex:none;width:18px;height:18px;margin-top:4px}.list b{color:var(--ink)}.meta{flex-wrap:wrap;gap:8px;margin:22px 0 0;display:flex}.ess-head{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:48px;display:grid}.ess-card .body{padding:22px 14px 0}.ess-note{border-radius:var(--r-lg);background:var(--sand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:24px 28px;display:flex}.ess-note b{letter-spacing:-.02em;font-size:18px}.ess-note span{color:var(--muted);font-size:15px}.tiers{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tier{border-radius:var(--r-lg);border:1px solid var(--line-dark);background:var(--ink-soft);padding:28px}.tier small{letter-spacing:.14em;color:var(--gold);font-size:11.5px;font-weight:700}.tier h3{color:var(--on-dark);margin:12px 0 8px}.tier p{color:var(--on-dark-muted);margin:0 0 16px;font-size:15px}.tier .who{color:var(--on-dark);font-size:13.5px}.saas{background:linear-gradient(180deg,var(--cream),var(--sand))}.saas-head{grid-template-columns:1.1fr .9fr;align-items:end;gap:48px;margin-bottom:56px;display:grid}.saas .badge-row span{border-color:var(--sand-2);color:var(--muted)}.saas .badge-row .live{background:var(--ink);color:var(--cream);border-color:var(--ink);align-items:center;gap:8px;display:inline-flex}.saas .badge-row .live i{background:#7ee2a8;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.progress{border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line);margin-top:28px;padding:20px 22px}.progress__top{justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.progress__top b{letter-spacing:-.03em;font-size:20px}.progress__bar{background:var(--sand);border-radius:99px;height:10px;overflow:hidden}.progress__bar i{background:linear-gradient(90deg,#3b6cff,#9b5cff);width:0;height:100%;transition:width 1.8s var(--ease-out) .2s;border-radius:99px;display:block}.progress.is-in .progress__bar i{width:85%}.progress small{color:var(--muted);margin-top:10px;font-size:13px;display:block}.app{box-shadow:var(--shadow-lg);font-family:var(--font-sans);color:#141a33;background:#f5f6fb;border:1px solid #e3e5ef;border-radius:22px;grid-template-columns:64px 1fr;display:grid;overflow:hidden}.app__side{background:#111318;flex-direction:column;align-items:center;gap:18px;padding:20px 0;display:flex}.app__logo{background:linear-gradient(135deg,#3b6cff,#9b5cff);border-radius:9px;width:30px;height:30px;margin-bottom:10px}.app__side i{border:1.6px solid #59607a;border-radius:5px;width:18px;height:18px}.app__side i:nth-child(4){background:#3b6cff40;border-color:#7da0ff}.app__main{min-height:520px;padding:22px 26px 34px;position:relative}.app__tabs{background:#fff;border:1px solid #e3e5ef;border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;width:max-content;max-width:100%;padding:5px;display:flex}.app__tabs button{font:600 13.5px var(--font-sans);color:#4b5270;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 14px;transition:background .25s,color .25s}.app__tabs button.is-active{color:#1f3fb0;background:#e9efff;box-shadow:inset 0 0 0 1px #b9ccff}.app__sync{color:#6b7190;align-items:center;gap:7px;padding:0 10px;font-size:12px;display:inline-flex}.app__sync i{background:#22c55e;border-radius:50%;width:7px;height:7px}.view{margin-top:24px;display:none}.view.is-active{animation:viewIn .6s var(--ease-out);display:block}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}}.view__head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.view__head h4{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:700}.view__head p{color:#6b7190;margin:4px 0 0;font-size:14px}.btn-app{color:#fff;white-space:nowrap;background:#3b6cff;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;box-shadow:0 8px 20px -8px #3b6cffb3}.chip-app{white-space:nowrap;background:#fff;border:1px solid #e3e5ef;border-radius:9px;padding:7px 12px;font-size:12.5px;font-weight:600}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi{background:#fff;border:1px solid #e3e5ef;border-top:3px solid;border-radius:14px;padding:16px}.kpi.b{border-top-color:#3b82f6}.kpi.g{border-top-color:#10b981}.kpi.o{border-top-color:#22d3ee}.kpi.p{border-top-color:#8b5cf6}.kpi small,.card-app small{color:#4b5270;font-size:12px;font-weight:600;display:block}.kpi b{letter-spacing:-.03em;margin:6px 0 2px;font-size:28px;display:block}.kpi span{color:#6b7190;font-size:12px}.kpi .down{color:#059669;font-weight:600}.table{background:#fff;border:1px solid #e3e5ef;border-radius:14px;margin-top:14px;font-size:13px;overflow:hidden}.tr{border-top:1px solid #eef0f5;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;align-items:center;gap:10px;padding:12px 16px;display:grid}.tr.th{letter-spacing:.06em;color:#6b7190;text-transform:uppercase;background:#fafbfe;border-top:0;font-size:11px;font-weight:700}.tr span:first-child{font-weight:700}em[class^=pill]{border-radius:99px;padding:4px 10px;font-size:11.5px;font-style:normal;font-weight:700;display:inline-block}.pill-g{color:#047857;background:#dcfce7}.pill-b{color:#2447b8;background:#e6edff}.pill-r{color:#b91c1c;background:#fee2e2}.card-app{background:#fff;border:1px solid #e3e5ef;border-radius:14px;padding:16px}.card-app b{letter-spacing:-.03em;margin-top:6px;font-size:22px;display:block}.g{color:#047857}.r{color:#b91c1c}.b{color:#1a2033}.an{grid-template-columns:1.6fr 1fr;gap:12px;display:grid}.chart svg{width:100%;height:190px;margin-top:12px}.chart rect{transform-box:fill-box;transform-origin:bottom;animation:barUp 1s var(--ease-out) both}.view.is-active .chart rect{animation:barUp 1s var(--ease-out) both}@keyframes barUp{0%{transform:scaleY(0)}}.legend{color:#4b5270;gap:16px;margin-top:8px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.mini{gap:12px;display:grid}.pf{grid-template-columns:1.1fr 1fr;gap:12px;display:grid}.pf .big{background:linear-gradient(150deg,#ecfdf5,#fff 60%);padding:24px}.pf .big b{margin-top:14px;font-size:40px;line-height:1.05}.pf .big b.sm{margin-top:4px;font-size:26px}.pf .big span{color:#4b5270;margin-top:14px;font-size:13px;display:block}.pf__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.int{grid-template-columns:.8fr 1.2fr 1.2fr;gap:16px;display:grid}.cap{letter-spacing:.12em;color:#6b7190;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.conn{background:#fff;border:1px solid #e3e5ef;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:11px 14px;font-size:14px;display:flex}.sample{color:#9aa0b8;margin:0;font-size:11px;position:absolute;bottom:10px;right:26px}.caps{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;display:grid}.caps>div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}.caps .ic{background:var(--ink);width:40px;height:40px;color:var(--cream);border-radius:11px;place-items:center;margin-bottom:16px;display:grid}.caps b{margin-bottom:6px;font-size:16px;display:block}.caps span{color:var(--muted);font-size:14px}@media (width<=960px){.saas-head,.an,.pf,.int{grid-template-columns:1fr}.kpis,.caps{grid-template-columns:1fr 1fr}.app{grid-template-columns:1fr}.app__side{display:none}.app__main{padding:16px 14px 34px}.tr{grid-template-columns:.7fr 1fr 1fr}.tr span:nth-child(3),.tr span:nth-child(4),.app__sync{display:none}}@media (width<=560px){.caps{grid-template-columns:1fr}.kpi b{font-size:22px}.app__tabs button{padding:8px 10px;font-size:12.5px}}.saas{background:var(--ink);color:var(--on-dark);position:relative;overflow:hidden}.saas:before{content:"";pointer-events:none;background:radial-gradient(circle,#8a6a5238,#0000 60%);width:900px;height:900px;position:absolute;top:48%;left:50%;translate:-50%}.saas .container{position:relative}.saas .eyebrow,.saas .serif-accent{color:var(--gold)}.saas .lead{color:var(--on-dark-muted)}.saas .badge-row span{color:var(--on-dark-muted);border-color:#fff0e12e}.saas .badge-row .live{background:var(--cream);color:var(--ink);border-color:var(--cream)}.saas .progress{border-color:var(--line-dark);background:#ffffff0d}.saas .progress__bar{background:#ffffff1a}.saas .progress__bar i{background:linear-gradient(90deg,#22d3ee,#3b6cff,#9b5cff)}.saas .progress small{color:var(--on-dark-muted)}.how{border-top:1px solid var(--line-dark);grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 56px;padding:0;list-style:none;display:grid}.how li{gap:16px;padding:26px 24px 0 0;display:flex}.how li+li{border-left:1px solid var(--line-dark);padding-left:24px}.how span{color:var(--gold);letter-spacing:.1em;padding-top:4px;font-size:13px;font-weight:700}.how b{letter-spacing:-.02em;font-size:20px}.how p{color:var(--on-dark-muted);margin:6px 0 0;font-size:14.5px}.stage{padding:28px 48px;position:relative}.float{z-index:3;color:#141a33;font-family:var(--font-sans);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:12px 16px 12px 12px;animation:6s ease-in-out infinite alternate bob;display:flex;position:absolute;box-shadow:0 20px 40px -14px #0000008c}.float small{letter-spacing:.1em;color:#6b7190;font-size:10px;font-weight:700;display:block}.float b{font-size:13.5px}.fi{border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:grid}.fi.r{color:#b91c1c;background:#fee2e2}.fi.b{color:#2447b8;background:#e6edff}.fi.g{color:#047857;background:#dcfce7}.f1{top:190px;left:-60px}.f2{animation-delay:-2s;top:40px;right:0}.f3{animation-delay:-4s;bottom:-6px;left:10px}.f4{animation-delay:-1s;bottom:90px;right:10px}@keyframes bob{to{transform:translateY(-12px)}}.saas .caps>div{border-color:var(--line-dark);background:#ffffff0a}.saas .caps .ic{background:var(--cream);color:var(--ink)}.saas .caps b{color:var(--on-dark)}.saas .caps span{color:var(--on-dark-muted)}.price-tag{border-radius:var(--r-pill);background:var(--ink);color:var(--cream);letter-spacing:.02em;margin-top:22px;padding:10px 18px;font-size:13.5px;font-weight:700;display:inline-flex}.bf{border-radius:var(--r-xl);background:var(--paper);border:1px solid var(--line);grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(32px,5vw,72px);margin-bottom:24px;padding:clamp(28px,4vw,48px);display:grid}.bf.rev{grid-template-columns:.85fr 1.15fr}.bf.rev .bf__shot{order:2}.bf__shot{position:relative}.bf .browser{box-shadow:var(--shadow-md)}.stamp{background:var(--ink);width:112px;height:112px;color:var(--cream);box-shadow:var(--shadow-md);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:-30px;right:-26px}.bf.rev .stamp{left:-26px;right:auto}.stamp svg{width:100%;height:100%;animation:18s linear infinite spin;position:absolute;inset:0}.stamp text{font:700 9px var(--font-sans);fill:var(--cream)}.stamp b{font-size:24px;font-family:var(--font-serif);font-style:italic}@keyframes spin{to{transform:rotate(360deg)}}.bf__n{letter-spacing:-.06em;color:var(--sand-2);margin-bottom:12px;font-size:64px;font-weight:700;line-height:1;display:block}.bf__text small{letter-spacing:.14em;color:var(--copper);font-size:12px;font-weight:700}.bf__text h3{margin:8px 0 12px}.bf__text p{color:var(--muted);margin:0}.bf__text .list{margin-top:20px}@media (width<=960px){.how{grid-template-columns:1fr}.how li+li{border-left:0;border-top:1px solid var(--line-dark);padding-left:0}.how li{padding:20px 0}.stage{padding:0}.float{display:none}.bf,.bf.rev{grid-template-columns:1fr}.bf.rev .bf__shot{order:0}.stamp{width:86px;height:86px;top:-24px;right:-8px}.bf.rev .stamp{left:-8px}.w-hero .top,.folio-head,.gallery,.folio-foot,.tricot,.ess-head,.ess,.tiers{grid-template-columns:1fr}.tabs{grid-template-columns:1fr 1fr 1fr}.tab p{display:none}.features{grid-template-columns:1fr}.w-stats{grid-template-columns:1fr 1fr 1fr}.index a{grid-template-columns:32px 1fr auto}.index .tag{display:none}}@media (width<=560px){.tabs,.w-stats{grid-template-columns:1fr}.w-stats div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}}.work-page{--copper:var(--ink);--copper-600:var(--ink);min-width:0}.work-page .saas h2{color:var(--on-dark)}.work-page .cta-band .btn--copper{background:var(--cream);color:var(--ink)}.work-page .cta-band .btn--copper .arr{background:var(--ink);color:var(--cream)}.work-page section{scroll-margin-top:90px}.work-page .app *{min-width:0}@media (width<=560px){.work-page .app__tabs{width:100%}.work-page .sample{margin-top:20px;position:static}.work-page .view__head{flex-wrap:wrap}.work-page .kpi{padding:12px}.work-page .index a{gap:10px}}@media (prefers-reduced-motion:reduce){.work-page .progress__bar i{width:85%}.work-page .stack .browser{transform:none!important}}.work-page .folio h2,.work-page .folio h3{color:#e9dfd8}.work-page .story-card h3{color:#efe7e2}.work-page .saas .serif-accent,.work-page .section--dark .serif-accent{color:var(--on-dark)}.work-page .saas .eyebrow,.work-page .section--dark .eyebrow{color:var(--on-dark-muted)}.work-page .kpi.o{border-top-color:#22d3ee}.work-page .progress__top{color:var(--on-dark)}

.saas-built{margin:22px 0 0;max-width:520px;font-size:18px;line-height:1.5;color:var(--on-dark)}