*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light only}

body{
  font-family:'DM Sans',-apple-system,sans-serif;
  background-color:#EDF1F5 !important;
  color:#242A39 !important;
  overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased
}
::selection{background:#242A39;color:#EDF1F5}
a{color:inherit;text-decoration:none}
.container{max-width:1140px;margin:0 auto;padding:0 24px}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(237,241,245,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:border-color .4s}
nav.scrolled{border-bottom-color:#D2D9E2}
nav .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;letter-spacing:-.03em;transition:opacity .2s}
.logo svg{height:28px;width:auto;transition:transform .3s}
.logo:hover svg{transform:rotate(-6deg) scale(1.05)}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none}
.nav-links a{font-size:.9rem;color:#5A6478;transition:color .2s;font-weight:500}
.nav-links a:hover{color:#242A39}
.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#242A39;color:#EDF1F5 !important;border-radius:8px;font-size:.875rem;font-weight:600;transition:transform .2s,opacity .2s}
.nav-cta:hover{opacity:.85;transform:translateY(-1px)}
.nav-cta-mobile{display:none}

/* BURGER MENU */
.burger-btn{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:12px}
.burger-btn span{width:24px;height:2.5px;background:#242A39;border-radius:2px;transition:all .3s ease;transform-origin:center}
.burger-btn.active span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
.burger-btn.active span:nth-child(2){opacity:0}
.burger-btn.active span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}

.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:#EDF1F5;border-bottom:1px solid #D2D9E2;z-index:99;max-height:calc(100vh - 64px);overflow-y:auto;animation:slideDown .3s ease}
@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
.mobile-menu.active{display:block}
.mobile-menu ul{list-style:none;padding:16px 24px}
.mobile-menu li{margin:0}
.mobile-menu a{display:block;padding:12px 0;color:#5A6478;font-weight:500;transition:color .2s;border-bottom:1px solid rgba(210,217,226,.3)}
.mobile-menu a:hover{color:#242A39}
.mobile-menu .nav-cta{display:inline-flex;justify-content:center;text-align:center;margin-top:12px;width:100%;padding-left:0}

/* HERO */
.hero{padding:160px 0 100px;text-align:center;background:linear-gradient(160deg,#D6DFE8 0%,#EDF1F5 40%,#F0F3F6 100%)}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;background:rgba(255,255,255,.6);border:1px solid #D2D9E2;border-radius:100px;font-size:.825rem;color:#5A6478;margin-bottom:32px;font-weight:500;transition:background .3s,border-color .3s}
.hero-badge:hover{background:rgba(255,255,255,.9);border-color:#B8C2D0}
.hero-badge .dot{width:8px;height:8px;background:#22C55E;border-radius:50%;animation:pulse-dot 2s ease infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.08;margin-bottom:24px;max-width:720px;margin-left:auto;margin-right:auto;color:#242A39}
.hero p{font-size:1.15rem;color:#5A6478;max-width:520px;margin:0 auto 40px;line-height:1.65}
.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#242A39;color:#EDF1F5;border-radius:10px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}
.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(36,42,57,.2)}
.hero-cta svg{width:18px;height:18px;transition:transform .2s}
.hero-cta:hover svg{transform:translateX(4px)}

/* CHAT DEMO */
.demo-section{padding:0 0 120px;background:#EDF1F5}
.chat-window{max-width:640px;margin:0 auto;background:#FFF;border:1px solid #D2D9E2;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px rgba(36,42,57,.04),0 16px 48px rgba(36,42,57,.08);transition:transform .4s ease,box-shadow .4s ease}
.chat-window:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(36,42,57,.06),0 24px 64px rgba(36,42,57,.12)}
.chat-header{padding:16px 20px;border-bottom:1px solid #D2D9E2;display:flex;align-items:center;gap:12px;background:#F5F7FA}
.chat-avatar{width:36px;height:36px;background:#242A39;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.chat-avatar svg{width:22px;height:auto}
.chat-header-info .chat-name{font-weight:600;font-size:.95rem;color:#242A39}
.chat-header-info .chat-status{font-size:.78rem;color:#22C55E;display:flex;align-items:center;gap:4px}
.chat-header-info .chat-status::before{content:'';width:6px;height:6px;background:#22C55E;border-radius:50%}
.chat-body{padding:24px 20px;display:flex;flex-direction:column;gap:16px;min-height:340px;background:#FFF}
.msg{max-width:82%;padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.55;animation:msg-in .4s ease backwards}
.msg-user{align-self:flex-end;background:#242A39;color:#EDF1F5;border-bottom-right-radius:4px}
.msg-bot{align-self:flex-start;background:#F0F3F6;color:#242A39;border-bottom-left-radius:4px}
.msg:nth-child(1){animation-delay:.2s}.msg:nth-child(2){animation-delay:.8s}.msg:nth-child(3){animation-delay:1.6s}.msg:nth-child(4){animation-delay:2.2s}.msg:nth-child(5){animation-delay:3s}
@keyframes msg-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.msg-tool{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(34,197,94,.1);border-radius:6px;font-family:'DM Mono',monospace;font-size:.78rem;color:#16a34a;margin-bottom:6px}

/* STATS */
.stats{padding:80px 0;border-top:1px solid #D2D9E2;border-bottom:1px solid #D2D9E2;background:#EDF1F5}
.stats .container{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;text-align:center}
.stats .container > div{transition:transform .3s ease}
.stats .container > div:hover{transform:scale(1.05)}
.stat-number{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:8px;color:#242A39;transition:color .3s}
.stats .container > div:hover .stat-number{color:#242A39}
.stat-label{font-size:.9rem;color:#5A6478;transition:color .3s}
.stats .container > div:hover .stat-label{color:#242A39}

/* SECTION TITLES */
.section-eyebrow{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8892A4;margin-bottom:16px}
.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.035em;line-height:1.12;margin-bottom:16px;color:#242A39}
.section-subtitle{font-size:1.05rem;color:#5A6478;line-height:1.6;max-width:540px}

/* FEATURES */
.features{padding:120px 0;background:#EDF1F5}
.features-header{margin-bottom:64px}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#D2D9E2;border:1px solid #D2D9E2;border-radius:20px;overflow:hidden}
.feature-card{background:#FFF;padding:36px 32px;transition:background .3s,transform .3s,box-shadow .3s}
.feature-card:hover{background:#F5F7FA;}
.feature-icon{width:40px;height:40px;background:#EDF1F5;border:1px solid #D2D9E2;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:18px;transition:background .3s,transform .3s}
.feature-card:hover .feature-icon{background:#FFF}
.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:8px;letter-spacing:-.02em;color:#242A39}
.feature-card p{font-size:.875rem;color:#5A6478;line-height:1.55}

/* COMPARE */
.compare{padding:120px 0;border-top:1px solid #D2D9E2;background:#EDF1F5}
.compare-header{margin-bottom:64px}

/* Phones */
.compare-phones{display:flex;justify-content:center;gap:40px;margin-bottom:80px}
.phone{width:280px;border-radius:32px;overflow:hidden;position:relative;flex-shrink:0;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(36,42,57,.06),0 16px 48px rgba(36,42,57,.1);transition:transform .4s ease,box-shadow .4s ease}
.phone:hover{transform:translateY(-6px);box-shadow:0 4px 12px rgba(36,42,57,.08),0 24px 64px rgba(36,42,57,.15)}
.phone--muted{background:#F5F7FA;border:1px solid #D2D9E2}
.phone--active{background:#242A39;border:1px solid #242A39}
.phone-notch{width:100px;height:6px;background:rgba(36,42,57,.12);border-radius:0 0 10px 10px;margin:0 auto}
.phone--active .phone-notch{background:rgba(237,241,245,.15)}
.phone-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 10px}
.phone-label{font-size:.8rem;font-weight:700;letter-spacing:-.01em}
.phone--muted .phone-label{color:#8892A4}
.phone--active .phone-label{color:#EDF1F5}
.phone-time{font-size:.7rem;font-family:'DM Mono',monospace;color:#8892A4}
.phone--active .phone-time{color:rgba(237,241,245,.4)}

.phone-screen{min-height:320px;padding:12px 14px;display:flex;flex-direction:column;flex:1}
.phone--muted .phone-screen{justify-content:center;align-items:center}

/* Muted - empty state */
.phone-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:.5}
.phone-empty-icon{font-size:36px;filter:grayscale(1);opacity:.4}
.phone-empty-text{font-size:.82rem;color:#8892A4}
@keyframes cursor-blink{0%,100%{opacity:.5}50%{opacity:0}}

/* Active - notification cards */
.phone-screen .notif{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;margin-bottom:8px;transition:transform .2s}
.notif--briefing{background:rgba(237,241,245,.08)}
.notif--monitor{background:rgba(237,241,245,.08)}
.notif--reminder{background:rgba(237,241,245,.08)}
.notif--calendar{background:rgba(237,241,245,.08)}
.notif-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:rgba(237,241,245,.06)}
.notif-body{flex:1;min-width:0}
.notif-title{font-size:.72rem;font-weight:600;color:rgba(237,241,245,.5);margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}
.notif-text{font-size:.8rem;color:#EDF1F5;line-height:1.45}
.notif-time{font-size:.65rem;font-family:'DM Mono',monospace;color:rgba(237,241,245,.25);flex-shrink:0;margin-top:2px}

/* Phone input bar */
.phone-input{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid rgba(0,0,0,.06);margin-top:auto}
.phone--active .phone-input{border-top-color:rgba(237,241,245,.08)}
.phone-input-field{flex:1;font-size:.78rem;color:#B8C2D0;padding:8px 12px;border-radius:20px;background:rgba(36,42,57,.04)}
.phone--active .phone-input-field{background:rgba(237,241,245,.06);color:rgba(237,241,245,.3)}
.phone-input-send{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#B8C2D0;flex-shrink:0}
.phone-input-send--active{background:#EDF1F5;color:#242A39}

/* Comparison bars */
.compare-bars{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.bar-row{display:flex;flex-direction:column;gap:8px}
.bar-label{font-size:.82rem;font-weight:600;color:#242A39;letter-spacing:-.01em}
.bar-track{display:flex;gap:4px;height:8px;border-radius:4px;background:#E8ECF1;overflow:hidden}
.bar-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.22,1,.36,1) .2s}
.compare-bars:not(.visible) .bar-fill--old,.compare-bars:not(.visible) .bar-fill--new{width:0 !important}
.bar-fill--old{background:#D2D9E2}
.bar-fill--new{background:#242A39}
.bar-tags{display:flex;justify-content:space-between}
.bar-tag{font-size:.75rem;line-height:1}
.bar-tag--old{color:#8892A4}
.bar-tag--new{font-weight:600;color:#242A39}

/* EXAMPLES - chat style */
.examples{padding:120px 0;border-top:1px solid #D2D9E2;background:#F5F7FA}
.examples-header{margin-bottom:64px}
.examples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.mini-chat{background:#FFF;border:1px solid #D2D9E2;border-radius:20px;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}
.mini-chat:hover{border-color:#B8C2D0;box-shadow:0 8px 32px rgba(36,42,57,.08);transform:translateY(-3px)}
.mini-chat-label{padding:14px 20px 10px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#8892A4}
.mini-chat-body{padding:4px 16px 20px;display:flex;flex-direction:column;gap:10px}
.mini-chat .msg{animation:none;max-width:88%;font-size:.84rem;padding:10px 14px;border-radius:14px;line-height:1.5}
.mini-chat .msg-user{align-self:flex-end;background:#242A39;color:#EDF1F5;border-bottom-right-radius:4px}
.mini-chat .msg-bot{align-self:flex-start;background:#F0F3F6;color:#242A39;border-bottom-left-radius:4px}
.mini-chat .msg-tool{font-size:.72rem;padding:3px 8px;margin-bottom:4px}
.mini-chat .msg-img{width:100%;max-width:180px;height:80px;background:#E4E8ED;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#8892A4;margin-bottom:4px}
.mini-chat .msg-voice{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(36,42,57,.08);border-radius:20px;font-size:.78rem;color:#5A6478}
.mini-chat .msg-voice-bars{display:flex;align-items:end;gap:2px;height:16px}
.mini-chat .msg-voice-bars span{width:3px;background:#8892A4;border-radius:2px;animation:voice-bar 1s ease infinite}
.mini-chat .msg-voice-bars span:nth-child(1){height:6px;animation-delay:0s}
.mini-chat .msg-voice-bars span:nth-child(2){height:12px;animation-delay:.15s}
.mini-chat .msg-voice-bars span:nth-child(3){height:8px;animation-delay:.3s}
.mini-chat .msg-voice-bars span:nth-child(4){height:14px;animation-delay:.1s}
.mini-chat .msg-voice-bars span:nth-child(5){height:5px;animation-delay:.25s}
.mini-chat .msg-voice-bars span:nth-child(6){height:10px;animation-delay:.05s}
@keyframes voice-bar{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.4)}}

/* PRICING */
.pricing{padding:120px 0;border-top:1px solid #D2D9E2;background:#EDF1F5}
.pricing-header{text-align:center;margin-bottom:64px}
.pricing-header .section-subtitle{margin:0 auto}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto}
.price-card{background:#FFF;border:1px solid #D2D9E2;border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .3s}
.price-card:hover{border-color:#B8C2D0;box-shadow:0 8px 32px rgba(36,42,57,.1)}
.price-card.featured{border:2px solid #242A39;position:relative}
.price-card.featured::before{content:'Популярный';position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 14px;background:#242A39;color:#EDF1F5;border-radius:100px;font-size:.72rem;font-weight:600}
.price-name{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8892A4;margin-bottom:16px}
.price-amount{font-size:2.5rem;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:4px;color:#242A39}
.price-amount span{font-size:1rem;font-weight:400;color:#5A6478}
.price-note{font-size:.8rem;color:#8892A4;margin-bottom:28px}
.price-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;flex:1}
.price-features li{font-size:.875rem;color:#5A6478;display:flex;align-items:flex-start;gap:10px;line-height:1.45}
.price-features li::before{content:'✓';color:#242A39;font-weight:700;font-size:.85rem;flex-shrink:0;margin-top:1px}
.price-btn{display:block;text-align:center;padding:12px 24px;border-radius:10px;font-size:.9rem;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s;border:1px solid #D2D9E2;background:#F5F7FA;color:#242A39}
.price-btn:hover{transform:translateY(-2px);background:#E8ECF1;box-shadow:0 4px 16px rgba(36,42,57,.08)}
.price-btn.primary{background:#242A39;color:#EDF1F5;border-color:#242A39}
.price-btn.primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 20px rgba(36,42,57,.2)}

/* CUSTOMIZE */
.customize{padding:120px 0;border-top:1px solid #D2D9E2;background:#EDF1F5}
.customize-header{margin-bottom:64px}
.customize-demo{max-width:580px;margin:0 auto 48px;background:#FFF;border:1px solid #D2D9E2;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px rgba(36,42,57,.04),0 16px 48px rgba(36,42,57,.08);transition:transform .4s ease,box-shadow .4s ease}
.customize-demo:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(36,42,57,.06),0 24px 64px rgba(36,42,57,.12)}
.custom-rule-card{padding:20px 24px;background:#F5F7FA;border-bottom:1px solid #D2D9E2}
.custom-rule-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.custom-rule-icon{font-size:16px}
.custom-rule-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8892A4}
.custom-rule-text{font-size:.9rem;color:#242A39;font-weight:500;line-height:1.5;font-style:italic}
.custom-dialog{padding:20px;display:flex;flex-direction:column;gap:12px}
.custom-dialog .msg{max-width:88%;font-size:.84rem;padding:10px 14px;border-radius:14px;line-height:1.5;animation:none}
.custom-dialog .msg-user{align-self:flex-end;background:#242A39;color:#EDF1F5;border-bottom-right-radius:4px}
.custom-dialog .msg-bot{align-self:flex-start;background:#F0F3F6;color:#242A39;border-bottom-left-radius:4px}
.custom-examples{max-width:580px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.custom-example-item{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#FFF;border:1px solid #D2D9E2;border-radius:12px;font-size:.84rem;color:#5A6478;line-height:1.45;transition:border-color .3s,box-shadow .3s,transform .3s}
.custom-example-item:hover{border-color:#B8C2D0;box-shadow:0 4px 16px rgba(36,42,57,.06);transform:translateY(-2px)}
.custom-example-icon{font-size:18px;flex-shrink:0}

/* FAQ */
.faq{padding:120px 0;border-top:1px solid #D2D9E2;background:#EDF1F5}
.faq-header{text-align:center;margin-bottom:64px}
.faq-list{max-width:680px;margin:0 auto}
.faq-item{border-bottom:1px solid #D2D9E2;transition:background .2s}
.faq-q{padding:24px 0;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .2s,padding-left .2s;color:#242A39}
.faq-q::after{content:'+';font-size:1.3rem;font-weight:400;color:#8892A4;flex-shrink:0;transition:transform .3s,color .3s}
.faq-q:hover::after{color:#242A39}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s}
.faq-item.open .faq-a{padding-bottom:24px}
.faq-a p{font-size:.9rem;color:#5A6478;line-height:1.65;padding-bottom:8px}

/* CTA */
.cta-section{padding:120px 0;text-align:center;background:#EDF1F5}
.cta-box{background:#242A39;color:#EDF1F5;border-radius:20px;padding:80px 48px;max-width:860px;margin:0 auto;transition:transform .4s ease,box-shadow .4s ease}
.cta-box:hover{transform:translateY(-4px);box-shadow:0 12px 48px rgba(36,42,57,.2)}
.cta-box h2{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.035em;line-height:1.12;margin-bottom:16px;color:#EDF1F5}
.cta-box p{font-size:1.05rem;color:rgba(237,241,245,.55);margin-bottom:36px;max-width:460px;margin-left:auto;margin-right:auto}
.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#EDF1F5;color:#242A39;border-radius:10px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}

/* FOOTER */
footer{padding:48px 0;border-top:1px solid #D2D9E2;background:#EDF1F5}
footer .container{display:flex;justify-content:space-between;align-items:center}
.footer-left{font-size:.82rem;color:#8892A4}
.footer-links{display:flex;gap:24px;list-style:none}
.footer-links a{font-size:.82rem;color:#8892A4;transition:color .2s,transform .2s;display:inline-block}
.footer-links a:hover{color:#242A39;transform:translateY(-1px)}

/* ANIMATIONS */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* MOBILE */
@media(prefers-reduced-motion:reduce){
.reveal{transition:none}
.msg,.phone,.chat-window,.mini-chat,.cta-box,.customize-demo,.feature-card,.custom-example-item,.bar-fill{transition:none;animation:none}
.hero-badge .dot{animation:none}
.mini-chat .msg-voice-bars span{animation:none}
}

@media(max-width:768px){
.burger-btn{display:flex}
.nav-links{display:none}
.nav-cta-mobile{display:inline-flex;margin-left:auto;margin-right:12px}
.hero{padding:130px 0 80px}
.stats .container{grid-template-columns:1fr;gap:32px}
.features-grid{grid-template-columns:1fr}
.compare-phones{flex-direction:column;align-items:center;gap:24px}
.phone{width:100%;max-width:300px}
.examples-grid{grid-template-columns:1fr}
.pricing-grid{grid-template-columns:1fr;max-width:400px}
.custom-examples{grid-template-columns:1fr}
.cta-box{padding:56px 28px}
footer .container{flex-direction:column;gap:16px;text-align:center}
}
@media(max-width:400px){
.nav-cta-mobile{display:none}
}