/* PK34 — Dijital İşler. Plain CSS, no dependencies. */
@font-face{font-family:"Racer";src:url(fonts/Racer.woff) format("woff"),url(fonts/Racer.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}

:root{
  color-scheme:light;
  --y:#fdf120;              /* original page yellow */
  --ly:#fff000;             /* original logo yellow */
  --logo-k:#000;            /* original logo black */
  --y2:#fff59a;
  --k:#0b0b0b;
  --wa:#25d366;
  /* theme tokens (light) */
  --bg:var(--y);
  --fg:var(--k);
  --card:#fffef6;
  --muted:rgba(11,11,11,.7);
  --line:rgba(11,11,11,.14);
  --inv-bg:var(--k);        /* high-contrast fills: buttons, marquee, hover */
  --inv-fg:var(--y);
  --band:#0b0b0b;           /* dark sections */
  --hdr:rgba(253,241,32,.9);
  --blob1:var(--y2);
  --blob2:#fff;
  --r:22px;
  --pad:clamp(20px,5vw,64px);
  --max:1240px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --font:"Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
html[data-theme=light]{color-scheme:light}
html[data-theme=dark]{
  color-scheme:dark;
  --bg:#0f0f0d;
  --fg:#f2f2ec;
  --card:#181816;
  --muted:rgba(242,242,236,.7);
  --line:rgba(255,255,255,.12);
  --inv-bg:var(--y);
  --inv-fg:var(--k);
  --band:#171715;
  --hdr:rgba(15,15,13,.88);
  --blob1:rgba(253,241,32,.16);
  --blob2:rgba(253,241,32,.06);
}
html[lang=ar],html[lang=fa]{--font:"Segoe UI",Tahoma,"Noto Sans Arabic","Geeza Pro",Arial,sans-serif}
html[lang=ja]{--font:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo","Noto Sans JP",sans-serif}
html[lang=ko]{--font:"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕","Noto Sans KR","Nanum Gothic",system-ui,sans-serif}
html[lang=ko] body{word-break:keep-all;overflow-wrap:anywhere}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:var(--font);font-size:clamp(16px,1.05vw + 12px,18px);line-height:1.6;color:var(--fg);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .45s var(--ease),color .45s var(--ease)}
main{overflow-x:hidden;overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{line-height:1.08;margin:0;letter-spacing:-.02em}
p{margin:0}
bdi{white-space:nowrap}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--inv-bg);color:var(--inv-fg);padding:10px 16px;border-radius:999px;z-index:100;font-weight:700}
.skip:focus{inset-inline-start:8px}
:focus-visible{outline:3px solid var(--fg);outline-offset:3px;border-radius:6px}
.dark :focus-visible,.lang-menu :focus-visible,.toast :focus-visible{outline-color:var(--y)}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:.78em;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
html[lang=ar] .kicker,html[lang=fa] .kicker,html[lang=ja] .kicker,html[lang=ko] .kicker,html[lang=ar] .scroll,html[lang=fa] .scroll{letter-spacing:0;text-transform:none}
.kicker::before{content:"";width:28px;height:2px;background:currentColor}

/* ---------- ORIGINAL LOGO: circle, Racer font, "PK" over "34" ---------- */
.logo{--s:200px;width:var(--s);height:var(--s);flex:none;border-radius:50%;background:var(--logo-k);color:var(--ly);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Racer",var(--font);font-size:calc(var(--s) * .35);line-height:.92;letter-spacing:0;font-style:normal;font-weight:400;text-align:center;user-select:none}
.logo span{display:block}
.logo.inv,[data-theme=dark] .logo{background:var(--ly);color:var(--logo-k)}
[data-theme=dark] .logo.inv{background:var(--logo-k);color:var(--ly);box-shadow:0 0 0 1px rgba(255,255,255,.14)}

/* progress bar */
.progress{position:fixed;inset-inline:0;top:0;height:3px;background:var(--inv-bg);transform-origin:0 50%;transform:scaleX(var(--p,0));z-index:60}
[dir=rtl] .progress{transform-origin:100% 50%}

/* ---------- HEADER ---------- */
.hdr{position:fixed;inset-inline:0;top:0;z-index:50;transition:background .35s var(--ease),box-shadow .35s var(--ease)}
.hdr .wrap{display:flex;align-items:center;gap:12px;height:72px}
.hdr-solid .hdr,.no-js .hdr{background:var(--hdr);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);box-shadow:0 1px 0 var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-inline-end:auto;border-radius:999px}
.brand .logo{--s:48px;transform:scale(0) rotate(-90deg);transition:transform .55s var(--ease)}
.brand .lbl{font-weight:800;font-size:14px;white-space:nowrap;opacity:0;transform:translateX(-8px);transition:.5s var(--ease)}
[dir=rtl] .brand .lbl{transform:translateX(8px)}
.scrolled .brand .logo,.brand:focus-visible .logo,.no-js .brand .logo{transform:none}
.scrolled .brand .lbl,.brand:focus-visible .lbl,.no-js .brand .lbl{opacity:1;transform:none}
.nav{display:flex;gap:4px}
.nav a{text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap;padding:8px 14px;border-radius:999px;transition:background .25s,color .25s}

/* theme toggle */
.theme{position:relative;width:44px;height:44px;flex:none;border-radius:50%;border:2px solid var(--fg);background:none;color:var(--fg);cursor:pointer;display:grid;place-items:center;overflow:hidden;transition:background .25s,color .25s,border-color .25s}
.theme svg{position:absolute;width:20px;height:20px;transition:transform .6s var(--ease),opacity .4s}
.theme .sun{transform:translateY(30px) rotate(-90deg);opacity:0}
[data-theme=dark] .theme .sun{transform:none;opacity:1}
[data-theme=dark] .theme .moon{transform:translateY(-30px) rotate(90deg);opacity:0}
.no-js .theme{display:none}

/* language switcher */
.lang{position:relative}
.lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;height:44px;padding:0 14px;border:2px solid var(--fg);border-radius:999px;user-select:none;transition:background .25s,color .25s,border-color .25s}
.lang summary::-webkit-details-marker{display:none}
.lang[open] summary{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}
.lang summary svg{width:18px;height:18px}
.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:min(92vw,420px);background:#0b0b0b;color:#fff;border-radius:18px;padding:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06);animation:pop .28s var(--ease)}
.lang-menu a{text-decoration:none;padding:10px 12px;border-radius:10px;font-size:15px;display:flex;justify-content:space-between;gap:8px}
.lang-menu a small{opacity:.6;text-transform:uppercase;font-size:11px;align-self:center}
.lang-menu a:hover{background:rgba(253,241,32,.14)}
.lang-menu a[aria-current]{background:var(--y);color:var(--k)}
@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(.98)}}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding-block:110px 90px;overflow:hidden;isolation:isolate}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,72px);align-items:center}
.hero h1{font-size:clamp(36px,4.8vw,70px);font-weight:900;margin:20px 0 22px}
html[lang=ar] .hero h1,html[lang=fa] .hero h1{font-size:clamp(34px,4.4vw,64px);line-height:1.25}
html[lang=ja] .hero h1{line-break:strict;word-break:keep-all}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.2em;margin-bottom:-.12em}
.hero h1 .w>span{display:inline-block;transform:translateY(130%);animation:rise .9s var(--ease) forwards;animation-delay:calc(var(--i)*70ms + 250ms)}
@keyframes rise{to{transform:none}}
.hero .sub{max-width:36em;color:var(--muted);font-size:1.08em;opacity:0;animation:fade .9s var(--ease) .9s forwards}
.hero .kicker{opacity:0;animation:fade .7s var(--ease) .1s forwards}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;opacity:0;animation:fade .8s var(--ease) 1.1s forwards}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;padding:16px 26px;border-radius:999px;border:2px solid var(--fg);transition:transform .3s var(--ease),background .25s,color .25s,border-color .25s;will-change:transform}
.btn svg{width:22px;height:22px;flex:none}
.btn-k{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}

.badge{--b:min(78vw,440px);position:relative;justify-self:center;width:var(--b);aspect-ratio:1}
.badge .logo{position:absolute;inset:14%;width:auto;height:auto;font-size:calc(var(--b) * .252);box-shadow:0 40px 80px -30px rgba(0,0,0,.55);animation:disc 1.2s var(--ease) both}
[data-theme=dark] .badge .logo{box-shadow:0 0 0 14px rgba(253,241,32,.07),0 40px 90px -30px rgba(253,241,32,.35)}
@keyframes disc{from{transform:scale(.2) rotate(-40deg);opacity:0}}
.badge .ring{position:absolute;inset:0;animation:spin 26s linear infinite}
.badge .ring text{font-size:7.4px;font-weight:800;letter-spacing:2.2px;fill:var(--fg);text-transform:uppercase;direction:ltr}
[dir=rtl] .badge .ring text{letter-spacing:0;text-transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
.badge .orb{position:absolute;border-radius:50%;background:var(--fg)}
.badge .o1{width:18px;height:18px;top:6%;inset-inline-end:12%;animation:float 6s ease-in-out infinite}
.badge .o2{width:10px;height:10px;bottom:10%;inset-inline-start:8%;animation:float 7s ease-in-out -2s infinite}
.badge .o3{width:44px;height:44px;bottom:2%;inset-inline-end:4%;background:none;border:2px solid var(--fg);animation:float 9s ease-in-out -4s infinite}
@keyframes float{50%{transform:translate(10px,-16px)}}
.blob{position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.55;background:var(--blob1);animation:blob 18s ease-in-out infinite alternate}
.blob.b1{width:50vw;height:50vw;top:-15vw;inset-inline-end:-10vw}
.blob.b2{width:36vw;height:36vw;bottom:-14vw;inset-inline-start:-8vw;background:var(--blob2);opacity:.4;animation-duration:22s}
@keyframes blob{to{transform:translate(-6vw,5vw) scale(1.15)}}
.scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-decoration:none}
.scroll i{width:22px;height:36px;border:2px solid var(--fg);border-radius:12px;position:relative}
.scroll i::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--fg);animation:wheel 1.6s var(--ease) infinite}
@keyframes wheel{to{transform:translateY(12px);opacity:0}}

/* marquee (clipped horizontally by main) */
.marquee{background:var(--inv-bg);color:var(--inv-fg);overflow:hidden;padding:22px 0;transform:rotate(-1.5deg);margin:-10px -2vw 0;width:104vw;position:relative;z-index:2}
.marquee .track{display:flex;width:max-content;animation:mq 46s linear infinite}
.marquee span{font-size:clamp(20px,2.6vw,34px);font-weight:900;white-space:nowrap;padding-inline:22px;display:flex;align-items:center;gap:44px}
.marquee span::after{content:"✦";font-size:.6em}
@keyframes mq{to{transform:translateX(-50%)}}
[dir=rtl] .marquee .track{animation-name:mqr}
@keyframes mqr{to{transform:translateX(50%)}}

/* sections */
.sec{padding-block:clamp(80px,12vw,150px)}
.sec-head{display:grid;gap:16px;max-width:780px;margin-bottom:clamp(40px,6vw,70px)}
.sec-head h2{font-size:clamp(34px,5vw,68px);font-weight:900}
.sec-head p{color:var(--muted);font-size:1.08em}

/* ---------- SERVICES (icon cards) ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:16px;list-style:none;padding:0;margin:0}
.card{position:relative;background:var(--card);border-radius:var(--r);padding:28px 26px 26px;display:flex;flex-direction:column;gap:14px;overflow:hidden;border:1px solid var(--line);transition:transform .45s var(--ease),background .35s,color .35s,box-shadow .45s var(--ease),border-color .35s;isolation:isolate}
.card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(253,241,32,.35),transparent 70%);opacity:0;transition:opacity .3s}
[data-theme=dark] .card::before{background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(11,11,11,.18),transparent 70%)}
.card .num{position:absolute;top:18px;inset-inline-end:22px;font-weight:900;font-size:14px;opacity:.62}
.card .ic{width:58px;height:58px;border-radius:16px;background:var(--y);color:var(--k);display:grid;place-items:center;transition:transform .5s var(--ease),background .35s,color .35s}
.card .ic svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card .ic svg *{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 1.4s var(--ease) .2s}
.card.in .ic svg *{stroke-dashoffset:0}
.card h3{font-size:1.28em;font-weight:800}
.card p{font-size:.95em;color:var(--muted);transition:color .35s}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;list-style:none;padding-inline:0;margin-bottom:0}
.tags li{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;border:1px solid currentColor;opacity:.7}

/* ---------- DARK BAND (about + process + CTA) ---------- */
.dark{background:var(--band);color:#fff}
.dark .sec-head p,.dark .muted{color:rgba(255,255,255,.7)}
.dark .kicker{color:var(--y)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:start}
.about h2{font-size:clamp(34px,5vw,68px);font-weight:900;margin-top:16px}
.about p{font-size:1.08em;color:rgba(255,255,255,.8)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}
.stat{border-top:2px solid var(--y);padding-top:16px}
.stat b{display:block;font-size:clamp(40px,5vw,64px);font-weight:900;color:var(--y);line-height:1}
.stat span{font-size:.88em;color:rgba(255,255,255,.7)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;list-style:none;padding:0;counter-reset:s}
.step{counter-increment:s;border:1px solid rgba(255,255,255,.16);border-radius:var(--r);padding:26px;position:relative;overflow:hidden;transition:border-color .3s,transform .4s var(--ease)}
.step::before{content:"0" counter(s);display:block;font-family:"Racer",var(--font);font-size:44px;color:var(--y);line-height:1;margin-bottom:18px}
.step h3{font-size:1.2em;margin-bottom:6px}
.step p{color:rgba(255,255,255,.7);font-size:.95em}
.step::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:3px;width:100%;background:var(--y);transform:scaleX(0);transform-origin:0 50%;transition:transform .8s var(--ease) calc(var(--d,0)*120ms + .2s)}
[dir=rtl] .step::after{transform-origin:100% 50%}
.step.in::after{transform:none}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:10px;max-width:900px}
.faq details{background:var(--card);border-radius:18px;border:1px solid var(--line);overflow:hidden;transition:box-shadow .3s}
.faq details[open]{box-shadow:0 20px 40px -28px rgba(0,0,0,.45)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;font-weight:800;font-size:1.06em;border-radius:17px}
.faq summary:focus-visible{outline-offset:-5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font:inherit;margin:0;letter-spacing:0}
.faq summary i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--inv-bg);position:relative;transition:transform .4s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--inv-fg)}
.faq summary i::after{transform:rotate(90deg);transition:transform .4s var(--ease)}
.faq details[open] summary i{transform:rotate(180deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq .a{padding:0 24px 24px;color:var(--muted)}

/* ---------- CTA BAND ---------- */
.cta-band{text-align:center;padding-block:clamp(80px,12vw,150px)}
.cta-band h2{font-size:clamp(44px,8vw,120px);font-weight:900;margin-bottom:34px;color:var(--y)}
.cta-band h2 span{display:inline-block;animation:wobble 3.6s var(--ease) infinite}
@keyframes wobble{0%,100%{transform:none}50%{transform:rotate(-2deg) scale(1.03)}}
.cta-band .btn{background:var(--y);color:var(--k);border-color:var(--y)}

/* ---------- FOOTER (minimal) ---------- */
.ftr{padding-block:clamp(44px,6vw,64px) 104px}
.ftr-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(20px,4vw,48px)}
.ftr-brand{display:flex;align-items:center;gap:14px;text-decoration:none;border-radius:999px}
.ftr-brand .logo{--s:68px;transition:transform .6s var(--ease)}
.ftr-brand b{font-weight:800;font-size:1.05em;line-height:1.2}
.ftr-addr{display:flex;align-items:center;gap:14px;font-style:normal;justify-self:center;min-width:0}
.ftr-addr .pin{flex:none;width:40px;height:40px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--inv-bg);display:grid;place-items:center;animation:pin 2.6s var(--ease) infinite}
.ftr-addr .pin i{width:13px;height:13px;border-radius:50%;background:var(--inv-fg)}
@keyframes pin{0%,100%{translate:0 0}50%{translate:0 -6px}}
.ftr-addr small{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
html[lang=ar] .ftr-addr small,html[lang=fa] .ftr-addr small,html[lang=ja] .ftr-addr small,html[lang=ko] .ftr-addr small{letter-spacing:0}
.ftr-addr span{display:block;font-weight:600;line-height:1.45}
.ftr-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:999px;font-weight:800;font-size:.9em;text-decoration:none;border:2px solid var(--fg);transition:background .25s,color .25s,border-color .25s,transform .3s var(--ease)}
.pill svg{width:18px;height:18px;flex:none}
.pill.map{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}
.ftr-bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(32px,4vw,44px);padding-top:22px;border-top:1px solid var(--line);font-size:.88em;color:var(--muted)}
.totop{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--fg);text-decoration:none;font-weight:700;border-radius:999px}
.totop i{width:34px;height:34px;border-radius:50%;border:2px solid var(--fg);display:grid;place-items:center;font-style:normal;transition:background .25s,color .25s,transform .3s var(--ease)}

/* ---------- hover effects: only on devices that can hover (no sticky hover on touch) ---------- */
@media (hover:hover){
  .nav a:hover{background:var(--inv-bg);color:var(--inv-fg)}
  .theme:hover{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}
  .lang summary:hover{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}
  .btn-k:hover,.cta-band .btn:hover,.pill.map:hover,.pill.wl:hover{background:var(--wa);border-color:var(--wa);color:#0b0b0b}
  .btn-o:hover{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg)}
  .card:hover{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg);transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
  .card:hover::before{opacity:1}
  .card:hover .ic{transform:rotate(-8deg) scale(1.08);background:var(--inv-fg);color:var(--inv-bg)}
  .card:hover p{color:inherit;opacity:.8}
  .step:hover{border-color:var(--y);transform:translateY(-4px)}
  .ftr-brand:hover .logo{transform:scale(1.07)}
  .pill:hover{transform:translateY(-2px)}
  .totop:hover i{background:var(--inv-bg);color:var(--inv-fg);border-color:var(--inv-bg);transform:translateY(-3px)}
}

/* ---------- WhatsApp floating button ---------- */
.wa{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));inset-inline-end:max(20px,env(safe-area-inset-right));z-index:70;display:flex;align-items:center;gap:12px;text-decoration:none;flex-direction:row-reverse}
[dir=rtl] .wa{inset-inline-end:max(20px,env(safe-area-inset-left))}
.wa .ico{position:relative;width:64px;height:64px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 14px 34px -8px rgba(37,211,102,.7);transition:transform .35s var(--ease);animation:waIn .8s var(--ease) 1.4s both}
.wa .ico svg{width:34px;height:34px}
.wa .ico::before,.wa .ico::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:ping 2.4s var(--ease) infinite;pointer-events:none}
.wa .ico::after{animation-delay:1.2s}
.wa:hover .ico{transform:scale(1.08) rotate(-8deg)}
.wa:focus-visible{outline:none}
.wa:focus-visible .ico{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 9px #0b0b0b}
.wa .tip{background:#0b0b0b;color:#fff;font-weight:700;font-size:14px;padding:10px 16px;border-radius:999px;white-space:nowrap;opacity:0;transform:translateX(12px);transition:.4s var(--ease);pointer-events:none;box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}
[dir=rtl] .wa .tip{transform:translateX(-12px)}
.wa:hover .tip,.wa.show .tip,.wa:focus-visible .tip{opacity:1;transform:none}
@keyframes ping{from{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}
@keyframes waIn{from{transform:scale(0) rotate(-90deg)}}

/* language suggestion toast: under the header on the inline-end side (never over the hero buttons) */
.toast{position:fixed;top:84px;inset-inline-end:max(16px,env(safe-area-inset-right));z-index:45;background:#0b0b0b;color:#fff;border-radius:16px;padding-block:10px;padding-inline:18px 8px;display:flex;align-items:center;gap:12px;max-width:min(92vw,440px);box-shadow:0 20px 40px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08);animation:fade .5s var(--ease)}
[dir=rtl] .toast{inset-inline-end:max(16px,env(safe-area-inset-left))}
.toast a{background:var(--y);color:var(--k);text-decoration:none;font-weight:800;padding:8px 14px;border-radius:999px;white-space:nowrap}
.toast button{background:none;border:0;color:inherit;font-size:22px;line-height:1;cursor:pointer;min-width:40px;min-height:40px;padding:8px;opacity:.75;border-radius:50%}

/* 404 */
.nf-msg{margin:0 0 24px;font-size:1.15em}
.nf-langs{margin-top:28px;line-height:2.2}
.nf-langs a{text-decoration:none;padding:4px 10px;border-radius:999px}
@media (hover:hover){.nf-langs a:hover{background:var(--inv-bg);color:var(--inv-fg)}}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0)*70ms)}
[data-reveal].in{opacity:1;transform:none}
.no-js [data-reveal]{opacity:1;transform:none}
.no-js .card .ic svg *{stroke-dashoffset:0}

/* ---------- RESPONSIVE ---------- */
@media (min-width:981px) and (max-width:1240px){
  .badge{--b:min(34vw,440px)}
}
@media (max-width:1060px){
  .ftr-in{grid-template-columns:1fr auto}
  .ftr-addr{grid-column:1/-1;grid-row:2;justify-self:start}
}
@media (max-width:980px){
  .brand .lbl{display:none}
  .nav a{padding:8px 10px}
  .hero .wrap{grid-template-columns:minmax(0,1fr);text-align:center}
  .hero .kicker{justify-content:center}
  .hero .sub{margin-inline:auto}
  .hero .actions{justify-content:center}
  .badge{--b:min(64vw,320px);order:-1}
  .about{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .nav{display:none}
  .hdr .wrap{height:64px;gap:8px}
  .brand .logo{--s:42px}
  .theme{width:44px;height:44px}
  .lang summary{height:44px;padding:0 12px}
  .hero{padding-block:90px 80px}
  .scroll{display:none}
  .badge .o3{bottom:-8%;inset-inline-end:-8%}
  .badge .o2{bottom:-2%;inset-inline-start:-2%}
  .stats{gap:8px}
  .steps{grid-template-columns:1fr}
  .lang-menu{position:fixed;inset-inline:12px;top:70px;width:auto;max-height:calc(100svh - 90px);overflow:auto}
  .wa .ico{width:58px;height:58px}
  .wa .tip{display:none}
  .card{padding:24px 20px}
  .toast,[dir=rtl] .toast{top:74px;inset-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));max-width:none}
  .ftr-in{grid-template-columns:1fr;gap:22px}
  .ftr-addr{grid-row:auto}
  .ftr-acts{justify-content:flex-start}
  .ftr-bot{flex-direction:column-reverse;align-items:flex-start}
}
@media (max-width:420px){
  .btn{padding:14px 20px;gap:8px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none}
  .card .ic svg *{stroke-dashoffset:0}
}
@media print{
  .hdr,.wa,.toast,.marquee,.progress,.scroll,.blob{display:none}
  html,html[data-theme=dark]{--bg:#fff;--fg:#000;--card:#fff;--muted:#333;--line:#ccc;color-scheme:light}
  [data-reveal]{opacity:1!important;transform:none!important}
  .card .ic svg *{stroke-dashoffset:0}
  .dark{background:none!important;color:#000}
  .dark *{color:#000!important}
  .hero h1 .w>span,.hero .sub,.hero .kicker,.hero .actions{opacity:1!important;transform:none!important;animation:none!important}
}