/* Homepage palette inspired by the VCBrowser icon.
   Deeper shades keep text and white button labels readable. */
:root {
    --vc-purple: #9960ce;
    --vc-coral: #ffa58d;
    --vc-pink: #e365b7;
    --vc-teal: #5dc1c3;
    --vc-blue: #4da8cf;
    --primary: #7940ac;
    --primary-light: #8647b8;
    --primary-dark: #63328e;
    --accent: #247b91;
    --accent-green: #247e80;
    --bg-dark: #faf8fc;
    --bg-card-hover: #fcf9ff;
    --gradient-primary: linear-gradient(120deg, #7940ac 0%, #91429c 55%, #a13977 100%);
    --gradient-accent: linear-gradient(120deg, #247e80 0%, #286e99 100%);
    --gradient-card: linear-gradient(140deg, #9960ce0f, #e365b709 55%, #5dc1c30d);
    --gradient-brand: linear-gradient(110deg, var(--vc-coral), var(--vc-pink) 30%, var(--vc-purple) 58%, var(--vc-teal) 82%, var(--vc-blue));
    --shadow-glow: 0 0 40px #9960ce25;
}

.bg-gradient {
    background:
        radial-gradient(ellipse 70% 55% at 50% -10%, #9960ce1c, transparent 65%),
        radial-gradient(ellipse 55% 50% at 0% 30%, #ffa58d18, transparent 65%),
        radial-gradient(ellipse 55% 50% at 100% 65%, #5dc1c319, transparent 65%);
}

.hero::before {
    background: radial-gradient(circle, #9960ce20, #e365b710 40%, transparent 70%);
}

.hero-badge {
    color: var(--primary);
    background: #9960ce10;
    border-color: #9960ce30;
}

.btn-primary { box-shadow: 0 4px 20px #9960ce35; }
.btn-primary:hover { box-shadow: 0 6px 30px #9960ce4d; }
.gradient-text {
    background-image: linear-gradient(110deg, #7940ac 5%, #a13977 48%, #247b91 95%);
}

.feature-card::before { background: var(--gradient-brand); }
.feature-card.featured { border-color: #9960ce45; }
.feature-icon, .step-icon { background: #9960ce14; }
.feature-icon i, .step-icon i { color: var(--primary); }
.feature-card:nth-child(3n + 1) .feature-icon { background: #5dc1c31c; }
.feature-card:nth-child(3n + 1) .feature-icon i { color: #247b91; }
.feature-card:nth-child(3n) .feature-icon { background: #ffa58d24; }
.feature-card:nth-child(3n) .feature-icon i { color: #a13977; }

.download-card {
    border-color: #9960ce35;
    background: linear-gradient(135deg, #fff7f5, #faf6ff 50%, #f1fafb);
}

a:focus-visible, button:focus-visible {
    outline: 3px solid var(--primary);
    outline-offset: 4px;
}

/* VCBrowser brand direction: warm editorial space and a colorful creative studio. */
body { background:#fcfafc; color:#292235; }
:root { --text-primary:#292235; --text-secondary:#71697d; --text-muted:#82798d; --radius-lg:24px; --radius-xl:32px; --border-color:#eae3ee; }
.container { max-width:1280px; padding-inline:40px; }
.bg-grid { display:none; }
.bg-gradient { opacity:.65; }
.navbar { padding:19px 0; border-bottom:1px solid #eae3ee80; background:#fcfafce8; backdrop-filter:blur(18px); }
.navbar.scrolled { background:#fcfafcf5; box-shadow:0 8px 35px #39264906; }
.nav-logo img { max-width:160px; max-height:43px; width:auto; }
.nav-logo,.footer-wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}
.brand-symbol{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:12px;background:var(--gradient-brand);font-size:23px;font-weight:800;color:#fff;box-shadow:inset 0 0 0 1px #ffffff50}
.brand-wordmark{font-size:22px;letter-spacing:-1px;font-weight:800;line-height:1.1}.brand-wordmark>span{font-weight:400}.brand-wordmark small{display:block;font-size:6px;letter-spacing:2.3px;font-weight:600;color:#9a88a6;margin-top:5px}
.nav-links a { font-size:13px; color:#6e657a; }
.btn { border-radius:50px; padding:13px 24px; font-size:13px; letter-spacing:.01em; }
.btn-primary { background:var(--primary); box-shadow:none; }
.btn-primary:hover { background:var(--primary-dark); box-shadow:0 6px 22px #7940ac24; }
.btn-outline { border:1px solid #ddd3e6; background:#ffffff70; }
.btn-lg { padding:17px 25px; border-radius:50px; font-size:13px; }
.hero { min-height:auto; padding:165px 0 90px; text-align:left; overflow:hidden; }
.hero-layout { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; width:100%; }
.hero-copy { min-width:0; }
.hero-badge { font-size:9px; letter-spacing:1.6px; border:0; background:transparent; padding:0; margin-bottom:25px; font-weight:700; }
.badge-dot { background:var(--vc-teal); box-shadow:0 0 0 5px #5dc1c314; width:7px;height:7px; }
.hero-title { font-size:clamp(45px,5.1vw,72px); line-height:1.04; letter-spacing:-4px; font-weight:800; margin-bottom:25px; }
.hero-description { font-size:15px; line-height:1.85; max-width:440px; margin:0 0 28px; }
.hero-cta { justify-content:flex-start; gap:10px; margin-bottom:38px; flex-wrap:wrap; }
.hero-stats { justify-content:flex-start; gap:25px; margin-top:0; padding-top:24px; border-top:1px solid #e6deeb; max-width:420px; }
.stat-item { align-items:flex-start; text-align:left; }
.stat-value { font-size:24px; font-weight:700; background:none; -webkit-text-fill-color:var(--text-primary); color:var(--text-primary); }
.stat-label { font-size:10px; margin-top:3px; }
.stat-divider { height:29px; }
.hero-glow { display:none; }
.studio-scene { position:relative; padding:40px 0 54px; isolation:isolate; min-width:0; }
.scene-orbit { position:absolute; z-index:-1; border-radius:50%; pointer-events:none; }
.orbit-one { width:390px;height:390px;background:linear-gradient(145deg,#e8d4f5,#f9d6e4 65%,#ffd8bc);left:-20px;top:-5px; }
.orbit-two { width:260px;height:260px;background:linear-gradient(150deg,#d0ece7,#b5dfef);right:-55px;bottom:12px; }
.studio-window { border:1px solid #fff; border-radius:17px; background:#fff; box-shadow:0 25px 70px #44315319,0 2px 9px #44315308; transform:rotate(-3deg); overflow:hidden; }
.studio-bar { display:flex;align-items:center;gap:9px;padding:15px 17px;border-bottom:1px solid #f1edf4;font-size:10px; }
.studio-mark { background:var(--gradient-primary);color:white;border-radius:7px;width:25px;height:25px;display:grid;place-items:center;font-weight:800; }
.preview-label { font-size:7px;letter-spacing:1px;margin-left:auto;color:#95899e;border:1px solid #ece7f1;border-radius:4px;padding:3px 5px; }
.studio-body { display:flex; }
.studio-side { width:45px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:23px;background:#faf8fc;color:#ada2b8;font-size:15px; }
.studio-side .selected { background:#eee3f7;color:var(--primary);padding:3px 8px;border-radius:6px; }
.studio-main { padding:24px 20px;flex:1;min-width:0; }
.studio-heading { display:flex;justify-content:space-between;align-items:center;margin-bottom:20px; }
.studio-heading small { font-size:6px;color:#a491b2;letter-spacing:1.2px;font-weight:700; }
.studio-heading h3 { font-size:18px;letter-spacing:-.5px;margin-top:6px; }
.studio-avatar { border-radius:50%;width:26px;height:26px;background:#f2e7f9;color:#9862b4;display:grid;place-items:center;font-size:7px; }
.scene-cards { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.scene-card { min-height:155px;border-radius:9px;padding:16px;position:relative;overflow:hidden; }
.scene-card span { position:relative;z-index:1;font-size:8px;letter-spacing:.5px;line-height:1.8; }
.scene-card b { font-size:18px;letter-spacing:-.6px;line-height:1.2;font-weight:700; }
.card-sunset { background:#f9d8c5;color:#834e62; }
.card-sunset i { position:absolute;width:120px;height:120px;border-radius:60px 60px 0 0;background:linear-gradient(#eea4bc,#c987cc);right:-10px;bottom:-30px;transform:rotate(-20deg);border:13px solid #f1bbc2; }
.card-shapes { background:#e7dcf4;color:#745098; }
.card-shapes i { font-style:normal;font-size:110px;line-height:1;position:absolute;right:2px;bottom:-30px;color:#9dcecb;transform:rotate(15deg); }
.flow-caption { margin:23px 0 12px;font-size:6px;letter-spacing:1px;color:#9a8ca7;font-weight:700;display:flex;justify-content:space-between;gap:8px; }
.flow-caption span { font-weight:400;letter-spacing:0; }
.mini-flow { display:flex;align-items:center;gap:9px; }
.mini-flow div { border:1px solid #e8e0ef;border-radius:8px;padding:11px 8px;flex:1;display:flex;align-items:center;gap:7px; }
.mini-flow i { color:#9766bd;font-size:10px; }.mini-flow div:last-child i { color:#388889; }
.mini-flow span { font-size:8px; }.mini-flow b { color:#b9a8c9;font-size:12px; }
.studio-status { font-size:7px;color:#9b90a6;margin-top:17px;display:flex;align-items:center;gap:5px; }
.studio-status span { height:4px;width:4px;border-radius:50%;background:#5db8a8; }
.floating-note { position:absolute;bottom:20px;left:3px;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #ece3f0;border-radius:12px;padding:14px 20px;box-shadow:0 8px 30px #4b2d5510;transform:rotate(2deg); }
.floating-note>span { background:#faf0ed;color:#cd807b;border-radius:9px;padding:8px 12px;font-size:22px; }
.floating-note strong { display:block;font-size:11px; }.floating-note small { display:block;font-size:8px;color:#9d90a6;margin-top:5px; }
.scene-caption { position:absolute;bottom:-8px;right:5px;font-size:7px;letter-spacing:2px;color:#9a8ba7; }
.trust-section { padding:35px 0 55px;background:transparent;border:0; }
.trust-label { font-size:11px;letter-spacing:.6px;margin-bottom:24px; }
.trust-logos { gap:45px;flex-wrap:wrap; }
.trust-logo { font-size:17px;color:#8c8097;opacity:1;filter:none; }.trust-logo i { font-size:20px; }
.features-section,.how-it-works-section,.pricing-section { padding:95px 0; }
.section-header { text-align:left;margin-bottom:42px;max-width:none; }
.section-badge { background:none;border:0;border-radius:0;padding:0;color:var(--primary);font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:18px;text-transform:uppercase; }
.section-title { font-size:clamp(34px,4vw,49px);letter-spacing:-2px;line-height:1.12;margin-bottom:17px; }
.section-description { font-size:14px;margin:0;max-width:510px;line-height:1.8; }
.features-grid { grid-template-columns:repeat(3,1fr);gap:18px; }
.feature-card { border:1px solid #eae3ee;border-radius:22px;padding:30px;background:#fff;box-shadow:none; }
.feature-card.featured { background:#f1e9f9;border-color:#e3d4ef; }
.feature-card::before { height:3px; }
.feature-card h3 { font-size:18px;letter-spacing:-.5px; }
.feature-card p { font-size:12px;line-height:1.85; }
.feature-icon { border-radius:16px;width:48px;height:48px;margin-bottom:28px; }.feature-icon i { font-size:19px; }
.feature-tag { font-size:9px;letter-spacing:.5px;background:#f7f3fa;color:#8e709e;padding:5px 10px; }
.how-it-works-section { background:#f1edf5;border-block:1px solid #e9e0ef; }
.steps-container { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:none; }
.step-card { background:transparent;border:0;border-radius:0;display:flex;flex-direction:column;padding:20px 0;gap:20px; }
.step-card:hover { background:transparent;transform:none; }
.step-number { font-size:44px;opacity:.65; }.step-icon { display:none; }.step-connector { display:none; }
.step-content h3 { font-size:20px;letter-spacing:-.5px;margin-bottom:12px; }.step-content p { font-size:13px;line-height:1.85; }
.pricing-section .section-header { text-align:center; }.pricing-section .section-description { margin:auto; }
.pricing-grid { gap:15px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch; }
.pricing-card { padding:30px 22px;border:1px solid #e8dfed;border-radius:23px;background:#fff;box-shadow:none;transform:none;overflow:visible; }
.pricing-card:hover { transform:translateY(-4px);box-shadow:0 16px 45px #4b2d550a; }
.pricing-card.popular { background:#30223f;color:#fff;border-color:#30223f;transform:none;box-shadow:0 15px 35px #30223f18; }
.pricing-card.popular::before { display:none; }.popular-badge { background:#e5b4da;color:#402748;letter-spacing:1px;font-size:9px;padding:7px 14px;top:-14px;border-radius:50px; }
.pricing-header { border:0;padding-bottom:15px;margin-bottom:10px;text-align:left; }.pricing-header h3 { font-size:15px;font-weight:600;margin-bottom:25px; }
.pricing-amount { justify-content:flex-start;gap:3px; }.pricing-amount .price { font-size:39px;letter-spacing:-2px;color:inherit;background:none;-webkit-text-fill-color:currentColor; }.pricing-amount .currency { font-size:20px;color:inherit; }.pricing-amount .period { color:#8d8199;font-size:11px; }
.pricing-period { font-size:11px;color:#8c7f98;margin-top:10px; }.popular .pricing-period,.popular .period { color:#cdbed9; }
.pricing-features { margin-bottom:25px; }.pricing-features li { font-size:11px;gap:8px;padding:9px 0;color:#71657e;line-height:1.5; }.pricing-features li i { font-size:10px;color:#328986; }.pricing-features li.disabled { opacity:.5; }
.popular .pricing-features li { color:#e2d8ec; }.popular .pricing-features li i { color:#8dd2c7; }.popular .btn-primary { background:#e6b8dc;color:#402344; }.popular .btn-primary:hover { background:#f2cee9; }
.pricing-card:nth-child(2) .btn-primary { background:#e8f6f5;color:#27676a; }.pricing-card:nth-child(3) .btn-primary { background:#fff0ea;color:#974b64; }
.pricing-card .btn { font-size:11px;padding:13px 15px;margin-top:auto; }
.download-section { padding:30px 0 95px; }.download-card { padding:55px;gap:50px;border:1px solid #e9ddef;border-radius:30px;background:linear-gradient(115deg,#f3e8fa,#fcece8 60%,#e5f4f1);box-shadow:none; }
.download-content h2 { font-size:40px;letter-spacing:-1.8px;line-height:1.15; }.download-content p { font-size:13px;line-height:1.9;max-width:430px;margin-top:20px; }
.download-feature { font-size:10px; }.download-feature i { color:#328986; }.download-features { gap:10px; }
.download-buttons { min-width:235px; }.download-btn { border-radius:14px;background:#ffffffa6;border:1px solid #e6d9eb;padding:17px 20px; }.download-btn:hover { border-color:var(--primary);background:white; }.download-btn-platform { font-size:14px; }.download-btn-label { font-size:9px; }.coming-soon-badge { font-size:8px; }
.footer { background:#f3eff6;border-top:1px solid #e9e0ef;padding-top:65px; }.footer-grid { grid-template-columns:2fr 1fr 1fr 1fr;gap:35px; }.footer-logo { max-width:160px;width:160px;height:auto; }.footer-brand p { font-size:12px;max-width:250px;line-height:1.9; }.footer-links h4 { font-size:12px; }.footer-links a { font-size:11px; }.social-links a { border-radius:50%;width:33px;height:33px;background:white;font-size:12px; }.footer-bottom { border-color:#e2d8e9;padding:23px 0; }.footer-bottom p { font-size:10px; }
@media(min-width:1500px){.hero{padding-top:190px;padding-bottom:110px}.studio-scene{transform:scale(1.04)}}
@media(max-width:1100px){.hero-layout{gap:30px}.hero-title{font-size:54px}.hero-cta .btn{font-size:11px;padding:14px 17px}.studio-main{padding:20px 14px}.scene-card{min-height:135px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px}.pricing-card{padding:30px}.download-card{padding:35px;gap:25px}.download-content h2{font-size:33px}.mini-flow{gap:5px}.mini-flow div{padding:9px 5px;gap:4px}}
@media(max-width:800px){.container{padding-inline:24px}.hero{padding:130px 0 60px}.hero-layout{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:580px}.hero-title{font-size:62px}.hero-description{max-width:470px}.studio-scene{max-width:530px;width:100%;margin:0 auto}.hero-stats{max-width:100%}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-container{grid-template-columns:1fr;gap:15px}.step-card{display:grid;grid-template-columns:55px 1fr;gap:20px;border-bottom:1px solid #e0d5e7;padding:25px 0}.features-section,.how-it-works-section,.pricing-section{padding:65px 0}.download-card{flex-direction:column;align-items:stretch;padding:35px}.download-buttons{width:100%;min-width:0}.footer-grid{grid-template-columns:2fr 1fr;gap:30px}.trust-logos{gap:20px}.trust-logo{font-size:14px}.flow-caption{font-size:7px}.mini-flow span{font-size:10px}}
@media(max-width:480px){.container{padding-inline:20px}.navbar{padding:16px 0}.nav-logo img{max-width:130px}.nav-actions .btn{padding:9px 13px;font-size:10px}.hero-title{font-size:49px;letter-spacing:-2.8px}.hero-badge{font-size:7px;letter-spacing:1px}.hero-description{font-size:13px}.hero-cta{gap:9px}.hero-cta .btn{font-size:10px;padding:14px 16px}.hero-stats{gap:18px}.stat-value{font-size:22px}.stat-label{font-size:9px}.studio-side{width:32px}.studio-main{padding:17px 12px}.scene-card{padding:11px;min-height:130px}.scene-card b{font-size:16px}.scene-card span{font-size:6px}.studio-bar{padding:12px;font-size:9px}.studio-heading h3{font-size:16px}.mini-flow div{flex-direction:column;gap:6px;padding:10px 5px}.mini-flow span{font-size:8px}.floating-note{left:0;padding:10px 14px}.floating-note strong{font-size:10px}.scene-caption{font-size:6px}.orbit-one{width:280px;height:280px}.orbit-two{width:180px;height:180px;right:-15px}.section-title{font-size:35px}.features-grid,.pricing-grid{grid-template-columns:1fr}.feature-card{padding:26px}.pricing-grid{gap:27px}.pricing-card{padding:30px}.pricing-amount .price{font-size:45px}.pricing-features li{font-size:12px}.pricing-card .btn{font-size:12px}.download-card{padding:28px 23px}.download-content h2{font-size:32px}.download-features{flex-direction:column;align-items:flex-start}.trust-logo{font-size:12px}.trust-logos{gap:18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.animate-on-scroll{opacity:1;transform:none}}
@media(max-width:800px){.download-card{grid-template-columns:1fr}.brand-wordmark{font-size:20px}.brand-symbol{width:33px;height:33px;font-size:20px}}
.nav-directory{position:relative}.nav-directory summary{list-style:none;cursor:pointer;font-size:13px;color:#6e657a;display:flex;gap:7px;align-items:center;padding:8px 0}.nav-directory summary::-webkit-details-marker{display:none}.nav-directory[open] summary{color:var(--primary)}.directory-panel{position:absolute;top:calc(100% + 20px);right:-145px;width:510px;background:#fff;border:1px solid #e9dfef;border-radius:20px;box-shadow:0 24px 65px #39264a1a;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px;z-index:1001}.directory-panel small{display:block;color:#a28eae;font-size:8px;letter-spacing:1.5px;margin-bottom:10px}.directory-panel a{display:block;padding:10px;border-radius:9px;font-size:12px;font-weight:600}.directory-panel a:hover{background:#f7f1fb}.directory-panel a span{display:block;font-size:10px;font-weight:400;color:#9989a5;margin-top:4px}.directory-legal{grid-column:1/-1;display:flex;border-top:1px solid #eee7f2;padding-top:8px}.directory-legal a{font-size:10px;font-weight:400}.mobile-menu-content{overflow-y:auto;padding:100px 20px 35px;justify-content:flex-start;gap:18px}.mobile-menu-content a{font-size:19px}.navbar .nav-links{gap:25px}
@media(max-width:1000px){.navbar .nav-links{gap:15px}.directory-panel{right:-80px;width:460px}.nav-actions{gap:5px}}

/* Keep the mobile studio illustration readable without clipping its artwork. */
@media (max-width:800px) {
    .hero .studio-scene { padding:24px 0 0; }
    .hero .studio-window { transform:none; }
    .hero .scene-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hero .scene-card { min-width:0; }
    .hero .card-shapes i {
        display:block;width:90px;height:90px;right:10px;bottom:8px;transform:none;font-size:0;
        background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%239dcecb' stroke-width='4.5'%3E%3Cpath d='M50 7v86M7 50h86M20 20l60 60M20 80l60-60'/%3E%3C/svg%3E") center/contain no-repeat;
    }
    .hero .studio-heading > div { min-width:0; }
    .hero .studio-avatar,.hero .studio-mark,.hero .preview-label { flex-shrink:0; }
    .hero .studio-heading h3 { overflow-wrap:anywhere; }
    .hero .floating-note {
        position:relative;left:auto;bottom:auto;transform:none;
        width:fit-content;max-width:100%;margin:16px auto 0;
    }
    .hero .floating-note > div { min-width:0; }
    .hero .floating-note small { line-height:1.6; }
    .hero .scene-caption { position:static;margin-top:16px;text-align:right;line-height:1.6; }
    .hero .orbit-one { left:0;width:85%;height:auto;aspect-ratio:1; }
    .hero .orbit-two { right:0;bottom:40px;width:55%;height:auto;aspect-ratio:1; }
}

@media (max-width:480px) {
    .hero .studio-bar { gap:7px;padding:12px 10px; }
    .hero .studio-bar strong { min-width:0;line-height:1.5; }
    .hero .studio-main { padding:16px 10px; }
    .hero .studio-heading { gap:8px;margin-bottom:16px; }
    .hero .scene-cards { gap:10px; }
    .hero .scene-card { padding:12px 10px;min-height:152px; }
    .hero .scene-card span { font-size:8px;letter-spacing:0;line-height:1.6; }
    .hero .scene-card b { font-size:clamp(14px,4vw,18px);line-height:1.3;overflow-wrap:anywhere; }
    .hero .card-shapes i {
        width:clamp(60px,20vw,88px);height:auto;aspect-ratio:1;right:8px;bottom:8px;transform:none;
    }
    .hero .card-sunset i { width:80px;height:80px;right:6px;bottom:0;border-width:9px; }
    .hero .flow-caption { flex-direction:column;gap:4px;margin:18px 0 10px;font-size:8px;letter-spacing:.5px; }
    .hero .mini-flow { gap:4px; }
    .hero .mini-flow div { min-width:0;padding:10px 3px; }
    .hero .mini-flow span { font-size:9px; }
    .hero .mini-flow i { font-size:12px; }
    .hero .studio-status { align-items:flex-start;font-size:8px;line-height:1.6; }
    .hero .studio-status span { flex-shrink:0;margin-top:4px; }
    .hero .floating-note { gap:9px;padding:12px; }
    .hero .floating-note strong { font-size:11px;line-height:1.5; }
    .hero .floating-note small { font-size:9px; }
    .hero .scene-caption { font-size:7px;letter-spacing:1px; }
    .hero .hero-badge { font-size:8px;line-height:1.7; }
    .hero .hero-description { font-size:15px;line-height:1.8; }
    .hero .hero-cta { align-items:stretch; }
    .hero .hero-cta .btn { max-width:none;min-height:48px;font-size:12px; }
}

@media (max-width:968px) {
    .navbar .mobile-menu-btn { width:44px;min-height:44px;padding:10px;justify-content:center;align-items:center;flex-shrink:0; }
    .mobile-menu .mobile-menu-content { padding-bottom:calc(28px + env(safe-area-inset-bottom,0px)); }
    .mobile-menu .mobile-menu-content > a { display:flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0; }
}