:root{--primary:#247DC7;--strong:#1F70B5;--accent:#FF994A;--deep:#143C73;--glow:#56D4F5;--surface:#F5FBFF;--white:#FFFFFF;--ink:#17273D;--muted:#64748B;--border:#DEE8F2;--primary-soft:#EAF5FF;--accent-soft:#FFF1E6;font-family:"Be Vietnam Pro",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:white;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--glow);outline-offset:3px}.wrap{width:min(1240px,calc(100% - 52px));margin-inline:auto}html{scroll-padding-top:78px}[hidden]{display:none!important}.skip-link{position:fixed;top:-90px;left:15px;background:var(--accent);z-index:200;padding:10px;border-radius:8px}.skip-link:focus{top:10px}.site-header{height:74px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.98);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:23px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--primary);border-radius:9px;color:white;font-size:27px}.brand>span:last-child{display:flex;flex-direction:column;gap:3px}.brand b{color:var(--primary);font-size:16px;letter-spacing:-.4px}.brand small{color:var(--muted);font-weight:800;letter-spacing:1.1px;font-size:9px}.top-nav{display:flex;align-items:center;gap:28px;font-weight:650;font-size:12px;color:var(--ink)}.top-nav a:hover{color:var(--primary)}.version{background:var(--accent-soft);color:var(--ink);padding:9px 12px;border-radius:7px;font-size:10px;letter-spacing:.6px;font-weight:800;white-space:nowrap}.intro{padding:66px 0 68px;background:linear-gradient(110deg,#fff 0%,#F5FBFF 69%,#EAF5FF 100%);border-bottom:1px solid var(--border)}.intro-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(325px,.75fr);align-items:center;gap:62px}.eyebrow{display:block;font-size:11px;letter-spacing:1.65px;font-weight:900;color:var(--primary)}.intro h1{font-size:clamp(29px,3vw,43px);line-height:1.27;letter-spacing:-1.1px;margin:19px 0 18px;font-weight:800}.intro h1 span{color:var(--strong)}.intro p{color:var(--muted);line-height:1.85;font-size:14px;margin:0;max-width:695px}.intro-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.action{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 20px;border-radius:8px;font-size:12px;font-weight:800;border:1px solid transparent;min-height:46px;transition:transform .15s,background .15s}.action:hover{transform:translateY(-1px)}.action.primary{background:var(--strong);color:white}.action.outline{background:white;border-color:var(--border);color:var(--strong)}.stats{background:white;padding:24px;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #143c730a}.stats>small{display:block;font-size:10px;letter-spacing:1px;font-weight:850;color:var(--strong);margin-bottom:19px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-grid>div{border:1px solid var(--border);background:var(--surface);padding:14px 13px;border-radius:9px;display:flex;flex-direction:column;gap:4px}.stat-grid strong{font-size:30px;line-height:1.2;color:var(--deep);font-weight:850}.stat-grid span{font-size:11px;color:var(--muted)}.stats p{font-size:11px;line-height:1.6;margin:17px 0 0}.notice{background:var(--primary-soft);color:var(--deep);font-size:12px;padding:14px 0;border-bottom:1px solid var(--border)}.notice .wrap{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.notice a{color:var(--strong);margin-left:auto;font-weight:800;text-decoration:underline;text-underline-offset:3px}.status-dot{height:7px;width:7px;background:var(--accent);border-radius:50%;display:inline-block;margin-right:3px}.section{padding:76px 0 83px}.section.pale{background:#f8fbfd}.section-title{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:30px}.section-title h2{font-size:clamp(24px,2.7vw,32px);letter-spacing:-.7px;margin:10px 0 12px;line-height:1.26}.section-title p{font-size:13px;color:var(--muted);line-height:1.65;max-width:755px;margin:0}.section-pill{font-size:10px;white-space:nowrap;color:var(--strong);font-weight:850;background:var(--primary-soft);padding:11px 14px;border-radius:7px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.preview-card{text-align:left;display:flex;flex-direction:column;overflow:hidden;width:100%;border-radius:13px;border:1px solid var(--border);background:white;padding:0;box-shadow:0 10px 35px #143c730e;color:var(--ink);transition:border-color .2s,transform .2s,box-shadow .2s}.preview-card:hover{transform:translateY(-4px);border-color:#a5cce8;box-shadow:0 18px 45px #143c731c}.preview-browser{height:39px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#eff5fa;border-bottom:1px solid var(--border);padding:0 14px;font-size:11px;color:var(--muted)}.preview-browser .browser-dots{color:var(--accent);font-size:13px;letter-spacing:2px}.preview-browser i{font-style:normal;color:var(--strong);font-size:17px}.preview-image{display:block;position:relative;overflow:hidden;background:var(--surface);height:390px}.preview-image img{display:block;width:100%;height:auto;max-height:none;object-fit:cover;object-position:top;transition:transform .25s}.preview-card:hover .preview-image img{transform:scale(1.024);transform-origin:center top}.preview-caption{display:flex;gap:9px;flex-direction:column;position:relative;padding:19px 22px 22px;flex:1}.preview-caption strong{font-size:17px;line-height:1.4}.preview-caption>span{color:var(--muted);font-size:12px;line-height:1.6;max-width:465px}.preview-caption em{color:var(--strong);font-style:normal;font-size:12px;font-weight:800;margin-top:8px}.metrics-line{display:flex;align-items:center;gap:13px;flex-wrap:wrap;border:1px solid var(--border);background:white;border-radius:9px;margin-top:24px;padding:13px 17px;color:var(--muted);font-size:11px}.metrics-line strong{color:var(--ink)}.metrics-line span{padding-left:13px;border-left:1px solid var(--border)}.mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.phone-card .preview-image{height:485px;background:#fff}.phone-card .preview-image img{width:100%;max-width:100%;height:auto;object-fit:cover}.phone-card:last-child .preview-image{background:var(--surface)}.phone-card .preview-caption strong{font-size:15px}.phone-card .preview-caption{padding:16px 18px 20px}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.catalog-group{border:1px solid var(--border);border-radius:12px;background:white;overflow:hidden}.catalog-heading{padding:20px 23px 18px;background:var(--primary-soft);border-bottom:1px solid var(--border)}.catalog-heading h3{margin:0;font-size:17px}.catalog-heading p{font-size:12px;margin:7px 0 0;color:var(--muted)}.catalog-item{display:flex;justify-content:space-between;gap:15px;padding:13px 22px;border-bottom:1px solid #eef3f7;align-items:center;min-height:63px}.catalog-item:last-child{border:none}.catalog-item>div{display:flex;flex-direction:column;gap:6px;min-width:0}.catalog-item b{font-size:12px}.catalog-item small{font-size:10px;line-height:1.5;color:var(--muted)}.catalog-item>span{font-size:10px;background:var(--surface);border:1px solid var(--border);padding:5px 9px;border-radius:6px;color:var(--strong);white-space:nowrap;font-weight:700}.outro{background:var(--surface);border-top:1px solid var(--border)}.outro-grid{display:flex;align-items:center;justify-content:space-between;gap:44px}.outro-grid h2{margin:11px 0 13px;font-size:28px;letter-spacing:-.5px}.outro-grid p{font-size:13px;line-height:1.8;color:var(--muted);max-width:720px}.outro-actions{display:flex;gap:11px;flex-wrap:wrap;justify-content:flex-end;max-width:340px}.site-footer{background:var(--deep);color:white}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-inner>div{display:flex;flex-direction:column;gap:6px}.footer-inner b{font-size:16px}.footer-inner small,.footer-inner span{font-size:11px;color:#cee3f2}.footer-inner a{font-size:11px;color:white}.lightbox{position:fixed;z-index:1000;inset:0;background:#0a1829f5;display:flex;flex-direction:column}.lightbox-head{height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff2e;color:white;padding:0 24px}.lightbox-head strong{font-size:14px;line-height:1.3}.lightbox-controls{display:flex;align-items:center;gap:8px}.lightbox-controls button{border:1px solid #ffffff42;background:#ffffff15;color:white;border-radius:7px;width:37px;height:37px;font-size:18px}.lightbox-controls button:hover{background:#ffffff30}.lightbox-controls span{font-size:11px;min-width:47px;text-align:center;color:#d2e3f1}.lightbox-body{overflow:auto;flex:1;display:flex;justify-content:center;align-items:flex-start;padding:26px}.lightbox-body img{max-width:100%;height:auto;width:auto;box-shadow:0 15px 55px #0008;background:white;border-radius:4px;transition:max-width .2s;display:block}@media(max-width:1100px){.top-nav{gap:16px}.top-nav a{font-size:11px}.intro-grid{grid-template-columns:1fr 310px;gap:28px}.preview-image{height:340px}}@media(max-width:760px){.wrap{width:min(100% - 32px,550px)}.site-header{height:66px}.header-inner{gap:12px}.brand b{font-size:14px}.brand-icon{width:33px;height:33px}.top-nav{display:none}.version{font-size:9px;padding:8px}.intro{padding:49px 0 57px}.intro-grid{display:flex;flex-direction:column;align-items:stretch;gap:27px}.intro h1{font-size:31px;letter-spacing:-.7px}.intro p{font-size:13px}.stats{padding:20px}.stat-grid strong{font-size:27px}.section{padding:55px 0 64px}.section-title{display:block}.section-pill{display:inline-block;margin-top:15px}.preview-grid{grid-template-columns:1fr;gap:18px}.preview-image{height:290px}.preview-caption strong{font-size:15px}.mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phone-card .preview-image{height:310px}.phone-card .preview-caption{padding:14px}.phone-card .preview-caption strong{font-size:13px}.phone-card .preview-caption>span{font-size:11px}.phone-card:last-child{grid-column:1/-1}.phone-card:last-child .preview-image{height:280px}.catalog{grid-template-columns:1fr;gap:15px}.metrics-line{gap:8px}.metrics-line span{padding-left:8px}.outro-grid{display:block}.outro-actions{justify-content:flex-start;max-width:none;margin-top:20px}.outro-grid h2{font-size:24px}.footer-inner{min-height:130px;align-items:flex-start;flex-direction:column;justify-content:center}.lightbox-head{padding:0 10px;gap:8px}.lightbox-head strong{font-size:11px;max-width:95px}.lightbox-controls{gap:4px}.lightbox-controls button{width:29px;height:32px;font-size:16px}.lightbox-controls span{min-width:36px;font-size:9px}.lightbox-body{padding:10px}}@media(max-width:420px){.intro h1{font-size:27px}.mobile-grid{grid-template-columns:1fr}.phone-card:last-child{grid-column:auto}.phone-card .preview-image{height:370px}.preview-image{height:260px}.notice a{margin-left:0}.action{padding:12px 14px}.lightbox-controls button{width:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}