:root{--ink: #18181B;--ink-soft: #27272A;--muted: #52525B;--muted-2: #71717A;--faint: #74716B;--bg: #FAF7F2;--surface: #fff;--surface-2: #FAFAF9;--surface-3: #F5F5F4;--line: #E7E5E4;--line-soft: #EDEBE9;--red: #FF5F57;--yellow: #FEBC2E;--green: #28C840;--red-bright: #FF7A73;--yellow-bright: #FECD5A;--green-bright: #4FD667;--red-ink: #C43D2E;--yellow-ink: #8C6A10;--green-ink: #1B7F33;--tools-ink: #6E6C6B;--tint-red-bg: #FFF6F5;--tint-red-line: #FADBD8;--tint-red-well: #FEE9E7;--tint-yellow-bg: #FFFBF0;--tint-yellow-line: #F7E4B8;--tint-yellow-well: #FCEFCB;--tint-green-bg: #F3FCF5;--tint-green-line: #C9EFD2;--tint-green-well: #DCF5E1;--panel-dark: linear-gradient(150deg, #1C1B22, #18181B 55%, #221A17);--panel-warm: linear-gradient(160deg, #FFF6F0, #F3FBF4);--panel-warm-line: #F1E7DC;--glow-amber: radial-gradient(circle, rgba(254, 188, 46, .2), transparent 70%);--page-wash: radial-gradient(1100px 520px at 50% -8%, rgba(254, 188, 46, .16), transparent 60%), radial-gradient(760px 480px at 100% 8%, rgba(255, 95, 87, .1), transparent 62%), radial-gradient(760px 520px at 0% 22%, rgba(40, 200, 64, .09), transparent 60%);--font-sans: "Poppins", sans-serif;--font-mono: "JetBrains Mono", monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 20px;--shadow-panel: 0 20px 50px rgba(24, 24, 27, .2);--shadow-mock: 0 20px 50px rgba(0, 0, 0, .35);--ease: .15s ease;--section-y: 72px;--page-max: 1200px;--btn-bg: var(--ink);--btn-bg-hover: var(--ink-soft);--btn-fg: #fff;--selection-bg: var(--ink);--selection-fg: #fff;--fixed-dark: #18181B;--fixed-dark-line: #27272A;--logo-back: url(#sbr-logo-gradient);--logo-front-fill: var(--surface);--logo-front-stroke: var(--ink);--brand-blue: #4A9FD4;--brand-sky: #6BB5E0;--cursor-grad: linear-gradient(135deg, #4A9FD4, #6BB5E0)}:root[data-theme=dark]{--ink: #F4F4F5;--ink-soft: #E4E4E7;--muted: #A1A1AA;--muted-2: #8B8B93;--faint: #7E7E88;--bg: #0B0B0E;--surface: #18181B;--surface-2: #1C1C20;--surface-3: #27272A;--line: #2E2E33;--line-soft: #26262A;--red: #FF7A73;--yellow: #FECD5A;--green: #4FD667;--red-ink: #FF7A73;--yellow-ink: #FECD5A;--green-ink: #4FD667;--tools-ink: #A1A1AA;--tint-red-bg: #241A1A;--tint-red-line: #3A2624;--tint-red-well: #33211F;--tint-yellow-bg: #241F14;--tint-yellow-line: #3B3120;--tint-yellow-well: #33291A;--tint-green-bg: #14231A;--tint-green-line: #1F3A28;--tint-green-well: #1B3222;--panel-dark: linear-gradient(150deg, #141418, #0F0F12 55%, #17120F);--panel-warm: linear-gradient(160deg, #1C1714, #131A16);--panel-warm-line: #2B2622;--page-wash: radial-gradient(1100px 520px at 50% -8%, rgba(254, 188, 46, .07), transparent 60%), radial-gradient(760px 480px at 100% 8%, rgba(255, 95, 87, .05), transparent 62%), radial-gradient(760px 520px at 0% 22%, rgba(40, 200, 64, .04), transparent 60%);--shadow-panel: 0 20px 50px rgba(0, 0, 0, .45);--btn-bg: #F4F4F5;--btn-bg-hover: #fff;--btn-fg: #18181B;--selection-bg: #F4F4F5;--selection-fg: #18181B;--logo-back: var(--brand-blue);--cursor-grad: linear-gradient(135deg, #6BB5E0, #8FCBEC)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:var(--page-wash)}a{color:var(--ink);text-decoration:none}a:hover{color:var(--muted)}p a{text-decoration:underline;text-underline-offset:3px}::selection{background:var(--selection-bg);color:var(--selection-fg)}body,.service-card,.case-card,.contact-card,.field input,.field select,.field textarea,.hero-badge,.tag{transition:background-color var(--ease),border-color var(--ease),color var(--ease)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.page{max-width:var(--page-max);margin:0 auto;padding:0 32px}@media(max-width:640px){.page{padding:0 20px}}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.red{background:var(--red)}.dot.yellow{background:var(--yellow)}.dot.green{background:var(--green)}.eyebrow{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.eyebrow.red{color:var(--red-ink)}.eyebrow.yellow{color:var(--yellow-ink)}.eyebrow.green{color:var(--green-ink)}.eyebrow-muted{font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint)}.btn{display:inline-block;font-size:15px;font-weight:500;border-radius:var(--r-md);transition:background var(--ease),border-color var(--ease)}.btn-dark{background:var(--btn-bg);color:var(--btn-fg);padding:15px 28px}.btn-dark:hover{background:var(--btn-bg-hover);color:var(--btn-fg)}.btn-light{background:var(--surface);color:var(--ink);padding:15px 28px;border:1px solid var(--line)}.btn-light:hover{border-color:var(--ink)}.btn-nav{font-size:14px;padding:10px 20px;border-radius:10px}.logo .logo-back{fill:var(--logo-back)}.logo .logo-front{fill:var(--logo-front-fill);stroke:var(--logo-front-stroke);stroke-width:4}.logo-defs{position:absolute;width:0;height:0;overflow:hidden}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;cursor:pointer;flex-shrink:0;transition:border-color var(--ease),background var(--ease)}.theme-toggle:hover{border-color:var(--ink)}.theme-toggle:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.theme-toggle svg{width:17px;height:17px;display:block}.theme-toggle .icon-moon{display:block}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}.tag{font-size:13px;font-weight:500;color:var(--muted);background:var(--surface-3);border-radius:var(--r-sm);padding:6px 12px}.chip-mono{font-family:var(--font-mono);font-size:12px;color:var(--muted-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 12px;align-self:flex-start}.glow{position:absolute;top:-50px;right:-30px;width:220px;height:220px;border-radius:50%;background:var(--glow-amber);pointer-events:none}.glow-lg{top:-60px;right:-40px;width:280px;height:280px}.points{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:8px}.point{display:flex;flex-direction:column;gap:12px}.point h3{font-size:20px;font-weight:600;margin:0;letter-spacing:-.3px}.point p{font-size:15px;color:var(--muted);line-height:1.55;margin:0}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:600;color:var(--ink)}.field input,.field select,.field textarea{font-family:var(--font-sans);font-size:15px;color:var(--ink);padding:12px 14px;border:1px solid var(--line);border-radius:10px;outline:none;background:var(--surface-2);transition:border-color var(--ease),background var(--ease)}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2352525B' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}:root[data-theme=dark] .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23A1A1AA' stroke-width='1.5'/%3E%3C/svg%3E")}.field textarea{resize:vertical;line-height:1.5;min-height:84px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);background:var(--surface)}.btn-submit{font-family:var(--font-sans);font-size:15px;padding:14px;border:none;cursor:pointer;margin-top:2px;width:100%}.btn-submit[disabled]{opacity:.6;cursor:default}.form-error{font-size:13px;color:#c2362f;margin:0}.form-error a{color:inherit}.nav{display:flex;align-items:center;justify-content:space-between;padding:26px 0;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-name{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.brand-word{display:flex;align-items:flex-end;font-size:21px;font-weight:600;letter-spacing:-.7px;line-height:1;color:var(--ink)}.brand-sub{font-size:8px;font-weight:500;letter-spacing:5px;line-height:1;color:var(--muted)}.brand-cursor{width:10px;height:4px;margin-left:2px;margin-bottom:3px;border-radius:1px;background:var(--cursor-grad);animation:sbr-cursor-blink 1.1s steps(1,end) infinite}@keyframes sbr-cursor-blink{0%,to{opacity:1}50%{opacity:.15}}.nav-links{display:flex;align-items:center;gap:36px}.nav-links>a{font-size:14px;font-weight:500}.hero{padding:var(--section-y) 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}.hero-badge{display:flex;align-items:center;gap:10px;padding:7px 16px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);font-size:13px;font-weight:500;color:var(--muted)}.hero-badge .dots{display:flex;gap:4px}.hero-badge .dot{width:6px;height:6px}.hero h1{font-size:66px;font-weight:600;letter-spacing:-2px;line-height:1.04;margin:0;max-width:900px;text-wrap:balance}.gradient-text{background:linear-gradient(100deg,var(--red),#F97316 42%,var(--green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-sub{font-size:19px;font-weight:400;color:var(--muted);line-height:1.55;margin:0;max-width:600px;text-wrap:pretty}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:6px;flex-wrap:wrap;justify-content:center}.tools{padding:var(--section-y) 0;display:flex;flex-direction:column;align-items:center;gap:22px;border-top:1px solid var(--line-soft)}.tools-row{display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap;color:var(--tools-ink)}.tools-row span{font-size:22px;font-weight:600;letter-spacing:-.5px}.section{padding:var(--section-y) 0;border-top:1px solid var(--line-soft)}.section-head{display:flex;flex-direction:column;gap:14px;margin-bottom:40px;max-width:560px}.section-head.split{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;max-width:none;flex-wrap:wrap}.section-title{display:flex;flex-direction:column;gap:14px;max-width:560px}.section-head h2,.section-title h2{font-size:40px;font-weight:600;letter-spacing:-1px;line-height:1.1;margin:0}.section-aside{font-size:16px;color:var(--muted);line-height:1.55;max-width:340px;margin:0}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:16px}.service-card h3{font-size:20px;font-weight:600;margin:0;letter-spacing:-.3px}.service-card p{font-size:15px;color:var(--muted);line-height:1.55;margin:0}.service-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center}.service-icon span{width:12px;height:12px;border-radius:50%}.tint-red{background:linear-gradient(180deg,var(--tint-red-bg),var(--surface));border:1px solid var(--tint-red-line)}.tint-red .service-icon{background:var(--tint-red-well)}.tint-red .service-icon span{background:var(--red)}.tint-yellow{background:linear-gradient(180deg,var(--tint-yellow-bg),var(--surface));border:1px solid var(--tint-yellow-line)}.tint-yellow .service-icon{background:var(--tint-yellow-well)}.tint-yellow .service-icon span{background:var(--yellow)}.tint-green{background:linear-gradient(180deg,var(--tint-green-bg),var(--surface));border:1px solid var(--tint-green-line)}.tint-green .service-icon{background:var(--tint-green-well)}.tint-green .service-icon span{background:var(--green)}.cards-3>a.service-card:hover{border-color:var(--ink)}.cards-3>a.service-card:hover .arrow{transform:translate(3px)}.case-card{display:grid;grid-template-columns:1.05fr .95fr;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-pill);overflow:hidden;margin-bottom:40px;transition:border-color var(--ease)}.case-card:hover{border-color:var(--ink);color:var(--ink)}.case-copy{padding:44px;display:flex;flex-direction:column;gap:18px}.case-copy h3{font-size:28px;font-weight:600;letter-spacing:-.6px;line-height:1.15;margin:0}.case-copy p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.case-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin-top:6px}.case-link .arrow{font-size:17px;transition:transform var(--ease)}.case-card:hover .arrow{transform:translate(3px)}.case-visual{background:var(--panel-dark);display:flex;align-items:center;justify-content:center;padding:44px;position:relative;overflow:hidden}.mock-browser{width:100%;max-width:300px;background:#0b0f17;border:1px solid var(--fixed-dark-line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-mock);position:relative}.mock-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--fixed-dark-line)}.mock-bar .dot{width:9px;height:9px}.mock-player{aspect-ratio:16/9;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;position:relative}.play-btn{width:52px;height:52px;border-radius:50%;background:#ffffff24;display:flex;align-items:center;justify-content:center}.play-tri{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #fff;margin-left:4px}.mock-status{position:absolute;bottom:12px;left:14px;font-family:var(--font-mono);font-size:11px;color:#94a3b8}.mock-keys{display:flex;gap:5px;padding:12px 14px}.mock-keys span{font-family:var(--font-mono);font-size:11px;color:#e4e4e7;background:var(--fixed-dark);border:1px solid var(--fixed-dark-line);border-radius:6px;padding:4px 8px}.mock-doc{width:100%;max-width:300px;background:#fff;border-radius:12px;padding:18px 18px 14px;box-shadow:var(--shadow-mock);position:relative}.doc-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #E5E7EB;padding-bottom:11px;margin-bottom:6px}.doc-title{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;color:#6b7280}.doc-brand{width:22px;height:8px;border-radius:2px;background:var(--cursor-grad)}.doc-row{display:flex;align-items:center;gap:8px;padding:8px 0}.doc-date{width:26px;height:6px;border-radius:2px;background:#e5e7eb;flex-shrink:0}.doc-desc{flex:1;height:6px;border-radius:2px;background:#e5e7eb}.doc-amt{width:34px;height:6px;border-radius:2px;background:#d1d5db;flex-shrink:0}.redact-bar{flex:1;height:11px;border-radius:2px;background:#18181b}.doc-note{display:block;margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.3px;color:#32719c}.pap-mock{padding-bottom:0}.pap-url{font-family:var(--font-mono);font-size:10.5px;color:#94a3b8;margin-left:10px}.pap-shot{position:relative;display:block}.pap-shot img{display:block;width:100%;height:auto}.pap-weight{position:absolute;left:10px;bottom:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.3px;color:#d1fae5;background:#0b0f17d6;border:1px solid var(--fixed-dark-line);border-radius:6px;padding:4px 8px}.prod-banner{background:var(--panel-dark);border-radius:var(--r-xl);padding:56px;color:#fff;display:flex;flex-direction:column;gap:40px;box-shadow:var(--shadow-panel);position:relative;overflow:hidden}.prod-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.prod-head h2{font-size:40px;font-weight:600;letter-spacing:-1px;line-height:1.1;margin:0;color:#fff}.prod-status{font-family:var(--font-mono);font-size:13px;color:var(--muted-2);display:flex;flex-direction:column;gap:4px;text-align:right}.status-dot{color:var(--green)}.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.prod-grid>div{display:flex;flex-direction:column;gap:8px}.prod-stat{font-size:30px;font-weight:600;letter-spacing:-.8px;line-height:1.15}.red-t{color:var(--red-bright)}.yellow-t{color:var(--yellow-bright)}.green-t{color:var(--green-bright)}.prod-desc{font-size:15px;color:#a1a1aa}.step-num{font-family:var(--font-mono);font-size:14px;color:var(--faint)}.contact-card{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--panel-warm);border:1px solid var(--panel-warm-line);border-radius:var(--r-xl);overflow:hidden}.case-card>*,.contact-card>*{min-width:0}.contact-copy{padding:56px 44px;display:flex;flex-direction:column;gap:20px}.contact-copy h2{font-size:40px;font-weight:600;letter-spacing:-1.2px;line-height:1.1;margin:0;text-wrap:balance}.contact-copy>p{font-size:17px;color:var(--muted);line-height:1.55;margin:0}.promise-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.promise-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.contact-form-panel{background:var(--surface);padding:44px;border-left:1px solid var(--panel-warm-line)}#contact-form{display:flex;flex-direction:column;gap:18px}.form-success{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.form-success[hidden]{display:none}.success-icon{width:56px;height:56px;border-radius:50%;background:var(--tint-green-well);display:flex;align-items:center;justify-content:center}.success-icon span{width:16px;height:16px;border-radius:50%;background:var(--green)}.form-success h3{font-size:22px;font-weight:600;margin:0;letter-spacing:-.4px}.form-success p{font-size:15px;color:var(--muted);line-height:1.55;margin:0;max-width:300px}.footer{padding:40px 0;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.footer-links{display:flex;gap:28px;flex-wrap:wrap;min-width:0}.footer-links a{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.footer-links a:hover{color:var(--ink)}.prose{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.prose p{font-size:16px;color:var(--muted);line-height:1.65;margin:0}.prose strong{color:var(--ink);font-weight:600}.prose h2{font-size:28px;font-weight:600;letter-spacing:-.6px;margin:24px 0 0}.prose h3{font-size:18px;font-weight:600;color:var(--ink);margin:12px 0 0}.prose ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:16px;line-height:1.6}.prose a{text-decoration:underline;text-underline-offset:3px}.cost-table{width:100%;border-collapse:collapse;margin-top:8px}.cost-table th{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--faint);text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}.cost-table td{font-size:15px;color:var(--muted);padding:14px;border-bottom:1px solid var(--line-soft);vertical-align:top;line-height:1.5}.cost-table td:first-child{color:var(--ink);font-weight:600}@media(max-width:960px){.hero h1{font-size:48px;letter-spacing:-1.4px}.section-head h2,.section-title h2,.prod-head h2,.contact-copy h2{font-size:32px}.cards-3,.points,.prod-grid,.case-card,.contact-card{grid-template-columns:1fr}.contact-form-panel{border-left:none;border-top:1px solid var(--panel-warm-line)}.prod-banner{padding:40px 28px}.prod-status{text-align:left}.tools-row{gap:32px}.tools-row span{font-size:18px}.prose h2{font-size:24px}.cost-table th,.cost-table td{padding:10px;font-size:14px}}@media(max-width:640px){.nav-links{gap:18px}.nav-links>a:not(.btn-nav){display:none}.hero{padding:56px 0}.hero h1{font-size:37px;letter-spacing:-1px}.hero-sub{font-size:17px}.section,.tools{padding:52px 0}.case-copy,.case-visual,.contact-form-panel{padding:28px 22px}.contact-copy{padding:36px 22px}.hero-actions .btn-lg{padding:13px 22px}}
