::selection{background:#f6b64a;color:#071d35}:root,[data-theme=dark]{--bg-page:#070c14;--bg-surface:#0a1220;--bg-card:#0f1827;--bg-card-hover:#142236;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-subtle:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.16);--header-bg:rgba(7,12,20,.82);--header-bg-scrolled:rgba(5,9,16,.95);--header-border:hsla(0,0%,100%,.08);--header-nav-link:hsla(0,0%,100%,.82);--header-nav-link-hover:#fff;--header-shadow:0 10px 30px -5px rgba(0,0,0,.5);--bg-dropdown:#0d1726;--border-dropdown:hsla(0,0%,100%,.12);--text-dropdown:hsla(0,0%,100%,.85);--bg-toggle:hsla(0,0%,100%,.08);--bg-toggle-hover:hsla(0,0%,100%,.15);--border-toggle:hsla(0,0%,100%,.15);--text-toggle:#fff;--bg-mobile-nav:rgba(6,11,19,.98);--hero-bg:radial-gradient(ellipse at 50% 0%,rgba(37,99,235,.22) 0%,transparent 65%),radial-gradient(ellipse at 85% 30%,rgba(245,158,11,.08) 0%,transparent 50%),#070c14;--hero-text:#fff;--hero-subtext:hsla(0,0%,100%,.78);--hero-badge-bg:rgba(37,99,235,.12);--hero-badge-border:rgba(37,99,235,.3);--hero-badge-text:#60a5fa;--hero-btn-sec-bg:hsla(0,0%,100%,.06);--hero-btn-sec-border:hsla(0,0%,100%,.18);--hero-btn-sec-text:#fff;--hero-shade:transparent;--clients-bg:#070c14;--clients-border:hsla(0,0%,100%,.08);--cta-bg:linear-gradient(135deg,#091322,#0d1f38 60%,#152d50);--cta-border:hsla(0,0%,100%,.1);--cta-text:#fff;--footer-bg:#03060a;--footer-newsletter-bg:#050a12;--footer-border:hsla(0,0%,100%,.07);--footer-text:hsla(0,0%,100%,.65);--footer-title:#fff;--input-bg:hsla(0,0%,100%,.04);--input-border:hsla(0,0%,100%,.14);--input-text:#fff;--input-placeholder:hsla(0,0%,100%,.4);--blue-500:#2563eb;--blue-600:#1d4ed8;--blue-400:#60a5fa;--gold-500:#f59e0b;--gold-600:#d97706;--gold-400:#fbbf24;--font-sans:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"DM Mono",monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 24px -4px rgba(0,0,0,.45);--shadow-lg:0 16px 36px -6px rgba(0,0,0,.6)}[data-theme=light]{--bg-page:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-subtle:#e2e8f0;--border-hover:#cbd5e1;--header-bg:hsla(0,0%,100%,.88);--header-bg-scrolled:hsla(0,0%,100%,.98);--header-border:rgba(15,23,42,.08);--header-nav-link:#334155;--header-nav-link-hover:#0f172a;--header-shadow:0 10px 30px -5px rgba(15,23,42,.08);--bg-dropdown:#fff;--border-dropdown:#e2e8f0;--text-dropdown:#0f172a;--bg-toggle:#f1f5f9;--bg-toggle-hover:#e2e8f0;--border-toggle:#cbd5e1;--text-toggle:#0f172a;--bg-mobile-nav:hsla(0,0%,100%,.98);--hero-bg:radial-gradient(ellipse at 50% 0%,rgba(37,99,235,.08) 0%,transparent 60%),radial-gradient(ellipse at 85% 30%,rgba(245,158,11,.05) 0%,transparent 45%),#f8fafc;--hero-text:#0f172a;--hero-subtext:#475569;--hero-badge-bg:rgba(37,99,235,.08);--hero-badge-border:rgba(37,99,235,.2);--hero-badge-text:#2563eb;--hero-btn-sec-bg:#fff;--hero-btn-sec-border:#cbd5e1;--hero-btn-sec-text:#0f172a;--hero-shade:transparent;--clients-bg:#fff;--clients-border:#e2e8f0;--cta-bg:linear-gradient(135deg,#0f172a,#1e293b 60%,#1e3a5f);--cta-border:hsla(0,0%,100%,.1);--cta-text:#fff;--footer-bg:#f8fafc;--footer-newsletter-bg:#fff;--footer-border:#e2e8f0;--footer-text:#475569;--footer-title:#0f172a;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#0f172a;--input-placeholder:#94a3b8;--shadow-sm:0 2px 8px rgba(15,23,42,.04);--shadow-md:0 8px 24px -4px rgba(15,23,42,.06);--shadow-lg:0 16px 36px -6px rgba(15,23,42,.1)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070c14;background:var(--bg-page);color:#f8fafc;color:var(--text-primary);font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:16px;line-height:1.6;margin:0;overflow-x:hidden;padding:0;transition:background .25s ease,color .25s ease}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{color:#f8fafc;color:var(--text-primary);font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-weight:800;line-height:1.15;margin-top:0}.container,.container-fluid,.content-container{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:clamp(1.5rem,5vw,4.5rem);padding-right:clamp(1.5rem,5vw,4.5rem);width:100%}.reference-button{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--blue-500) 0,var(--blue-600) 100%);border:0;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 18px rgba(37,99,235,.35);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:14px 30px;text-decoration:none;transition:box-shadow .2s ease,background .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,-webkit-transform .2s ease}.reference-button:hover{box-shadow:0 8px 24px rgba(37,99,235,.5);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.outline-button{align-items:center;background:#0f1827;background:var(--bg-card);border:1.5px solid hsla(0,0%,100%,.16);border:1.5px solid var(--border-hover);border-radius:9999px;border-radius:var(--radius-full);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:13px 28px;text-decoration:none;transition:all .2s ease}.outline-button:hover{border-color:#2563eb;border-color:var(--blue-500);box-shadow:0 6px 18px rgba(37,99,235,.15);color:#2563eb;color:var(--blue-500);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.section-badge{background:rgba(37,99,235,.08);border-radius:9999px;border-radius:var(--radius-full);color:#2563eb;color:var(--blue-500);display:inline-block;font:700 11px DM Mono,monospace;font:700 11px var(--font-mono);letter-spacing:.12em;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.reference-section{padding:clamp(4.5rem,8vw,7.5rem) 0;position:relative}.reference-title{margin:0 auto clamp(2.5rem,4vw,4rem);max-width:780px;text-align:center}.reference-title h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;margin-bottom:14px}.reference-title p{color:#94a3b8;color:var(--text-muted);font-size:clamp(16px,1.15vw,18px);line-height:1.75;margin:0}.reference-hero.hero-minimal{align-items:center;background:radial-gradient(ellipse at 50% 0,rgba(37,99,235,.22) 0,transparent 65%),radial-gradient(ellipse at 85% 30%,rgba(245,158,11,.08) 0,transparent 50%),#070c14;background:var(--hero-bg);color:#fff;color:var(--hero-text);display:flex;justify-content:center;min-height:82vh;overflow:hidden;padding:clamp(140px,18vh,200px) 0 clamp(70px,9vh,110px);position:relative}.reference-hero__content{position:relative;width:100%;z-index:2}.hero-copy-wrapper{margin:0 auto;max-width:880px;text-align:center}.hero-pill-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(37,99,235,.12);background:var(--hero-badge-bg);border:1px solid rgba(37,99,235,.3);border:1px solid var(--hero-badge-border);border-radius:9999px;border-radius:var(--radius-full);color:#60a5fa;color:var(--hero-badge-text);display:inline-flex;font:600 12px DM Mono,monospace;font:600 12px var(--font-mono);gap:10px;letter-spacing:.04em;margin-bottom:28px;padding:7px 18px}.badge-pulse{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 0 3px rgba(34,197,94,.25);height:7px;width:7px}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.hero-copy h1{color:#fff;color:var(--hero-text);font-size:clamp(40px,6.2vw,74px);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin:0 0 24px}.hero-copy h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#60a5fa);-webkit-background-clip:text}[data-theme=light] .hero-copy h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0f172a 30%,#2563eb);-webkit-background-clip:text}.hero-copy p{color:hsla(0,0%,100%,.78);color:var(--hero-subtext);font-size:clamp(17px,1.25vw,20px);line-height:1.8;margin:0 auto 38px;max-width:700px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.hero-btn-primary{font-size:15px;padding:15px 34px}.hero-btn-secondary{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.06);background:var(--hero-btn-sec-bg);border:1px solid hsla(0,0%,100%,.18);border:1px solid var(--hero-btn-sec-border);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--hero-btn-sec-text);display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:14px 30px;text-decoration:none;transition:all .2s ease}.hero-btn-secondary:hover{border-color:#2563eb;border-color:var(--blue-500);color:#2563eb;color:var(--blue-500);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.clients-strip{background:#070c14;background:var(--clients-bg);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--clients-border);border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--clients-border);padding:clamp(32px,4.5vw,52px) 0}.clients-label{margin-bottom:24px;text-align:center}.clients-label span{color:#94a3b8;color:var(--text-muted);font:600 11px DM Mono,monospace;font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.client-logos{grid-gap:clamp(16px,3vw,40px);display:grid;gap:clamp(16px,3vw,40px);grid-template-columns:repeat(8,1fr)}.client-logo-item,.client-logos{align-items:center;justify-content:center}.client-logo-item{display:flex;padding:8px}.client-logo-item img{-webkit-filter:grayscale(1);filter:grayscale(1);max-height:38px;object-fit:contain;opacity:.48;transition:all .25s ease;width:auto}[data-theme=dark] .client-logo-item img{-webkit-filter:grayscale(1) brightness(1.2);filter:grayscale(1) brightness(1.2)}.client-logo-item:hover img{-webkit-filter:grayscale(0) brightness(1);filter:grayscale(0) brightness(1);opacity:1;-webkit-transform:scale(1.06);transform:scale(1.06)}.about-minimal{background:#070c14;background:var(--bg-page);padding:clamp(4.5rem,8vw,7.5rem) 0}.about-minimal-header{margin:0 auto clamp(2.5rem,4vw,3.5rem);max-width:820px;text-align:center}.about-minimal-header h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;margin-bottom:16px}.about-minimal-lead{color:#cbd5e1;color:var(--text-secondary);font-size:clamp(16px,1.2vw,19px);line-height:1.8;margin:0}.about-pillars-grid{grid-gap:clamp(24px,3vw,36px);display:grid;gap:clamp(24px,3vw,36px);grid-template-columns:repeat(3,1fr);margin-bottom:clamp(2.5rem,4vw,3.5rem)}.about-pillar-card{background:#0f1827;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:var(--shadow-sm);padding:clamp(32px,3.5vw,44px);transition:border-color .25s ease,box-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,-webkit-transform .25s ease}.about-pillar-card:hover{border-color:#2563eb;border-color:var(--blue-500);box-shadow:0 8px 24px -4px rgba(0,0,0,.45);box-shadow:var(--shadow-md);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.pillar-number{background:rgba(37,99,235,.08);border-radius:6px;color:#2563eb;color:var(--blue-500);display:inline-block;font:700 12px DM Mono,monospace;font:700 12px var(--font-mono);margin-bottom:18px;padding:4px 10px}.about-pillar-card h3{font-size:21px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.about-pillar-card p{color:#94a3b8;color:var(--text-muted);font-size:15px;line-height:1.7;margin:0}.about-minimal-footer{text-align:center}.reference-cta.cta-minimal{background:linear-gradient(135deg,#091322,#0d1f38 60%,#152d50);background:var(--cta-bg);border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--cta-border);border-top:1px solid hsla(0,0%,100%,.1);border-top:1px solid var(--cta-border);color:#fff;color:var(--cta-text);padding:clamp(52px,7vw,84px) 0}.cta-inner{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,56px);justify-content:space-between}.cta-content{max-width:740px}.cta-content h2{color:#fff;font-size:clamp(26px,3.2vw,40px);letter-spacing:-.03em;margin:0 0 10px}.cta-content p{color:hsla(0,0%,100%,.82);font-size:clamp(15px,1.15vw,18px);line-height:1.7;margin:0}.cta-actions{align-items:center;display:flex;gap:14px}.cta-btn-primary{padding:14px 32px}.reference-footer{background:#03060a;background:var(--footer-bg);border-top:1px solid hsla(0,0%,100%,.07);border-top:1px solid var(--footer-border);color:hsla(0,0%,100%,.65);color:var(--footer-text);position:relative}.footer-newsletter{background:#050a12;background:var(--footer-newsletter-bg);border-bottom:1px solid hsla(0,0%,100%,.07);border-bottom:1px solid var(--footer-border);padding:clamp(60px,8vw,96px) 0}.newsletter-inner{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,64px);justify-content:space-between}.newsletter-badge{color:#2563eb;color:var(--blue-500);display:inline-block;font:700 11px DM Mono,monospace;font:700 11px var(--font-mono);letter-spacing:.12em;margin-bottom:8px}.newsletter-copy h3{color:#fff;color:var(--footer-title);font-size:clamp(22px,2.6vw,30px);letter-spacing:-.025em;margin:0 0 8px}.newsletter-copy p{color:#94a3b8;color:var(--text-muted);font-size:15px;line-height:1.6;margin:0;max-width:520px}.newsletter-form{align-items:center;background:hsla(0,0%,100%,.04);background:var(--input-bg);border:1.5px solid hsla(0,0%,100%,.14);border:1.5px solid var(--input-border);border-radius:9999px;border-radius:var(--radius-full);display:flex;min-height:52px;padding:5px;transition:border-color .2s ease,box-shadow .2s ease;width:min(100%,480px)}.newsletter-form:focus-within{border-color:#2563eb;border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.newsletter-form input{background:transparent;border:0;color:#fff;color:var(--input-text);flex:1 1;font-size:14px;min-width:0;outline:none;padding:0 20px}.newsletter-form input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4);color:var(--input-placeholder)}.newsletter-form input::placeholder{color:hsla(0,0%,100%,.4);color:var(--input-placeholder)}.newsletter-form button{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--blue-500) 0,var(--blue-600) 100%);border:0;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 10px rgba(37,99,235,.3);color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:12px 24px;transition:all .2s ease}.newsletter-form button:hover{opacity:.95;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.footer-main{grid-gap:clamp(36px,5vw,84px);display:grid;gap:clamp(36px,5vw,84px);grid-template-columns:1.4fr 1fr 1fr 1.2fr;padding:clamp(52px,6.5vw,84px)}.footer-brand-title{color:#fff;color:var(--footer-title);font-size:26px;font-weight:800;letter-spacing:-.035em;margin-bottom:14px}.footer-brand-tagline{color:#94a3b8;color:var(--text-muted);font-size:15px;line-height:1.75;margin-bottom:24px;max-width:340px}.system-status-indicator{align-items:center;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:9999px;border-radius:var(--radius-full);color:#22c55e;display:inline-flex;font:600 12px DM Mono,monospace;font:600 12px var(--font-mono);gap:8px;padding:6px 14px}.status-pulse{background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px rgba(34,197,94,.3);height:6px;width:6px}.footer-col h4{color:#fff;color:var(--footer-title);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.1em;margin:0 0 22px;text-transform:uppercase}.footer-col a{color:#94a3b8;color:var(--text-muted);display:block;font-size:15px;margin-bottom:14px;transition:color .15s ease,-webkit-transform .15s ease;transition:color .15s ease,transform .15s ease;transition:color .15s ease,transform .15s ease,-webkit-transform .15s ease}.footer-col a:hover{color:#2563eb;color:var(--blue-500);-webkit-transform:translateX(3px);transform:translateX(3px)}.footer-col p{color:#94a3b8;color:var(--text-muted);font-size:14px;line-height:1.75;margin:0 0 14px}.footer-social-strip{display:flex;gap:10px;margin-top:18px}.footer-social-strip a{background:#0f1827;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#cbd5e1;color:var(--text-secondary);display:inline-block;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:12px;margin-bottom:0;padding:6px 14px}.footer-social-strip a:hover{background:rgba(37,99,235,.12);border-color:#2563eb;border-color:var(--blue-500);color:#2563eb;color:var(--blue-500);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.copyright{border-top:1px solid hsla(0,0%,100%,.07);border-top:1px solid var(--footer-border);font-size:14px;padding:clamp(30px,3.5vw,44px)}.copyright-inner{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.copyright-inner p{color:#94a3b8;color:var(--text-muted);margin:0}.copyright-inner strong{color:#fff;color:var(--footer-title)}.designed-by{color:#94a3b8;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:12px}.why-us-section{background:#0a1220;background:var(--bg-surface)}.why-us-grid{grid-gap:clamp(28px,4vw,56px);align-items:center;display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:.95fr 1.05fr}.why-image{border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 16px 36px -6px rgba(0,0,0,.6);box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.why-image img{height:480px;object-fit:cover;width:100%}.play-button{background:#2563eb;background:var(--blue-500);border-radius:50%;box-shadow:0 8px 24px rgba(37,99,235,.5);color:#fff;display:grid;font-size:20px;height:64px;left:50%;place-items:center;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,background .2s ease;transition:transform .2s ease,background .2s ease,-webkit-transform .2s ease;width:64px}.play-button:hover{background:#1d4ed8;background:var(--blue-600);-webkit-transform:translate(-50%,-50%) scale(1.08);transform:translate(-50%,-50%) scale(1.08)}.why-content h2{font-size:clamp(28px,3.5vw,38px);margin-bottom:14px}.why-content h2 strong{color:#2563eb;color:var(--blue-500)}.why-content>p{color:#94a3b8;color:var(--text-muted);margin-bottom:24px}.accordion-list{grid-gap:12px;display:grid;gap:12px}.accordion-item{background:#0f1827;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.accordion-item.is-open{border-color:#2563eb;border-color:var(--blue-500)}.accordion-item button{align-items:center;background:transparent;border:0;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:14px;padding:16px 20px;text-align:left;width:100%}.acc-index{color:#2563eb;color:var(--blue-500);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:13px}.acc-title{flex:1 1}.acc-sign{color:#2563eb;color:var(--blue-500);font-size:18px}.acc-text{color:#94a3b8;color:var(--text-muted);font-size:14px;line-height:1.65;margin:0;padding:0 20px 18px 48px}.feature-boxes-section,.services-section{background:#070c14;background:var(--bg-page)}.feature-grid,.reference-service-grid{grid-gap:clamp(16px,2.2vw,28px);display:grid;gap:clamp(16px,2.2vw,28px);grid-template-columns:repeat(3,1fr)}.feature-box,.reference-service{background:#0f1827;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:clamp(24px,2.5vw,36px);transition:border-color .25s ease,box-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,-webkit-transform .25s ease}.feature-box:hover,.reference-service:hover{border-color:#2563eb;border-color:var(--blue-500);box-shadow:0 8px 24px -4px rgba(0,0,0,.45);box-shadow:var(--shadow-md);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.feature-box-header,.service-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.feature-icon,.service-icon{color:#2563eb;color:var(--blue-500);font-size:24px}.feature-index,.service-num{color:#94a3b8;color:var(--text-muted);font:600 12px DM Mono,monospace;font:600 12px var(--font-mono)}.feature-box h3,.reference-service h3{font-size:20px;margin:0 0 10px}.feature-box p,.reference-service p{color:#94a3b8;color:var(--text-muted);flex-grow:1;font-size:14px;line-height:1.65;margin:0 0 20px}.feature-link,.service-link{align-items:center;color:#2563eb;color:var(--blue-500);display:inline-flex;font-size:13px;font-weight:700;gap:6px}.team-section{background:#070c14;background:var(--bg-page)}.team-reference-grid{grid-gap:clamp(16px,2vw,24px);display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:repeat(4,1fr)}.member{background:#0f1827;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease;transition:transform .25s ease,box-shadow .25s ease,-webkit-transform .25s ease}.member:hover{box-shadow:0 8px 24px -4px rgba(0,0,0,.45);box-shadow:var(--shadow-md);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.member-image-wrap img{height:240px;object-fit:cover;width:100%}.member-info{padding:20px}.member-info h3{font-size:17px;margin:0 0 4px}.member-role{color:#2563eb;color:var(--blue-500);display:block;font:600 12px DM Mono,monospace;font:600 12px var(--font-mono);margin-bottom:10px}.member-info p{color:#94a3b8;color:var(--text-muted);font-size:13px;line-height:1.6;margin:0 0 16px}.socials{display:flex;gap:8px}.socials a{background:#0a1220;background:var(--bg-surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:50%;color:#cbd5e1;color:var(--text-secondary);display:grid;font-size:11px;font-weight:700;height:28px;place-items:center;transition:all .2s ease;width:28px}.socials a:hover{background:#2563eb;background:var(--blue-500);border-color:#2563eb;border-color:var(--blue-500);color:#fff}.pricing-section{background:#0a1220;background:var(--bg-surface)}.pricing-reference-grid{grid-gap:clamp(16px,2vw,24px);display:grid;gap:clamp(16px,2vw,24px);grid-template-columns:repeat(4,1fr)}.plan{background:#0f1827;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:clamp(24px,2.5vw,36px);position:relative;text-align:center;transition:box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease}.plan.featured{border-color:#2563eb;border-color:var(--blue-500);border-width:2px;box-shadow:0 12px 32px rgba(37,99,235,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.popular-badge{background:#2563eb;background:var(--blue-500);color:#fff;font:700 11px DM Mono,monospace;font:700 11px var(--font-mono);left:50%;letter-spacing:.05em;padding:4px 14px;top:-12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.advanced-label,.popular-badge{border-radius:9999px;border-radius:var(--radius-full);position:absolute}.advanced-label{background:rgba(245,158,11,.15);color:#f59e0b;color:var(--gold-500);font:700 10px DM Mono,monospace;font:700 10px var(--font-mono);padding:3px 10px;right:14px;top:14px}.plan h3{font-size:20px;margin:10px 0 16px}.plan-price-block{margin-bottom:8px}.plan-price-block strong{color:#f8fafc;color:var(--text-primary);font-size:42px;font-weight:800}.plan-price-block sup{color:#2563eb;color:var(--blue-500);font-size:20px}.plan-estimate,.plan-price-block small{color:#94a3b8;color:var(--text-muted);font-size:13px}.plan-estimate{border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--border-subtle);margin:0 0 20px;padding-bottom:16px}.plan-estimate b{color:#2563eb;color:var(--blue-500)}.plan ul{grid-gap:12px;display:grid;flex-grow:1;gap:12px;list-style:none;margin:0 0 24px;padding:0;text-align:left}.plan li{align-items:center;color:#cbd5e1;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.check-bullet{background:rgba(37,99,235,.12);border-radius:50%;color:#2563eb;color:var(--blue-500);display:grid;flex-shrink:0;font-size:11px;font-weight:800;height:18px;place-items:center;width:18px}.plan-cta{width:100%}.faq-section{background:#070c14;background:var(--bg-page)}.faq-list{grid-gap:12px;display:grid;gap:12px;margin:0 auto;max-width:860px}.faq-item{background:#0f1827;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.faq-item.is-open{border-color:#2563eb;border-color:var(--blue-500)}.faq-item button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;gap:16px;padding:18px 22px;text-align:left;width:100%}.faq-q-mark{background:rgba(37,99,235,.1);border-radius:50%;color:#2563eb;color:var(--blue-500);display:grid;flex-shrink:0;font-size:12px;font-weight:700;height:26px;place-items:center;width:26px}.faq-q-text{color:#f8fafc;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:700}.faq-caret{color:#2563eb;color:var(--blue-500);font-size:18px}.faq-answer{color:#94a3b8;color:var(--text-muted);font-size:14px;line-height:1.7;margin:0;padding:0 22px 20px 64px}.contact-section{background:#0a1220;background:var(--bg-surface)}.contact-layout{grid-gap:clamp(28px,4vw,56px);align-items:flex-start;display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:.85fr 1.15fr}.contact-info{grid-gap:16px;display:grid;gap:16px}.contact-card{align-items:flex-start;background:#0f1827;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-md);display:flex;gap:16px;padding:20px 24px}.contact-icon{background:rgba(37,99,235,.1);border-radius:8px;border-radius:var(--radius-sm);color:#2563eb;color:var(--blue-500);display:grid;flex-shrink:0;font-size:20px;height:44px;place-items:center;width:44px}.contact-card h3{font-size:16px;margin:0 0 4px}.contact-card p{color:#94a3b8;color:var(--text-muted);font-size:14px;margin:0}.contact-form{grid-gap:16px;background:#0f1827;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-lg);display:grid;gap:16px;padding:clamp(24px,3vw,40px)}.contact-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.contact-form input,.contact-form textarea{background:hsla(0,0%,100%,.04);background:var(--input-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--input-text);font-size:14px;outline:none;padding:13px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb;border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.contact-submit-btn{justify-self:start}.sent-message{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);border-radius:14px;border-radius:var(--radius-md);color:#22c55e;padding:28px;text-align:center}.sent-message h3{color:inherit;margin-bottom:8px}.sent-message p{font-size:14px;margin:0}@media (max-width:1200px){.about-pillars-grid,.feature-grid,.pricing-reference-grid,.reference-service-grid,.team-reference-grid{grid-template-columns:repeat(2,1fr)}.client-logos{grid-template-columns:repeat(4,1fr)}}@media (max-width:960px){.contact-layout,.why-us-grid{gap:40px;grid-template-columns:1fr}.footer-main{gap:40px;grid-template-columns:repeat(2,1fr)}.cta-inner{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.about-pillars-grid,.feature-grid,.footer-main,.pricing-reference-grid,.reference-service-grid,.team-reference-grid{grid-template-columns:1fr}.client-logos{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column;width:100%}.hero-actions a{width:100%}.contact-form .form-row{grid-template-columns:1fr}.newsletter-inner{align-items:stretch;flex-direction:column}.newsletter-form{width:100%}.copyright-inner{flex-direction:column;gap:8px;text-align:center}}.site-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--header-bg);border-bottom:1px solid var(--header-border);height:80px;left:0;position:fixed;right:0;top:0;transition:background .3s ease,height .3s ease,box-shadow .3s ease,border-color .3s ease;width:100%;z-index:1000}.site-header--scrolled{background:var(--header-bg-scrolled);border-bottom-color:var(--header-border);box-shadow:var(--header-shadow);height:70px}.header-inner{align-items:center;display:flex;height:100%;justify-content:space-between}.brand{align-items:center;display:inline-flex;gap:12px;text-decoration:none;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease}.brand:hover{opacity:.92;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.brand img{-webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));height:50px;object-fit:contain;transition:width .3s ease,height .3s ease;width:50px}.site-header--scrolled .brand img{height:42px;width:42px}.header-right-group{gap:clamp(12px,1.5vw,20px)}.header-right-group,.site-nav{align-items:center;display:flex}.site-nav{font-size:14px;font-weight:600;gap:clamp(14px,1.8vw,26px)}.site-nav>a{color:var(--header-nav-link);letter-spacing:-.01em;padding:6px 2px;position:relative;text-decoration:none;transition:color .2s ease}.site-nav>a:after{background:#2563eb;background:var(--blue-500,#2563eb);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.site-nav>a:hover{color:var(--header-nav-link-hover)}.site-nav>a:hover:after{width:100%}.nav-dropdown{display:inline-block;position:relative}.nav-dropdown summary{align-items:center;color:var(--header-nav-link);cursor:pointer;display:inline-flex;font-weight:600;gap:6px;list-style:none;padding:6px 2px;transition:color .2s ease}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:hover{color:var(--header-nav-link-hover)}.dropdown-caret{font-size:11px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.nav-dropdown[open] .dropdown-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-dropdown-menu{-webkit-animation:dropdownFadeIn .2s ease forwards;animation:dropdownFadeIn .2s ease forwards;background:#091322;background:var(--bg-dropdown,#091322);border:1px solid hsla(0,0%,100%,.12);border:1px solid var(--border-dropdown,hsla(0,0%,100%,.12));border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;left:0;min-width:250px;padding:8px;position:absolute;top:calc(100% + 12px);z-index:1010}@-webkit-keyframes dropdownFadeIn{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.nav-dropdown-menu .dropdown-item{border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:10px 14px;text-decoration:none;transition:background .15s ease,-webkit-transform .15s ease;transition:background .15s ease,transform .15s ease;transition:background .15s ease,transform .15s ease,-webkit-transform .15s ease}.nav-dropdown-menu .dropdown-item:hover{background:rgba(37,99,235,.12);-webkit-transform:translateX(3px);transform:translateX(3px)}.dropdown-item-title{color:hsla(0,0%,100%,.9);color:var(--text-dropdown,hsla(0,0%,100%,.9));font-size:13px;font-weight:700;transition:color .15s ease}.dropdown-item:hover .dropdown-item-title{color:#2563eb;color:var(--blue-500,#2563eb)}.dropdown-item-desc{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px;line-height:1.4}.site-nav .nav-cta{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50px;box-shadow:0 4px 14px rgba(37,99,235,.35);color:#fff!important;display:inline-flex;font-weight:700;justify-content:center;padding:9px 20px;text-decoration:none;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.site-nav .nav-cta:after{display:none}.site-nav .nav-cta:hover{box-shadow:0 6px 20px rgba(37,99,235,.5);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.theme-icon-btn{background:hsla(0,0%,100%,.08);background:var(--bg-toggle,hsla(0,0%,100%,.08));border:1px solid hsla(0,0%,100%,.15);border:1px solid var(--border-toggle,hsla(0,0%,100%,.15));border-radius:50%;color:inherit;color:var(--text-toggle,inherit);cursor:pointer;display:grid;flex-shrink:0;height:40px;padding:0;place-items:center;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease,box-shadow .2s ease;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:40px}.theme-icon-btn:hover{background:hsla(0,0%,100%,.15);background:var(--bg-toggle-hover,hsla(0,0%,100%,.15));border-color:var(--blue-500);box-shadow:0 4px 12px rgba(37,99,235,.2);color:var(--blue-500);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.theme-icon-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.theme-icon-svg{display:block}.menu-toggle{align-items:center;background:hsla(0,0%,100%,.05);background:var(--bg-toggle,hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.15);border:1px solid var(--border-toggle,hsla(0,0%,100%,.15));border-radius:8px;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:40px;justify-content:center;padding:0;transition:background .2s ease,border-color .2s ease;width:40px}.menu-toggle:hover{background:hsla(0,0%,100%,.1);background:var(--bg-toggle-hover,hsla(0,0%,100%,.1));border-color:hsla(0,0%,100%,.3);border-color:var(--border-toggle-hover,hsla(0,0%,100%,.3))}.menu-toggle span{background:#fff;background:var(--header-nav-link-hover,#fff);border-radius:2px;display:block;height:2px;transition:opacity .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,opacity .25s ease;transition:transform .25s ease,opacity .25s ease,-webkit-transform .25s ease;width:20px}.menu-toggle--active span:first-child{-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}.menu-toggle--active span:nth-child(2){opacity:0}.menu-toggle--active span:nth-child(3){-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}@media (max-width:960px){.menu-toggle{display:flex}.site-nav{align-items:stretch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(6,15,28,.98);background:var(--bg-mobile-nav,rgba(6,15,28,.98));border-bottom:1px solid var(--border-subtle);box-shadow:0 20px 40px rgba(0,0,0,.25);display:none;flex-direction:column;gap:0;left:0;max-height:calc(100vh - 80px);overflow-y:auto;padding:20px;position:fixed;right:0;top:80px}.site-header--scrolled .site-nav{max-height:calc(100vh - 70px);top:70px}.site-nav--open{-webkit-animation:mobileNavSlide .25s ease forwards;animation:mobileNavSlide .25s ease forwards;display:flex}@-webkit-keyframes mobileNavSlide{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mobileNavSlide{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.site-nav>a{border-bottom:1px solid var(--border-subtle);font-size:16px;padding:14px 10px}.site-nav>a:after{display:none}.nav-dropdown{border-bottom:1px solid var(--border-subtle)}.nav-dropdown summary{font-size:16px;justify-content:space-between;padding:14px 10px;width:100%}.nav-dropdown-menu{background:var(--bg-card);border:0;border-radius:8px;box-shadow:none;margin-bottom:10px;padding:4px 8px;position:static}.nav-dropdown-menu .dropdown-item{padding:10px 12px}.site-nav .nav-cta{font-size:15px;margin-top:16px;padding:14px 20px;text-align:center}}@media (max-width:480px){.site-header{height:72px}.site-header--scrolled{height:64px}.brand img{height:42px;width:42px}.site-header--scrolled .brand img{height:38px;width:38px}.theme-icon-btn{height:36px;width:36px}.site-nav{top:72px}.site-header--scrolled .site-nav{top:64px}}.content-page{background:var(--bg-page);min-height:100vh}.content-hero{background:var(--hero-bg);color:var(--hero-text);padding:clamp(130px,15vh,180px) 0 clamp(50px,7vh,80px);position:relative}.content-container{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;padding-left:clamp(1.25rem,4vw,3.75rem);padding-right:clamp(1.25rem,4vw,3.75rem);width:100%}.content-hero h1,.feature-detail h2{color:var(--hero-text);font:800 clamp(36px,5vw,64px)/1.1 Plus Jakarta Sans,sans-serif;font:800 clamp(36px,5vw,64px)/1.1 var(--font-sans,"Plus Jakarta Sans",sans-serif);letter-spacing:-.035em;margin:0 0 20px;max-width:860px}.content-hero>div>p:last-child,.content-lead{color:var(--hero-subtext);font-size:clamp(16px,1.2vw,19px);line-height:1.75;max-width:680px}.content-eyebrow{background:var(--hero-badge-bg);border:1px solid var(--hero-badge-border);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--hero-badge-text);display:inline-block;font:600 12px DM Mono,monospace;font:600 12px var(--font-mono,"DM Mono",monospace);letter-spacing:.1em;margin:0 0 16px;padding:5px 14px;text-transform:uppercase}.content-section{background:var(--bg-page);padding:clamp(50px,7vw,90px) 0}.content-grid{grid-gap:clamp(20px,2.5vw,32px);display:grid;gap:clamp(20px,2.5vw,32px);grid-template-columns:repeat(3,1fr)}.portfolio-page-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);overflow:hidden;padding-bottom:24px;transition:box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease}.portfolio-page-card:hover{border-color:var(--blue-500);box-shadow:var(--shadow-md);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.portfolio-page-card img{display:block;height:260px;margin-bottom:20px;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.portfolio-page-card:hover img{-webkit-transform:scale(1.02);transform:scale(1.02)}.content-list-page article>div>p,.portfolio-page-card a,.portfolio-page-card p{color:var(--blue-500);font:600 12px DM Mono,monospace;font:600 12px var(--font-mono,"DM Mono",monospace);letter-spacing:.05em;padding:0 24px;text-transform:uppercase}.content-list-page h2,.portfolio-page-card h2{color:var(--text-primary);font-size:22px;font-weight:800;letter-spacing:-.025em;margin:8px 0 16px;padding:0 24px}.content-list-page a,.portfolio-page-card a{align-items:center;display:inline-flex;font-size:14px;font-weight:700;gap:6px;text-transform:none;transition:gap .2s ease}.content-list-page a:hover,.portfolio-page-card a:hover{gap:10px}.content-list-page{max-width:920px}.content-list-page article{grid-gap:25px;border-bottom:1px solid var(--border-subtle);display:grid;gap:25px;grid-template-columns:80px 1fr;padding:32px 0}.content-list-page article>span{color:var(--blue-500);font:700 16px DM Mono,monospace;font:700 16px var(--font-mono,"DM Mono",monospace)}.content-list-page h2{font-size:clamp(22px,2.5vw,30px);margin:6px 0 14px;padding:0}.feature-detail{padding-bottom:30px}.feature-detail h2{color:var(--text-primary)}.feature-detail .content-lead{color:var(--text-secondary)}.content-button{align-items:center;background:var(--blue-500);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:10px;margin-top:20px;padding:14px 28px;transition:background .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,background .2s ease;transition:transform .2s ease,background .2s ease,-webkit-transform .2s ease}.content-button:hover{background:var(--blue-600);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.content-button span{color:var(--gold-400)}@media (max-width:960px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.content-grid{grid-template-columns:1fr}.content-list-page article{grid-template-columns:40px 1fr}}.text-editor-page{background:var(--bg-page);min-height:100vh}.editor-hero-section{padding:clamp(120px,15vh,160px) 0 clamp(24px,3vh,40px);text-align:center}.editor-page-title{color:var(--text-primary);font-size:clamp(34px,4.5vw,54px);font-weight:800;letter-spacing:-.035em;margin:0 0 14px}.editor-page-lead{color:var(--text-muted);font-size:clamp(16px,1.15vw,19px);line-height:1.7;margin:0 auto;max-width:680px}.editor-canvas-section{padding:10px 0 clamp(40px,6vw,70px)}.editor-toast{-webkit-animation:toastSlideUp .25s cubic-bezier(.16,1,.3,1) both;animation:toastSlideUp .25s cubic-bezier(.16,1,.3,1) both;background:#2563eb;background:var(--blue-500,#2563eb);border-radius:9999px;border-radius:var(--radius-full,9999px);bottom:30px;box-shadow:0 8px 24px rgba(37,99,235,.4);color:#fff;font-size:14px;font-weight:700;padding:12px 22px;position:fixed;right:30px;z-index:2000}@-webkit-keyframes toastSlideUp{0%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes toastSlideUp{0%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.editor-main-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.editor-top-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);gap:16px;justify-content:space-between;padding:16px 24px}.editor-top-bar,.file-naming-group{align-items:center;display:flex;flex-wrap:wrap}.file-naming-group{gap:10px}.file-name-label{color:var(--text-muted);font-family:var(--font-mono);font-size:13px;font-weight:700;text-transform:uppercase}.file-name-input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-primary);font-size:14px;font-weight:600;min-width:180px;outline:none;padding:8px 14px;transition:border-color .2s ease,box-shadow .2s ease}.file-name-input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.file-ext-select{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);font-size:13px;font-weight:600;outline:none;padding:8px 14px}.file-actions-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.editor-btn{align-items:center;border:0;border-radius:9999px;border-radius:var(--radius-full,9999px);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:9px 18px;transition:all .2s ease}.editor-btn-primary{background:linear-gradient(135deg,var(--blue-500) 0,var(--blue-600) 100%);box-shadow:0 4px 14px rgba(37,99,235,.3);color:#fff}.editor-btn-primary:hover{box-shadow:0 6px 20px rgba(37,99,235,.5);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.editor-btn-secondary{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary)}.editor-btn-secondary:hover{border-color:var(--blue-500);color:var(--blue-500);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.editor-toolbar{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:12px;overflow-x:auto;padding:10px 24px}.toolbar-section{align-items:center;display:flex;gap:6px}.toolbar-label{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:700;margin-right:2px;text-transform:uppercase}.toolbar-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.toolbar-btn:hover{background:rgba(37,99,235,.08);border-color:var(--blue-500);color:var(--blue-500)}.toolbar-btn.is-active{background:var(--blue-500);border-color:var(--blue-500);color:#fff}.font-size-btn{font-family:var(--font-mono);padding:6px 10px}.font-size-val{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;min-width:32px;text-align:center}.toolbar-divider{background:var(--border-subtle);height:20px;margin:0 4px;width:1px}.editor-textarea-wrapper{background:var(--bg-card);min-height:480px;position:relative;width:100%}.editor-textarea{background:transparent;border:0;color:var(--text-primary);font-family:var(--font-mono);height:62vh;line-height:1.7;min-height:480px;outline:none;padding:24px 28px;resize:vertical;transition:color .2s ease;width:100%}.editor-textarea.font-mono{font-family:DM Mono,Consolas,Monaco,monospace}.editor-textarea.font-sans{font-family:var(--font-sans)}.editor-textarea::-webkit-input-placeholder{color:var(--text-muted);opacity:.6}.editor-textarea::placeholder{color:var(--text-muted);opacity:.6}.editor-status-bar{background:var(--bg-surface);border-top:1px solid var(--border-subtle);font-size:13px;gap:16px;justify-content:space-between;padding:12px 24px}.editor-status-bar,.stats-group{align-items:center;display:flex;flex-wrap:wrap}.stats-group{gap:14px}.stat-pill{color:var(--text-muted);font-size:13px}.stat-pill strong{color:var(--text-primary)}.autosave-indicator{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-mono);font-size:12px;gap:12px}.autosave-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px rgba(34,197,94,.2);height:7px;width:7px}.sample-reset-link{background:transparent;border:0;color:var(--blue-500);cursor:pointer;font-family:var(--font-mono);font-size:12px;padding:0;text-decoration:underline}.sample-reset-link:hover{color:var(--blue-600)}.editor-guide-section{border-top:1px solid var(--border-subtle);padding:clamp(40px,6vw,80px) 0 clamp(60px,8vw,100px)}.editor-guide-grid{grid-gap:clamp(20px,2.5vw,32px);display:grid;gap:clamp(20px,2.5vw,32px);grid-template-columns:repeat(4,1fr)}.guide-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);padding:clamp(24px,2.5vw,32px);transition:border-color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,border-color .2s ease;transition:transform .2s ease,border-color .2s ease,-webkit-transform .2s ease}.guide-card:hover{border-color:var(--blue-500);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.guide-icon{display:block;font-size:26px;margin-bottom:14px}.guide-card h3{color:var(--text-primary);font-size:18px;font-weight:800;margin:0 0 10px}.guide-card p{color:var(--text-muted);font-size:14px;line-height:1.65;margin:0}.guide-card code{background:rgba(37,99,235,.1);border-radius:4px;color:var(--blue-500);font-family:var(--font-mono);font-size:12px;padding:2px 6px}@media (max-width:1100px){.editor-guide-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.editor-top-bar,.file-naming-group{align-items:stretch;flex-direction:column}.file-actions-group{justify-content:stretch;width:100%}.file-actions-group .editor-btn{flex:1 1;justify-content:center}.editor-guide-grid{grid-template-columns:1fr}}.exchange-rate-page{background:var(--bg-page);min-height:100vh}.exchange-hero-section{padding:clamp(120px,15vh,160px) 0 clamp(24px,3vh,40px);text-align:center}.exchange-page-title{color:var(--text-primary);font-size:clamp(34px,4.5vw,54px);font-weight:800;letter-spacing:-.035em;margin:0 0 14px}.exchange-page-lead{color:var(--text-muted);font-size:clamp(16px,1.15vw,19px);line-height:1.7;margin:0 auto;max-width:720px}.exchange-canvas-section{padding:10px 0 clamp(40px,6vw,70px)}.exchange-controls-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:20px;margin-bottom:24px;padding:clamp(20px,3vw,32px)}.controls-row-primary{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.2fr 1fr}@media (max-width:860px){.controls-row-primary{grid-template-columns:1fr}}.control-field{display:flex;flex-direction:column;gap:8px}.field-label{color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.country-picker-wrapper{position:relative;width:100%}.country-picker-trigger{align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;border-radius:var(--radius-md,14px);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:12px;padding:12px 18px;text-align:left;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;width:100%}.country-picker-trigger:hover,.picker-trigger--open{border-color:#2563eb;border-color:var(--blue-500,#2563eb)}.picker-trigger--open{box-shadow:0 0 0 3px rgba(37,99,235,.15)}.picker-flag{font-size:24px;line-height:1}.picker-country-name{color:var(--text-primary);flex:1 1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-code-badge{background:rgba(37,99,235,.12);border-radius:6px;color:#2563eb;color:var(--blue-500,#2563eb);font-family:monospace;font-family:var(--font-mono,monospace);font-size:12px;font-weight:700;padding:3px 8px}.picker-caret{color:var(--text-muted);font-size:14px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.picker-trigger--open .picker-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.country-picker-dropdown{-webkit-animation:dropdownFade .15s ease-out;animation:dropdownFade .15s ease-out;background:#091322;background:var(--bg-dropdown,#091322);border:1px solid hsla(0,0%,100%,.15);border:1px solid var(--border-dropdown,hsla(0,0%,100%,.15));border-radius:14px;border-radius:var(--radius-md,14px);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;max-height:380px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}@-webkit-keyframes dropdownFade{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropdownFade{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.picker-search-container{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:10px 14px;position:relative}.picker-search-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--input-text);font-family:inherit;font-size:14px;outline:none;padding:9px 32px 9px 12px;width:100%}.picker-search-input:focus{border-color:#2563eb;border-color:var(--blue-500,#2563eb)}.picker-search-clear{background:transparent;border:0;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;padding:4px;position:absolute;right:22px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.picker-options-list{max-height:300px;overflow-y:auto;padding:6px}.picker-option-item{align-items:center;background:transparent;border:0;border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:background-color .12s ease;width:100%}.picker-option-item:hover{background:rgba(37,99,235,.12)}.picker-option--selected{background:rgba(37,99,235,.18);font-weight:700}.option-flag{font-size:20px}.option-country{color:var(--text-primary);font-weight:600}.option-details{color:var(--text-muted);font-family:monospace;font-family:var(--font-mono,monospace);font-size:12px;margin-left:auto}.picker-no-matches{color:var(--text-muted);font-size:14px;padding:24px;text-align:center}.amount-input-wrapper{align-items:center;display:flex;position:relative}.amount-currency-symbol{font-size:22px;left:16px;pointer-events:none;position:absolute}.amount-number-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;border-radius:var(--radius-md,14px);color:var(--input-text);font-family:monospace;font-family:var(--font-mono,monospace);font-size:18px;font-weight:700;outline:none;padding:12px 16px 12px 52px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.amount-number-input:focus{border-color:#2563eb;border-color:var(--blue-500,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.amount-preset-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.preset-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--text-secondary);cursor:pointer;font-family:monospace;font-family:var(--font-mono,monospace);font-size:12px;font-weight:600;padding:5px 12px;transition:all .15s ease}.preset-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.preset-btn--active,.preset-btn:hover{border-color:#2563eb;border-color:var(--blue-500,#2563eb)}.preset-btn--active{background:#2563eb;background:var(--blue-500,#2563eb);color:#fff}.controls-row-secondary{align-items:center;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:8px}.search-filter-wrapper{flex:1 1;min-width:280px;position:relative}.search-icon{color:var(--text-muted);font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.destination-search-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;border-radius:var(--radius-md,14px);color:var(--input-text);font-family:inherit;font-size:14px;outline:none;padding:11px 36px 11px 40px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.destination-search-input:focus{border-color:#2563eb;border-color:var(--blue-500,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.search-clear-btn{background:transparent;border:0;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px;position:absolute;right:14px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.view-mode-selector{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-md,14px);display:flex;gap:3px;padding:3px}.view-mode-btn{background:transparent;border:0;border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s ease}.view-mode-btn:hover{color:var(--text-primary)}.view-mode-btn--active{background:#2563eb;background:var(--blue-500,#2563eb);box-shadow:0 2px 8px rgba(37,99,235,.3);color:#fff}.controls-status-bar{color:var(--text-muted);font-size:13px;justify-content:space-between}.controls-status-bar,.status-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.rates-updated-badge{align-items:center;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.2);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#2563eb;color:var(--blue-500,#2563eb);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.live-indicator-dot{background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981;height:7px;width:7px}.per-page-selector{align-items:center;display:flex;gap:8px}.per-page-label{color:var(--text-secondary);font-size:13px;font-weight:500}.per-page-select{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:5px 10px}.exchange-results-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-md);overflow:hidden}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.exchange-table{border-collapse:collapse;text-align:left;width:100%}.exchange-table th{background:var(--bg-surface);color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.exchange-table td,.exchange-table th{border-bottom:1px solid var(--border-subtle);padding:16px 20px}.exchange-table td{color:var(--text-primary);font-size:14px;vertical-align:middle}.exchange-table tbody tr{transition:background-color .12s ease}.exchange-table tbody tr:hover{background:hsla(0,0%,100%,.03);background:var(--bg-card-hover,hsla(0,0%,100%,.03))}.exchange-table tbody tr:last-child td{border-bottom:0}.col-country{width:25%}.col-code{width:14%}.col-name{width:22%}.col-rate{width:19%}.col-value{text-align:right;width:20%}.col-sortable{cursor:pointer;transition:color .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.col-sortable:hover{background:rgba(37,99,235,.06)}.col-sortable--active,.col-sortable:hover{color:#2563eb;color:var(--blue-500,#2563eb)}.col-sortable--active{background:rgba(37,99,235,.08)}.sortable-header-cell{align-items:center;display:flex;gap:8px;justify-content:flex-end}.sort-indicator{background:rgba(37,99,235,.12);border-radius:4px;color:#2563eb;color:var(--blue-500,#2563eb);font-family:monospace;font-family:var(--font-mono,monospace);font-size:11px;padding:2px 6px}.country-cell-inner{align-items:center;display:flex;gap:12px}.table-flag{font-size:26px;line-height:1}.country-meta{display:flex;flex-direction:column;gap:2px}.country-display-name{color:var(--text-primary);font-size:15px;font-weight:700}.country-iso-tag{color:var(--text-muted);font-size:11px}.country-iso-tag,.currency-pill{font-family:monospace;font-family:var(--font-mono,monospace)}.currency-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:700;padding:4px 10px}.currency-full-name{color:var(--text-secondary);font-weight:500}.rate-text{color:var(--text-muted);font-family:monospace;font-family:var(--font-mono,monospace);font-size:13px}.value-cell-inner{align-items:baseline;display:flex;gap:6px;justify-content:flex-end}.value-number{color:#2563eb;color:var(--blue-500,#2563eb);font-size:17px;font-weight:800}.value-code,.value-number{font-family:monospace;font-family:var(--font-mono,monospace)}.value-code{color:var(--text-muted);font-size:12px;font-weight:600}.exchange-pagination-bar{align-items:center;background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.pagination-info{color:var(--text-muted);font-size:13px}.pagination-buttons{align-items:center;display:flex;gap:6px}.pagination-nav-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm,8px);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:all .15s ease}.pagination-nav-btn:hover:not(:disabled){background:rgba(37,99,235,.08);border-color:#2563eb;border-color:var(--blue-500,#2563eb)}.pagination-nav-btn:disabled{cursor:not-allowed;opacity:.4}.page-indicator{color:var(--text-secondary);font-size:13px;padding:0 10px}.exchange-error-banner{align-items:center;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);border-radius:14px;border-radius:var(--radius-md,14px);display:flex;flex-wrap:wrap;gap:18px;margin:20px;padding:24px}.error-icon{font-size:32px}.error-copy{flex:1 1}.error-copy h3{color:#ef4444;font-size:16px;font-weight:700;margin:0 0 4px}.error-copy p{color:var(--text-secondary);font-size:14px;margin:0}.error-retry-btn{background:#ef4444;border:0;border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:9px 18px;transition:opacity .15s ease}.error-retry-btn:hover{opacity:.9}.exchange-loading-skeleton{color:var(--text-muted);padding:80px 20px;text-align:center}.skeleton-spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid rgba(37,99,235,.15);border-radius:50%;border-top:3px solid var(--blue-500,#2563eb);height:36px;margin:0 auto 16px;width:36px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.exchange-no-results{color:var(--text-muted);padding:60px 24px;text-align:center}.no-results-icon{display:block;font-size:40px;margin-bottom:12px;opacity:.6}.exchange-no-results h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.exchange-no-results p{font-size:14px;line-height:1.6;margin:0 auto 18px;max-width:480px}.clear-results-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px;transition:all .15s ease}.clear-results-btn:hover{background:#2563eb;background:var(--blue-500,#2563eb);border-color:#2563eb;border-color:var(--blue-500,#2563eb);color:#fff}.exchange-guide-section{padding:20px 0 clamp(50px,8vw,90px)}.exchange-guide-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.exchange-guide-grid .guide-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-md,14px);padding:24px;transition:border-color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,border-color .2s ease;transition:transform .2s ease,border-color .2s ease,-webkit-transform .2s ease}.exchange-guide-grid .guide-card:hover{border-color:var(--border-hover);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.exchange-guide-grid .guide-icon{display:inline-block;font-size:26px;margin-bottom:12px}.exchange-guide-grid h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 8px}.exchange-guide-grid p{color:var(--text-muted);font-size:13px;line-height:1.6;margin:0}@media (max-width:768px){.exchange-controls-card{padding:16px}.exchange-table td,.exchange-table th{padding:12px 14px}.value-number{font-size:15px}.controls-row-secondary{align-items:stretch;flex-direction:column}.search-filter-wrapper{min-width:100%}.view-mode-selector{width:100%}.view-mode-btn{flex:1 1;text-align:center}.controls-status-bar{align-items:flex-start;flex-direction:column}.exchange-pagination-bar{align-items:center;flex-direction:column;gap:12px}}.tools-hub-page{background:var(--bg-page);min-height:100vh}.tools-hero-section{padding:clamp(120px,15vh,160px) 0 clamp(24px,3vh,40px);text-align:center}.tools-page-title{color:var(--text-primary);font-size:clamp(34px,4.5vw,54px);font-weight:800;letter-spacing:-.035em;margin:0 0 14px}.tools-page-lead{color:var(--text-muted);font-size:clamp(16px,1.15vw,19px);line-height:1.7;margin:0 auto;max-width:720px}.tools-canvas-section{padding:10px 0 clamp(40px,6vw,70px)}.tools-toolbar{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding:16px 20px}.tools-search-box{flex:1 1;min-width:280px;position:relative}.tools-search-icon{color:var(--text-muted);font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tools-search-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;border-radius:var(--radius-md,14px);color:var(--input-text);font-family:inherit;font-size:14px;outline:none;padding:10px 36px 10px 38px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.tools-search-input:focus{border-color:#2563eb;border-color:var(--blue-500,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.tools-search-clear{background:transparent;border:0;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px;position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tools-category-pills{display:flex;flex-wrap:wrap;gap:6px}.category-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:all .15s ease}.category-pill:hover{background:var(--bg-card-hover);color:var(--text-primary)}.category-pill--active,.category-pill:hover{border-color:#2563eb;border-color:var(--blue-500,#2563eb)}.category-pill--active{background:#2563eb;background:var(--blue-500,#2563eb);color:#fff}.tools-card-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.tool-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;padding:clamp(24px,3vw,32px);position:relative;transition:border-color .2s ease,box-shadow .2s ease,-webkit-transform .2s cubic-bezier(.16,1,.3,1);transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease,-webkit-transform .2s cubic-bezier(.16,1,.3,1)}.tool-card:hover{border-color:rgba(37,99,235,.35);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.tool-card-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.tool-icon-badge{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-md,14px);box-shadow:var(--shadow-sm);display:flex;font-size:32px;height:58px;justify-content:center;width:58px}.tool-badge-strip{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.tool-category-badge{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tool-status-badge{background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.25);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#2563eb;color:var(--blue-500,#2563eb);font-size:11px;font-weight:700;padding:3px 9px}.tool-status-badge--upcoming{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3);color:#f59e0b;color:var(--gold-500,#f59e0b)}.tool-card-body{display:flex;flex:1 1;flex-direction:column}.tool-card-title{font-size:clamp(20px,1.6vw,24px);font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.tool-title-link{color:var(--text-primary);text-decoration:none;transition:color .15s ease}.tool-title-link:hover{color:#2563eb;color:var(--blue-500,#2563eb)}.tool-card-description{color:var(--text-muted);font-size:14px;line-height:1.65;margin:0 0 20px}.tool-features-list{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-md,14px);margin-bottom:24px;margin-top:auto;padding:16px 18px}.tool-features-heading{color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.tool-features-list ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.tool-features-list li{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;line-height:1.45}.feature-check{color:#2563eb;color:var(--blue-500,#2563eb);font-weight:800;line-height:1.3}.tool-card-footer{margin-top:auto}.tool-launch-btn{align-items:center;background:#2563eb;background:var(--blue-500,#2563eb);border-radius:14px;border-radius:var(--radius-md,14px);box-shadow:0 4px 14px rgba(37,99,235,.25);color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,-webkit-transform .15s ease;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease,-webkit-transform .15s ease;width:100%}.tool-launch-btn:hover{background:#1d4ed8;background:var(--blue-600,#1d4ed8);box-shadow:0 6px 18px rgba(37,99,235,.35);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.launch-arrow{transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.tool-launch-btn:hover .launch-arrow{-webkit-transform:translateX(4px);transform:translateX(4px)}.tool-launch-btn--secondary{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:none;color:var(--text-primary)}.tool-launch-btn--secondary:hover{background:var(--bg-card-hover);border-color:#2563eb;border-color:var(--blue-500,#2563eb);box-shadow:none}.tool-card--upcoming{border-style:dashed}.tools-no-results{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-lg,20px);color:var(--text-muted);padding:60px 24px;text-align:center}.tools-no-results .no-results-icon{display:block;font-size:38px;margin-bottom:12px;opacity:.6}.tools-no-results h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.tools-no-results p{font-size:14px;line-height:1.6;margin:0 auto 18px;max-width:480px}.tools-reset-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-full,9999px);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:9px 22px;transition:all .15s ease}.tools-reset-btn:hover{background:#2563eb;background:var(--blue-500,#2563eb);border-color:#2563eb;border-color:var(--blue-500,#2563eb);color:#fff}.tools-benefits-section{padding:20px 0 clamp(50px,8vw,90px)}.tools-benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.benefit-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-md,14px);padding:24px;transition:border-color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,border-color .2s ease;transition:transform .2s ease,border-color .2s ease,-webkit-transform .2s ease}.benefit-card:hover{border-color:var(--border-hover);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.benefit-icon{display:inline-block;font-size:26px;margin-bottom:12px}.benefit-card h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 8px}.benefit-card p{color:var(--text-muted);font-size:13px;line-height:1.6;margin:0}@media (max-width:768px){.tools-toolbar{align-items:stretch;flex-direction:column;padding:14px}.tools-search-box{min-width:100%}.tools-category-pills{width:100%}.category-pill{flex:1 1;text-align:center}.tools-card-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.b560b336.css.map*/