/* Szerviz a Helyszínen — premium static website, 2026 */
:root {
  --bg:#080d18; --bg2:#0d1422; --panel:#111b2d; --panel2:#152035;
  --line:rgba(214,235,255,.12); --line-bright:rgba(190,228,255,.24);
  --text:#f4f7ff; --muted:#9aa7ba; --acid:#b8ff72; --acid2:#d2ff96;
  --blue:#498aff; --cyan:#6bd7e7; --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --radius:22px; --max:1240px;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:100px}
body {margin:0; background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
::selection{background:var(--acid);color:#111a14}
a{color:inherit;text-decoration:none}
button{font:inherit}
button, a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:4px}
img,svg{display:block}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.container{width:min(calc(100% - 80px),var(--max));margin:0 auto}
.skip-link{position:fixed;z-index:1000;left:15px;top:-60px;padding:12px;background:var(--acid);color:#08101d}
.skip-link:focus{top:15px}
.topline{height:36px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;background:#b8ff72;color:#0a1911;font-size:10px;font-weight:850;letter-spacing:2px}
.live-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#14472b;box-shadow:0 0 0 4px rgba(20,71,43,.1);animation:breathe 2s ease-in-out infinite}
.topline-sep{opacity:.5;margin:0 3px}
.site-header{height:94px;position:sticky;top:0;z-index:80;background:rgba(8,13,24,.84);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:height .3s,background .3s}
.site-header.is-scrolled{height:78px;background:rgba(8,13,24,.96)}
.navbar{display:flex;align-items:center;justify-content:space-between;height:100%;gap:35px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.brand-mark{width:46px;height:46px;border:1px solid rgba(184,255,114,.34);border-radius:12px;display:grid;place-items:center;color:var(--acid);background:rgba(184,255,114,.055)}
.brand-mark svg{width:34px;height:34px}
.brand-text{display:flex;flex-direction:column;line-height:1.02;gap:5px}
.brand-text strong{font-size:23px;font-weight:950;letter-spacing:-1.3px}
.brand-period{color:var(--acid)}
.brand-text>span{font-size:9px;font-weight:800;color:#c9d7e7;letter-spacing:2.8px}
.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto}
.nav-links a{font-size:12px;font-weight:700;color:#bcc6d6;transition:color .2s}
.nav-links a:hover,.footer-links a:hover{color:var(--acid)}
.nav-call{display:flex;align-items:center;justify-content:center;gap:9px;color:#0c1615;background:var(--acid);padding:13px 20px;font-size:13px;font-weight:850;border-radius:9px;transition:transform .2s,background .2s;white-space:nowrap}
.nav-call .icon{height:16px;width:16px}
.nav-call:hover{transform:translateY(-2px);background:var(--acid2)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line-bright);color:white;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;cursor:pointer}
.menu-toggle .close-icon{display:none}

/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 35% 65% at 82% 36%,rgba(40,93,145,.18),transparent 90%),linear-gradient(135deg,#0c1322,#080d18 62%);border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 42% 58% at 10% 75%,rgba(45,78,142,.09),transparent 90%)}
.hero-grid-bg{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(to right,rgba(139,181,215,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(139,181,215,.045) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to right,transparent 0%,black 43%,black 100%);pointer-events:none}
.hero-content{min-height:660px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:25px;padding:72px 0 80px}
.hero-copy{position:relative;z-index:2}
.eyebrow,.section-kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--acid);margin:0 0 26px;display:flex;align-items:center;gap:12px}
.eyebrow{white-space:nowrap;font-size:10px;letter-spacing:1.6px}
.eyebrow-line{height:1px;width:27px;background:var(--acid)}
.eyebrow b{margin:0 2px;color:#e5eaf5}
.hero h1{font-size:clamp(47px,5.8vw,78px);line-height:.98;font-weight:980;letter-spacing:-4.4px;margin:0 0 27px;white-space:nowrap}
.text-outlined{-webkit-text-stroke:1.8px #d4e3ff;color:transparent}
.text-gradient{color:var(--acid);text-shadow:0 0 60px rgba(184,255,114,.14)}
.hero-lead{font-size:16px;line-height:1.9;max-width:510px;color:#b2bfd2;margin:0 0 30px}
.hero-lead strong{color:#f4f7ff;font-weight:780}
.hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.btn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 21px;border-radius:10px;font-weight:850;font-size:13px;transition:transform .2s,border-color .2s,background .2s;white-space:nowrap}
.btn:hover{transform:translateY(-3px)}
.btn-primary{background:var(--acid);color:#0d1b16;box-shadow:0 0 48px rgba(184,255,114,.12)}
.btn-primary:hover{background:var(--acid2)}
.btn-outline{background:rgba(255,255,255,.025);border:1px solid rgba(225,240,255,.23);color:#f0f4fb}
.btn-outline:hover{border-color:var(--acid);background:rgba(184,255,114,.06)}
.btn .icon{width:17px;height:17px}
.btn .icon-trailing{margin-left:4px}
.hero-proof{display:flex;flex-wrap:wrap;gap:23px;margin-top:35px}
.proof-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#b7c3d1;font-weight:650}
.proof-icon{width:20px;height:20px;display:grid;place-items:center;background:rgba(184,255,114,.10);color:var(--acid);border-radius:50%}
.proof-icon .icon{width:12px;height:12px;stroke-width:3}
.hero-visual{height:535px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;perspective:1300px}
.visual-halo{position:absolute;width:600px;height:500px;left:-20px;top:22px;background:radial-gradient(ellipse,rgba(65,121,252,.14) 0,rgba(28,54,91,.06) 48%,transparent 70%);filter:blur(4px)}
.orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.orb-one{width:250px;height:250px;border:1px solid rgba(90,150,255,.13);right:0;top:30px;box-shadow:inset 0 0 100px rgba(58,111,220,.035)}
.orb-two{width:390px;height:390px;border:1px dashed rgba(112,150,196,.1);top:70px;right:45px;transform:rotate(25deg)}
.device-wrap{position:relative;width:560px;max-width:115%;transform:perspective(1000px) rotateY(-8deg) rotateX(4deg) translate(0,3px);transform-style:preserve-3d;filter:drop-shadow(0 45px 42px rgba(0,0,0,.38));animation:floatDevice 8s ease-in-out infinite}
.laptop-screen{position:relative;background:#080f1c;border:8px solid #243247;border-bottom-width:13px;border-radius:14px 14px 5px 5px;box-shadow:inset 0 0 0 1px #556377,0 0 0 1px #070b12,0 30px 90px rgba(45,112,203,.1);aspect-ratio:1.43;padding:8px;overflow:hidden}
.screen-camera{position:absolute;z-index:3;width:5px;height:5px;background:#49637a;top:1px;left:50%;border-radius:50%}
.screen-inner{height:100%;position:relative;background:radial-gradient(ellipse at 58% 57%,rgba(25,89,146,.24),transparent 65%),linear-gradient(125deg,#0a182b,#0c1220);border:1px solid rgba(116,188,240,.11);overflow:hidden}
.screen-inner::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(118,180,224,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(118,180,224,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to right,transparent,black)}
.screen-top{position:relative;z-index:1;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(127,176,220,.14)}
.screen-logo{font-size:12px;letter-spacing:2px;font-weight:900;display:flex;align-items:center;gap:7px;color:#e9f6ff}
.screen-logo>span:last-child{color:var(--acid)}
.mini-mark{width:13px;height:13px;border:2px solid var(--acid);border-radius:3px;transform:rotate(45deg)}
.screen-right{font-size:7px;color:#7897b5;letter-spacing:1px;display:flex;align-items:center;gap:8px}
.screen-right i{width:5px;height:5px;background:var(--acid);box-shadow:0 0 9px var(--acid);border-radius:50%}
.screen-body{height:calc(100% - 91px);display:grid;grid-template-columns:1.2fr .85fr;align-items:center;padding:8px 20px;position:relative;z-index:1}
.scan-symbol{width:220px;height:220px;position:relative;display:grid;place-items:center;left:0}
.scan-circle{position:absolute;border:1px solid rgba(106,182,241,.18);border-radius:50%;display:block}
.scan-circle.c1{width:220px;height:220px;border-style:dashed;animation:slowSpin 28s linear infinite}
.scan-circle.c2{width:172px;height:172px;border-color:rgba(137,229,255,.3);border-top-color:var(--acid);animation:slowSpin 9s linear infinite reverse}
.scan-circle.c3{width:116px;height:116px;border-color:rgba(74,137,244,.35);box-shadow:0 0 50px rgba(72,135,239,.11)}
.scan-core{width:78px;height:78px;display:grid;place-items:center;color:var(--acid);border:1px solid rgba(184,255,114,.35);border-radius:22px;background:linear-gradient(135deg,#1d3b52,#111c30);box-shadow:inset 0 0 30px rgba(184,255,114,.07),0 0 45px rgba(62,131,255,.12)}
.scan-core .icon{height:33px;width:33px;stroke-width:1.2}
.scan-dot{position:absolute;width:6px;height:6px;background:var(--acid);box-shadow:0 0 13px var(--acid);border-radius:50%}
.scan-dot.s1{top:44px;left:30px}.scan-dot.s2{right:32px;bottom:39px;background:#68c8f6}
.screen-words>span{font-size:8px;letter-spacing:1.5px;color:var(--acid)}
.screen-words>strong{font-size:32px;line-height:1.07;letter-spacing:-1.4px;font-weight:950;display:block;margin:15px 0 11px}
.screen-words>strong em{font-style:normal;color:var(--acid)}
.screen-mini-desc{font-size:7px;line-height:2.4;letter-spacing:1px;color:#8ba7c2}
.screen-footer{position:absolute;bottom:0;width:100%;border-top:1px solid rgba(144,190,229,.13);height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:7px;font-weight:700;letter-spacing:1px;color:#8aa7b8}
.screen-footer>div:first-child{display:flex;align-items:center;gap:7px}.small-circle{width:5px;height:5px;border-radius:50%;background:var(--acid)}
.tiny-bars{height:11px;display:flex;gap:3px;align-items:end}.tiny-bars i{width:3px;background:var(--acid);opacity:.7}.tiny-bars i:nth-child(1){height:35%}.tiny-bars i:nth-child(2){height:80%}.tiny-bars i:nth-child(3){height:55%}.tiny-bars i:nth-child(4){height:100%}.tiny-bars i:nth-child(5){height:70%}.tiny-bars i:nth-child(6){height:48%}
.laptop-base{height:17px;background:linear-gradient(to bottom,#8496ad,#4d617b 50%,#293a4e 85%);margin:-1px -25px 0;border-radius:3px 3px 48% 48% / 3px 3px 80% 80%;position:relative;box-shadow:0 9px 0 #1c283b}
.laptop-indent{height:5px;width:120px;margin:0 auto;background:#24364e;border-radius:0 0 9px 9px}
.floating-label{position:absolute;z-index:5;border:1px solid rgba(191,231,255,.23);background:rgba(15,28,46,.9);box-shadow:0 16px 50px rgba(0,0,0,.25);backdrop-filter:blur(14px);border-radius:12px;display:flex;align-items:center}
.label-top{top:67px;right:-15px;padding:14px 15px;gap:12px;animation:floatLabel 5s ease-in-out infinite}
.glowing-mini{width:38px;height:38px;background:rgba(184,255,114,.1);border-radius:9px;color:var(--acid);display:grid;place-items:center}
.glowing-mini .icon{width:21px;height:21px}
.label-top>span:nth-child(2){font-size:8px;line-height:1.6;color:#aac0d0;letter-spacing:1px}.label-top strong{color:#f8fff1;font-size:10px}
.label-check{background:var(--acid);color:#101a16;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;margin-left:6px}
.label-bottom{bottom:64px;left:-14px;padding:12px 17px;gap:12px;animation:floatLabel 6s ease-in-out infinite reverse}
.float-arrow{font-size:26px;color:var(--acid)}.label-bottom>span:nth-child(2){font-size:10px;line-height:1.65;color:#b3c4d2;letter-spacing:1px}.label-bottom b{color:#fff;font-weight:900}
.mini-squares{color:var(--acid);font-size:5px;line-height:1.4;margin-left:11px;letter-spacing:3px}
.visual-caption{position:absolute;bottom:1px;right:9px;font-size:9px;letter-spacing:2px;color:#56728d;font-weight:800}.visual-caption span{color:var(--acid);margin:0 5px}
.hero-bottom-line{border-top:1px solid rgba(255,255,255,.065);height:66px;display:flex;align-items:center}
.hero-bottom-content{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;font-weight:800;color:#78899f}
.scroll-hint{color:#dae6f0}.scroll-hint span{color:var(--acid);margin-left:16px;font-size:16px}

/* Category ribbon */
.tech-strip{height:76px;background:#101a2a;border-bottom:1px solid var(--line);overflow:hidden;display:flex;align-items:center}
.strip-inner{width:min(calc(100% - 80px),var(--max));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;white-space:nowrap}
.strip-inner>span{font-size:11px;font-weight:900;letter-spacing:1px;color:#a9bad0}
.strip-plus{font-size:17px;color:var(--acid);margin-right:9px;font-weight:400}

/* Shared */
.section{padding:120px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:54px}
.section-heading h2,.area-copy h2,.faq-intro h2,.process-heading h2{font-size:clamp(36px,4.5vw,60px);letter-spacing:-2.4px;line-height:1.08;margin:0;font-weight:930}
.section-kicker{font-size:10px;color:#d5dcec;letter-spacing:1.8px;gap:11px;margin:0 0 22px}
.section-kicker span{color:var(--acid)}
.muted-heading{color:#8190a5}
.heading-aside{font-size:15px;color:#a0aec1;line-height:1.9;max-width:335px;margin:0 0 4px}

/* Service cards */
.services{background:#080d18;position:relative;overflow:hidden}
.services:before{content:"";position:absolute;left:-25%;top:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(55,100,183,.08),transparent 70%);pointer-events:none}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.service-card{min-height:320px;border:1px solid rgba(230,242,255,.1);background:linear-gradient(150deg,#111b2b,#0d1625);border-radius:15px;padding:28px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.service-card:hover{transform:translateY(-6px);border-color:rgba(184,255,114,.4);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.service-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0%,rgba(69,115,193,.12),transparent 55%)}
.service-featured{background:linear-gradient(145deg,#253b33 0%,#152323 62%,#111c21);border-color:rgba(184,255,114,.42)}
.service-featured:before{background:radial-gradient(ellipse at 90% 0%,rgba(184,255,114,.16),transparent 60%)}
.card-index{font-size:9px;font-weight:800;color:#8699aa;letter-spacing:1.6px;position:absolute;top:28px;right:25px}
.service-icon{width:55px;height:55px;display:grid;place-items:center;color:var(--acid);background:rgba(184,255,114,.07);border:1px solid rgba(184,255,114,.15);border-radius:12px;margin-bottom:28px}
.service-icon .icon{width:27px;height:27px;stroke-width:1.5}
.service-card h3{font-size:27px;line-height:1.14;letter-spacing:-.8px;margin:0 0 15px;font-weight:850}
.service-card p{font-size:13px;line-height:1.8;color:#a3b2c4;margin:0 0 26px;max-width:330px}
.card-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a9bbcd;font-size:11px;font-weight:700}
.card-bottom .icon{width:17px;color:var(--acid)}
.services-extra{margin-top:20px;padding:22px 25px;border:1px solid rgba(214,235,255,.12);background:#111a29;border-radius:12px;display:flex;gap:15px;align-items:center}
.services-extra>.icon{color:var(--acid);width:26px;height:26px}
.services-extra>span{font-size:13px;color:#a4b3c4;line-height:1.7;flex:1}
.services-extra strong{color:#e3edf8;font-weight:730}
.services-extra>a{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--acid);font-size:12px;font-weight:850}
.services-extra>a .icon{height:15px;width:15px}

/* Statement */
.statement-section{background:#131e2d;padding:125px 0;position:relative;overflow:hidden}
.statement-section:after{content:"";position:absolute;bottom:-250px;left:0;width:700px;height:600px;background:radial-gradient(ellipse,rgba(53,93,169,.15),transparent 70%);pointer-events:none}
.statement-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;align-items:start;position:relative;z-index:1}
.statement-left h2{font-size:clamp(45px,5.7vw,78px);line-height:1.04;letter-spacing:-3.6px;margin:0 0 35px;font-weight:950}
.statement-left h2 em{font-style:normal;color:var(--acid)}
.statement-left>p:not(.section-kicker){font-size:16px;color:#bac7d5;line-height:1.95;max-width:475px;margin:0 0 38px}
.text-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:800;color:var(--acid);border-bottom:1px solid rgba(184,255,114,.5);padding-bottom:10px}
.text-link .icon{width:17px}
.statement-right{padding-top:30px}
.feature-big-number{font-size:clamp(100px,11vw,174px);letter-spacing:-12px;line-height:.85;font-weight:950;color:#f0f7ff}
.feature-big-number span{font-size:.48em;letter-spacing:-10px;color:var(--acid);vertical-align:top;padding:7px 0 0 6px;display:inline-block}
.feature-big-label{letter-spacing:3px;font-size:12px;font-weight:900;line-height:1.9;color:var(--acid);margin:20px 0 38px}
.feature-separator{height:1px;background:rgba(235,245,255,.14);margin-bottom:36px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 28px}
.why-grid .icon{width:23px;height:23px;color:var(--acid);margin-bottom:13px}
.why-grid h3{margin:0 0 9px;font-size:15px;font-weight:850}
.why-grid p{margin:0;font-size:12px;color:#a9b7c6;line-height:1.75}

/* Audience */
.audience-section{background:#080d18}
.compact-heading{margin-bottom:47px}
.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.audience-card{border-radius:18px;border:1px solid rgba(234,244,255,.15);padding:47px;min-height:460px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.home-card{background:linear-gradient(140deg,#182a39,#101c29 63%,#101b28)}
.company-card{background:linear-gradient(140deg,#182829,#111e23 63%,#101b23)}
.audience-bg-letter{position:absolute;right:-19px;top:-85px;font-size:375px;font-weight:950;color:rgba(255,255,255,.026);pointer-events:none;line-height:1}
.audience-tag{z-index:1;align-self:flex-start;font-size:10px;letter-spacing:1.4px;color:var(--acid);font-weight:850;margin-bottom:32px}
.audience-card h3{position:relative;margin:0 0 20px;font-weight:900;font-size:clamp(30px,3vw,41px);line-height:1.15;letter-spacing:-1.5px}
.audience-card h3 em{font-style:normal;color:var(--acid)}
.audience-card>p{position:relative;font-size:13px;line-height:1.85;color:#aebecd;max-width:415px;margin:0 0 24px}
.audience-card ul{list-style:none;display:grid;gap:10px;padding:0;margin:0 0 29px;position:relative}
.audience-card li{display:flex;gap:10px;align-items:center;font-size:12px;color:#c6d4e1;font-weight:650}
.audience-card li .icon{color:var(--acid);width:14px;height:14px;stroke-width:2.5}
.audience-card>a{align-self:flex-start;display:flex;align-items:center;gap:11px;color:var(--acid);font-size:13px;font-weight:850;margin-top:auto;padding-top:4px;position:relative}
.audience-card>a .icon{width:16px}

/* Process */
.process-section{padding:120px 0 130px;background:#111b2b}
.process-heading{margin-bottom:66px}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.process-step{position:relative;padding-right:42px}
.step-line{display:flex;align-items:center;width:100%;height:58px;position:relative;margin-bottom:20px}
.step-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(184,255,114,.22)}
.process-step:last-child .step-line:before{right:50%}
.step-number{position:relative;z-index:1;border-radius:50%;width:57px;height:57px;border:1px solid rgba(184,255,114,.48);background:#182e2d;color:var(--acid);display:grid;place-items:center;font-size:17px;font-weight:850;letter-spacing:-.3px}
.step-dot{width:6px;height:6px;border-radius:50%;background:var(--acid);position:absolute;right:0;top:calc(50% - 3px)}
.process-step:last-child .step-dot{display:none}
.step-inner>.icon{color:#7390af;width:24px;height:24px;margin-bottom:20px}
.step-inner h3{font-size:25px;letter-spacing:-.5px;margin:0 0 13px;font-weight:900}
.step-inner p{font-size:13px;line-height:1.8;color:#9eacbe;max-width:290px;margin:0}

/* Area */
.area-section{background:#080d18;overflow:hidden}
.area-layout{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}
.area-copy h2{margin-bottom:26px}
.area-copy>p:not(.section-kicker){max-width:510px;color:#acbbcc;line-height:1.95;font-size:15px;margin:0 0 28px}
.location-pills{display:flex;flex-wrap:wrap;gap:9px;max-width:540px}
.location-pills span{display:inline-block;border:1px solid rgba(218,240,255,.2);background:#111a29;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:700;color:#d6e3ed}
.location-pills span:first-child{color:var(--acid);border-color:rgba(184,255,114,.36)}
.area-art{height:450px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,rgba(47,100,149,.1),transparent 64%)}
.area-rings{position:relative;display:grid;place-items:center;width:420px;height:420px}
.area-rings>i{position:absolute;border:1px solid rgba(147,197,234,.14);border-radius:50%}
.area-rings>i:nth-child(1){height:110px;width:110px;border-color:rgba(184,255,114,.25)}
.area-rings>i:nth-child(2){height:210px;width:210px}
.area-rings>i:nth-child(3){height:315px;width:315px;border-style:dashed}
.area-rings>i:nth-child(4){height:410px;width:410px;border-color:rgba(147,197,234,.09)}
.area-rings:before,.area-rings:after{content:"";position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(159,204,247,.13),transparent)}
.area-rings:after{transform:rotate(90deg)}
.area-center{position:relative;z-index:2;height:99px;width:99px;background:#1b302e;border:1px solid rgba(184,255,114,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 55px rgba(184,255,114,.065)}
.area-center .icon{width:21px;height:21px;color:var(--acid);margin-bottom:5px}
.area-center b{font-size:10px;letter-spacing:1px;color:#eaffdf}
.area-center small{font-size:8px;color:#81a99a;margin-top:3px}
.area-node{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 7px rgba(184,255,114,.06),0 0 22px rgba(184,255,114,.5)}
.node-a{left:105px;top:79px}.node-b{right:32px;top:229px}.node-c{left:80px;bottom:71px}
.area-coords{position:absolute;bottom:0;font-size:10px;letter-spacing:2px;font-weight:750;color:#6d879a}

/* FAQ */
.faq-section{background:#111b2b;padding:120px 0}
.faq-layout{display:grid;grid-template-columns:.74fr 1.26fr;gap:100px;align-items:start}
.faq-intro h2{margin-bottom:25px}
.faq-intro>p:not(.section-kicker){font-size:14px;color:#a8b8c9;line-height:1.95;max-width:300px;margin:0}
.faq-list{border-top:1px solid rgba(215,236,255,.18)}
.faq-list details{border-bottom:1px solid rgba(215,236,255,.18)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;cursor:pointer;font-weight:760;font-size:15px;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:6px;border:1px solid rgba(218,239,255,.17);color:var(--acid);transition:transform .25s,background .25s}
.faq-list details[open] summary>span{transform:rotate(45deg);background:rgba(184,255,114,.1)}
.faq-list summary>span .icon{width:16px;height:16px}
.faq-list details>p{font-size:13px;line-height:1.95;color:#b2bfd0;max-width:600px;margin:0 0 26px;padding-right:36px}

/* CTA */
.cta-section{padding:100px 0 110px;background:#080d18}
.cta-frame{min-height:505px;border-radius:23px;background:linear-gradient(115deg,#273e32 0%,#20362d 49%,#132820 100%);border:1px solid rgba(184,255,114,.35);padding:65px 75px;position:relative;overflow:hidden;display:flex;align-items:center}
.cta-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(184,255,114,.045) 1px,transparent 1px);background-size:10px 10px;opacity:.45}
.cta-noise{position:absolute;inset:0;background:radial-gradient(circle at 80% 44%,rgba(184,255,114,.16),transparent 36%)}
.cta-content{position:relative;z-index:3}
.cta-content .section-kicker{color:#e3eed8}
.cta-content .section-kicker span{color:var(--acid)}
.cta-content h2{font-size:clamp(44px,5.4vw,72px);font-weight:950;line-height:1.04;letter-spacing:-3px;margin:0 0 20px}
.cta-content h2 span{color:var(--acid)}
.cta-content>p:not(.section-kicker){font-size:16px;color:#b7cebf;margin:0 0 27px}
.cta-number{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 18px 15px 23px;background:var(--acid);color:#102016;font-size:23px;font-weight:900;border-radius:10px;letter-spacing:-.8px;transition:transform .2s,background .2s}
.cta-number:hover{transform:translateY(-3px);background:#d2ffa3}
.cta-number .icon{height:22px;width:22px}
.cta-note{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#9dbbaa;margin-top:21px}
.cta-note .live-dot{background:var(--acid)}
.cta-decor{position:absolute;width:540px;height:540px;right:10px;top:-15px;display:grid;place-items:center;pointer-events:none}
.cta-ring{position:absolute;border:1px solid rgba(184,255,114,.17);border-radius:50%}
.cta-ring.r1{width:220px;height:220px;border-color:rgba(184,255,114,.28)}
.cta-ring.r2{width:370px;height:370px;border-style:dashed}
.cta-ring.r3{width:530px;height:530px}
.cta-icon{width:125px;height:125px;border:1px solid rgba(184,255,114,.43);border-radius:40px;background:rgba(184,255,114,.09);color:var(--acid);display:grid;place-items:center;transform:rotate(-15deg);box-shadow:0 0 90px rgba(184,255,114,.13)}
.cta-icon .icon{width:65px;height:65px;stroke-width:1.2;transform:rotate(15deg)}

/* Footer */
.site-footer{background:#0c1420;border-top:1px solid var(--line);padding:65px 0 25px}
.footer-top{display:grid;grid-template-columns:1.4fr .7fr .85fr .9fr;gap:45px;padding-bottom:70px}
.footer-brand>p{font-size:12px;color:#8da2b6;line-height:1.9;margin:23px 0 0}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-links h3{font-size:10px;letter-spacing:1.8px;color:var(--acid);font-weight:850;margin:0 0 10px}
.footer-links a,.footer-links span,.footer-links p{font-size:12px;color:#a7b7ca;transition:color .2s;margin:0;line-height:1.65}
.footer-links .footer-phone{font-size:15px;color:#fff;font-weight:800}
.footer-links a:has(.icon){display:flex;align-items:center;gap:7px;color:#dce8f2}
.footer-links a .icon{height:15px;width:15px}
.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#71869c;font-size:10px;letter-spacing:.4px}
.footer-bottom a{color:var(--acid);font-weight:700}
.mobile-call{display:none}

/* Entrance animations, progressive enhancement */
.will-reveal{opacity:1;transform:none}
.will-reveal.revealed{animation:revealIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes revealIn{from{opacity:.7;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes breathe{0%,100%{box-shadow:0 0 0 3px rgba(20,71,43,.1)}50%{box-shadow:0 0 0 6px rgba(20,71,43,.13)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes floatDevice{0%,100%{transform:perspective(1000px) rotateY(-8deg) rotateX(4deg) translateY(2px)}50%{transform:perspective(1000px) rotateY(-8deg) rotateX(4deg) translateY(-10px)}}
@keyframes floatLabel{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Responsive */
@media (max-width:1160px){
 .container{width:min(calc(100% - 56px),var(--max))}
 .nav-links{gap:18px}.nav-links a{font-size:11px}
 .hero-content{grid-template-columns:1fr .96fr;gap:5px}
 .hero h1{font-size:clamp(46px,5.5vw,68px);letter-spacing:-3.5px}
 .device-wrap{width:520px;max-width:124%}
 .label-top{right:-10px}.label-bottom{left:-10px}
 .statement-layout{gap:60px}.faq-layout{gap:65px}
 .cta-decor{right:-95px}
 .strip-inner{width:calc(100% - 56px)}
}
@media (max-width:920px){
 .topline{font-size:9px;letter-spacing:1px}
 .navbar{gap:17px}.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;padding:18px 28px 28px;background:#0e1727;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid rgba(184,255,114,.22);box-shadow:0 24px 36px rgba(0,0,0,.4)}
 .nav-links.is-open{display:flex}
 .nav-links a{padding:16px 0;font-size:14px;border-bottom:1px solid var(--line)}
 .nav-call{margin-left:auto}.menu-toggle{display:flex}
 .menu-toggle[aria-expanded="true"] .menu-icon{display:none}.menu-toggle[aria-expanded="true"] .close-icon{display:block}
 .hero-content{grid-template-columns:1fr;gap:0;padding-top:80px;padding-bottom:60px}
 .hero h1{font-size:clamp(52px,9vw,85px)}
 .hero-lead{max-width:610px}
 .hero-visual{height:500px;max-width:630px;width:100%;margin:0 auto}
 .device-wrap{width:520px;max-width:88%}
 .label-top{right:4%}.label-bottom{left:2%}
 .strip-inner{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:32px}.strip-inner::-webkit-scrollbar{display:none}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .statement-layout{grid-template-columns:1fr;gap:42px}.statement-right{padding:0}.feature-big-number{font-size:140px}
 .audience-card{padding:32px}
 .area-layout{grid-template-columns:1fr;gap:10px}.area-art{height:400px}
 .faq-layout{grid-template-columns:1fr;gap:30px}
 .faq-intro>p:not(.section-kicker){max-width:620px}
 .cta-decor{right:-250px;opacity:.55}
 .footer-top{grid-template-columns:repeat(2,1fr);gap:45px}
}
@media (max-width:640px){
 :root{--radius:16px}
 .container{width:calc(100% - 36px)}
 .topline{height:31px;font-size:8px;gap:6px;letter-spacing:.7px;padding:0 7px}.topline-sep{display:none}.topline .live-dot{width:5px;height:5px}
 .site-header,.site-header.is-scrolled{height:70px}
 .brand-mark{height:39px;width:39px;border-radius:10px}.brand-mark svg{width:28px;height:28px}
 .brand-text strong{font-size:20px}.brand-text>span{font-size:7.5px;letter-spacing:2.5px}
 .nav-call{display:none}
 .menu-toggle{height:39px;width:39px}
 .hero-content{padding:64px 0 26px}
 .eyebrow{font-size:9px;letter-spacing:1.1px;gap:8px;margin-bottom:24px;white-space:normal}.eyebrow-line{width:15px;flex-shrink:0}
 .hero h1{font-size:clamp(41px,10.2vw,66px);letter-spacing:-2.4px;margin-bottom:24px}
 .text-outlined{-webkit-text-stroke:1.1px #d4e3ff}
 .hero-lead{font-size:14px;line-height:1.8;margin-bottom:25px}
 .hero-actions{gap:10px}.btn{min-height:51px;font-size:12px;padding:0 15px;flex:1 1 100%}.btn-outline{max-width:100%}
 .hero-proof{gap:14px;margin-top:23px}.proof-item{font-size:10px}
 .hero-visual{height:340px;width:100%;margin-top:21px;margin-bottom:0}
 .visual-halo{width:340px;height:330px;left:0;top:0}
 .device-wrap{width:365px;max-width:93%}
 .laptop-screen{border-width:5px;border-bottom-width:9px;border-radius:9px 9px 2px 2px;padding:5px}
 .screen-top{padding:9px 10px}.screen-logo{font-size:8px;letter-spacing:1.3px;gap:5px}.mini-mark{width:9px;height:9px;border-width:1.5px}.screen-right{font-size:5px;letter-spacing:0}
 .screen-body{height:calc(100% - 54px);padding:3px 8px}
 .scan-symbol{height:155px;width:155px}.scan-circle.c1{height:155px;width:155px}.scan-circle.c2{height:123px;width:123px}.scan-circle.c3{height:84px;width:84px}.scan-core{width:53px;height:53px;border-radius:15px}.scan-core .icon{width:23px;height:23px}
 .scan-dot.s1{top:24px;left:23px}.scan-dot.s2{bottom:23px;right:24px}
 .screen-words>span{font-size:5px;letter-spacing:.7px}.screen-words>strong{font-size:22px;letter-spacing:-1px;margin:8px 0}.screen-mini-desc{font-size:4.8px;letter-spacing:.2px}
 .screen-footer{height:24px;padding:0 9px;font-size:5px}.tiny-bars{height:8px}.laptop-base{height:12px;margin-left:-16px;margin-right:-16px;box-shadow:0 6px 0 #1c283b}.laptop-indent{height:4px;width:75px}
 .label-top{top:35px;right:-3px;padding:8px;gap:6px;border-radius:8px}.glowing-mini{height:26px;width:26px;border-radius:6px}.glowing-mini .icon{width:15px;height:15px}.label-top>span:nth-child(2){font-size:5.4px}.label-top strong{font-size:7px}.label-check{width:14px;height:14px;font-size:8px;margin-left:1px}
 .label-bottom{left:-1px;bottom:37px;padding:7px 11px;gap:7px;border-radius:8px}.float-arrow{font-size:18px}.label-bottom>span:nth-child(2){font-size:7px}.mini-squares{font-size:4px;margin-left:1px}
 .visual-caption{font-size:6px;bottom:9px;right:8px;letter-spacing:1.1px}
 .orb-one{width:175px;height:175px;top:15px}.orb-two{width:240px;height:240px;right:0}
 .hero-bottom-line{height:48px}.hero-bottom-content{font-size:8px;letter-spacing:.7px}.scroll-hint{display:none}
 .tech-strip{height:58px}.strip-inner{width:calc(100% - 36px);gap:29px}.strip-inner>span{font-size:10px}.strip-plus{margin-right:7px}
 .section{padding:75px 0}
 .section-heading{display:block;margin-bottom:32px}.section-heading h2,.area-copy h2,.faq-intro h2{font-size:38px;letter-spacing:-1.5px}
 .section-kicker{font-size:9px;margin-bottom:19px}
 .heading-aside{font-size:13px;margin-top:18px;max-width:550px}
 .service-grid{grid-template-columns:1fr;gap:12px}
 .service-card{min-height:260px;padding:25px}
 .service-icon{height:49px;width:49px;margin-bottom:21px}.service-icon .icon{height:25px;width:25px}
 .service-card h3{font-size:25px;margin-bottom:12px}.service-card p{font-size:12px;margin-bottom:16px}
 .services-extra{align-items:flex-start;flex-wrap:wrap;padding:20px}.services-extra>span{flex-basis:calc(100% - 50px);font-size:12px}.services-extra>a{margin-left:41px}
 .statement-section{padding:82px 0}
 .statement-left h2{font-size:clamp(46px,11vw,70px);letter-spacing:-2.5px;margin-bottom:25px}
 .statement-left>p:not(.section-kicker){font-size:14px;margin-bottom:26px}
 .statement-layout{gap:42px}.feature-big-number{font-size:125px;letter-spacing:-8px}.feature-big-label{font-size:10px;margin:12px 0 27px}.feature-separator{margin-bottom:25px}
 .why-grid{gap:25px 17px}.why-grid h3{font-size:12px}.why-grid p{font-size:11px}
 .audience-grid{grid-template-columns:1fr;gap:13px}.audience-card{padding:28px;min-height:440px}
 .audience-tag{margin-bottom:23px}.audience-card h3{font-size:32px}.audience-card>p{font-size:12px}
 .process-section{padding:80px 0}.process-heading{margin-bottom:27px}.process-grid{grid-template-columns:1fr;gap:15px}
 .process-step{display:grid;grid-template-columns:62px 1fr;gap:8px;padding:0;min-height:150px}
 .step-line{height:auto;width:55px;margin:0;align-items:flex-start}.step-line:before{top:57px;left:27px;bottom:-16px;right:auto;height:auto;width:1px}.process-step:last-child .step-line:before{display:none}.step-number{height:54px;width:54px;font-size:15px}.step-dot{display:none}
 .step-inner>.icon{width:19px;height:19px;margin-bottom:11px}.step-inner h3{font-size:21px;margin-bottom:9px}.step-inner p{font-size:12px}
 .area-copy h2{font-size:37px}.area-copy>p:not(.section-kicker){font-size:13px}.location-pills{gap:8px}.location-pills span{font-size:11px;padding:9px 10px}
 .area-art{height:350px;margin-top:12px}.area-rings{transform:scale(.78)}.area-coords{bottom:3px}
 .faq-section{padding:80px 0}.faq-intro h2{font-size:41px}.faq-intro>p:not(.section-kicker){font-size:13px}
 .faq-list summary{font-size:13px;padding:21px 0}.faq-list details>p{font-size:12px}
 .cta-section{padding:60px 0 80px}.cta-frame{min-height:450px;padding:40px 25px}.cta-content h2{font-size:clamp(40px,10vw,60px);letter-spacing:-2px}.cta-content>p:not(.section-kicker){font-size:13px;max-width:280px}
 .cta-number{font-size:20px;gap:14px;padding:14px 14px}.cta-number .icon{width:18px}.cta-note{font-size:7.5px;letter-spacing:.6px}
 .cta-decor{opacity:.22;right:-310px}
 .site-footer{padding:50px 0 100px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 20px;padding-bottom:40px}.footer-brand{grid-column:1/-1}.footer-links h3{font-size:9px}.footer-links a,.footer-links span,.footer-links p{font-size:11px}.footer-links .footer-phone{font-size:13px}
 .footer-bottom{display:flex;flex-wrap:wrap;gap:10px;line-height:1.7;font-size:9px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-left:auto}
 .mobile-call{position:fixed;z-index:75;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:11px;background:var(--acid);color:#0d1a15;box-shadow:0 8px 34px rgba(0,0,0,.47);font-size:12px;font-weight:900;letter-spacing:.6px;padding:16px 19px;border:1px solid rgba(255,255,255,.15)}
 .mobile-call .icon{width:17px;height:17px}
}
@media (max-width:370px){
 .hero h1{font-size:39px}
 .brand-text strong{font-size:18px}
 .topline{font-size:7px}
 .hero-visual{height:290px}.device-wrap{width:340px}.area-rings{transform:scale(.7)}
 .cta-number{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .will-reveal{opacity:1;transform:none}
}


/* SEO 2026: egyértelmű 'A Számítógépes' márkajelzés és helyi szolgáltatási oldalak. */
.brand-text strong {font-size:20px;letter-spacing:-.9px;white-space:nowrap}
.brand-text>span {letter-spacing:1.5px;font-size:8px}
.hero h1 {font-size:clamp(42px,4.65vw,67px);letter-spacing:-2.7px;line-height:1.055;white-space:normal}
.hero-h1-last {font-size:.94em}
.seo-guides{background:#0c1422;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.guide-card{display:flex;flex-direction:column;min-height:285px;gap:15px;padding:28px 25px;border:1px solid rgba(196,232,255,.16);background:linear-gradient(150deg,#18273b,#111a29);border-radius:18px;transition:transform .24s,border-color .24s,background .24s}
.guide-card:hover{transform:translateY(-6px);border-color:var(--acid)}
.guide-no{font-weight:850;letter-spacing:1.2px;font-size:9px;color:var(--acid)}
.guide-card h3{font-size:22px;line-height:1.18;letter-spacing:-.7px;margin:0;font-weight:900}
.guide-card p{font-size:13px;line-height:1.8;color:#a8b9ca;margin:0}
.guide-link{font-size:12px;font-weight:800;margin-top:auto;color:var(--acid)}
.card-detail {display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:12px;font-weight:850;color:var(--acid)}
.card-detail .icon{width:16px;height:16px}
@media(max-width:1160px){.brand-text strong{font-size:17px}.brand-text>span{font-size:7px;letter-spacing:1px}.nav-links{gap:14px}.nav-links a{font-size:10px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.brand-text strong{font-size:20px}.brand-text>span{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:clamp(52px,8vw,74px)}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.brand-text strong{font-size:16px;letter-spacing:-.4px}.brand-text>span{font-size:6.5px;letter-spacing:.9px}.hero h1{font-size:clamp(39px,9.9vw,58px);letter-spacing:-1.7px}.eyebrow{white-space:normal;font-size:9px;line-height:1.8;letter-spacing:.9px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:210px}.guide-card h3{font-size:21px}}
@media(max-width:370px){.brand-text strong{font-size:14px}.brand-text>span{font-size:6px}.hero h1{font-size:36px}}

/* Egyedi, indexelhető, statikus szolgáltatási oldalak */
.detail-page{background:#080d18}
.detail-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 15%,rgba(69,122,226,.14),transparent 55%),linear-gradient(130deg,#101b2b,#080d18);border-bottom:1px solid var(--line)}
.detail-hero .hero-grid-bg{opacity:.55}
.detail-hero-inner{position:relative;padding:50px 0 105px;max-width:1240px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:11px;align-items:center;color:#94a9bc;font-size:12px;margin-bottom:90px}
.breadcrumbs a{color:#dce8f1}.breadcrumbs a:hover{color:var(--acid)}
.detail-eyebrow{font-size:11px;font-weight:900;letter-spacing:1.7px;color:var(--acid);margin-bottom:22px}
.detail-eyebrow span{color:#8194a6;margin:0 7px}
.detail-hero h1{font-size:clamp(45px,6vw,91px);letter-spacing:-3.8px;max-width:1080px;line-height:1.08;margin:0 0 26px;font-weight:950;text-wrap:balance}
.detail-period{color:var(--acid)}
.detail-lead{font-size:18px;line-height:1.8;color:#bfd0df;max-width:840px;margin:0 0 29px}
.detail-help-badge{display:flex;align-items:center;gap:11px;color:#a7bbcf;font-size:12px;font-weight:650;margin-top:26px}
.detail-section{padding:110px 0}
.detail-alternate{background:#121e2e}
.detail-heading{max-width:850px;margin-bottom:42px}
.detail-heading h2,.detail-split h2,.detail-related h2,.detail-final h2{font-size:clamp(32px,4.2vw,56px);line-height:1.1;letter-spacing:-1.7px;margin:0;font-weight:930}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.detail-tile{padding:38px;background:linear-gradient(145deg,#162538,#0e1827);border:1px solid var(--line);border-radius:18px}
.detail-tile-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(184,255,114,.12);color:var(--acid);font-weight:900;margin-bottom:27px}
.detail-tile h3{font-size:22px;line-height:1.24;margin:0 0 14px;font-weight:900;letter-spacing:-.6px}
.detail-tile p{font-size:15px;line-height:1.86;color:#aebed1;margin:0}
.detail-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}
.detail-prose{color:#b5c5d5;font-size:16px;line-height:2}
.detail-prose p{margin:0 0 23px}
.detail-faq details{border-bottom:1px solid var(--line);padding:17px 0}
.detail-faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:800;cursor:pointer;list-style:none;font-size:17px;line-height:1.4}
.detail-faq summary::-webkit-details-marker{display:none}
.detail-faq summary span{color:var(--acid);font-size:26px}
.detail-faq details[open] summary span{transform:rotate(45deg)}
.detail-faq details p{font-size:15px;line-height:1.9;color:#acbece;margin:16px 0 8px}
.detail-related{padding:95px 0;background:#0c1422;border-top:1px solid var(--line)}
.detail-related h2{margin-bottom:35px}
.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.related-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:12px;padding:17px 20px;background:#152237;font-size:14px;font-weight:700;transition:border-color .2s,color .2s}
.related-links a:hover{border-color:var(--acid);color:var(--acid)}
.related-links span{color:var(--acid)}
.detail-final{padding:95px 0;background:linear-gradient(120deg,#163223,#0c221f);border-top:1px solid rgba(184,255,114,.2)}
.detail-final-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.detail-final h2{margin-bottom:16px}
.detail-final p:not(.section-kicker){max-width:740px;font-size:15px;line-height:1.8;color:#c1d6c4;margin:0}
.detail-final .btn{flex-shrink:0}
@media(max-width:920px){.detail-split{gap:25px}.detail-hero-inner{padding-bottom:80px}}
@media(max-width:640px){.breadcrumbs{margin-bottom:48px}.detail-hero-inner{padding:28px 0 70px}.detail-hero h1{font-size:clamp(38px,10vw,56px);letter-spacing:-1.7px}.detail-lead{font-size:15px}.detail-eyebrow{font-size:9px;line-height:1.8}.detail-section{padding:70px 0}.detail-grid,.detail-split,.related-links{grid-template-columns:1fr}.detail-tile{padding:27px}.detail-split{gap:29px}.detail-prose{font-size:15px}.detail-final-inner{display:block}.detail-final .btn{margin-top:26px}.detail-related{padding:70px 0}.detail-final{padding:70px 0 95px}}