:root{color-scheme:light;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--surface-ink: #17306b;--text: #183156;--muted: #546580;--line: rgba(38, 76, 164, .18);--accent: #f9a52b;--accent-deep: #ef8c00;--brand-blue: #4167b7;--brand-blue-deep: #274d9f;--shadow: 0 24px 80px rgba(42, 76, 152, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at top left,rgba(65,103,183,.24),transparent 32%),radial-gradient(circle at 85% 15%,rgba(249,165,43,.26),transparent 24%),linear-gradient(180deg,#f4f8ff,#dcebff 52%,#fff5e7);color:var(--text)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.site-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.site-header,.site-footer,.hero,.feature-card,.step-card,.cta-panel,.legal-card,.metric-card,.stack-card,.tagline-strip,.demo-card,.screen-frame{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.site-header{position:sticky;top:18px;z-index:20;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;box-shadow:0 10px 30px #2a4c9814}.brand{display:inline-flex;align-items:center;max-width:220px}.brand-logo,.footer-logo{display:block;width:100%;height:auto}.site-nav{display:inline-flex;align-items:center;gap:22px;color:var(--muted);font-size:.95rem}.site-nav a:hover,.site-nav a.active{color:var(--brand-blue-deep)}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 20px;font-weight:700;transition:transform .16s ease,background .16s ease,border-color .16s ease}.button:hover{transform:translateY(-1px)}.button-small{padding:12px 16px}.button-primary{border:1px solid rgba(239,140,0,.28);background:linear-gradient(135deg,var(--accent) 0%,#ffb641 100%);color:#fff7f2}.button-primary:hover{background:var(--accent-deep)}.button-secondary{border:1px solid var(--line);background:#ffffffa6;color:var(--brand-blue-deep)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;margin-top:28px;padding:34px;border:1px solid var(--line);border-radius:36px;background:linear-gradient(150deg,#ffffffdb,#ebf4ffc7),#ffffff8c;box-shadow:var(--shadow);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -28% auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(249,165,43,.24),transparent 64%);pointer-events:none}.hero-copy h1,.section-heading h2,.cta-panel h2,.legal-hero h1{margin:0;letter-spacing:-.05em;color:var(--surface-ink)}.hero-copy h1{max-width:9ch;font-size:clamp(3.4rem,8vw,6.2rem);line-height:.92}.hero-text,.tagline-strip p,.feature-card p,.step-card p,.metric-card p,.footer-copy,.legal-hero p,.legal-section p,.screen-caption,.cta-copy,.stack-card p{color:var(--muted);font-size:1.03rem;line-height:1.7}.hero-text{max-width:42rem;margin:22px 0 0}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-note,.eyebrow,.metric-label,.demo-card span,.step-card span{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.eyebrow,.metric-label,.step-card span,.demo-card span{color:var(--accent-deep);font-weight:700}.hero-note{margin:18px 0 0;color:var(--muted)}.hero-panel{display:grid;gap:18px;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:12px;justify-self:end;padding:10px 14px;border:1px solid rgba(249,165,43,.24);border-radius:999px;background:#fff7e8e6;color:var(--brand-blue-deep);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.hero-badge img{width:28px;height:28px;border-radius:8px}.metric-card,.stack-card,.feature-card,.step-card,.legal-card,.cta-panel,.tagline-strip,.demo-card,.screen-frame{border:1px solid var(--line);background:var(--surface)}.metric-card,.stack-card{border-radius:28px;padding:24px}.metric-card{background:linear-gradient(140deg,#fff7e8eb,#ffffffeb),var(--surface)}.metric-card strong,.stack-card strong{display:block;margin-top:10px;font-size:1.85rem;line-height:1.1;letter-spacing:-.04em;color:var(--surface-ink)}.hero-quote-card{background:linear-gradient(145deg,#4167b71a,#ffffffe6),var(--surface)}.quote-chip{display:inline-flex;align-items:center;width:fit-content;padding:8px 12px;border-radius:999px;background:#ffffffb3;color:var(--brand-blue-deep);font-size:.8rem;font-weight:700}.tagline-strip{margin-top:22px;padding:18px 24px;border-radius:24px;text-align:center;background:linear-gradient(135deg,#4167b71a,#f9a52b29),var(--surface)}.tagline-strip p{margin:0}.demo-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px}.demo-card{padding:16px 18px;border-radius:22px;box-shadow:0 14px 28px #2a4c9814;animation:floatCard 6s ease-in-out infinite}.demo-card:nth-child(2){animation-delay:.4s}.demo-card:nth-child(3){animation-delay:.8s}.demo-card:nth-child(4){animation-delay:1.2s}.demo-card:nth-child(5){animation-delay:1.6s}.demo-card strong{display:block;margin-top:8px;color:var(--surface-ink);font-size:1rem;line-height:1.35}.demo-card-wide{background:linear-gradient(135deg,#f9a52b29,#ffffffd9),var(--surface)}.section{margin-top:32px;padding:24px 0 0}.section-highlight{position:relative;padding:30px;border-radius:34px;background:linear-gradient(145deg,#22499f14,#f9a52b1a),#fffcf770;border:1px solid rgba(38,76,164,.12)}.section-heading{max-width:760px}.section-heading h2,.cta-panel h2,.legal-hero h1{margin-top:10px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.02}.feature-grid,.steps{display:grid;gap:18px;margin-top:24px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps-five{grid-template-columns:repeat(5,minmax(0,1fr))}.feature-card,.step-card{border-radius:28px;padding:24px;box-shadow:0 14px 36px #2a4c9814}.feature-card h3,.step-card h3,.legal-section h2{margin:14px 0 0;font-size:1.5rem;letter-spacing:-.04em;color:var(--surface-ink)}.screen-section{display:grid;gap:16px}.screen-frame{padding:26px;border-radius:34px;box-shadow:0 22px 50px #2a4c981f;transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease}.screen-frame:hover{transform:translateY(-4px);box-shadow:0 28px 60px #2a4c9829}.screen-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--surface-ink);font-size:1.2rem;font-weight:700}.screen-actions,.screen-statuses{display:flex;flex-wrap:wrap;gap:12px}.screen-actions span,.status-pill{display:inline-flex;align-items:center;padding:10px 16px;border-radius:18px;background:#ffffffc7;border:1px solid var(--line);color:var(--text);font-size:.95rem;font-weight:600}.screen-action-primary{background:var(--brand-blue);color:#fff!important}.screen-label{margin-top:28px;color:#697791;font-size:1.1rem;letter-spacing:.4em;text-transform:uppercase}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.screen-stat{min-height:210px;padding:28px;border-radius:26px;border:2px solid transparent;box-shadow:0 10px 24px #2a4c9814}.screen-stat strong{display:block;font-size:1rem}.screen-stat span{display:block;margin-top:24px;font-size:3rem;font-weight:700;letter-spacing:-.05em}.screen-stat small{display:block;margin-top:14px;font-size:1rem}.screen-stat-blue{border-color:#5f98ff73;color:#294aa0;background:#e9f2fff2}.screen-stat-gold{border-color:#f9cd598c;color:#b58661;background:#fffaecf2}.screen-stat-green{border-color:#9cebbd8c;color:#6c9a82;background:#effbf4f2}.invoice-list{display:grid;gap:14px;margin-top:24px}.invoice-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:18px 20px;border-radius:20px;background:#ffffffd1;border:1px solid var(--line);color:var(--text)}.status-overdue{color:#b35442}.status-awaiting{color:#a37b12}.status-paid{color:#4e8b68}.screen-caption{margin:0;text-align:center}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:30px;box-shadow:0 18px 44px #2a4c981a;background:linear-gradient(140deg,#4167b717,#f9a52b29),var(--surface)}.cta-copy{margin:14px 0 0}.site-footer{margin-top:34px;padding:0 4px;color:var(--muted)}.footer-brand{max-width:260px}.footer-logo{max-width:200px}.footer-copy{margin:14px 0 0;max-width:32rem}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.legal-shell{padding-top:34px}.legal-hero{max-width:760px}.legal-card{margin-top:22px;padding:30px;border-radius:32px}.legal-section+.legal-section{margin-top:28px;padding-top:28px;border-top:1px solid rgba(16,23,39,.08)}.legal-section h2{margin:0 0 12px}.legal-section p{margin:0}.legal-section p+p{margin-top:12px}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:1100px){.feature-grid-four,.steps-five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.site-header,.cta-panel,.site-footer,.hero{border-radius:28px}.hero,.cta-panel,.site-footer,.feature-grid,.feature-grid-four,.steps,.steps-five,.screen-grid,.demo-strip{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.site-header{flex-wrap:wrap;justify-content:center}.hero-badge{justify-self:start}.invoice-row{grid-template-columns:1fr}}@media(max-width:720px){.site-shell{width:min(100% - 20px,1180px);padding-top:12px}.site-header{top:10px;gap:14px;padding:16px;border-radius:24px}.brand{max-width:180px}.site-nav{width:100%;justify-content:space-between;gap:12px;font-size:.88rem}.hero,.section-highlight,.legal-card,.cta-panel,.screen-frame{padding:22px}.hero-copy h1{max-width:10ch;font-size:clamp(2.8rem,18vw,4rem)}.metric-card strong,.stack-card strong{font-size:1.5rem}.screen-topbar{flex-direction:column;align-items:flex-start}}