:root{
    --bg:#f4f9ff;
    --white:#ffffff;
    --text:#08204a;
    --muted:#5d6f8f;
    --line:#dbe8f6;
    --blue:#126cff;
    --blue-dark:#083e92;
    --cyan:#20d6c7;
    --green:#18b76b;
    --red:#ef4444;
    --shadow:0 24px 60px rgba(8, 43, 91, .12);
    --radius:28px;
}
*{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(--text);background:radial-gradient(circle at top left, #dff8ff 0, transparent 32%), var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px, calc(100% - 40px));margin:0 auto}.narrow{width:min(870px, calc(100% - 40px))}.section-pad{padding:88px 0}.section-white{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border-top:1px solid rgba(219,232,246,.7);border-bottom:1px solid rgba(219,232,246,.7)}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:16px 28px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,232,246,.8)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-logo{width:48px;height:48px}.brand-text{display:grid;line-height:1.15}.brand-text strong{font-size:1.15rem}.brand-text small{font-size:.78rem;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link{font-size:.94rem;font-weight:700;color:#315071;padding:10px 12px;border-radius:999px}.nav-link:hover,.nav-link.is-active{background:#edf6ff;color:var(--blue)}
.language-switch{display:flex;gap:6px;align-items:center;margin-left:6px}.language-link{display:flex;gap:6px;align-items:center;border:1px solid var(--line);padding:8px 10px;border-radius:999px;background:white;font-size:.84rem}.language-link.is-active{border-color:var(--blue);color:var(--blue);box-shadow:0 8px 24px rgba(18,108,255,.12)}
.nav-toggle{display:none;margin-left:auto;background:white;border:1px solid var(--line);border-radius:14px;padding:10px;width:46px;height:42px}.nav-toggle span{display:block;height:2px;background:var(--text);margin:5px 0;border-radius:10px}
.hero{position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(32,214,199,.14), rgba(18,108,255,.08) 45%, transparent);pointer-events:none}.hero-grid,.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;position:relative}.hero-copy h1,.subhero h1{font-size:clamp(2.4rem,5vw,5.6rem);line-height:.96;margin:14px 0 22px;letter-spacing:-.06em}.subhero h1{font-size:clamp(2.2rem,4.2vw,4.6rem)}.lead{font-size:clamp(1.05rem,1.6vw,1.32rem);color:var(--muted);max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);background:#eaf5ff;border:1px solid #d5eaff;border-radius:999px;padding:8px 13px;font-weight:850;font-size:.86rem;letter-spacing:.03em;text-transform:uppercase}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:999px;font-weight:850;border:1px solid transparent;transition:.2s ease}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:white;box-shadow:0 18px 36px rgba(18,108,255,.22)}.btn-primary:hover{transform:translateY(-2px)}.btn-soft{background:white;color:var(--blue);border-color:var(--line)}.mini-note{margin-top:18px;border:1px solid #cfe3ff;background:rgba(255,255,255,.78);padding:16px 18px;border-radius:20px;color:#315071}.hero-visual{border-radius:38px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8);background:white;transform:rotate(-1deg)}.hero-visual img{width:100%;height:100%;object-fit:cover}.subhero{background:linear-gradient(135deg, rgba(221,247,255,.8), rgba(255,255,255,.5))}.section-heading{text-align:center;max-width:760px;margin:0 auto 34px}.section-heading h2,.split-panel h2,.story-block h2{font-size:clamp(1.9rem,3.2vw,3.2rem);line-height:1.05;letter-spacing:-.04em;margin:10px 0 14px}.section-heading p,.split-panel p,.story-block p{color:var(--muted)}
.cards-grid{display:grid;gap:20px}.cards-grid.one{grid-template-columns:1fr}.cards-grid.three{grid-template-columns:repeat(3,1fr)}.cards-grid.four{grid-template-columns:repeat(4,1fr)}.cards-grid.five{grid-template-columns:repeat(5,1fr)}.info-card,.vehicle-card,.process-card,.screenshot-card,.legal-card,.contact-form,.contact-note,.warning-panel,.story-block{background:rgba(255,255,255,.9);border:1px solid rgba(219,232,246,.9);box-shadow:var(--shadow);border-radius:var(--radius);padding:26px}.info-card.compact{padding:22px}.info-card h3,.vehicle-card h3,.process-card h3,.screenshot-card h3{margin:10px 0 8px;font-size:1.16rem}.info-card p,.vehicle-card p,.process-card p,.screenshot-card p{margin:0;color:var(--muted)}.info-card.horizontal{display:flex;gap:16px;align-items:flex-start}.card-icon,.vehicle-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;background:#eaf5ff;color:var(--blue);font-weight:900;font-size:1.25rem;flex:0 0 auto}.vehicle-icon{font-size:1.8rem;width:58px;height:58px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-card span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;color:white;background:linear-gradient(135deg,var(--cyan),var(--blue));font-weight:900}.long-form{display:grid;gap:22px}.story-block{box-shadow:none}.align-center{align-items:center}.phone-stage{display:flex;justify-content:center}.phone-stage img{max-height:650px;filter:drop-shadow(0 30px 44px rgba(8,32,74,.2))}.screenshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.screenshot-card{text-align:left}.screenshot-card img{background:#eff6ff;border-radius:24px;margin:0 auto 18px;max-height:430px}.warning-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start;background:linear-gradient(135deg,#ffffff,#eef7ff)}.check-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.check-list li{position:relative;padding-left:34px;color:#315071}.check-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:900}.table-wrap{overflow:auto;background:white;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.compare-table{width:100%;border-collapse:collapse;min-width:800px}.compare-table th,.compare-table td{padding:16px 18px;border-bottom:1px solid #e8f0fa;text-align:center}.compare-table th{background:#f0f7ff;color:#21456f;font-size:.88rem;text-transform:uppercase;letter-spacing:.04em}.compare-table td:first-child,.compare-table th:first-child{text-align:left}.check{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#e8fbf1;color:var(--green);font-weight:1000}.cross{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#f4f7fb;color:#98a4b5;font-weight:1000}.status-pill{display:inline-flex;border:1px solid #cfe3ff;background:#edf6ff;color:#126cff;padding:7px 10px;border-radius:999px;font-weight:800;font-size:.82rem;white-space:nowrap}.legend-row{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:20px}.legend-row span{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}.dot{display:inline-block;width:10px;height:10px;border-radius:99px}.dot.ok{background:var(--green)}.dot.warn{background:#f59e0b}.dot.off{background:#98a4b5}.faq-list{display:grid;gap:14px;max-width:920px}.faq-item{background:white;border:1px solid var(--line);border-radius:22px;padding:18px 22px;box-shadow:0 10px 30px rgba(8,43,91,.06)}.faq-item summary{cursor:pointer;font-weight:900;font-size:1.08rem}.faq-item p{color:var(--muted);margin:14px 0 0}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px}.contact-form{display:grid;gap:18px}.contact-form label{display:grid;gap:8px;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 15px;font:inherit;background:#f9fcff;color:var(--text)}.contact-form textarea{resize:vertical}.contact-note img{width:84px}.legal-card{max-width:900px}.legal-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.muted{color:var(--muted)}.notfound-image{border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.site-footer{padding:56px 28px;background:#071c3a;color:white}.footer-grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer-brand{display:flex;align-items:center;gap:12px;font-weight:950;font-size:1.3rem}.footer-brand img{width:52px}.footer-links{display:grid;gap:8px}.footer-links a{color:#dbeafe}.site-footer .muted,.site-footer p{color:#b8c8dc}
@media (max-width:1100px){.main-nav{position:absolute;left:20px;right:20px;top:78px;display:none;flex-direction:column;align-items:stretch;background:white;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.nav-link{padding:13px 16px}.nav-toggle{display:block}.language-switch{margin-left:0}.cards-grid.four,.cards-grid.five,.screenshot-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.site-header{padding:12px 16px;gap:10px}.brand-text small{display:none}.brand-logo{width:42px;height:42px}.language-link{padding:7px 8px}.language-link strong{display:none}.hero-grid,.split-panel,.warning-panel,.contact-grid{grid-template-columns:1fr}.hero-copy h1,.subhero h1{font-size:clamp(2.1rem,12vw,4rem)}.section-pad{padding:62px 0}.cards-grid.three,.cards-grid.four,.cards-grid.five,.screenshot-grid,.process-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero-visual{transform:none}.container,.narrow{width:min(100% - 28px, 1180px)}}
