:root{--bg-0:#ffffff;--bg-1:#fafbfc;--bg-2:#f4f6f8;--bg-3:#eaedf1;--bg-deep:#0d1117;--line:rgba(13,17,23,0.07);--line-strong:rgba(13,17,23,0.14);--text-0:#0d1117;--text-1:#1f2937;--text-2:#4b5563;--text-3:#6b7280;--text-4:#9ca3af;--text-5:#d1d5db;--accent:#5BB85B;--accent-2:#4CAF50;--accent-3:#2E7D32;--accent-glow:rgba(91,184,91,0.35);--accent-soft:rgba(91,184,91,0.10);--accent-soft-2:rgba(91,184,91,0.18);--brand-blue:#2196F3;--brand-blue-2:#1E88E5;--brand-blue-3:#1565C0;--brand-blue-glow:rgba(33,150,243,0.30);--brand-blue-soft:rgba(33,150,243,0.08);--brand-blue-soft-2:rgba(33,150,243,0.16);--font-th:"Noto Sans Thai","Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-display:"Noto Sans Thai","Noto Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:32px;--r-pill:999px;--ease:cubic-bezier(0.22,0.61,0.36,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--t-fast:180ms;--t-med:320ms;--t-slow:600ms;--max-w:1240px;--pad-x:clamp(20px,5vw,64px);--section-y:clamp(80px,11vw,160px);--shadow-xs:0 1px 2px rgba(13,17,23,0.04);--shadow-sm:0 4px 10px -4px rgba(13,17,23,0.06),0 2px 4px -2px rgba(13,17,23,0.04);--shadow-md:0 12px 28px -10px rgba(13,17,23,0.08),0 6px 12px -6px rgba(13,17,23,0.05);--shadow-lg:0 30px 60px -20px rgba(13,17,23,0.12),0 14px 28px -14px rgba(13,17,23,0.08);--shadow-glow-blue:0 0 60px -10px var(--brand-blue-glow);--shadow-glow-green:0 0 60px -10px var(--accent-glow);}*,*::before,*::after{box-sizing:border-box;}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body{margin:0;background:var(--bg-0);color:var(--text-1);font-family:var(--font-th);font-size:16px;line-height:1.65;letter-spacing:0.005em;overflow-x:hidden;}img,svg{display:block;max-width:100%;}button,input,select,textarea{font:inherit;color:inherit;}button{border:0;background:none;cursor:pointer;}a{color:inherit;text-decoration:none;transition:color var(--t-fast) var(--ease);}a:hover{color:var(--accent-3);}::selection{background:var(--accent);color:#ffffff;}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px;}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px;}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-2);}::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:var(--bg-1);}::-webkit-scrollbar-thumb{background:var(--text-5);border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:var(--text-4);}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--brand-blue-3);font-weight:600;display:inline-flex;align-items:center;gap:8px;}.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-0);letter-spacing:-0.02em;margin:0;line-height:1.05;font-weight:700;}.h-display{font-size:clamp(44px,7.5vw,96px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;}.h-1{font-size:clamp(36px,5.5vw,64px);font-weight:700;letter-spacing:-0.025em;line-height:1.05;}.h-2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-0.02em;line-height:1.1;}.h-3{font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.25;}.lead{font-size:clamp(17px,1.6vw,21px);color:var(--text-2);line-height:1.6;max-width:60ch;}.muted{color:var(--text-3);}.accent-text{color:var(--accent-3);}.blue-text{color:var(--brand-blue-3);}.gradient-text{background:linear-gradient(115deg,var(--text-0) 0%,var(--text-0) 30%,var(--brand-blue) 65%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);}section{padding:var(--section-y) 0;position:relative;}.section-header{display:flex;flex-direction:column;gap:16px;margin-bottom:60px;max-width:720px;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--r-pill);font-weight:600;font-size:15px;letter-spacing:-0.005em;transition:all var(--t-fast) var(--ease);cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#ffffff;box-shadow:0 8px 22px -6px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,0.2);}.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--accent-2) 0%,var(--accent-3) 100%);color:#ffffff;box-shadow:0 14px 32px -6px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,0.2);}.btn-ghost{background:var(--bg-0);color:var(--text-0);border:1px solid var(--line-strong);box-shadow:var(--shadow-xs);}.btn-ghost:hover{background:var(--bg-2);border-color:var(--text-4);color:var(--text-0);}.btn-line{background:#007A38;color:#ffffff;font-weight:700;box-shadow:0 8px 22px -6px rgba(0,122,56,0.45),inset 0 1px 0 rgba(255,255,255,0.2);}.btn-line:hover{background:#006B30;color:#ffffff;transform:translateY(-2px);}.btn-blue{background:linear-gradient(135deg,var(--brand-blue) 0%,var(--brand-blue-2) 100%);color:#ffffff;box-shadow:0 8px 22px -6px var(--brand-blue-glow),inset 0 1px 0 rgba(255,255,255,0.2);}.btn-blue:hover{transform:translateY(-2px);color:#ffffff;}.btn-sm{padding:10px 18px;font-size:14px;}.btn-lg{padding:18px 32px;font-size:16px;}.arrow-icon{width:18px;height:18px;transition:transform var(--t-fast) var(--ease);}.btn:hover .arrow-icon{transform:translateX(3px);}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:all var(--t-med) var(--ease);}.nav.scrolled{padding:14px 0;background:rgba(255,255,255,0.78);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--line);}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;}.brand{display:flex;align-items:center;gap:0;color:var(--text-0);height:36px;}.brand .logo-svg,.brand .logo-img{height:36px;width:auto;display:block;}.footer-brand .brand .logo-img{height:40px;}@media (max-width:480px){.brand .logo-svg,.brand .logo-img{height:30px;}.footer-brand .brand .logo-img{height:34px;}}.nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0;}.nav-links a{font-size:14px;color:var(--text-2);font-weight:500;}.nav-links a:hover{color:var(--text-0);}.nav-actions{display:flex;gap:12px;align-items:center;}.nav-toggle{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--bg-0);align-items:center;justify-content:center;flex-direction:column;gap:5px;}.nav-toggle span{width:18px;height:1.5px;background:var(--text-0);transition:all var(--t-fast) var(--ease);}@media (max-width:920px){.nav-links{display:none;}.nav-toggle{display:flex;}.nav-actions .btn:not(.btn-primary){display:none;}}.nav-drawer{position:fixed;inset:0;z-index:200;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);display:flex;flex-direction:column;padding:100px var(--pad-x) 40px;opacity:0;pointer-events:none;transition:opacity var(--t-med) var(--ease);}.nav-drawer.open{opacity:1;pointer-events:auto;}.nav-drawer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;}.nav-drawer li a{display:block;padding:18px 0;border-bottom:1px solid var(--line);font-size:22px;font-weight:600;color:var(--text-0);}.nav-drawer-close{position:absolute;top:20px;right:var(--pad-x);width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--bg-0);color:var(--text-0);font-size:24px;}.hero{position:relative;min-height:100vh;padding:140px 0 100px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 80% 0%,var(--brand-blue-soft) 0%,transparent 60%),radial-gradient(ellipse 70% 60% at 0% 100%,var(--accent-soft) 0%,transparent 55%),var(--bg-0);}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(13,17,23,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,17,23,0.05) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 90% 60% at 50% 30%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 30%,black 30%,transparent 80%);opacity:0.6;}.hero-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--brand-blue-glow) 0%,transparent 60%);filter:blur(80px);top:-200px;right:-200px;opacity:0.7;animation:drift 20s var(--ease) infinite alternate;}.hero-glow.b{width:500px;height:500px;top:auto;bottom:-200px;left:-150px;right:auto;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 60%);animation-delay:-10s;}@keyframes drift{0%{transform:translate(0,0);}100%{transform:translate(80px,60px);}}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:60px;}}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-0);box-shadow:var(--shadow-xs);font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:28px;font-family:var(--font-mono);letter-spacing:0.06em;}.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);animation:pulse 2s ease-in-out infinite;}@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.6;transform:scale(1.3);}}.hero-title{margin-bottom:28px;}.hero-sub{margin-bottom:40px;max-width:56ch;}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:56px;}.hero-trust{display:flex;gap:32px;flex-wrap:wrap;}.trust-item{display:flex;flex-direction:column;gap:4px;}.trust-item .num{font-size:28px;font-weight:700;color:var(--text-0);font-family:var(--font-display);letter-spacing:-0.02em;white-space:nowrap;}.trust-item .lbl{font-size:12px;color:var(--text-3);letter-spacing:0.04em;text-transform:uppercase;font-weight:500;}.hero-dash{position:relative;border-radius:var(--r-lg);background:var(--bg-0);border:1px solid var(--line);padding:24px;box-shadow:var(--shadow-lg);}.hero-dash::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--brand-blue-soft-2),transparent 50%,var(--accent-soft-2));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}.dash-title{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2);font-weight:500;}.dash-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-3);font-size:11px;font-family:var(--font-mono);font-weight:600;}.dash-status .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);}.dash-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;}.dash-kpi{padding:16px;border-radius:var(--r-md);background:var(--bg-1);border:1px solid var(--line);}.dash-kpi .k-lbl{font-size:11px;color:var(--text-3);letter-spacing:0.04em;text-transform:uppercase;font-weight:500;margin-bottom:6px;}.dash-kpi .k-val{font-size:22px;font-weight:700;color:var(--text-0);font-family:var(--font-display);letter-spacing:-0.01em;}.dash-kpi .k-delta{font-size:11px;color:var(--accent-3);font-family:var(--font-mono);font-weight:600;margin-top:4px;}.dash-chart{height:160px;border-radius:var(--r-md);background:var(--bg-1);border:1px solid var(--line);padding:16px;position:relative;overflow:hidden;}.dash-chart svg{width:100%;height:100%;}.stats-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0;background:var(--bg-1);}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;align-items:center;}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;}}.stat{display:flex;flex-direction:column;gap:6px;}.stat .v{font-size:clamp(28px,3vw,40px);font-weight:700;color:var(--text-0);font-family:var(--font-display);letter-spacing:-0.02em;line-height:1;}.stat .l{font-size:13px;color:var(--text-3);letter-spacing:0.02em;}.positioning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;}@media (max-width:920px){.positioning-grid{grid-template-columns:1fr;}}.feature-card{position:relative;padding:36px;border-radius:var(--r-lg);background:var(--bg-0);border:1px solid var(--line);overflow:hidden;transition:transform var(--t-med) var(--ease),border-color var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);box-shadow:var(--shadow-sm);}.feature-card:hover{transform:translateY(-4px);border-color:var(--accent-soft-2);box-shadow:var(--shadow-md);}.feature-card::before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mx,50%) var(--my,50%),var(--accent-soft),transparent 40%);opacity:0;transition:opacity var(--t-med) var(--ease);pointer-events:none;}.feature-card:hover::before{opacity:1;}.feature-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent-soft),var(--brand-blue-soft));display:grid;place-items:center;color:var(--accent-3);margin-bottom:24px;border:1px solid var(--accent-soft-2);}.feature-card h3{margin-bottom:12px;}.feature-card p{color:var(--text-2);line-height:1.65;margin:0;}.feature-card.has-img{padding:0;overflow:hidden;}.feature-card.has-img > .feature-img{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-1);}.feature-card.has-img > .feature-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.7s cubic-bezier(0.2,0.8,0.2,1);}.feature-card.has-img:hover > .feature-img img{transform:scale(1.05);}.feature-card.has-img > .feature-icon{margin:-24px 36px 18px 36px;position:relative;z-index:1;box-shadow:var(--shadow-sm);}.feature-card.has-img > h3{padding:0 36px;}.feature-card.has-img > p{padding:0 36px 36px 36px;}.calc-section{position:relative;background:var(--bg-1);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.calc-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);}.calc-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start;}@media (max-width:1024px){.calc-wrap{grid-template-columns:1fr;gap:40px;}}.calc-form{padding:40px;border-radius:var(--r-lg);background:var(--bg-0);border:1px solid var(--line);position:sticky;top:100px;box-shadow:var(--shadow-md);}@media (max-width:1024px){.calc-form{position:static;padding:28px;}}.field{margin-bottom:24px;}.field label{display:block;font-size:13px;color:var(--text-2);margin-bottom:10px;font-weight:600;}.field-row{display:flex;gap:12px;align-items:center;}.range-wrap{position:relative;padding:8px 0;}.range-display{font-size:32px;font-weight:700;color:var(--text-0);font-family:var(--font-display);letter-spacing:-0.02em;margin-bottom:12px;}.range-display .unit{font-size:14px;color:var(--text-3);font-weight:500;font-family:var(--font-th);margin-left:6px;letter-spacing:0;}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--bg-3);border-radius:999px;outline:none;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:4px solid var(--bg-0);cursor:pointer;box-shadow:0 0 0 1px var(--accent),0 4px 14px var(--accent-glow);transition:transform var(--t-fast) var(--ease);}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15);}input[type="range"]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);border:4px solid var(--bg-0);cursor:pointer;box-shadow:0 0 0 1px var(--accent),0 4px 14px var(--accent-glow);}.toggle-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--bg-2);border:1px solid var(--line);padding:4px;border-radius:var(--r-md);}.toggle-group button{padding:12px;border-radius:10px;font-size:14px;color:var(--text-2);font-weight:600;transition:all var(--t-fast) var(--ease);}.toggle-group button:hover{color:var(--text-0);}.toggle-group button.active{background:var(--bg-0);color:var(--accent-3);box-shadow:var(--shadow-xs);}.calc-results{display:grid;gap:16px;}.result-hero{padding:32px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--accent-soft),var(--brand-blue-soft));border:1px solid var(--accent-soft-2);position:relative;overflow:hidden;}.result-hero::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:var(--accent);filter:blur(120px);opacity:0.15;top:-100px;right:-100px;}.result-label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent-3);font-weight:700;margin-bottom:12px;position:relative;}.result-big{font-size:clamp(48px,6vw,72px);font-weight:700;color:var(--text-0);font-family:var(--font-display);letter-spacing:-0.03em;line-height:1;position:relative;}.result-big .unit{font-size:clamp(20px,2vw,24px);color:var(--text-2);font-weight:500;margin-left:6px;}.result-sub{margin-top:16px;color:var(--text-2);position:relative;}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}@media (max-width:600px){.result-grid{grid-template-columns:1fr;}}.result-card{padding:24px;border-radius:var(--r-md);background:var(--bg-0);border:1px solid var(--line);box-shadow:var(--shadow-xs);}.result-card .lbl{font-size:12px;color:var(--text-3);margin-bottom:8px;letter-spacing:0.02em;font-weight:500;}.result-card .val{font-size:26px;font-weight:700;color:var(--text-0);font-family:var(--font-display);letter-spacing:-0.02em;}.result-card .val .unit{font-size:13px;color:var(--text-3);font-weight:500;margin-left:4px;}.savings-chart{padding:24px;border-radius:var(--r-md);background:var(--bg-0);border:1px solid var(--line);box-shadow:var(--shadow-xs);}.savings-chart-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;flex-wrap:wrap;gap:8px;}.savings-chart-header h4{font-size:14px;color:var(--text-2);font-weight:600;margin:0;letter-spacing:0;}.savings-chart-header .legend{display:flex;gap:16px;font-size:12px;color:var(--text-3);font-weight:500;}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;}.calc-cta{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;}.calc-disclaimer{font-size:12px;color:var(--text-4);margin-top:16px;line-height:1.6;}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr;}}.project-card{border-radius:var(--r-lg);overflow:hidden;background:var(--bg-0);border:1px solid var(--line);transition:all var(--t-med) var(--ease);box-shadow:var(--shadow-sm);}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.project-img{aspect-ratio:4 / 3;position:relative;overflow:hidden;background:var(--bg-2);}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease);}.project-card:hover .project-img img{transform:scale(1.04);}.project-img-illu{position:absolute;inset:0;display:grid;place-items:center;}.project-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(13,17,23,0.55) 100%);pointer-events:none;}.project-tag{position:absolute;top:16px;left:16px;padding:6px 12px;border-radius:var(--r-pill);background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);font-size:11px;color:var(--text-0);font-family:var(--font-mono);font-weight:600;letter-spacing:0.04em;z-index:2;}.project-meta{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:end;gap:8px;z-index:2;}.project-kw{padding:6px 12px;border-radius:var(--r-pill);background:var(--accent);color:#ffffff;font-size:11px;font-family:var(--font-mono);font-weight:700;box-shadow:0 4px 12px -2px var(--accent-glow);}.project-body{padding:24px;}.project-body h4{font-size:18px;margin-bottom:6px;line-height:1.3;}.project-body p{font-size:13px;color:var(--text-3);margin:0;line-height:1.55;}.partners-section{background:var(--bg-1);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.partners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:60px;}@media (max-width:768px){.partners-grid{grid-template-columns:1fr;}}.partner-card{padding:40px;border-radius:var(--r-lg);background:var(--bg-0);border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);}.partner-logo{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-1);font-size:12px;color:var(--text-2);font-family:var(--font-mono);font-weight:600;margin-bottom:24px;}.partner-card h3{margin-bottom:14px;max-width:22ch;}.partner-card p{color:var(--text-2);margin:0 0 24px;line-height:1.65;}.partner-bullets{list-style:none;padding:0;margin:0;display:grid;gap:10px;}.partner-bullets li{display:flex;align-items:start;gap:10px;font-size:14px;color:var(--text-2);}.partner-bullets svg{flex-shrink:0;color:var(--accent-3);margin-top:3px;}.incentives-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px;}@media (max-width:768px){.incentives-list{grid-template-columns:1fr;}}.incentive-item{padding:28px;border-radius:var(--r-md);background:var(--bg-0);border:1px solid var(--line);display:flex;gap:18px;align-items:start;box-shadow:var(--shadow-xs);transition:all var(--t-med) var(--ease);}.incentive-item:hover{border-color:var(--brand-blue-soft-2);box-shadow:var(--shadow-sm);}.incentive-icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:var(--brand-blue-soft);display:grid;place-items:center;color:var(--brand-blue-3);border:1px solid var(--brand-blue-soft-2);}.incentive-item h4{font-size:17px;margin-bottom:6px;}.incentive-item p{font-size:14px;color:var(--text-2);margin:0;line-height:1.6;}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:60px;position:relative;}.process-grid::before{content:"";position:absolute;top:28px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--text-5) 10%,var(--text-5) 90%,transparent);}@media (max-width:920px){.process-grid{grid-template-columns:1fr;gap:24px;}.process-grid::before{display:none;}}.process-step{position:relative;}.process-step .step-img{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;margin-bottom:18px;background:var(--bg-1);box-shadow:var(--shadow-sm);border:1px solid var(--line);}.process-step .step-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s cubic-bezier(0.2,0.8,0.2,1);}.process-step:hover .step-img img{transform:scale(1.06);}.process-num{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:var(--bg-0);border:1px solid var(--line-strong);display:grid;place-items:center;font-family:var(--font-mono);font-size:14px;color:var(--accent-3);font-weight:700;margin-bottom:20px;box-shadow:var(--shadow-xs);}.process-step h4{font-size:16px;margin-bottom:8px;}.process-step p{font-size:13px;color:var(--text-3);margin:0;line-height:1.6;}.finance-card{padding:60px;border-radius:var(--r-xl);background:radial-gradient(circle at 0% 0%,var(--accent-soft),transparent 50%),radial-gradient(circle at 100% 100%,var(--brand-blue-soft),transparent 50%),var(--bg-0);border:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;margin-top:60px;box-shadow:var(--shadow-md);}@media (max-width:920px){.finance-card{grid-template-columns:1fr;padding:32px;gap:28px;}}.finance-card h3{margin-bottom:16px;}.finance-card p{color:var(--text-2);margin:0 0 24px;}.finance-options{display:grid;gap:12px;}.finance-opt{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bg-1);border-radius:var(--r-md);border:1px solid var(--line);}.finance-opt-num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-soft-2);color:var(--accent-3);display:grid;place-items:center;font-size:14px;font-weight:700;font-family:var(--font-display);}.finance-opt strong{color:var(--text-0);font-weight:600;display:block;margin-bottom:2px;}.finance-opt span{font-size:13px;color:var(--text-3);}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;}@media (max-width:920px){.testimonials-grid{grid-template-columns:1fr;}}.testi-card{padding:32px;border-radius:var(--r-lg);background:var(--bg-0);border:1px solid var(--line);box-shadow:var(--shadow-sm);}.testi-quote{font-size:16px;line-height:1.7;color:var(--text-1);margin:0 0 24px;}.testi-author{display:flex;align-items:center;gap:12px;}.testi-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--accent));color:#ffffff;display:grid;place-items:center;font-weight:700;font-family:var(--font-display);}.testi-author strong{display:block;font-size:14px;color:var(--text-0);font-weight:600;}.testi-author span{font-size:12px;color:var(--text-3);}.cta-section{position:relative;text-align:center;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 50%,var(--accent-soft) 0%,transparent 60%),var(--bg-1);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.cta-inner{position:relative;max-width:720px;margin:0 auto;}.cta-inner h2{margin-bottom:24px;}.cta-inner p{color:var(--text-2);margin:0 0 40px;font-size:18px;}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}.footer{border-top:1px solid var(--line);padding:80px 0 40px;background:var(--bg-1);}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:60px;}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr;}}.footer-brand{max-width:360px;}.footer-brand .brand{margin-bottom:16px;}.footer-brand p{color:var(--text-2);font-size:13px;line-height:1.7;}.footer-col h5{font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:0.1em;margin:0 0 18px;font-weight:600;}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}.footer-col a{font-size:14px;color:var(--text-2);}.footer-col a:hover{color:var(--text-0);}.footer-bottom{border-top:1px solid var(--line);padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;color:var(--text-4);font-size:12px;}.mobile-cta-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:90;padding:12px 16px;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--line);box-shadow:0 -8px 30px -8px rgba(13,17,23,0.08);gap:8px;}@media (max-width:768px){.mobile-cta-bar{display:flex;}.footer{padding-bottom:100px;}}.mobile-cta-bar .btn{flex:1;padding:12px 14px;font-size:14px;}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out);}.reveal.visible{opacity:1;transform:translateY(0);}.showcase{position:relative;padding:0;overflow:hidden;background:#0d1117;}.showcase-img{position:relative;width:100%;height:clamp(360px,50vw,580px);overflow:hidden;}.showcase-img img{width:100%;height:100%;object-fit:cover;display:block;}.showcase-overlay{position:absolute;inset:0;background:linear-gradient(115deg,rgba(13,17,23,0.78) 0%,rgba(13,17,23,0.45) 50%,rgba(13,17,23,0.25) 100%);}.showcase-content{position:absolute;inset:0;display:flex;align-items:center;}.showcase-content .container{width:100%;color:#ffffff;}.showcase-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#5BB85B;margin-bottom:18px;}.showcase-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#5BB85B;box-shadow:0 0 0 4px rgba(91,184,91,0.25);}.showcase-title{font-family:var(--font-display);font-size:clamp(32px,5vw,64px);font-weight:800;letter-spacing:-0.025em;line-height:1.05;margin:0 0 24px;max-width:18ch;color:#ffffff;}.showcase-title .accent{background:linear-gradient(120deg,#2196F3 20%,#5BB85B 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.showcase-stats{display:flex;gap:48px;margin-top:36px;flex-wrap:wrap;}.showcase-stat .v{display:block;font-family:var(--font-display);font-size:38px;font-weight:800;letter-spacing:-0.02em;color:#ffffff;line-height:1;}.showcase-stat .l{display:block;font-size:13px;color:rgba(255,255,255,0.7);margin-top:6px;letter-spacing:0.04em;}.trusted-by{padding:56px 0;background:var(--bg-1);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.trusted-label{text-align:center;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-3);margin-bottom:32px;}.trusted-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:32px;align-items:center;justify-items:center;}@media (max-width:920px){.trusted-logos{grid-template-columns:repeat(3,1fr);gap:24px;}}@media (max-width:480px){.trusted-logos{grid-template-columns:repeat(2,1fr);}}.trusted-logo{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text-2);letter-spacing:-0.01em;text-align:center;transition:color var(--t-fast) var(--ease);}.trusted-logo:hover{color:var(--text-1);opacity:1;}.lead-form{margin-top:8px;padding:32px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--bg-0),var(--bg-1));border:1px solid var(--line);box-shadow:var(--shadow-md);position:relative;overflow:hidden;}.lead-form::before{content:"";position:absolute;top:-1px;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--brand-blue),transparent);}.lead-form-header{margin-bottom:24px;}.lead-form-header h4{font-size:22px;font-weight:700;color:var(--text-0);margin:0 0 8px;letter-spacing:-0.01em;}.lead-form-header p{font-size:14px;color:var(--text-3);margin:0;line-height:1.55;}.lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;}@media (max-width:600px){.lead-fields{grid-template-columns:1fr;}}.lead-field{display:flex;flex-direction:column;gap:6px;}.lead-field.full{grid-column:1 / -1;}.lead-field label{font-size:12px;font-weight:600;color:var(--text-2);}.lead-field input,.lead-field textarea{padding:12px 14px;border-radius:10px;border:1px solid var(--line-strong);background:var(--bg-0);font-family:var(--font-th);font-size:14px;color:var(--text-0);transition:border var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);outline:none;}.lead-field input:focus,.lead-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-2);}.lead-submit{margin-top:18px;width:100%;font-size:16px;padding:16px 24px;}.lead-trust{margin-top:14px;font-size:11px;color:var(--text-4);text-align:center;line-height:1.5;}.pdpa-banner{position:fixed;bottom:16px;left:16px;right:16px;z-index:95;max-width:640px;margin:0 auto;padding:18px 20px;background:var(--bg-0);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:16px;flex-wrap:wrap;transform:translateY(120%);transition:transform var(--t-med) var(--ease);}.pdpa-banner.show{transform:translateY(0);}@media (max-width:768px){.pdpa-banner{bottom:80px;}}.pdpa-text{flex:1;font-size:13px;color:var(--text-2);line-height:1.55;min-width:220px;}.pdpa-text strong{color:var(--text-0);}.pdpa-text a{color:var(--brand-blue-3);text-decoration:underline;}.pdpa-actions{display:flex;gap:8px;}.pdpa-actions .btn{padding:10px 18px;font-size:13px;}.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;}.particles span{position:absolute;display:block;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:0;box-shadow:0 0 10px var(--accent-glow);animation:particle-float 14s linear infinite;}.particles span:nth-child(1){left:6%;animation-delay:0s;animation-duration:16s;}.particles span:nth-child(2){left:14%;animation-delay:-3s;animation-duration:18s;background:var(--brand-blue);box-shadow:0 0 10px var(--brand-blue-glow);}.particles span:nth-child(3){left:22%;animation-delay:-7s;animation-duration:14s;}.particles span:nth-child(4){left:30%;animation-delay:-11s;animation-duration:20s;background:var(--brand-blue);box-shadow:0 0 10px var(--brand-blue-glow);}.particles span:nth-child(5){left:38%;animation-delay:-2s;animation-duration:17s;}.particles span:nth-child(6){left:46%;animation-delay:-8s;animation-duration:22s;}.particles span:nth-child(7){left:54%;animation-delay:-4s;animation-duration:15s;background:var(--brand-blue);box-shadow:0 0 10px var(--brand-blue-glow);}.particles span:nth-child(8){left:62%;animation-delay:-10s;animation-duration:19s;}.particles span:nth-child(9){left:70%;animation-delay:-1s;animation-duration:21s;}.particles span:nth-child(10){left:78%;animation-delay:-6s;animation-duration:16s;background:var(--brand-blue);box-shadow:0 0 10px var(--brand-blue-glow);}.particles span:nth-child(11){left:86%;animation-delay:-9s;animation-duration:18s;}.particles span:nth-child(12){left:94%;animation-delay:-5s;animation-duration:14s;}@keyframes particle-float{0%{transform:translateY(110vh) scale(0.5);opacity:0;}10%{opacity:0.6;}90%{opacity:0.6;}100%{transform:translateY(-10vh) scale(1.2);opacity:0;}}@media (prefers-reduced-motion:reduce){.particles{display:none;}}.live-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff5c5c;margin-right:6px;vertical-align:1px;position:relative;}.live-pulse::after{content:"";position:absolute;inset:-3px;border-radius:50%;background:rgba(255,92,92,0.4);animation:live-pulse 1.6s ease-out infinite;}@keyframes live-pulse{0%{transform:scale(0.8);opacity:1;}100%{transform:scale(2.4);opacity:0;}}.hero-glow{animation:drift 20s var(--ease) infinite alternate,hue-shift 16s ease-in-out infinite;}@keyframes hue-shift{0%,100%{filter:blur(80px) hue-rotate(0deg);}50%{filter:blur(80px) hue-rotate(15deg);}}.brand-mark{animation:mark-pulse 4s ease-in-out infinite;}@keyframes mark-pulse{0%,100%{box-shadow:0 4px 14px -4px var(--brand-blue-glow),0 4px 14px -4px var(--accent-glow);}50%{box-shadow:0 4px 22px -4px var(--brand-blue-glow),0 4px 22px -4px var(--accent-glow);}}.project-card{transform-style:preserve-3d;will-change:transform;}.project-card .project-img,.project-card .project-body{transform:translateZ(0);transition:transform var(--t-med) var(--ease);}.project-card[data-tilt="active"] .project-img{transform:translateZ(20px);}.btn{will-change:transform;}.btn[data-magnetic="active"]{transition:transform 200ms cubic-bezier(0.2,0.8,0.2,1);}.counter{display:inline-block;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";min-width:0.6em;}[data-live],[data-live-ticker]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";}.blog-hero{padding:140px 0 60px;background:radial-gradient(ellipse 80% 60% at 70% 30%,var(--brand-blue-soft) 0%,transparent 60%),var(--bg-0);}.blog-hero-inner{max-width:720px;}.blog-hero h1{margin-bottom:20px;}.blog-hero p{font-size:clamp(17px,1.6vw,21px);color:var(--text-2);line-height:1.6;max-width:60ch;}.blog-filters{display:flex;gap:8px;margin:40px 0 24px;flex-wrap:wrap;}.blog-filter{padding:8px 16px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--bg-0);font-size:13px;color:var(--text-2);font-weight:500;cursor:pointer;transition:all var(--t-fast) var(--ease);}.blog-filter:hover{border-color:var(--accent);color:var(--accent-3);}.blog-filter.active{background:var(--text-0);color:var(--bg-0);border-color:var(--text-0);}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:80px;}@media (max-width:1024px){.article-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.article-grid{grid-template-columns:1fr;}}.article-card{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-0);border:1px solid var(--line);transition:all var(--t-med) var(--ease);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);color:inherit;}.article-card .img-wrap{aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-2);position:relative;}.article-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease);}.article-card:hover .img-wrap img{transform:scale(1.04);}.article-card .body{padding:24px 28px 28px;flex:1;display:flex;flex-direction:column;}.article-card .meta{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:0.06em;text-transform:uppercase;font-weight:500;}.article-card .meta .cat{color:var(--brand-blue-3);font-weight:700;}.article-card .meta .sep{color:var(--text-5);}.article-card h3{font-size:20px;font-weight:700;letter-spacing:-0.01em;line-height:1.3;margin:0 0 12px;color:var(--text-0);}.article-card p{font-size:14px;color:var(--text-3);line-height:1.55;margin:0 0 16px;flex:1;}.article-card .read-more{font-size:13px;color:var(--accent-3);font-weight:600;display:inline-flex;align-items:center;gap:6px;}.article-card:hover .read-more{color:var(--accent-2);}.article-card.featured{grid-column:1 / -1;display:grid;grid-template-columns:1.4fr 1fr;align-items:stretch;}@media (max-width:768px){.article-card.featured{grid-template-columns:1fr;}}.article-card.featured .img-wrap{aspect-ratio:auto;min-height:100%;}.article-card.featured .body{padding:48px;justify-content:center;}.article-card.featured h3{font-size:clamp(24px,3vw,36px);letter-spacing:-0.02em;margin-bottom:16px;}.article-card.featured p{font-size:16px;line-height:1.65;margin-bottom:24px;}.article-page{background:var(--bg-0);}.article-hero{padding:120px 0 40px;background:radial-gradient(ellipse 80% 60% at 70% 0%,var(--brand-blue-soft) 0%,transparent 60%),var(--bg-0);}.article-breadcrumbs{font-family:var(--font-mono);font-size:12px;color:var(--text-3);letter-spacing:0.04em;margin-bottom:20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.article-breadcrumbs a{color:var(--text-3);}.article-breadcrumbs a:hover{color:var(--accent-3);}.article-breadcrumbs .sep{color:var(--text-5);}.article-breadcrumbs .current{color:var(--text-1);font-weight:500;}.article-category{display:inline-block;padding:6px 14px;border-radius:var(--r-pill);background:var(--brand-blue-soft);color:var(--brand-blue-3);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:20px;}.article-title{font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-0.025em;line-height:1.1;margin:0 0 24px;max-width:22ch;color:var(--text-0);}.article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-3);}.article-meta .author{display:flex;align-items:center;gap:10px;}.article-meta .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--accent));color:#ffffff;display:grid;place-items:center;font-weight:700;font-size:14px;font-family:var(--font-display);}.article-meta .author strong{color:var(--text-1);font-weight:600;}.article-meta .sep{color:var(--text-5);}.article-cover{margin:40px 0 60px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);aspect-ratio:16 / 9;background:var(--bg-2);}.article-cover img{width:100%;height:100%;object-fit:cover;display:block;}.article-layout{display:grid;grid-template-columns:240px 1fr 240px;gap:48px;align-items:start;padding-bottom:80px;position:relative;}@media (max-width:1100px){.article-layout{grid-template-columns:1fr;}.article-toc,.article-share{display:none;}}.article-toc{position:sticky;top:100px;font-size:13px;}.article-toc h5{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-3);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line);}.article-toc ol{list-style:none;padding:0;margin:0;counter-reset:toc;}.article-toc li{counter-increment:toc;margin-bottom:12px;line-height:1.45;}.article-toc a{color:var(--text-2);display:flex;gap:8px;transition:color var(--t-fast) var(--ease);}.article-toc a::before{content:counter(toc,decimal-leading-zero);color:var(--text-4);font-family:var(--font-mono);font-size:11px;flex-shrink:0;padding-top:1px;}.article-toc a:hover{color:var(--accent-3);}.article-share{position:sticky;top:100px;display:flex;flex-direction:column;gap:8px;}.article-share h5{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-3);margin:0 0 12px;}.article-share a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg-0);font-size:13px;color:var(--text-2);transition:all var(--t-fast) var(--ease);}.article-share a:hover{border-color:var(--accent);color:var(--accent-3);background:var(--accent-soft);}.article-body{max-width:720px;font-size:17px;line-height:1.75;color:var(--text-1);}.article-body > * + *{margin-top:24px;}.article-body p{margin:0;color:var(--text-1);}.article-body p strong,.article-body strong{color:var(--text-0);font-weight:700;}.article-body h2{font-size:clamp(24px,2.5vw,30px);font-weight:700;letter-spacing:-0.02em;line-height:1.2;color:var(--text-0);margin-top:56px !important;scroll-margin-top:100px;padding-bottom:14px;border-bottom:1px solid var(--line);}.article-body h3{font-size:clamp(20px,2vw,22px);font-weight:700;letter-spacing:-0.01em;line-height:1.3;color:var(--text-0);margin-top:40px !important;}.article-body ol,.article-body ul{padding-left:24px;margin:0;}.article-body li{margin-bottom:12px;}.article-body li::marker{color:var(--accent-3);font-weight:700;}.article-body img{width:100%;border-radius:var(--r-md);border:1px solid var(--line);margin:32px 0;}.article-body figure{margin:32px 0;}.article-body figcaption{font-size:13px;color:var(--text-3);text-align:center;margin-top:12px;font-style:italic;}.article-body blockquote{margin:0;padding:20px 28px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--r-md) var(--r-md) 0;font-size:18px;line-height:1.6;color:var(--text-1);font-style:normal;}.article-body blockquote p{margin:0;}.callout{margin:32px 0;padding:24px 28px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--bg-1);display:flex;gap:16px;}.callout-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--brand-blue-soft);color:var(--brand-blue-3);display:grid;place-items:center;}.callout.tip .callout-icon{background:var(--accent-soft);color:var(--accent-3);}.callout.warn .callout-icon{background:rgba(255,181,71,0.15);color:#b87914;}.callout-body{flex:1;}.callout-body strong{display:block;margin-bottom:4px;color:var(--text-0);}.callout-body p{font-size:15px;line-height:1.6;margin:0;color:var(--text-2);}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0;}@media (max-width:600px){.proscons{grid-template-columns:1fr;}}.proscons > div{padding:24px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-0);}.proscons .pros{border-left:3px solid var(--accent);}.proscons .cons{border-left:3px solid #ff8a8a;}.proscons h4{font-size:14px;font-family:var(--font-mono);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-2);margin:0 0 14px;}.proscons .pros h4{color:var(--accent-3);}.proscons .cons h4{color:#d04545;}.proscons ul{list-style:none;padding:0;margin:0;font-size:14px;line-height:1.55;}.proscons li{padding:6px 0;display:flex;gap:10px;color:var(--text-1);margin-bottom:0;}.proscons li::before{flex-shrink:0;content:"";width:16px;height:16px;border-radius:50%;margin-top:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232E7D32'%3E%3Cpath d='M9 16.17l-3.88-3.88L3.7 13.7 9 19l11-11-1.41-1.41z'/%3E%3C/svg%3E");background-size:contain;}.proscons .cons li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d04545'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");}.article-cta{margin-top:60px;padding:40px;border-radius:var(--r-lg);background:radial-gradient(circle at 0% 0%,var(--accent-soft),transparent 50%),radial-gradient(circle at 100% 100%,var(--brand-blue-soft),transparent 50%),var(--bg-1);border:1px solid var(--line);text-align:center;}.article-cta h3{font-size:24px;font-weight:700;margin:0 0 12px;color:var(--text-0);}.article-cta p{color:var(--text-2);margin:0 0 24px;max-width:50ch;margin-left:auto;margin-right:auto;}.article-cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}.related-section{border-top:1px solid var(--line);padding:80px 0;background:var(--bg-1);}.related-section h3{font-size:14px;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-3);margin:0 0 32px;}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}@media (max-width:920px){.related-grid{grid-template-columns:1fr;}}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-1);padding:24px 0;}.marquee-track{display:flex;gap:60px;animation:marquee 28s linear infinite;white-space:nowrap;width:max-content;}.marquee-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--text-3);font-weight:600;letter-spacing:0.08em;}.marquee-item .sep{color:var(--text-5);}@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}@media (max-width