@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/DMSerifDisplay-Regular.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/DMSerifDisplay-Regular-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/DMSerifDisplay-Italic.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/DMSerifDisplay-Italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'DM Sans';font-style:normal;font-weight:300 500;font-display:swap;src:url('/fonts/DMSans.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'DM Sans';font-style:normal;font-weight:300 500;font-display:swap;src:url('/fonts/DMSans-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'DM Sans';font-style:italic;font-weight:300;font-display:swap;src:url('/fonts/DMSans-Italic-300.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'DM Sans';font-style:italic;font-weight:300;font-display:swap;src:url('/fonts/DMSans-Italic-300-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/fonts/JetBrainsMono-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/fonts/JetBrainsMono-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/fonts/JetBrainsMono-greek.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/fonts/JetBrainsMono-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/fonts/JetBrainsMono-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/fonts/JetBrainsMono-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.ambient-light{position:fixed;border-radius:50%;filter:blur(120px);opacity:.06;animation:ambientPulse 5s ease-in-out infinite alternate;pointer-events:none;z-index:0}.light-1{width:600px;height:600px;background:radial-gradient(circle,#00e5b0,transparent);top:-10%;left:-10%;animation-delay:0s}.light-2{width:500px;height:500px;background:radial-gradient(circle,#00b8ff,transparent);bottom:10%;right:5%;animation-delay:2s}.light-3{width:400px;height:400px;background:radial-gradient(circle,#00e5b0,transparent);top:45%;left:45%;animation-delay:4s}@keyframes ambientPulse{0%{opacity:.04;transform:scale(1)}100%{opacity:.08;transform:scale(1.1)}}.hero{position:relative;z-index:1;min-height:100vh;padding:72px 0 0;display:flex;flex-direction:column;align-items:center}.hero-top{text-align:center;padding:60px 40px 40px;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,229,176,.06);border:1px solid rgba(0,229,176,.15);border-radius:100px;padding:6px 18px;font-size:13px;color:var(--accent);font-weight:500;margin-bottom:28px}.badge-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.hero-top h1{font-size:clamp(36px,5vw,62px);font-weight:600;font-family:'DM Serif Display',Georgia,serif;line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.hero-top h1 .grad{background:linear-gradient(135deg,var(--grad-from),var(--grad-to));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-top p{font-size:17px;color:var(--text-muted);line-height:1.7;max-width:600px;margin:0 auto 36px}.hero-layout{display:flex;justify-content:center;align-items:flex-start;gap:48px;padding:0 40px 60px;max-width:1300px;margin:0 auto;width:100%;flex-wrap:nowrap}.phone-wrap{flex:0 0 260px;display:flex;justify-content:center}.phone{width:260px;height:540px;background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border-radius:40px;padding:7px;box-shadow:0 30px 60px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.1);transform:rotate(-4deg) perspective(1000px) rotateY(-12deg);animation:phoneFloat 6s ease-in-out infinite}@keyframes phoneFloat{0%,100%{transform:rotate(-4deg) perspective(1000px) rotateY(-12deg) translateY(0)}50%{transform:rotate(-4deg) perspective(1000px) rotateY(-12deg) translateY(-10px)}}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#111827,#1f2937);border-radius:34px;overflow:hidden}.status-bar{height:40px;background:rgba(0,0,0,.3);display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:12px;font-weight:600;color:#fff}.app-content{padding:14px;height:calc(100% - 40px);background:linear-gradient(180deg,#0d1219,#131a24);display:flex;flex-direction:column;gap:10px}.find-out-btn{background:var(--accent);color:#001a12;padding:12px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;text-align:center;box-shadow:0 4px 15px rgba(42,92,143,.2);animation:btnPulse 3s ease-in-out infinite;transition:transform .2s,opacity .2s}.find-out-btn:hover{transform:translateY(-2px);opacity:.85}@keyframes btnPulse{0%,100%{opacity:1}50%{opacity:.7}}.live-feed{width:100%;height:100px;border-radius:12px;overflow:hidden;background:linear-gradient(45deg,#e2e8f0,#cbd5e1);transition:background .5s ease,box-shadow .5s ease;position:relative}.live-feed.lights-on{background:linear-gradient(45deg,#fef3c7,#fde68a);box-shadow:inset 0 0 40px rgba(251,191,36,.3)}.room-scene{width:100%;height:100%;position:relative;transition:background .5s}.room-scene.lights-on{background:linear-gradient(135deg,#fef3c7,#fde68a)}.sofa{position:absolute;bottom:12px;left:12px;width:40px;height:16px;background:#3a5a6a;border-radius:5px}.tv{position:absolute;top:16px;right:20px;width:26px;height:16px;background:#0d1219;border-radius:2px}.window{position:absolute;top:12px;left:12px;width:24px;height:24px;background:linear-gradient(45deg,#bfdbfe,#dbeafe);border-radius:3px;border:2px solid #e5e7eb}.phone-card{background:rgba(15,17,23,.7);border-radius:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.07)}.phone-card-label{font-size:10px;font-weight:600;color:#0b9abc;letter-spacing:.5px;margin-bottom:6px}.phone-stats{display:flex;gap:12px;align-items:center}.stat-val{font-size:16px;font-weight:700;color:#fff}.stat-lbl{font-size:9px;color:rgba(255,255,255,.45);text-transform:uppercase}.mini-bars{display:flex;gap:2px;align-items:flex-end;height:22px}.mini-bar{width:4px;background:linear-gradient(180deg,#0b9abc,#2a5c8f);border-radius:2px;animation:barPulse 2s ease-in-out infinite}.mini-bar:nth-child(1){height:12px;animation-delay:0s}.mini-bar:nth-child(2){height:18px;animation-delay:.2s}.mini-bar:nth-child(3){height:10px;animation-delay:.4s}.mini-bar:nth-child(4){height:22px;animation-delay:.6s}.mini-bar:nth-child(5){height:15px;animation-delay:.8s}@keyframes barPulse{0%,100%{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.sec-dots{display:flex;gap:4px}.sec-dot{width:7px;height:7px;border-radius:50%;background:#334155;animation:secPulse 2s ease-in-out infinite}.sec-dot.on{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}@keyframes secPulse{0%,100%{opacity:.7}50%{opacity:1}}.controls-panel{background:rgba(15,17,23,.8);border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.07)}.ctrl-title{color:rgba(255,255,255,.9);font-size:12px;font-weight:600;margin-bottom:8px}.ctrl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.ctrl-btn{height:42px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s,transform .3s;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1)}.ctrl-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(42,92,143,.2)}.ctrl-btn:hover{transform:scale(1.05)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat-box{background:rgba(0,0,0,.3);border-radius:8px;padding:8px;text-align:center;border:1px solid rgba(255,255,255,.08)}.stat-box-val{font-size:16px;font-weight:600;color:#fff;margin-bottom:2px}.stat-box-lbl{font-size:9px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.5px}@media(max-width:480px){.hero-badge{font-size:11px;padding:5px 14px}.phone{width:200px;height:420px}.phone-card{padding:8px 10px}.controls-panel{padding:10px}.stack-card{padding:20px 16px}.why-card{padding:20px 16px}}.robot-wrap{flex:0 0 160px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:30px}.robot{width:160px;height:180px;position:relative;transition:transform .5s;animation:robotGlow 5s ease-in-out infinite alternate}@keyframes robotGlow{0%{opacity:.85}100%{opacity:1}}.robot.dancing{animation:robotDance 1s ease-in-out,robotGlow 5s ease-in-out infinite alternate}.robot.waving{animation:robotWave 1s ease-in-out,robotGlow 5s ease-in-out infinite alternate}.robot.excited{animation:robotExcited 1s ease-in-out,robotGlow 5s ease-in-out infinite alternate}@keyframes robotDance{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-4deg) scale(1.08)}75%{transform:rotate(4deg) scale(1.08)}}@keyframes robotWave{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes robotExcited{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.robot-body{width:100px;height:120px;background:linear-gradient(145deg,#f8fafc,#e2e8f0);border-radius:22px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);box-shadow:0 16px 32px rgba(0,0,0,.15)}.robot-head{width:120px;height:100px;background:linear-gradient(145deg,#fff,#f1f5f9);border-radius:50px 50px 25px 25px;position:absolute;top:0;left:50%;transform:translateX(-50%);box-shadow:0 12px 24px rgba(0,0,0,.12)}.robot-screen{width:84px;height:58px;background:linear-gradient(145deg,#1a1f2e,#0f1117);border-radius:16px;position:absolute;top:22px;left:50%;transform:translateX(-50%);border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .3s,border-color .3s}.robot-screen.happy{border-color:#10b981;background:linear-gradient(145deg,#064e3b,#065f46)}.robot-screen.sleepy{border-color:var(--grad-to);background:linear-gradient(145deg,#0d2540,#0a1e34)}.robot-eyes{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:16px}.robot-eye{width:10px;height:18px;background:linear-gradient(180deg,var(--accent),var(--accent));border-radius:5px;animation:eyeBlink 4s ease-in-out infinite;transition:height .3s}.robot-eye.sleepy{height:3px;background:linear-gradient(180deg,var(--grad-to),#1e4a73)}@keyframes eyeBlink{0%,90%,100%{transform:scaleY(1)}95%{transform:scaleY(0.15)}}.robot-smile{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:34px;height:17px;border:2.5px solid var(--accent);border-top:none;border-radius:0 0 34px 34px;transition:width .3s,border-color .3s}.robot-smile.big{width:44px;border-color:#10b981}.robot-arm{width:22px;height:70px;background:linear-gradient(145deg,#e5e7eb,#d1d5db);border-radius:12px;position:absolute;top:36px;transition:transform .5s}.robot-arm.left{left:-28px;transform:rotate(-18deg);animation:waveL 3s ease-in-out infinite}.robot-arm.right{right:-28px;transform:rotate(18deg);animation:waveR 3s ease-in-out infinite}.robot-arm.active-left{transform:rotate(-55deg);animation:none}.robot-arm.active-right{transform:rotate(55deg);animation:none}@keyframes waveL{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(-35deg)}}@keyframes waveR{0%,100%{transform:rotate(18deg)}50%{transform:rotate(35deg)}}.robot-hand{width:18px;height:18px;background:linear-gradient(145deg,#fff,#f1f5f9);border-radius:50%;position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);box-shadow:0 3px 6px rgba(0,0,0,.1)}.robot-leg{width:26px;height:34px;background:linear-gradient(145deg,#e5e7eb,#d1d5db);border-radius:12px;position:absolute;bottom:-26px}.robot-leg.left{left:26px}.robot-leg.right{right:26px}.robot-foot{width:30px;height:12px;background:linear-gradient(145deg,var(--accent),var(--accent));border-radius:16px;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%)}.robot-label{margin-top:16px;font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5}.dashboard-wrap{flex:0 0 340px;display:flex;flex-direction:column;gap:20px;padding-top:10px}.info-box{background:var(--surface);backdrop-filter:blur(20px);border-radius:20px;padding:26px;border:1px solid var(--border);animation:infoFloat 8s ease-in-out infinite}@keyframes infoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.info-grad{font-size:20px;font-weight:500;font-family:'DM Serif Display',Georgia,serif;color:var(--text);margin-bottom:10px;line-height:1.3}.info-title{font-size:15px;color:var(--text-muted);font-weight:400;margin-bottom:10px;line-height:1.5}.info-desc{font-size:14px;color:var(--text-muted);line-height:1.6}.tablet{width:100%;height:220px;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:20px;padding:5px;box-shadow:0 20px 40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05);transform:perspective(1000px) rotateX(4deg) rotateY(8deg);animation:tabletHover 4s ease-in-out infinite}@keyframes tabletHover{0%,100%{transform:perspective(1000px) rotateX(4deg) rotateY(8deg) translateY(0)}50%{transform:perspective(1000px) rotateX(4deg) rotateY(8deg) translateY(-5px)}}.tablet-screen{width:100%;height:100%;background:linear-gradient(135deg,#0d1219,#131a24);border-radius:16px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-card{background:rgba(0,0,0,.35);border-radius:12px;padding:12px;border:1px solid var(--border)}.dash-card-lbl{font-size:11px;color:rgba(255,255,255,.5);margin-bottom:6px;font-weight:500}.dash-card-val{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.dash-card-sub{font-size:11px;color:#10b981}.dash-card-sub.cyan{color:var(--accent)}.energy-bar{height:32px;background:linear-gradient(90deg,var(--accent),var(--grad-to));border-radius:6px;overflow:hidden;margin-top:4px}.energy-inner{display:flex;align-items:flex-end;height:100%;gap:2px;padding:3px}.e-bar{flex:1;background:rgba(255,255,255,.7);border-radius:2px;animation:eBarPulse 3s ease-in-out infinite}.e-bar:nth-child(1){height:55%;animation-delay:0s}.e-bar:nth-child(2){height:75%;animation-delay:.2s}.e-bar:nth-child(3){height:40%;animation-delay:.4s}.e-bar:nth-child(4){height:90%;animation-delay:.6s}.e-bar:nth-child(5){height:65%;animation-delay:.8s}@keyframes eBarPulse{0%,100%{opacity:.6}50%{opacity:1}}.section{padding:90px 40px;position:relative;z-index:1}.container{max-width:1120px;margin:0 auto}.sec-label{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:14px}.sec-title{font-size:clamp(28px,3vw,40px);font-weight:500;font-family:'DM Serif Display',Georgia,serif;letter-spacing:-.01em;margin-bottom:14px}.sec-sub{font-size:16px;color:var(--text-muted);max-width:520px;line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border-radius:14px;overflow:hidden;margin-top:52px}.svc-card{padding:36px;background:var(--surface);position:relative;overflow:hidden;transition:background .3s}.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--grad-to));opacity:0;transition:opacity .3s}.svc-card:hover{background:rgba(42,92,143,.04)}.svc-card:hover::before{opacity:1}.svc-num{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.07em;margin-bottom:12px}.svc-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.svc-icon svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.svc-card h3{font-size:17px;font-weight:500;font-family:'DM Serif Display',Georgia,serif;color:var(--text);margin-bottom:10px}.svc-card p{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:14px}.tags{display:flex;flex-wrap:wrap;gap:5px}.svc-full{grid-column:1/-1}.why-section{background:rgba(15,17,23,.6);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}.why-card{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .3s}.why-card:hover{border-color:rgba(0,229,176,.25)}.why-icon{width:36px;height:36px;margin-bottom:14px;display:flex;align-items:center;justify-content:center}.why-icon svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.why-card h4{font-size:15px;font-weight:500;font-family:'DM Serif Display',Georgia,serif;color:var(--text);margin-bottom:8px}.why-card p{font-size:13px;color:var(--text-muted);line-height:1.7}.process-track{display:flex;gap:0;margin-top:56px;position:relative}.process-track::before{content:'';position:absolute;top:19px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,var(--accent),var(--grad-to));opacity:.2}.process-step{flex:1;text-align:center;padding:0 8px}.step-circle{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-weight:600;font-size:14px;font-family:'DM Serif Display',Georgia,serif;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 0 14px rgba(42,92,143,.15)}.process-step h4{font-size:14px;font-weight:500;font-family:'DM Serif Display',Georgia,serif;color:var(--text);margin-bottom:6px}.process-step p{font-size:12px;color:var(--text-muted);line-height:1.6}.cta-box{background:linear-gradient(135deg,rgba(42,92,143,.05),rgba(42,92,143,.04));border:1px solid rgba(42,92,143,.15);border-radius:16px;padding:72px 48px;text-align:center;position:relative;overflow:hidden}.cta-box::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(42,92,143,.04),transparent 70%);pointer-events:none}.cta-box h2{font-size:clamp(24px,3vw,36px);font-weight:500;font-family:'DM Serif Display',Georgia,serif;margin-bottom:14px}.cta-box p{color:var(--text-muted);font-size:16px;max-width:440px;margin:0 auto 32px;line-height:1.7}.btn-cta{display:inline-block;padding:14px 40px;background:var(--accent);color:#fff;border-radius:8px;font-weight:600;font-size:15px;transition:transform .2s,box-shadow .2s;box-shadow:0 0 24px rgba(42,92,143,.15)}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 0 36px rgba(42,92,143,.25);color:#fff}.btn-cta:disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-form{margin-top:24px;max-width:480px;margin-left:auto;margin-right:auto}.contact-fields{display:flex;gap:12px;margin-bottom:12px}.contact-input,.contact-textarea{width:100%;padding:12px 16px;background:rgba(15,17,23,.8);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:'DM Sans',system-ui,sans-serif;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.contact-input:focus,.contact-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,229,176,.1)}.contact-input::placeholder,.contact-textarea::placeholder{color:#4a5568}.contact-textarea{resize:vertical;min-height:80px}.contact-status{margin-top:10px;font-size:13px;transition:opacity .2s}.contact-status.success{color:var(--accent)}.contact-status.error{color:#ef4444}@media(max-width:500px){.contact-fields{flex-direction:column}}@media(max-width:900px){.hero-layout{flex-direction:column;align-items:center;gap:40px}.why-grid{grid-template-columns:repeat(2,1fr)}}.segments-wrap{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--border);border-radius:12px;overflow:hidden}.segment-card{background:var(--surface);padding:1.5rem;transition:border-color .3s}.segment-card:hover{background:rgba(255,255,255,.02)}.segment-card h4{font-size:0.95rem;font-weight:500;color:var(--text);margin-bottom:0.3rem}.segment-card p{font-size:0.82rem;color:var(--text-muted);line-height:1.5;margin-bottom:0.5rem}.segment-card .sec-tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:0.62rem;color:var(--accent);background:rgba(0,229,176,.08);padding:0.15rem 0.5rem;border-radius:3px;border:1px solid rgba(0,229,176,.15);margin-right:3px;margin-bottom:3px}.segment-card h4 svg{vertical-align:middle;color:var(--accent)}.stack-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--border);border-radius:14px;overflow:hidden;margin-top:40px}.stack-card{background:var(--surface);padding:2rem 1.5rem;text-align:center;transition:background .3s}.stack-card:hover{background:rgba(255,255,255,.02)}.stack-icon{display:block;margin-bottom:0.75rem}.stack-icon svg{width:2rem;height:2rem;color:var(--accent)}.stack-card h4{font-size:1rem;font-weight:500;color:var(--text);margin-bottom:0.3rem}.stack-card p{font-size:0.82rem;color:var(--text-muted);line-height:1.5;margin-bottom:0}.stack-card .stack-tags{display:flex;flex-wrap:wrap;gap:0.3rem;justify-content:center;margin-top:0.5rem}.stack-card .stack-tag{font-family:'JetBrains Mono',monospace;font-size:0.6rem;color:var(--accent);background:rgba(0,229,176,.08);padding:0.15rem 0.5rem;border-radius:3px;border:1px solid rgba(0,229,176,.15)}@media(max-width:400px){.stack-grid{grid-template-columns:1fr}}.video-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem}.video-card{background:var(--surface);border-radius:14px;overflow:hidden;border:1px solid var(--border);transition:border-color .3s}.video-card:hover{border-color:rgba(0,229,176,.3)}.video-card iframe{width:100%;aspect-ratio:16/9;display:block;border:none}.video-card .video-info{padding:1rem 1.25rem 1.25rem}.video-card .video-info h3{font-size:0.92rem;font-weight:500;color:var(--text);margin-bottom:0.2rem}.video-card .video-info p{font-size:0.8rem;color:var(--text-muted);margin:0}.video-thumb{position:relative;width:100%;aspect-ratio:16/9;background:#0a0c12;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s}.video-thumb:hover img{opacity:1}.video-thumb .play-btn{position:relative;z-index:2;width:56px;height:56px;background:rgba(0,229,176,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;box-shadow:0 4px 16px rgba(0,229,176,.3)}.video-thumb:hover .play-btn{transform:scale(1.08);background:#00e5b0}.video-thumb .play-btn svg{width:20px;height:20px;fill:#08090c;margin-left:2px}.video-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:none}@media(max-width:640px){.video-row{grid-template-columns:1fr}}#currentLang{font-size:13px;font-weight:500}.nav-links a:visited{color:var(--text-muted)}.lang-link{color:var(--text-muted);text-decoration:none;font-family:'JetBrains Mono', monospace;font-size:0.75rem;letter-spacing:0.08em;transition:color 0.2s}.lang-link:hover, .lang-link.active{color:var(--accent)}.lang-sep{color:var(--border);font-size:0.75rem}@media (max-width:480px){nav{padding:0 16px}.nav-links.open{top:68px}.services-grid{grid-template-columns:1fr}.svc-card{padding:20px 16px}.svc-full{grid-column:auto}}*, *::before, *::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08090c;--surface:#0f1117;--bg2:#0f1117;--bg3:#161a23;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.12);--text:#e8eaf0;--text-muted:#8891a8;--muted:#8891a8;--text-light:#6b7a8a;--accent:#00e5b0;--accent2:#00b8ff;--accent-dim:rgba(0,229,176,0.10);--serif:'DM Serif Display', Georgia, serif;--sans:'DM Sans', system-ui, sans-serif;--mono:'JetBrains Mono', monospace}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:0.4}nav{display:flex;align-items:center;gap:2rem;position:fixed;top:0;left:0;right:0;z-index:100;height:68px;padding:0 40px;background:rgba(8,9,12,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-logo{font-family:var(--mono);font-size:0.9rem;font-weight:500;color:var(--accent);text-decoration:none;letter-spacing:0.08em;display:flex;align-items:center;gap:8px;margin-right:auto}.nav-logo img{height:28px;width:auto}.nav-logo::before{content:'';width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%, 100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:0.85rem;letter-spacing:0.04em;transition:color 0.2s}.nav-links a:hover, .nav-links a.active{color:var(--accent)}.nav-cta{background:var(--accent);color:#08090c;padding:0.45rem 1.1rem;border-radius:6px;font-size:0.82rem;font-weight:500;text-decoration:none;letter-spacing:0.04em;transition:opacity 0.2s;flex-shrink:0}.nav-cta:hover{opacity:0.85}.hamburger{display:none;cursor:pointer;padding:8px;background:none;border:none;margin-left:auto;order:999}.hamburger span{display:block;width:22px;height:2px;background:var(--text-muted);margin:5px 0;transition:0.3s;border-radius:2px}footer{border-top:1px solid var(--border);padding:40px 40px 24px;position:relative;z-index:1;background:rgba(8,9,12,.6)}.footer-inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.footer-grad{font-size:18px;font-weight:400;font-family:var(--serif);color:var(--text-muted)}.footer-socials{display:flex;gap:12px;align-items:center;margin-top:4px}.social-btn{width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:color .2s;background:transparent;border:1px solid var(--border);color:var(--text-muted)}.social-btn:hover{color:var(--accent)}.footer-bottom{font-size:13px;color:var(--text-light);margin-top:8px}.blog-hero{max-width:1100px;margin:0 auto;padding:clamp(5rem, 8vw, 8rem) clamp(1.5rem, 5vw, 2rem) 3rem}.hero-eyebrow{font-family:var(--mono);font-size:0.75rem;letter-spacing:0.15em;color:var(--accent);text-transform:uppercase;margin-bottom:1rem;opacity:0;animation:fadeUp 0.5s 0.1s forwards}.hero-title{font-family:var(--serif);font-size:clamp(2.5rem, 6vw, 4rem);line-height:1.1;color:#fff;letter-spacing:-0.02em;margin-bottom:1rem;opacity:0;animation:fadeUp 0.6s 0.2s forwards}.hero-title em{color:var(--accent);font-style:italic}.hero-sub{font-size:1.05rem;color:var(--muted);max-width:540px;font-weight:300;line-height:1.7;opacity:0;animation:fadeUp 0.6s 0.3s forwards}.featured-wrap{max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem, 5vw, 2rem) 2rem;opacity:0;animation:fadeUp 0.6s 0.5s forwards}.featured-label{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.12em;color:var(--accent);text-transform:uppercase;margin-bottom:0.75rem}.featured-card{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:16px;overflow:hidden;border:1px solid var(--border2);transition:border-color 0.25s, transform 0.25s;text-decoration:none}.featured-card:hover{border-color:var(--accent);transform:translateY(-3px)}.featured-visual{background:linear-gradient(135deg, #0d1f1a 0%, #091523 100%);display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden;min-height:280px}.featured-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%, rgba(0,229,176,0.15) 0%, transparent 65%), radial-gradient(ellipse at 70% 30%, rgba(0,184,255,0.1) 0%, transparent 55%)}.visual-icon{font-size:4rem;position:relative;z-index:1;filter:drop-shadow(0 0 20px rgba(0,229,176,0.5))}.featured-content{background:var(--bg2);padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.featured-tags{display:flex;gap:0.5rem;margin-bottom:1rem;flex-wrap:wrap}.tag{font-family:var(--mono);font-size:0.68rem;background:var(--accent-dim);color:var(--accent);padding:0.25rem 0.6rem;border-radius:4px;border:1px solid rgba(0,229,176,0.2);letter-spacing:0.05em;text-transform:uppercase}.featured-title{font-family:var(--serif);font-size:1.65rem;color:#fff;line-height:1.25;margin-bottom:0.75rem;letter-spacing:-0.01em}.featured-excerpt{font-size:0.9rem;color:var(--muted);line-height:1.65;margin-bottom:1.25rem}.article-meta-row{display:flex;gap:1rem;align-items:center;font-family:var(--mono);font-size:0.72rem;color:var(--muted)}.read-more{color:var(--accent);font-size:0.82rem;font-weight:500;display:flex;align-items:center;gap:0.4rem;transition:gap 0.2s}.featured-card:hover .read-more{gap:0.7rem}.articles-section{max-width:1100px;margin:0 auto;padding:2rem clamp(1.5rem,5vw,2rem)}.section-label{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.12em;color:var(--muted);text-transform:uppercase;margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:1.25rem}.article-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color 0.25s, transform 0.25s, background 0.25s}.article-card:hover{border-color:var(--border2);background:var(--bg3);transform:translateY(-2px)}.card-tags{display:flex;gap:0.4rem;margin-bottom:1rem;flex-wrap:wrap}.tag-sm{font-family:var(--mono);font-size:0.65rem;background:rgba(255,255,255,0.04);color:var(--muted);padding:0.2rem 0.55rem;border-radius:3px;border:1px solid var(--border);letter-spacing:0.05em;text-transform:uppercase}.card-title{font-family:var(--serif);font-size:1.15rem;color:#fff;line-height:1.35;margin-bottom:0.6rem;letter-spacing:-0.01em;flex:1}.card-excerpt{font-size:0.83rem;color:var(--muted);line-height:1.6;margin-bottom:1rem}.card-foot{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:0.7rem;color:var(--muted);border-top:1px solid var(--border);padding-top:0.85rem;margin-top:auto}.card-arrow{color:var(--accent);transition:transform 0.2s}.card-thumb{width:40px;height:40px;flex-shrink:0;background:var(--bg3);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent2);margin-bottom:0.75rem}.article-card:hover .card-arrow{transform:translateX(4px)}.newsletter-section{max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem, 5vw, 2rem) 5rem}.newsletter-card{background:linear-gradient(135deg, rgba(0,229,176,0.06) 0%, rgba(0,184,255,0.04) 100%);border:1px solid rgba(0,229,176,0.18);border-radius:16px;padding:3rem 2rem;text-align:center}.newsletter-card h2{font-family:var(--serif);font-size:1.8rem;color:#fff;margin-bottom:0.5rem}.newsletter-card p{color:var(--muted);font-size:0.92rem;max-width:440px;margin:0 auto 1.5rem;line-height:1.65}.nl-form{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap}.nl-input{background:var(--bg2);border:1px solid var(--border2);color:var(--text);padding:0.7rem 1.25rem;border-radius:8px;font-family:var(--sans);font-size:0.9rem;width:280px;outline:none;transition:border-color 0.2s}.nl-input:focus{border-color:var(--accent)}.nl-input::placeholder{color:var(--muted)}.nl-btn{background:var(--accent);color:#08090c;padding:0.7rem 1.5rem;border-radius:8px;border:none;font-family:var(--sans);font-size:0.9rem}.nl-btn:hover{opacity:0.85}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.lang-selector{position:relative;display:inline-block;flex-shrink:0}.lang-current{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:0.3rem 0.8rem;border-radius:6px;cursor:pointer;font-family:var(--mono);font-size:0.78rem;display:flex;align-items:center;gap:4px;transition:border-color 0.2s}.lang-current:hover{border-color:var(--accent)}.lang-arrow{font-size:0.6rem;transition:transform 0.2s}.lang-selector.open .lang-arrow{transform:rotate(180deg)}.lang-options{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:4px;min-width:140px;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,0.3)}.lang-selector.open .lang-options{display:block}.lang-option{display:block;padding:0.5rem 0.75rem;color:var(--muted);text-decoration:none;font-size:0.82rem;border-radius:4px;transition:background 0.2s, color 0.2s}.lang-option:hover{background:var(--bg3);color:var(--accent)}.lang-mobile{display:none;text-align:center;padding:0.75rem 0;border-top:1px solid var(--border);margin-top:0.5rem}
.lang-mobile .lang-links{display:flex;justify-content:center;gap:0.75rem}
.lang-mobile .lang-link{color:var(--text-muted);text-decoration:none;font-family:var(--mono);font-size:0.82rem;transition:color 0.2s}@media (max-width:768px){.articles-grid{grid-template-columns:repeat(2,1fr)}.lang-selector{display:none}
.lang-mobile{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 0;border-top:1px solid var(--border);margin-top:0.5rem}
.lang-mobile .lang-link{color:var(--text-muted);text-decoration:none;font-family:var(--mono);font-size:0.82rem;transition:color 0.2s}
.lang-mobile .lang-link:hover{color:var(--accent)}
.lang-mobile .lang-sep{display:none}
.lang-mobile .lang-label{font-size:1rem;margin-right:6px}}
@media (max-width:480px){.articles-grid{grid-template-columns:1fr}}/* ════════════════════════════════════════
   ARTICLE PAGE STYLES
   Added to fix zero-CSS article pages
   ════════════════════════════════════════ */

/* Article header (page header, not <header> tag) */
header.article-header{padding:clamp(5rem,10vw,8rem) clamp(1.5rem,5vw,2rem) 1.5rem;max-width:800px;margin:0 auto;position:relative!important;z-index:1;width:auto;border-bottom:none;background:transparent;backdrop-filter:none}
.article-title{font-family:var(--serif);font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.15;color:#fff;letter-spacing:-0.02em;margin-bottom:1rem}
.article-title em{color:var(--accent);font-style:italic}
.article-lead{font-size:1.05rem;color:var(--muted);line-height:1.75;max-width:680px;font-weight:300}
.article-meta{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;margin-bottom:1.5rem;font-family:var(--mono);font-size:0.75rem;color:var(--muted)}
.article-date{color:var(--muted);font-family:var(--mono);font-size:0.73rem;letter-spacing:0.02em}
.read-time{display:inline-flex;align-items:center;color:var(--text);background:var(--bg3);border:1px solid var(--border);padding:0.15rem 0.6rem;border-radius:4px;font-family:var(--mono);font-size:0.68rem;letter-spacing:0.04em}
.tag{font-family:var(--mono);font-size:0.65rem;background:rgba(0,229,176,0.08);color:var(--accent);padding:0.2rem 0.55rem;border-radius:4px;border:1px solid rgba(0,229,176,0.2);letter-spacing:0.05em;text-transform:uppercase;white-space:nowrap}

/* Hero visual stats section */
.hero-visual{max-width:800px;margin:0 auto;padding:0 clamp(1.5rem,5vw,2rem)}
.hero-card{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:2rem}
.stat-item{text-align:center;padding:0.5rem}
.stat-num{display:block;font-family:var(--serif);font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:0.15rem}
.stat-label{display:block;font-size:0.7rem;color:var(--muted);line-height:1.4}

/* Hero image */
.hero-image{max-width:800px;margin:0 auto;padding:0 clamp(1.5rem,5vw,2rem)}
.hero-image img{width:100%;max-width:900px;border-radius:12px;display:block;margin:0 auto 3rem;box-shadow:0 8px 40px rgba(0,0,0,0.4)}

/* Article body — main content wrapper */
.article-body{max-width:720px;margin:0 auto;padding:1.5rem clamp(1.5rem,5vw,2rem) 4rem;position:relative;z-index:1}

/* Article body: headings */
.article-body h2{font-family:var(--serif);font-size:1.55rem;color:#fff;margin:2.5rem 0 1rem;line-height:1.3;letter-spacing:-0.01em}
.article-body h3{font-family:var(--serif);font-size:1.15rem;color:#fff;margin:2rem 0 0.75rem;line-height:1.3}

/* Article body: paragraphs and inline text */
.article-body p{font-size:1rem;color:var(--text);line-height:1.8;margin-bottom:1.2rem}
.article-body p strong{color:#fff}

/* Article body: lists */
.article-body ul,.article-body ol{margin:0 0 1.5rem 1.5rem;color:var(--text);line-height:1.8}
.article-body li{margin-bottom:0.3rem}
.article-body li strong{color:#fff}

/* Article body: links */
.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:opacity 0.2s}
.article-body a:hover{opacity:0.8}

/* Article body: images */
.article-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem auto;display:block}

/* Article body: blockquotes */
.article-body blockquote{border-left:3px solid var(--accent);padding:0.75rem 1.25rem;margin:1.5rem 0;background:var(--bg2);border-radius:0 8px 8px 0;color:var(--text-muted);font-style:italic;line-height:1.7}
.article-body blockquote strong{color:var(--text)}

/* Article body: inline code */
.article-body code:not(.code-block code){background:var(--bg3);color:var(--accent-warm);padding:0.15rem 0.4rem;border-radius:3px;font-size:0.85em;font-family:var(--mono)}

/* Code block (pre-formatted) */
.code-block{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0;overflow-x:auto;font-family:var(--mono);font-size:0.82rem;line-height:1.6;color:var(--text);white-space:pre;tab-size:2}
.code-block code{font-family:var(--mono);color:var(--text);background:none;padding:0}

/* Callout / info box */
.callout{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin:1.5rem 0;line-height:1.7;color:var(--text);font-size:0.92rem}
.callout-label{font-family:var(--mono);font-size:0.72rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.5rem}
.callout strong{color:#fff}
.callout a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

/* Related articles */
.related-articles{padding:1.5rem 0;margin:2rem 0 1rem;border-top:1px solid var(--border)}
.related-link{display:block;padding:0.6rem 0.8rem;margin:0.3rem 0;color:var(--text);background:var(--bg2);border:1px solid var(--border);border-radius:6px;text-decoration:none;font-size:0.92rem;transition:all .2s}
.related-link:hover{background:var(--bg3);border-color:var(--accent);color:var(--accent);padding-left:1.2rem}

/* Tables */
.table-wrap{overflow-x:auto;margin:1.5rem 0;border-radius:8px;border:1px solid var(--border)}
.table-wrap table{width:100%;border-collapse:collapse;font-size:0.85rem;min-width:480px}
.table-wrap th{background:var(--bg3);color:var(--text);font-weight:500;padding:0.7rem 1rem;text-align:left;border-bottom:1px solid var(--border);font-size:0.8rem}
.table-wrap td{padding:0.7rem 1rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;font-size:0.82rem}
.table-wrap tr:last-child td{border-bottom:none}
.table-wrap .good{color:var(--accent);font-weight:500}
.table-wrap .bad{color:var(--text-muted)}

/* FAQ section */
.faq-section{margin:3rem 0}
.faq-section h2{margin-bottom:1.25rem!important}
.faq-section details{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-bottom:0.5rem;overflow:hidden;transition:border-color 0.2s}
.faq-section details[open]{border-color:rgba(0,229,176,0.3)}
.faq-section summary{padding:0.85rem 1.15rem;cursor:pointer;color:var(--text);font-weight:500;font-size:0.9rem;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:color 0.2s;user-select:none}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary::after{content:'+';font-size:1rem;color:var(--accent);transition:transform 0.2s;font-weight:400;flex-shrink:0;margin-left:0.5rem}
.faq-section details[open] summary::after{content:'−'}
.faq-section details p{padding:0 1.15rem 0.85rem;margin:0!important;color:var(--text-muted);font-size:0.88rem;line-height:1.7}

/* Footer partner images */
.footer-partner{display:flex;gap:1.25rem;align-items:center;margin-top:0.5rem;flex-wrap:wrap;justify-content:center}
.footer-partner img{transition:opacity 0.2s}
.footer-partner img:hover{opacity:0.8}


/* ════════════════════════════════════════
   BLOG LISTING FIXES
   Prevent card stretching / inconsistent heights
   ════════════════════════════════════════ */

/* Ensure all grid items stretch to same height */
.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;align-items:stretch}
/* Card always fills its cell */
.article-card{height:100%;display:flex;flex-direction:column}
/* Title takes remaining space, foot stays at bottom */
.article-card .card-title{flex:1 1 auto}
.article-card .card-foot{margin-top:auto}
/* Fix card-thumb consistency */
.card-thumb{width:40px;height:40px;flex-shrink:0;background:var(--bg3);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent2);margin-bottom:0.75rem}

/* ════════════════════════════════════════
   MOBILE NAV FIX — hamburger toggle
   ════════════════════════════════════════ */

@media (max-width:768px){
  .hamburger{display:flex}
  .nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:rgba(8,9,12,0.98);backdrop-filter:blur(12px);flex-direction:column;padding:1rem 1.5rem 1.5rem;gap:0.5rem;border-bottom:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links li{width:100%}
  .nav-links a{display:block;padding:0.5rem 0;font-size:0.95rem}
  .nav-cta{margin-left:auto}
}
@media(max-width:480px){
  nav{padding:0 16px}
  .nav-links.open{top:68px}
}

/* ════════════════════════════════════════
   MOBILE RESPONSIVE — articles
   ════════════════════════════════════════ */

@media(max-width:640px){
  header.article-header{padding-top:5rem;padding-bottom:1rem}
  .article-meta{gap:0.4rem}
  .hero-card{grid-template-columns:1fr;gap:0.5rem;padding:1rem}
  .stat-item{padding:0.25rem}
  .stat-num{font-size:1.1rem}
  .table-wrap td,.table-wrap th{padding:0.5rem 0.5rem;font-size:0.75rem}
  .code-block{font-size:0.75rem;padding:1rem;overflow-x:auto}
  .callout{padding:1rem 1.15rem}
  .faq-section summary{font-size:0.85rem;padding:0.75rem 1rem}
  .article-body h2{font-size:1.35rem}
  .article-body h3{font-size:1.05rem}
}

/* ════════════════════════════════════════
   BLOG LISTING — mobile grid
   ════════════════════════════════════════ */

@media(max-width:480px){
  .articles-grid{grid-template-columns:1fr}
}

/* Mobile hamburger lang switcher fix */
@media (max-width:768px){.lang-mobile{display:flex!important;align-items:center;justify-content:center;gap:0.5rem}.lang-mobile .lang-sep{display:none!important}}