/* Public storefront */
:root{--ink:#10152b;--muted:#697187;--line:#e5e8f0;--primary:#5c4bdb;--primary2:#7768f2;--soft:#f7f8fc;--green:#25a47a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}body.modal-open{overflow:hidden}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #eef0f5}.nav-wrap{height:72px;display:flex;align-items:center;gap:38px}.logo{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.04em}.logo-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--primary),#8e80ff);font-weight:900}.logo-dot{color:var(--primary)}nav{display:flex;gap:28px;margin-right:auto}nav a,footer a{color:var(--muted);font-size:14px;text-decoration:none}nav a:hover,footer a:hover{color:var(--primary)}.btn{border:1px solid transparent;border-radius:10px;padding:13px 20px;font-weight:750;font-size:14px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 9px 22px rgba(92,75,219,.22)}.btn-outline{color:var(--primary);border-color:#d7d2ff;background:#fff}.btn-small{padding:9px 14px;font-size:13px}.btn-wide{width:100%}.menu-btn{display:none;border:0;background:none;font-size:22px}.hero{padding:96px 0 112px;background:radial-gradient(circle at 78% 20%,rgba(108,91,237,.14),transparent 31%),linear-gradient(180deg,#fcfcff,#fff)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#f0efff;color:#5a4bca;font-size:12px;font-weight:750}.pulse{width:7px;height:7px;border-radius:50%;background:#33bb8b;box-shadow:0 0 0 4px rgba(51,187,139,.14)}h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.065em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--primary)}.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:560px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.text-link span{color:var(--primary)}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;color:#8a92a5;font-size:11px}.hero-card{position:relative;background:#11152b;border-radius:18px;box-shadow:0 30px 80px rgba(31,26,86,.26);overflow:hidden;transform:rotate(1deg)}.card-glow{position:absolute;width:200px;height:200px;right:-70px;top:-90px;background:#7569ff;filter:blur(65px);opacity:.35}.terminal-head{height:50px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);color:#7f88aa}.terminal-dot{width:8px;height:8px;border-radius:50%}.red{background:#ff6a76}.yellow{background:#ffcc5a}.green{background:#44d69d}.terminal-title{margin-left:7px;font:12px monospace}.hero-card pre{margin:0;padding:28px 26px 24px;line-height:1.75;font-size:13px;overflow:auto;color:#dfe3ff}.code-purple{color:#b7a7ff}.code-green{color:#62deb3}.code-orange{color:#ffc982}.terminal-status{padding:13px 18px;background:rgba(0,0,0,.22);font-size:11px;color:#929bc2}.status-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43d39f;margin-right:7px}.section{padding:100px 0}.section-muted{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-head h2,h2{font-size:38px;letter-spacing:-.05em;margin:8px 0 0}.section-head p{max-width:330px;color:var(--muted);font-size:14px;line-height:1.5;margin:0}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:850;color:var(--primary)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{position:relative;padding:28px 25px;border:1px solid var(--line);border-radius:17px;background:#fff}.plan-card.featured{border:2px solid var(--primary);box-shadow:0 18px 45px rgba(92,75,219,.14);transform:translateY(-8px)}.popular{position:absolute;right:17px;top:17px;font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--primary);background:#efedff;border-radius:99px;padding:6px 8px}.plan-card h3{font-size:21px;margin:0 0 9px}.plan-desc{min-height:40px;color:var(--muted);font-size:13px}.price{margin:24px 0;font-size:13px;color:var(--muted)}.price strong{font-size:31px;letter-spacing:-.05em;color:var(--ink)}.plan-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px;color:#515b73;font-size:13px}.plan-card li::first-letter{color:var(--green)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step{position:relative}.step:not(:last-child)::after{content:'→';position:absolute;right:-36px;top:11px;color:#c2c6d4;font-size:20px}.step-num{font-size:13px;color:var(--primary);font-weight:900;margin-bottom:15px}.step h3{font-size:18px;margin:0 0 9px}.step p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.integration-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.muted{color:var(--muted);line-height:1.6}.check-list{list-style:none;padding:0;display:grid;gap:14px;color:#4d5870;font-size:14px}.check-list li::first-letter{color:var(--green)}.check-list code{color:var(--primary);font-size:12px}.code-panel{border-radius:15px;background:#11152b;padding:26px;color:#dce1ff;box-shadow:0 16px 42px rgba(21,22,58,.17);overflow:auto}.code-label{color:#8d82ff;font-size:11px;margin-bottom:15px}.code-panel pre{margin:0;font-size:12px;line-height:1.8}.code-panel code span{color:#b5aaff}.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px 20px}.faq-list summary{cursor:pointer;font-size:14px;font-weight:750}.faq-list p{color:var(--muted);font-size:13px;line-height:1.6;margin:14px 0 2px}.cta-section{padding-top:60px}.cta{display:flex;align-items:center;justify-content:space-between;padding:45px 52px;border-radius:20px;background:linear-gradient(120deg,#17183a,#2c2468);color:#fff}.cta h2{margin:7px 0;color:#fff;font-size:34px}.cta p{margin:0;color:#b8b7d0}.cta .eyebrow{color:#a9a0ff}footer{padding:28px 0;border-top:1px solid var(--line)}.footer-wrap{display:flex;justify-content:space-between;color:#9ba3b4;font-size:12px}.footer-wrap div{display:flex;gap:24px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(12,15,35,.62);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(490px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:18px;background:#fff;padding:32px;box-shadow:0 30px 90px rgba(5,6,20,.35)}.modal-close{position:absolute;top:13px;right:15px;border:0;background:none;font-size:24px;color:#8c94a5;cursor:pointer}.modal-card h2{font-size:30px;margin:8px 0}.modal-card form{display:grid;gap:14px;margin-top:23px}.modal-card label{display:grid;gap:7px;font-size:12px;font-weight:750}.modal-card input,.modal-card select,.modal-card textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit;outline:none;background:#fafbfe}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:var(--primary)}.form-note{font-size:10px;color:#9ca3b3;text-align:center}.success{text-align:center;padding:22px 0}.success-icon{width:50px;height:50px;border-radius:50%;background:#e8faf3;color:var(--green);display:grid;place-items:center;margin:0 auto 15px;font-size:25px;font-weight:800}.success h3{margin:0 0 8px}.success p{color:var(--muted);font-size:14px}.loading{grid-column:1/-1;color:var(--muted);padding:40px;text-align:center}
@media(max-width:850px){.nav-wrap{gap:16px}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:15px 20px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;gap:14px}nav.open{display:flex}.menu-btn{display:block;margin-left:auto}.nav-wrap>.btn{display:none}.hero{padding:66px 0 80px}.hero-grid,.integration-grid,.faq-wrap{grid-template-columns:1fr;gap:45px}.hero-card{transform:none}.plans-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.steps{grid-template-columns:1fr;gap:30px}.step:not(:last-child)::after{content:'↓';right:auto;left:3px;top:auto;bottom:-23px}.section-head{display:block}.section-head p{margin-top:13px}.cta{display:block;padding:34px 28px}.cta .btn{margin-top:22px}.footer-wrap{display:block}.footer-wrap div{margin-top:13px}}
@media(max-width:520px){.container{width:min(100% - 28px,1160px)}h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.trust{gap:10px;display:grid}.section{padding:70px 0}.section-head h2,h2{font-size:31px}.cta h2{font-size:28px}}

/* Codgeass brand: soft white surfaces with restrained red accents. */
:root{--ink:#2a1519;--muted:#76656a;--line:#f0dfe1;--primary:#b72e3d;--primary2:#d95c68;--soft:#fff7f7;--green:#a52c3a}
body{background:#fffafa;color:var(--ink)}
.site-header{background:rgba(255,250,250,.94);border-bottom-color:#f3e4e5}
.logo-mark{width:36px;height:36px;border-radius:10px;object-fit:cover;background:#fff;box-shadow:0 5px 16px rgba(150,25,40,.16)}
.logo-dot,nav a:hover,footer a:hover{color:var(--primary)}
.btn-primary{background:var(--primary);box-shadow:0 9px 22px rgba(183,46,61,.2)}
.btn-primary:hover{background:#9f2533}
.btn-outline{color:var(--primary);border-color:#e9bfc4}
.hero{background:#fffafa}
.pill{background:#fff0f1;color:#9e2735}
.hero h1 em{color:var(--primary)}
.hero-card{background:#2b1117;box-shadow:0 30px 80px rgba(74,15,24,.2)}
.card-glow{display:none}
.code-purple{color:#ff9ca7}.code-green{color:#ffc0c6}.code-orange{color:#ffe0b6}
.eyebrow,.step-num,.code-label{color:var(--primary)}
.section-muted{background:#fff6f6}
.plan-card.featured{border-color:var(--primary);box-shadow:0 18px 45px rgba(183,46,61,.13)}
.popular{color:var(--primary);background:#fff0f1}
.cta{background:#5d1721}
.cta .eyebrow{color:#ffb4bb}.cta p{color:#f0cdd0}
.code-panel{background:#2b1117;box-shadow:0 16px 42px rgba(74,15,24,.14)}
.modal-backdrop{background:rgba(62,10,18,.54)}
.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(183,46,61,.1)}
.balance-section{background:#fffafa;border-top:1px solid #f7e5e7;border-bottom:1px solid #f7e5e7}.balance-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.balance-form{margin-top:28px}.balance-form label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.balance-input-row{display:flex;gap:10px}.balance-input-row input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:13px 14px;font:inherit;outline:0;background:#fff}.balance-input-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(183,46,61,.1)}.balance-input-row .btn{white-space:nowrap}.balance-result{min-height:246px;border:1px solid #f0dfe1;border-radius:17px;background:#fff;padding:27px;box-shadow:0 16px 38px rgba(105,29,40,.07)}.balance-placeholder{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px;text-align:center}.balance-placeholder strong,.balance-error strong{color:var(--ink);font-size:16px}.balance-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.balance-header strong{display:block;font-size:20px;margin-top:7px}.balance-status{color:#a52c3a;background:#fff0f1;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750;white-space:nowrap}.balance-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:25px 0 22px}.balance-metrics div{padding:13px 14px;border-radius:10px;background:#fff7f7}.balance-metrics span,.balance-base span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.balance-metrics strong{font-size:18px;color:var(--ink)}.balance-base{padding-top:15px;border-top:1px solid var(--line)}.balance-base code{font-size:12px;color:var(--primary);overflow-wrap:anywhere}.balance-error{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#a52c3a;font-size:13px}.balance-error span{color:var(--muted)}.balance-spinner{width:26px;height:26px;border:3px solid #f3d7da;border-top-color:var(--primary);border-radius:50%;animation:balance-spin .8s linear infinite;margin-bottom:8px}@keyframes balance-spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.balance-grid{grid-template-columns:1fr;gap:35px}}@media(max-width:520px){.balance-input-row{display:grid}.balance-input-row .btn{width:100%}.balance-result{padding:21px}.balance-metrics{gap:10px}.balance-metrics div{padding:11px}}
.balance-main{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.balance-main small,.balance-details small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.balance-main strong{display:block;font-size:24px;color:var(--ink)}.balance-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0 22px}.balance-details span{padding:12px;border-radius:10px;background:#fff7f7;font-size:13px;color:var(--ink)}