:root{color-scheme:dark;--bg:#090b0d;--bg2:#0d1114;--surface:#111619;--surface2:#141b18;--text:#f5f7f6;--muted:#9ea7a3;--green:#5ed47a;--green2:#8ee8a2;--line:#242c29;--max:1180px;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:radial-gradient(circle at 75% 8%,rgba(94,212,122,.10),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}.wrap{max-width:var(--max);width:calc(100% - 64px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,11,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:13px;letter-spacing:.08em;font-weight:700;white-space:nowrap}.brand img{width:40px;height:40px;border-radius:12px;object-fit:cover}.brand strong{display:block;font-size:18px;line-height:1.05;letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:28px;color:#c5cbc8;font-size:14px}.nav a{transition:color .15s}.nav a:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:10px}.languages{display:flex;padding:3px;background:#111614;border:1px solid var(--line);border-radius:10px}.languages a{font-size:12px;font-weight:700;padding:7px 9px;border-radius:7px;color:var(--muted)}.languages a[aria-current]{background:#1b2b20;color:var(--green)}.mini-download{font-size:13px;font-weight:700;padding:10px 14px;border-radius:10px;background:var(--green);color:#07110a}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:72px;align-items:center;padding-block:94px 84px}.eyebrow,.section-label{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--green)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #28432f;background:#112016;border-radius:999px;margin-bottom:22px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}h1{font-size:clamp(44px,5.1vw,72px);line-height:1.03;letter-spacing:-.052em;margin:0 0 24px;max-width:760px;text-wrap:balance}h2{font-size:clamp(32px,3.7vw,50px);line-height:1.08;letter-spacing:-.042em;margin:16px 0 22px;max-width:820px;text-wrap:balance}h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0 0 10px}p{margin:0;color:var(--muted)}.intro{font-size:19px;line-height:1.65;max-width:670px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 20px;border-radius:12px;font-size:15px;font-weight:800;border:1px solid transparent;transition:transform .15s,background .15s,border-color .15s}.button.primary{background:var(--green);color:#07110a}.button.primary:hover{background:var(--green2);transform:translateY(-1px)}.button.ghost{background:#111614;border-color:#303a35;color:var(--text)}.button.ghost:hover{border-color:#506159;background:#141c18}.hero-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;font-size:13px;max-width:610px}.hero-note svg{flex:0 0 auto;margin-top:3px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#cbd2ce;font-size:13px}.trust-row span{display:flex;align-items:center;gap:7px}.check{color:var(--green)}.phone-card{position:relative;min-height:520px;border:1px solid #2b3731;background:linear-gradient(155deg,#151b18 0%,#0d1110 70%);border-radius:36px;padding:22px;box-shadow:0 40px 100px rgba(0,0,0,.38);overflow:hidden}.phone-card:before{content:"";position:absolute;inset:-30% auto auto 40%;width:280px;height:280px;background:rgba(94,212,122,.10);filter:blur(40px);border-radius:50%}.phone-top{position:relative;display:flex;justify-content:space-between;align-items:center;color:#7f8b85;font-size:11px;font-weight:700;letter-spacing:.08em}.phone-app{position:relative;margin-top:48px;display:flex;align-items:center;gap:14px}.phone-app img{width:56px;height:56px;border-radius:16px;box-shadow:0 12px 34px #0007}.phone-app b{display:block;font-size:18px}.phone-app span{color:var(--green);font-size:12px}.route{position:relative;margin-top:46px;display:grid;gap:14px}.route-card{border:1px solid #29332f;background:rgba(16,21,19,.82);border-radius:17px;padding:16px}.route-title{display:flex;align-items:center;gap:10px;color:#e5eae7;font-weight:700;font-size:14px}.route-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#19231d;color:var(--green)}.route-card p{font-size:13px;margin:8px 0 0 40px}.route-line{height:24px;width:1px;background:linear-gradient(var(--green),transparent);margin:-3px 0 -5px 30px}.phone-caption{position:absolute;left:22px;right:22px;bottom:22px;padding-top:18px;border-top:1px solid #28302d;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#8e9893}.section{padding-block:86px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head p{max-width:470px}.problem-grid,.feature-grid,.steps,.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);background:rgba(17,22,25,.82);border-radius:var(--radius);padding:26px}.card-kicker{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#16231a;color:var(--green);font-weight:800;margin-bottom:24px}.card p{font-size:15px}.how{border-block:1px solid var(--line);background:linear-gradient(180deg,#0e1311,#0b0f0d)}.flow{display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;align-items:center;gap:8px}.flow-box{min-height:170px;border:1px solid #2a3530;border-radius:22px;background:#121815;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.flow-box strong{font-size:19px}.flow-box small{color:var(--muted);font-size:13px}.flow-arrow{display:grid;place-items:center;color:var(--green);font-size:28px}.feature-grid .card{min-height:190px}.privacy{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:#101715;border:1px solid #293a31;border-radius:28px;padding:34px}.privacy-list{display:grid;gap:13px}.privacy-list div{display:flex;gap:12px;align-items:flex-start;color:#cbd2ce}.privacy-list span{color:var(--green);font-weight:800}.steps{counter-reset:step}.step{position:relative;padding-top:30px}.step:before{counter-increment:step;content:"0" counter(step);position:absolute;top:0;right:22px;font-size:54px;line-height:1;color:#1d2923;font-weight:900;letter-spacing:-.05em}.step h3,.step p,.step .step-icon{position:relative}.step-icon{font-size:12px;color:var(--green);font-weight:800;letter-spacing:.12em;margin-bottom:48px}.plan{display:flex;flex-direction:column;min-height:330px}.plan.featured{border-color:#4e8f5d;background:linear-gradient(180deg,#14221a,#101713)}.plan-badge{display:inline-flex;align-self:flex-start;font-size:11px;font-weight:800;color:#07110a;background:var(--green);border-radius:999px;padding:5px 9px;margin-bottom:16px}.price{font-size:46px;line-height:1;letter-spacing:-.045em;font-weight:850;margin:28px 0 8px}.plan .button{margin-top:auto;width:100%}.price-note{font-size:13px;margin-bottom:26px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.faq h2{margin-top:15px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:22px 0;font-size:17px;font-weight:700;display:flex;justify-content:space-between;gap:22px}summary::-webkit-details-marker{display:none}.plus{color:var(--green);font-size:22px;transition:transform .18s}details[open] .plus{transform:rotate(45deg)}details p{padding:0 42px 22px 0;font-size:15px}.final{margin:20px auto 56px;background:linear-gradient(135deg,#183020,#0f1712);border:1px solid #31543a;border-radius:30px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:34px}.final h2{margin:0 0 12px}.final-copy{max-width:700px}.final-actions{min-width:230px}.final-actions .button{width:100%}.file-note{text-align:center;font-size:12px;margin-top:10px}footer{padding:28px 0 44px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:#7f8884;font-size:13px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:var(--green)}.mobile-menu{display:none}.mobile-nav{display:none}@media(max-width:980px){.wrap{width:calc(100% - 40px)}.nav,.mini-download{display:none}.mobile-menu{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:#111614;color:var(--text);border-radius:10px;font-size:20px}.mobile-nav{position:fixed;z-index:60;top:76px;left:20px;right:20px;padding:14px;border:1px solid var(--line);background:#0f1412;border-radius:16px;box-shadow:0 30px 80px #0009}.mobile-nav.open{display:grid}.mobile-nav a{padding:13px 12px;border-radius:10px}.mobile-nav a:hover{background:#18211c}.hero{grid-template-columns:1fr;gap:44px;padding-block:70px}.phone-card{max-width:600px;width:100%;justify-self:center;min-height:470px}.problem-grid,.feature-grid,.plans{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);height:36px}.faq{grid-template-columns:1fr;gap:20px}.privacy{grid-template-columns:1fr}.final{padding:36px}}@media(max-width:680px){.wrap{width:calc(100% - 28px)}.header-inner{height:68px}.site-header .brand span{display:none}.languages a{padding:6px 8px}.mobile-nav{top:70px;left:14px;right:14px}.hero{padding-block:48px 58px}.eyebrow{margin-bottom:18px}h1{font-size:43px}.intro{font-size:17px}.actions{display:grid;grid-template-columns:1fr;width:100%}.actions .button{width:100%}.trust-row{display:grid;gap:9px}.phone-card{min-height:455px;border-radius:26px;padding:18px}.phone-app{margin-top:34px}.phone-caption{left:18px;right:18px;bottom:18px}.section{padding-block:60px}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:14px}.problem-grid,.feature-grid,.steps,.plans{grid-template-columns:1fr}.card{padding:22px}.feature-grid .card{min-height:0}.privacy{padding:24px;border-radius:22px}.step{min-height:200px}.price{font-size:42px}.plan{min-height:300px}.faq{gap:8px}.final{margin-bottom:34px;padding:28px 22px;display:block;border-radius:24px}.final-actions{min-width:0;margin-top:26px}footer{padding-bottom:28px}.footer-links{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Real app screens */
.hero-app-visual{position:relative;min-height:520px;border:1px solid #2b3731;background:linear-gradient(155deg,#121816 0%,#0b0f0d 72%);border-radius:34px;padding:18px;box-shadow:0 40px 100px rgba(0,0,0,.42);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-app-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%,rgba(94,212,122,.035));pointer-events:none}.hero-glow{position:absolute;width:360px;height:360px;right:-80px;top:-90px;border-radius:50%;background:rgba(94,212,122,.13);filter:blur(65px)}.hero-app-visual img{position:relative;z-index:1;width:100%;max-height:470px;object-fit:contain;border-radius:24px;filter:drop-shadow(0 26px 46px rgba(0,0,0,.42))}.screen-pills{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.screen-pills span{font-size:11px;font-weight:800;letter-spacing:.03em;color:#d9e2dd;background:rgba(8,12,10,.78);border:1px solid #33453b;padding:7px 10px;border-radius:999px;backdrop-filter:blur(10px)}
.app-showcase{padding-top:24px}.showcase-head{margin-bottom:28px}.showcase-frame{position:relative;overflow:hidden;border:1px solid #2b3731;border-radius:30px;background:linear-gradient(145deg,#101613,#0b0f0d);padding:28px;box-shadow:0 32px 80px rgba(0,0,0,.28)}.showcase-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(94,212,122,.10),transparent 32%);pointer-events:none}.showcase-glow{position:absolute;left:8%;bottom:-35%;width:420px;height:260px;border-radius:50%;background:rgba(94,212,122,.08);filter:blur(75px)}.showcase-frame img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.34)}
@media(max-width:980px){.hero-app-visual{min-height:440px;max-width:760px;width:100%;justify-self:center}.hero-app-visual img{max-height:400px}.showcase-frame{padding:20px}}
@media(max-width:680px){.hero-app-visual{min-height:310px;padding:10px;border-radius:24px}.hero-app-visual img{max-height:285px;border-radius:18px}.screen-pills{left:14px;right:14px;bottom:12px;gap:6px}.screen-pills span{font-size:10px;padding:6px 8px}.app-showcase{padding-top:8px}.showcase-frame{padding:10px;border-radius:22px}.showcase-frame img{border-radius:16px}.showcase-head{margin-bottom:20px}}

/* === 2026 visual refresh: match approved hero concept === */
:root{--max:1320px}
body{background:
  radial-gradient(circle at 82% 11%,rgba(94,212,122,.13),transparent 24%),
  radial-gradient(circle at 15% 30%,rgba(27,84,49,.10),transparent 32%),
  #080b0d}
.site-header{background:rgba(7,10,12,.90);border-bottom:1px solid rgba(255,255,255,.055)}
.header-inner{height:78px}
.brand img{width:44px;height:44px;border-radius:13px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.28)}
.nav{gap:32px;font-size:14px}
.nav a:first-child{color:var(--green);position:relative}
.nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:var(--green);border-radius:2px}
.mini-download{padding:11px 18px;border-radius:12px;box-shadow:0 10px 26px rgba(94,212,122,.16)}

.hero-shell{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
.hero-shell:before{content:"";position:absolute;inset:0;background:
  linear-gradient(120deg,transparent 0 52%,rgba(94,212,122,.025) 52% 72%,transparent 72%),
  radial-gradient(circle at 76% 42%,rgba(94,212,122,.12),transparent 30%);pointer-events:none}
.hero{position:relative;z-index:1;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);gap:46px;align-items:center;padding-block:54px 36px;min-height:610px}
.hero-copy{padding:14px 0 10px;max-width:620px}
.eyebrow{margin-bottom:18px;background:rgba(17,32,22,.88);border-color:#275134;padding:7px 12px;font-size:11px}
.hero h1{font-size:clamp(54px,5vw,78px);line-height:.96;margin:0 0 10px;letter-spacing:-.055em;max-width:none}
.hero-subtitle{font-size:clamp(31px,3vw,47px);line-height:1.06;letter-spacing:-.04em;color:#aeb9c6;margin:0 0 22px;max-width:620px}
.hero .intro{font-size:18px;line-height:1.65;max-width:590px;color:#b0bab5}
.hero-mini-points{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap}
.hero-mini-points>div{display:flex;align-items:center;gap:10px;padding-right:15px;border-right:1px solid rgba(255,255,255,.08);color:#d8dedb}
.hero-mini-points>div:last-child{border-right:0;padding-right:0}
.hero-mini-points span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border-radius:50%;border:1px solid #225d39;background:#0f2117;color:var(--green);font-size:13px;font-weight:900;box-shadow:inset 0 0 22px rgba(94,212,122,.08)}
.hero-mini-points strong{font-size:12px;line-height:1.25;max-width:90px}
.hero-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:28px}
.hero-download{min-height:62px;border-radius:15px;font-size:17px;justify-content:flex-start;padding:0 23px;box-shadow:0 18px 46px rgba(94,212,122,.20)}
.download-mark{font-size:25px;line-height:1}
.hero-presentation{min-height:62px;border-radius:15px;padding-inline:20px}
.hero-footnote{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px;color:#a8b2ad;font-size:12px}
.hero-footnote i{font-style:normal;color:#55615b}

.hero-phones{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;perspective:1200px;margin-right:-56px}
.hero-phones:after{content:"";position:absolute;z-index:0;right:3%;bottom:4%;width:78%;height:24%;background:rgba(0,0,0,.50);filter:blur(45px);border-radius:50%}
.hero-phones-glow{position:absolute;z-index:0;right:6%;top:8%;width:520px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(94,212,122,.15),rgba(94,212,122,.025) 46%,transparent 72%);filter:blur(10px)}
.hero-phone{position:relative;z-index:2;width:31.2%;max-width:250px;height:auto;object-fit:contain;border-radius:36px;box-shadow:0 34px 70px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.06);transform-origin:center bottom}
.hero-phone.phone-home{transform:translateY(10px) rotateY(5deg) rotateZ(-1deg);margin-right:-5px}
.hero-phone.phone-history{z-index:4;width:33.5%;max-width:270px;transform:translateY(-4px);margin-inline:-2px}
.hero-phone.phone-settings{transform:translateY(11px) rotateY(-5deg) rotateZ(1deg);margin-left:-4px}

.hero-benefits{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.07);padding-block:18px 20px}
.hero-benefit{display:flex;align-items:center;gap:13px;padding:2px 22px;border-right:1px solid rgba(255,255,255,.07)}
.hero-benefit:first-child{padding-left:0}
.hero-benefit:last-child{border-right:0;padding-right:0}
.hero-benefit-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;border:1px solid #2a7a4b;background:#0e1d15;color:var(--green);font-size:19px}
.hero-benefit strong,.hero-benefit small{display:block}
.hero-benefit strong{font-size:13px;line-height:1.25}
.hero-benefit small{font-size:11px;color:#8e9994;margin-top:4px;line-height:1.3}

/* Move directly into the explanation, like the approved concept */
#why{padding-top:70px}
.how{scroll-margin-top:80px}
#privacy,#features,#faq{scroll-margin-top:90px}

/* Slightly richer cards, closer to the mockup */
.card,.flow-box,.privacy{background:linear-gradient(180deg,rgba(20,28,32,.95),rgba(14,20,22,.94));border-color:#27332f;box-shadow:inset 0 1px rgba(255,255,255,.018)}
.card{transition:transform .2s,border-color .2s,background .2s}
.card:hover{transform:translateY(-2px);border-color:#355544;background:linear-gradient(180deg,#17211d,#111815)}
.how{background:linear-gradient(180deg,#0b100e,#0e1512)}

@media(max-width:1120px){
  .hero{grid-template-columns:1fr 1fr;gap:24px}
  .hero-phones{margin-right:-20px;min-height:470px}
  .hero h1{font-size:58px}
  .hero-subtitle{font-size:34px}
  .hero-benefit{padding-inline:14px}
}

@media(max-width:980px){
  .nav a:first-child:after{display:none}
  .hero{grid-template-columns:1fr;padding-block:54px 28px;gap:26px;min-height:0}
  .hero-copy{max-width:760px}
  .hero h1{font-size:64px}
  .hero-subtitle{font-size:40px;max-width:720px}
  .hero .intro{max-width:720px}
  .hero-phones{margin:0 auto;min-height:500px;width:100%;max-width:780px}
  .hero-phone{max-width:230px}
  .hero-phone.phone-history{max-width:250px}
  .hero-benefits{grid-template-columns:1fr 1fr}
  .hero-benefit{border-bottom:1px solid rgba(255,255,255,.07);padding:16px 18px}
  .hero-benefit:nth-child(2){border-right:0}
  .hero-benefit:nth-child(3),.hero-benefit:nth-child(4){border-bottom:0}
  .hero-benefit:first-child{padding-left:18px}
  .hero-benefit:last-child{padding-right:18px}
}

@media(max-width:680px){
  .hero{padding-block:38px 22px;gap:18px}
  .hero-copy{padding:0}
  .hero h1{font-size:46px;margin-bottom:8px}
  .hero-subtitle{font-size:30px;margin-bottom:16px}
  .hero-subtitle br{display:none}
  .hero .intro{font-size:16px;line-height:1.55}
  .hero-mini-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
  .hero-mini-points>div{border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:10px;background:rgba(15,22,19,.72)}
  .hero-mini-points>div:last-child{grid-column:1/-1}
  .hero-mini-points strong{max-width:none;font-size:11px}
  .hero-actions{grid-template-columns:1fr;margin-top:20px}
  .hero-download,.hero-presentation{min-height:56px;width:100%}
  .hero-footnote{font-size:11px;gap:8px}
  .hero-phones{min-height:310px;margin:2px -24px 0;width:calc(100% + 48px)}
  .hero-phone{width:31.5%;border-radius:18px;box-shadow:0 20px 44px rgba(0,0,0,.55)}
  .hero-phone.phone-history{width:34%}
  .hero-phones-glow{width:320px;height:260px}
  .hero-benefits{grid-template-columns:1fr;padding-block:0}
  .hero-benefit,.hero-benefit:first-child,.hero-benefit:last-child{padding:14px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .hero-benefit:last-child{border-bottom:0}
  .hero-benefit-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}
  #why{padding-top:52px}
}

/* Website support */
.web-support{position:fixed;right:22px;bottom:22px;z-index:1000;font-family:inherit}.web-support-launch{border:1px solid rgba(94,212,122,.35);background:#111713;color:#f5f5f5;border-radius:999px;padding:12px 17px;font:700 14px inherit;box-shadow:0 16px 45px rgba(0,0,0,.38);cursor:pointer;display:flex;gap:9px;align-items:center}.web-support-launch span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#5ed47a;color:#0b0d10}.web-support-panel{position:absolute;right:0;bottom:58px;width:min(390px,calc(100vw - 28px));max-height:min(650px,calc(100vh - 100px));overflow:hidden;background:#0f1210;border:1px solid rgba(255,255,255,.11);border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.55)}.web-support-head{display:flex;justify-content:space-between;gap:15px;padding:18px 18px 15px;border-bottom:1px solid rgba(255,255,255,.08)}.web-support-head strong{display:block;color:#f5f5f5;font-size:16px}.web-support-head small{display:block;color:#a7abb2;margin-top:4px}.web-support-x{border:0;background:transparent;color:#a7abb2;font-size:26px;cursor:pointer}.web-support-body{padding:16px;overflow:auto;max-height:540px}.web-support-form,.web-support-reply{display:grid;gap:12px}.web-support-form label{display:grid;gap:6px;color:#a7abb2;font-size:12px;font-weight:700}.web-support-form input,.web-support-form textarea,.web-support-reply textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);background:#0b0d10;color:#f5f5f5;border-radius:11px;padding:11px 12px;font:inherit;outline:none}.web-support-form input:focus,.web-support-form textarea:focus,.web-support-reply textarea:focus{border-color:#5ed47a}.web-support-status,.web-support-closed{color:#a7abb2;font-size:12px;margin:0}.web-support-ticket-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px;color:#f5f5f5}.web-support-ticket-meta span{font-size:11px;color:#5ed47a}.web-support-messages{display:grid;gap:9px;margin-bottom:14px}.web-support-msg{max-width:88%;padding:10px 12px;border-radius:13px;background:#171b18;color:#f5f5f5}.web-support-msg.client{margin-left:auto;background:#17301d}.web-support-msg small{color:#8f9691;font-size:10px}.web-support-msg p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.web-support-loading{text-align:center;color:#5ed47a;padding:30px}@media(max-width:600px){.web-support{right:14px;bottom:14px}.web-support-panel{position:fixed;right:14px;left:14px;bottom:72px;width:auto;max-height:calc(100vh - 95px)}}


/* Social media */
.social-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:56px;align-items:center}.social-copy p{max-width:560px;color:#a7abb2;line-height:1.7}.social-grid{display:grid;gap:14px}.social-card{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));color:#f5f5f5;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.social-card:hover{transform:translateY(-2px);border-color:rgba(94,212,122,.38);background:linear-gradient(145deg,rgba(94,212,122,.08),rgba(255,255,255,.025))}.social-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;background:#151a16;color:#5ed47a}.social-icon svg{width:26px;height:26px}.social-card-copy{display:grid;gap:3px;min-width:0}.social-card-copy strong{font-size:16px}.social-card-copy span{font-size:13px;color:#a7abb2}.social-open{margin-left:auto;color:#5ed47a;font-size:12px;font-weight:800;white-space:nowrap}@media(max-width:820px){.social-section{grid-template-columns:1fr;gap:24px}.social-card{padding:17px}.social-open{font-size:0}.social-open:after{content:'↗';font-size:18px}}