:root{--bg: #041f1c;--bg-soft: #082c28;--bg-alt: #062723;--surface: rgba(16, 51, 46, 0.78);--surface-strong: rgba(18, 61, 54, 0.92);--surface-light: rgba(255, 255, 255, 0.04);--border: rgba(132, 255, 182, 0.12);--border-strong: rgba(132, 255, 182, 0.2);--text: #eefcf4;--text-soft: rgba(232, 248, 238, 0.78);--text-muted: rgba(216, 236, 224, 0.62);--primary: #32d27a;--primary-hover: #45df8a;--primary-dark: #1d9e59;--shadow: 0 18px 44px rgba(0, 0, 0, 0.24);--radius: 24px;--radius-sm: 18px;--container: 1160px}*,*::before,*::after{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;background:radial-gradient(circle at top left, rgba(52,193,116,.1), rgba(0,0,0,0) 28%),radial-gradient(circle at bottom right, rgba(90,195,255,.07), rgba(0,0,0,0) 24%),linear-gradient(180deg, #021715 0%, #062421 100%);color:var(--text);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(100% - 40px,var(--container));margin:0 auto}main{min-height:calc(100vh - 180px)}.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(3,24,21,.72);border-bottom:1px solid rgba(255,255,255,.05)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand-logo{width:52px;height:52px;border-radius:14px;object-fit:cover;box-shadow:0 10px 24px rgba(0,0,0,.22)}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-size:1.65rem;font-weight:800;letter-spacing:-.03em}.brand-tagline{font-size:.95rem;color:var(--text-soft)}.nav{display:flex;align-items:center;gap:30px}.nav a{color:var(--text-soft);font-weight:500;transition:color .2s ease,opacity .2s ease}.nav a:hover{color:var(--text)}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:14px;background:linear-gradient(180deg, var(--primary), #24bf67);color:#072015;font-weight:800;box-shadow:0 16px 32px rgba(50,210,122,.22);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.cta:hover{transform:translateY(-1px);background:linear-gradient(180deg, var(--primary-hover), #2cd173);box-shadow:0 20px 38px rgba(50,210,122,.26)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:16px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;border:1px solid rgba(0,0,0,0)}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(180deg, var(--primary), #23bf67);color:#082117;box-shadow:0 16px 34px rgba(50,210,122,.22)}.button.primary:hover{background:linear-gradient(180deg, var(--primary-hover), #32d67a);box-shadow:0 18px 38px rgba(50,210,122,.28)}.button.ghost{background:rgba(255,255,255,.03);color:var(--text);border-color:rgba(255,255,255,.08)}.button.ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}h1,h2,h3,h4{margin:0 0 14px;line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(2.6rem,5vw,5.1rem);font-weight:800}h2{font-size:clamp(1.9rem,3.2vw,3rem);font-weight:800}h3{font-size:1.35rem;font-weight:700}p{margin:0 0 16px}.lead{font-size:1.45rem;color:var(--text-soft);max-width:760px}.muted{color:var(--text-muted)}.hero{position:relative;overflow:hidden;background-position:center;background-size:cover;border-bottom:1px solid rgba(255,255,255,.05)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(2,17,15,.72), rgba(4,22,19,.62)),radial-gradient(circle at 72% 40%, rgba(75,212,115,.14), rgba(0,0,0,0) 28%),radial-gradient(circle at 22% 18%, rgba(29,146,87,.12), rgba(0,0,0,0) 26%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(360px, .8fr);align-items:center;gap:56px;padding:96px 0 92px}.hero-copy{max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-badges{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:22px 0 0}.hero-badges li{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);color:var(--text-soft);font-size:.95rem}.hero-card{position:relative;min-height:430px;border-radius:28px;border:1px solid rgba(113,255,169,.12);background:linear-gradient(180deg, rgba(13,48,42,.84), rgba(9,34,30,.92));box-shadow:var(--shadow);overflow:hidden}.hero-card-title{position:relative;z-index:1;padding:26px 26px 0;font-size:1.85rem;font-weight:800;letter-spacing:-.03em}.hero-card-sub{position:relative;z-index:1;padding:8px 26px 0;color:var(--text-soft);font-size:1rem}.hero-card-glow{position:absolute;width:260px;height:260px;right:14%;top:20%;border-radius:999px;background:radial-gradient(circle, rgba(97,255,120,.22), rgba(0,0,0,0) 68%);filter:blur(24px);pointer-events:none}.hero-visual{position:relative;min-height:430px;overflow:hidden;border-radius:28px;border:1px solid rgba(113,255,169,.14);background:radial-gradient(circle at 70% 30%, rgba(109,255,120,.18), rgba(0,0,0,0) 28%),radial-gradient(circle at 35% 75%, rgba(98,214,255,.12), rgba(0,0,0,0) 30%),linear-gradient(180deg, rgba(20,56,46,.88), rgba(10,33,29,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 80px rgba(0,0,0,.28)}.floating-card{position:absolute;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(11,33,30,.74);border:1px solid rgba(122,255,171,.14);box-shadow:0 16px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);color:#ecfff4}.card-main{left:50%;top:50%;width:260px;padding:22px;border-radius:24px;transform:translate(-50%, -50%)}.card-top-right{top:36px;right:28px;width:170px;padding:16px 18px;border-radius:20px}.card-left{left:28px;top:72px;width:160px;padding:16px 18px;border-radius:20px}.card-bottom{left:34px;bottom:28px;width:230px;padding:16px 18px;border-radius:20px}.card-pill{right:26px;bottom:34px;display:flex;gap:8px;padding:10px 12px;border-radius:999px}.card-pill span{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:.82rem;line-height:1;color:#dfffea;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}.hero-phones{position:relative;min-height:500px;width:100%;align-self:center}.phone-wrap{position:absolute;top:50%}.phone-wrap.phone-back{left:50%;transform:translate(-78%, -52%) rotate(-7deg) translateY(20px);z-index:0}.phone-wrap.phone-back .phone{filter:brightness(.75);box-shadow:0 0 0 1px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.04),0 30px 60px rgba(0,0,0,.5)}.phone-wrap.phone-front{left:50%;transform:translate(-18%, -48%) rotate(4deg);z-index:1}.phone-wrap.phone-front .phone{box-shadow:0 0 0 1px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.07),0 50px 100px rgba(0,0,0,.65),0 0 80px rgba(50,210,122,.1)}.phone{position:relative;width:200px;height:432px;border-radius:46px;background:linear-gradient(160deg, #2c2c2e 0%, #1c1c1e 100%);border:1.5px solid rgba(255,255,255,.13);overflow:hidden}.phone::before{content:"";position:absolute;left:-3px;top:74px;width:3px;height:26px;background:#2c2c2e;border-radius:2px 0 0 2px;box-shadow:0 40px 0 #2c2c2e,0 76px 0 #2c2c2e}.phone::after{content:"";position:absolute;right:-3px;top:100px;width:3px;height:50px;background:#2c2c2e;border-radius:0 2px 2px 0}.phone-screen{position:absolute;inset:0;border-radius:44px;overflow:hidden;background:#000}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center}.phone-island{position:absolute;top:11px;left:50%;transform:translateX(-50%);z-index:10;width:84px;height:26px;background:#000;border-radius:18px;pointer-events:none}.mini-label{margin-bottom:8px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(219,255,232,.72)}.metric-value{font-size:2.3rem;line-height:1;font-weight:800;color:#f3fff8;margin-bottom:10px}.metric-sub{font-size:.96rem;color:rgba(225,244,232,.78);margin-bottom:16px}.metric-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}.metric-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}.metric-k{font-size:.76rem;color:rgba(220,241,228,.62);text-transform:uppercase;letter-spacing:.04em}.metric-v,.small-metric{font-size:1.08rem;font-weight:700;color:#f1fff7}.small-sub{margin-top:6px;font-size:.86rem;color:rgba(220,241,228,.66)}.section{padding:82px 0}.section.alt{background:linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.02));border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}.grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:22px;margin-top:28px}.card{padding:26px;border-radius:var(--radius);background:linear-gradient(180deg, rgba(15,50,45,.8), rgba(10,34,31,.92));border:1px solid var(--border);box-shadow:var(--shadow)}.card-title{margin-bottom:10px;font-size:1.35rem;font-weight:800;letter-spacing:-.03em}.card-text{color:var(--text-soft)}.prose{max-width:860px;margin-top:24px;color:var(--text-soft)}.prose h2,.prose h3,.prose h4{margin-top:38px;margin-bottom:14px;color:var(--text)}.prose p,.prose ul,.prose ol,.prose blockquote{margin-bottom:18px}.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:8px}.prose strong{color:var(--text)}.prose a{color:#7cf2b0;text-decoration:underline;text-decoration-color:rgba(124,242,176,.35);text-underline-offset:3px}.prose code{padding:2px 7px;border-radius:8px;background:rgba(255,255,255,.05);font-size:.92em}.prose pre{overflow:auto;padding:18px;border-radius:18px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06)}.prose blockquote{padding:16px 18px;border-left:3px solid rgba(124,242,176,.45);background:rgba(255,255,255,.03);border-radius:0 16px 16px 0}.page-actions{margin-top:22px}.posts{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:22px;margin-top:30px}.post-card{display:block;padding:24px;border-radius:var(--radius);background:linear-gradient(180deg, rgba(15,50,45,.8), rgba(10,34,31,.92));border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,background .18s ease}.post-card:hover{transform:translateY(-2px);border-color:var(--border-strong);background:linear-gradient(180deg, rgba(18,57,51,.84), rgba(11,37,33,.96))}.post-title{font-size:1.28rem;font-weight:800;letter-spacing:-.03em;margin-bottom:10px}.post-meta{font-size:.92rem;color:var(--text-muted);margin-bottom:10px}.post-desc{color:var(--text-soft)}.pagination{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-top:28px}.article{max-width:860px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-muted);margin-bottom:18px}.article-cta{margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-radius:var(--radius);background:linear-gradient(180deg, rgba(15,50,45,.8), rgba(10,34,31,.92));border:1px solid var(--border);box-shadow:var(--shadow)}.article-cta-title{font-size:1.2rem;font-weight:800;margin-bottom:4px}.cta-section{padding-top:24px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px;border-radius:28px;background:radial-gradient(circle at 18% 30%, rgba(69,223,138,.12), rgba(0,0,0,0) 26%),linear-gradient(180deg, rgba(14,52,46,.84), rgba(10,33,29,.94));border:1px solid rgba(115,255,170,.14);box-shadow:0 24px 52px rgba(0,0,0,.22)}.site-footer{border-top:1px solid rgba(255,255,255,.05);background:rgba(2,18,16,.84)}.footer-inner{display:flex;justify-content:space-between;gap:24px;padding:34px 0 42px}.footer-brand{font-size:1.15rem;font-weight:800;margin-bottom:6px}.footer-desc{color:var(--text-muted);max-width:520px}.footer-right{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.footer-right a{color:var(--text-soft)}.footer-right a:hover{color:var(--text)}@media (max-width: 1100px){.hero-inner{grid-template-columns:1fr;gap:28px;padding:76px 0 74px}.hero-copy{max-width:100%}.hero-visual,.hero-card{min-height:360px}.hero-phones{min-height:420px}.card-main{width:220px;padding:18px}.metric-value{font-size:1.9rem}.card-left,.card-top-right{width:150px}.card-bottom{width:210px}.grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 820px){.header-inner{flex-wrap:wrap;justify-content:center;padding:16px 0}.nav{order:3;width:100%;justify-content:center;gap:22px;flex-wrap:wrap}.hero{text-align:left}.hero-visual,.hero-card{min-height:340px;margin-top:8px}.hero-phones{min-height:380px;margin-top:8px}.card-left{left:18px;top:18px}.card-top-right{right:18px;top:18px}.card-bottom{left:18px;bottom:18px;width:190px}.card-pill{right:18px;bottom:18px;max-width:180px;flex-wrap:wrap;border-radius:20px}.card-main{width:210px}.posts,.grid{grid-template-columns:1fr}.cta-inner,.article-cta,.footer-inner{flex-direction:column;align-items:flex-start}.pagination{flex-wrap:wrap}}@media (max-width: 640px){.container{width:min(100% - 28px,var(--container))}.brand-logo{width:44px;height:44px}.brand-name{font-size:1.35rem}.brand-tagline{font-size:.84rem}.cta,.button{width:100%}.hero-actions{width:100%}.hero-actions .button{justify-content:center}.hero-visual,.hero-card{min-height:320px}.hero-phones{min-height:340px}.phone{width:168px;height:363px;border-radius:40px}.phone-screen{border-radius:38px}.phone-island{width:72px;height:22px}.card-left,.card-top-right{width:132px;padding:12px 14px}.card-bottom{width:170px;padding:12px 14px}.card-main{width:190px;padding:16px}.metric-value{font-size:1.65rem}.small-metric{font-size:.95rem}.mini-label{font-size:.7rem}.section{padding:64px 0}.card,.post-card,.cta-inner,.article-cta{padding:20px}}