:root{
    --mid:#0B1320; --mid-2:#111C2E; --mid-3:#172538;
    --accent:#63B3ED; --accent-2:#8CC9F4; --accent-dim:rgba(99,179,237,.3); --accent-soft:rgba(99,179,237,.12);
    --sky:#EAF4FB; --off:#F8F8F6; --paper:#FFFFFF;
    --ink:#151A22; --ink-2:#4A5462; --ink-3:#6F7A88;
    --rule:rgba(21,26,34,.11); --rule-d:rgba(255,255,255,.1);
    --on-dark:#EEF2F6; --on-dark-2:rgba(238,242,246,.72); --on-dark-3:rgba(238,242,246,.46);
    --ff:"Rubik","Segoe UI",Arial,sans-serif;
    --gut:20px; --maxw:1280px;
    --ease:cubic-bezier(.22,.61,.36,1); --snap:cubic-bezier(.76,0,.24,1);
    --sh-xl:0 44px 96px -40px rgba(11,19,32,.45),0 14px 34px -20px rgba(11,19,32,.28);
    --sh-md:0 20px 48px -26px rgba(11,19,32,.34);
  }
  @media(min-width:900px){:root{--gut:56px}}
  *{box-sizing:border-box}
  html{direction:rtl;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  html.en{direction:ltr}
  body{margin:0;background:var(--off);color:var(--ink);font-family:var(--ff);font-size:16.5px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit}
  img{max-width:100%;display:block}
  ::selection{background:var(--accent);color:var(--mid)}
  h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.028em;text-wrap:balance;font-weight:700}
  h1{font-size:clamp(2.2rem,4vw,3.3rem);font-weight:800}
  h2{font-size:clamp(1.85rem,3.2vw,2.7rem);font-weight:800;letter-spacing:-.032em}
  h3{font-size:1.28rem;font-weight:600;line-height:1.35;letter-spacing:-.015em}
  p{margin:0}
  .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
  .sec{position:relative;padding-block:72px}
  @media(min-width:900px){.sec{padding-block:124px}}
  .prose{display:grid;gap:16px;max-width:62ch}
  .prose p{color:var(--ink-2);font-size:1.02rem;line-height:1.85}
  .prose p strong{color:var(--ink);font-weight:600}
  .lead{font-size:1.12rem;line-height:1.68;color:var(--ink-2);max-width:56ch}
  @media(min-width:900px){.lead{font-size:1.2rem}}
  .num{font-variant-numeric:tabular-nums}
  .lat{unicode-bidi:isolate}
  .t-dark{background:var(--mid);color:var(--on-dark)}
  .t-dark2{background:var(--mid-2);color:var(--on-dark)}
  .t-sky{background:var(--sky)}
  .t-off{background:var(--off)}
  .t-dark .prose p,.t-dark2 .prose p{color:var(--on-dark-2)}
  .t-dark .prose p strong,.t-dark2 .prose p strong{color:var(--on-dark)}
  .t-dark .lead,.t-dark2 .lead{color:var(--on-dark-2)}
  .grid-bg::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 100%)}
  .glow-bl::after{content:"";position:absolute;inset-inline-start:-14%;bottom:-30%;width:64%;padding-bottom:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(99,179,237,.16),rgba(99,179,237,0) 72%)}
  .wm{position:absolute;inset-inline-end:var(--gut);top:22px;font-size:clamp(5rem,12vw,10.5rem);font-weight:900;letter-spacing:-.06em;line-height:1;color:var(--ink);opacity:.045;pointer-events:none;user-select:none;font-variant-numeric:tabular-nums;will-change:transform}
  .t-dark .wm,.t-dark2 .wm{color:#fff;opacity:.05}
  .sec>.wrap{position:relative;z-index:1}
  .eyebrow{display:flex;align-items:center;gap:12px;font-size:.74rem;font-weight:700;letter-spacing:.18em;color:var(--accent);margin-bottom:20px;text-transform:uppercase}
  .eyebrow .idx{font-weight:700;font-variant-numeric:tabular-nums}
  .eyebrow .sep{width:28px;height:1px;background:var(--accent);opacity:.55}
  .head{max-width:22ch;margin-bottom:28px}
  @media(min-width:900px){.head{margin-bottom:40px}}
  .pagehead{padding-top:150px!important}
  @media(min-width:900px){.pagehead{padding-top:170px!important}}

  /* links + buttons */
  .arrow{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:600;font-size:1rem;color:var(--ink);position:relative;padding-bottom:8px;width:fit-content}
  .arrow::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:1.5px;width:100%;background:var(--accent);transform:scaleX(.36);transform-origin:right;transition:transform .5s var(--ease)}
  .en .arrow::after{transform-origin:left}
  .arrow:hover::after{transform:scaleX(1)}
  .ch{display:inline-block;color:var(--accent);transition:transform .4s var(--ease)}
  .en .ch{transform:scaleX(-1)}
  .arrow:hover .ch{transform:translateX(-6px)}
  .en .arrow:hover .ch{transform:scaleX(-1) translateX(-6px)}
  .t-dark .arrow,.t-dark2 .arrow,.hero .arrow{color:var(--on-dark)}
  .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding-inline:30px;background:var(--mid);color:var(--on-dark);border:1px solid var(--mid);border-radius:6px;font-family:var(--ff);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;width:fit-content;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,border-color .3s,color .3s;white-space:nowrap;overflow:hidden}
  .btn:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:var(--accent)}
  .btn:hover .ch{transform:translateX(-5px)}
  .en .btn:hover .ch{transform:scaleX(-1) translateX(-5px)}
  .btn.light{background:var(--off);color:var(--mid);border-color:var(--off)}
  .btn.light:hover{background:#fff}
  .btn.accent{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--mid);border-color:var(--accent);box-shadow:0 14px 34px -16px rgba(99,179,237,.75),inset 0 1px 0 rgba(255,255,255,.35)}
  .btn.accent .ch{color:var(--mid)}
  .btn.accent:hover{box-shadow:0 22px 48px -16px rgba(99,179,237,.85),inset 0 1px 0 rgba(255,255,255,.4);border-color:var(--accent-2)}
  .btn.ghost{background:rgba(255,255,255,.02);color:var(--on-dark);border-color:rgba(238,242,246,.3);backdrop-filter:blur(6px)}
  .btn.ghost:hover{border-color:var(--accent);box-shadow:none;background:rgba(99,179,237,.08)}
  :focus-visible{outline:2px solid var(--accent);outline-offset:4px}

  /* header */
  .progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:70;transition:width .12s linear}
  header{position:fixed;top:0;inset-inline:0;z-index:60;transition:background .45s var(--ease),box-shadow .45s var(--ease)}
  header.stuck{background:rgba(11,19,32,.88);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 1px 0 var(--rule-d)}
  .bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;column-gap:12px;transition:height .45s var(--ease)}
  @media(min-width:900px){.bar{height:96px}header.stuck .bar{height:78px}}
  .mark{grid-column:2;justify-self:center;font-weight:700;font-size:1.08rem;letter-spacing:-.02em;text-decoration:none;color:var(--on-dark);white-space:nowrap;line-height:1}
  .burger{grid-column:1;justify-self:start;width:44px;height:44px;border:0;background:transparent;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:0;position:relative;z-index:95;border-radius:3px}
  .burger span{display:block;width:22px;height:1.75px;background:var(--on-dark);border-radius:2px;transition:transform .45s var(--snap)}
  .burger:hover span{background:var(--accent)}
  body.menu-open .burger span:nth-child(1){transform:translateY(3.9px) rotate(45deg)}
  body.menu-open .burger span:nth-child(2){transform:translateY(-3.9px) rotate(-45deg)}
  nav.desk{display:none;grid-column:2;justify-self:center;gap:30px;align-items:center}
  nav.desk>a,nav.desk .dd>a{position:relative;text-decoration:none;color:var(--on-dark-2);font-size:.96rem;padding-block:8px;transition:color .3s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
  nav.desk>a::after,nav.desk .dd>a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
  .en nav.desk>a::after,.en nav.desk .dd>a::after{transform-origin:left}
  nav.desk>a:hover,nav.desk .dd:hover>a{color:var(--on-dark)}
  nav.desk>a:hover::after,nav.desk>a[aria-current]::after,nav.desk .dd:hover>a::after,nav.desk .dd>a[aria-current]::after{transform:scaleX(1)}
  nav.desk>a[aria-current],nav.desk .dd>a[aria-current]{color:var(--on-dark);font-weight:500}
  nav.desk .dd{position:relative}
  nav.desk .dd>a svg{width:10px;height:10px;transition:transform .3s}
  nav.desk .dd:hover>a svg{transform:rotate(180deg)}
  .menu{position:absolute;top:100%;inset-inline-start:50%;transform:translate(50%,8px);min-width:560px;background:#0D1727;box-shadow:0 24px 60px rgba(0,0,0,.5);border:1px solid var(--rule-d);border-radius:8px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;opacity:0;visibility:hidden;transition:opacity .25s,transform .35s var(--ease),visibility 0s .3s;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
  .en .menu{transform:translate(-50%,8px)}
  nav.desk .dd:hover .menu,nav.desk .dd:focus-within .menu{opacity:1;visibility:visible;transform:translate(50%,0);transition:opacity .25s,transform .35s var(--ease),visibility 0s}
  .en nav.desk .dd:hover .menu,.en nav.desk .dd:focus-within .menu{transform:translate(-50%,0)}
  .menu a{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;padding:10px 12px;border-radius:6px;text-decoration:none;color:var(--on-dark-2);font-size:.92rem;transition:background .25s,color .25s}
  .menu a:hover{background:var(--accent-soft);color:var(--on-dark)}
  .menu a i{font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.14em;color:var(--accent);font-variant-numeric:tabular-nums}
  .menu .all{grid-column:1/-1;border-top:1px solid var(--rule-d);margin-top:8px;padding-top:12px;justify-content:center;grid-template-columns:auto;color:var(--accent)}
  .actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px}
  .hcta{display:inline-flex;align-items:center;gap:8px;height:36px;padding-inline:14px;border:1px solid var(--accent-dim);border-radius:6px;color:var(--accent);text-decoration:none;font-size:.84rem;font-weight:600;white-space:nowrap;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease),box-shadow .3s}
  .hcta:hover{background:var(--accent);color:var(--mid);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(99,179,237,.7)}
  .hcta .x{display:none;padding-inline-start:.3em}
  .lang{display:none;align-items:center;gap:4px;padding:4px;border:1px solid var(--rule-d);border-radius:999px;background:rgba(255,255,255,.03)}
  .lang button{width:34px;height:26px;border:0;background:transparent;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.45;transition:opacity .3s,background .3s;padding:0}
  .lang button svg{width:22px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
  .lang button[aria-pressed="true"]{opacity:1;background:rgba(255,255,255,.08)}
  .lang button:hover{opacity:1}
  @media(min-width:1100px){.burger{display:none}.mark{grid-column:1;justify-self:start;font-size:1.2rem}nav.desk{display:flex}.lang{display:inline-flex}.hcta{height:42px;padding-inline:18px;font-size:.9rem;border-color:var(--accent)}.hcta .x{display:inline}}

  /* drawer */
  .drawer{position:fixed;inset:0;z-index:80;background:var(--mid);color:var(--on-dark);display:flex;flex-direction:column;padding:0 var(--gut) 24px;opacity:0;visibility:hidden;transform:translateY(-4%);transition:opacity .45s var(--ease),transform .55s var(--snap),visibility 0s .5s;overflow:hidden}
  .drawer[data-open]{opacity:1;visibility:visible;transform:none;transition:opacity .4s var(--ease),transform .55s var(--snap),visibility 0s}
  .drawer::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 20%,transparent 100%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 20%,transparent 100%);pointer-events:none}
  .drawer::after{content:"";position:absolute;inset-inline-end:-30%;bottom:-20%;width:80%;padding-bottom:60%;border-radius:50%;background:radial-gradient(closest-side,rgba(99,179,237,.2),rgba(99,179,237,0) 72%);pointer-events:none}
  .drawer .dbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;position:relative;z-index:1;flex:none;width:100%;padding-inline:0}
  .drawer .dbar .mark{grid-column:2}
  .drawer .dbar .closer{grid-column:1;justify-self:start;width:44px;height:44px;border:0;background:transparent;color:var(--on-dark);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:3px}
  .drawer nav{position:relative;z-index:1;display:flex;flex-direction:column;margin-top:8px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:12px;-webkit-overflow-scrolling:touch}
  .drawer nav a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:clamp(1.3rem,5.4vw,1.7rem);font-weight:700;letter-spacing:-.025em;text-decoration:none;padding-block:12px;border-bottom:1px solid var(--rule-d);opacity:0;transform:translateX(24px);position:relative;flex:none}
  .drawer nav a.sub{font-size:1rem;font-weight:500;padding-block:9px;color:var(--on-dark-2);border-bottom:0;padding-inline-start:14px}
  .drawer nav a.sub .n{font-size:.66rem}
  .drawer nav .grp{font-size:.7rem;letter-spacing:.16em;color:var(--accent);font-weight:700;padding:16px 0 4px;text-transform:uppercase;opacity:0;animation:din .5s var(--ease) forwards;animation-delay:.42s}
  .en .drawer nav a{transform:translateX(-24px)}
  .drawer[data-open] nav a{animation:din .6s var(--ease) forwards;animation-delay:calc(var(--i)*45ms + 100ms)}
  @keyframes din{to{opacity:1;transform:none}}
  .drawer nav a .n{font-size:.72rem;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.1em}
  .drawer nav a::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;height:1px;width:0;background:var(--accent);transition:width .5s var(--ease)}
  .drawer nav a:hover::after{width:100%}
  .drawer .dfoot{position:relative;z-index:1;display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--rule-d);flex:none;opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease) .45s,transform .5s var(--ease) .45s}
  .drawer[data-open] .dfoot{opacity:1;transform:none}
  .drawer .dfoot .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
  .drawer .dfoot .btn{height:46px;padding-inline:18px;font-size:.92rem;flex:1;min-width:140px}
  .drawer .dfoot .lang{display:inline-flex}
  .drawer .dfoot .loc{color:var(--on-dark-3);font-size:.84rem}

  /* curtain */
  .curtain{position:fixed;inset:0;z-index:100;background:var(--mid);transform:scaleY(0);transform-origin:top center;pointer-events:none;display:flex;align-items:center;justify-content:center}
  .curtain.in{transform:scaleY(1);transition:transform .52s var(--snap)}
  .curtain.out{transform:scaleY(0);transform-origin:bottom center;transition:transform .52s var(--snap)}
  .curtain .cm{color:var(--on-dark);font-weight:600;letter-spacing:.24em;font-size:.76rem;opacity:0;transition:opacity .25s;display:flex;align-items:center;gap:14px;text-transform:uppercase}
  .curtain .cm::before,.curtain .cm::after{content:"";width:26px;height:1px;background:var(--accent)}
  .curtain.in .cm{opacity:.85;transition-delay:.22s}
  .view{display:none}
  .view[data-active]{display:block}

  /* hero */
  .hero{position:relative;background:var(--mid);color:var(--on-dark);overflow:hidden;padding-top:104px}
  @media(min-width:900px){.hero{min-height:min(94vh,980px);display:flex;align-items:flex-end;padding-top:130px}}
  .hero .bg-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(80% 70% at 30% 50%,#000 20%,transparent 100%);mask-image:radial-gradient(80% 70% at 30% 50%,#000 20%,transparent 100%)}
  .hero .orb{position:absolute;inset-inline-end:-14%;bottom:-30%;width:76%;padding-bottom:62%;border-radius:50%;background:radial-gradient(closest-side,rgba(99,179,237,.22),rgba(99,179,237,.05) 45%,rgba(99,179,237,0) 72%);pointer-events:none;will-change:transform;animation:breathe 14s ease-in-out infinite}
  @keyframes breathe{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-2%,-2%,0) scale(1.06)}}
  .hero .wm{top:auto;bottom:10vh;inset-inline-start:auto;inset-inline-end:calc(var(--gut) - 10px);opacity:.035;font-size:clamp(8rem,16vw,15rem);display:none}
  @media(min-width:900px){.hero .wm{display:block}}
  .hero .grid{position:relative;z-index:1;width:100%;display:grid;gap:36px}
  @media(min-width:900px){.hero .grid{grid-template-columns:1.1fr .9fr;gap:56px;align-items:end}}
  .hero .copy{order:1;display:grid;gap:20px;align-content:center;padding-bottom:8px}
  @media(min-width:900px){.hero .copy{gap:22px;padding-bottom:120px}}
  .hero .h-name{font-size:clamp(3.1rem,6.2vw,5.2rem);font-weight:800;line-height:1;letter-spacing:-.045em}
  .hero .rule{width:64px;height:2px;background:var(--accent)}
  .hero .role{font-size:clamp(1.2rem,1.85vw,1.55rem);font-weight:500;line-height:1.4;color:var(--accent-2);max-width:28ch;letter-spacing:-.012em}
  .hero .sub{font-size:1.06rem;line-height:1.62;color:var(--on-dark);font-weight:500;max-width:38ch}
  @media(min-width:900px){.hero .sub{font-size:1.14rem}}
  .hero .para{font-size:.96rem;line-height:1.8;color:var(--on-dark-2);max-width:52ch}
  .hero .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:8px}
  .hero .figure{order:2;position:relative;justify-self:center;width:min(78vw,380px);align-self:end}
  @media(min-width:900px){.hero .figure{justify-self:end;width:min(34vw,460px,58vh)}}
  @media(min-width:900px) and (max-height:820px){.hero{padding-top:96px}.hero .copy{gap:15px;padding-bottom:60px}.hero .h-name{font-size:clamp(2.8rem,5vw,4.1rem)}.hero .role{font-size:1.22rem}.hero .sub{font-size:1.02rem;line-height:1.55}.hero .para{font-size:.92rem;line-height:1.7}.hero .cue{display:none}}
  .hero .figure .floor{position:absolute;inset-inline:-10%;bottom:-2%;height:18%;background:radial-gradient(50% 60% at 50% 100%,rgba(99,179,237,.45),rgba(99,179,237,0) 70%);filter:blur(14px);pointer-events:none}
  .hero .figure .halo{position:absolute;inset-inline:-25%;top:5%;bottom:0;background:radial-gradient(50% 50% at 50% 70%,rgba(99,179,237,.18),rgba(99,179,237,0) 72%);pointer-events:none}
  .hero .figure .ring{position:absolute;inset-inline-start:-8%;bottom:-1px;width:116%;height:min(52vh,470px);border:1px solid var(--accent-dim);border-bottom:0;border-radius:8px 8px 0 0;pointer-events:none;-webkit-mask-image:linear-gradient(to top,#000 40%,transparent);mask-image:linear-gradient(to top,#000 40%,transparent)}
  .hero .figure img{position:relative;width:100%;height:auto;display:block;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
  .hero .cue{position:absolute;inset-inline-start:var(--gut);bottom:28px;display:none;align-items:center;gap:12px;color:var(--on-dark-3);font-size:.72rem;letter-spacing:.18em;z-index:2;text-transform:uppercase}
  @media(min-width:900px){.hero .cue{display:flex}}
  .hero .cue i{display:block;width:1px;height:44px;background:var(--on-dark-3);position:relative;overflow:hidden}
  .hero .cue i::after{content:"";position:absolute;inset-inline:0;top:-100%;height:100%;background:var(--accent);animation:cue 2.4s var(--ease) infinite}
  @keyframes cue{0%{top:-100%}60%,100%{top:100%}}
  .hero .rv{transition-delay:var(--d,0ms)}
  .hero .h-name{--d:60ms}.hero .rule{--d:150ms}.hero .role{--d:220ms}.hero .sub{--d:320ms}.hero .para{--d:400ms}.hero .ctas{--d:490ms}.hero .figure{--d:140ms}

  /* facts: flip cards */
  .facts-sec{padding-block:56px 64px}
  @media(min-width:900px){.facts-sec{padding-block:88px 104px}}
  .facts{display:grid;gap:18px}
  @media(min-width:860px){.facts{grid-template-columns:repeat(3,1fr);gap:24px}}
  .flip{perspective:1600px;min-height:236px}
  .flip .card{position:relative;width:100%;height:100%;min-height:236px;transform-style:preserve-3d;transition:transform .85s var(--snap)}
  .flip:hover .card,.flip.on .card{transform:rotateY(180deg)}
  .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;padding:30px 30px 28px;display:grid;align-content:space-between;gap:18px}
  .face.front{background:var(--paper);border:1px solid var(--rule);box-shadow:var(--sh-xl)}
  .face.back{transform:rotateY(180deg);background:linear-gradient(160deg,var(--mid-3),var(--mid));border:1px solid var(--accent-dim);color:var(--on-dark);box-shadow:var(--sh-xl)}
  .face .fi{font-size:.72rem;font-weight:700;letter-spacing:.16em;color:var(--accent);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:10px}
  .face .fi::after{content:"";flex:1;height:1px;background:var(--rule)}
  .face.back .fi::after{background:var(--rule-d)}
  .face p{font-size:1rem;line-height:1.55;color:var(--ink-2)}
  .face p b{display:block;font-size:clamp(1.3rem,1.9vw,1.62rem);font-weight:800;letter-spacing:-.028em;line-height:1.18;color:var(--mid);margin-bottom:8px}
  .face.back p{color:var(--on-dark-2);font-size:1.02rem}
  .face.back p b{color:var(--accent-2);font-size:1.05rem;font-weight:600;margin-bottom:10px;letter-spacing:0}
  .face .hint{font-size:.72rem;color:var(--ink-3);letter-spacing:.06em;display:flex;align-items:center;gap:8px}
  .face .hint i{width:14px;height:14px;border:1px solid var(--accent-dim);border-radius:50%;display:inline-block;position:relative}
  .face .hint i::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--accent)}

  /* statement */
  .stmt{display:grid;gap:36px}
  @media(min-width:960px){.stmt{grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}}
  .quote{font-size:clamp(1.7rem,3.3vw,2.8rem);font-weight:700;line-height:1.28;letter-spacing:-.03em;max-width:18ch;margin:0}
  .quote em{font-style:normal;color:var(--accent);position:relative;white-space:nowrap}
  .quote em::after{content:"";position:absolute;inset-inline:0;bottom:-3px;height:2px;background:var(--accent);opacity:.6;transform:scaleX(0);transform-origin:right;transition:transform 1s var(--ease) .5s}
  .quote.rv-on em::after{transform:scaleX(1)}
  .qmark{position:absolute;inset-inline-start:calc(var(--gut) - 6px);top:60px;font-size:clamp(9rem,18vw,17rem);line-height:1;font-weight:900;color:#fff;opacity:.04;pointer-events:none;user-select:none}
  @media(min-width:960px){.stmt .prose{padding-top:14px;border-inline-start:1px solid var(--rule-d);padding-inline-start:40px}}

  /* services grid */
  .svc{display:grid;gap:14px}
  @media(min-width:700px){.svc{grid-template-columns:1fr 1fr;gap:18px}}
  @media(min-width:1060px){.svc{grid-template-columns:repeat(4,1fr)}}
  .sv{position:relative;display:grid;gap:14px;align-content:start;padding:28px 26px 26px;background:var(--paper);border:1px solid var(--rule);border-radius:10px;text-decoration:none;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;min-height:210px}
  .sv:hover{transform:translateY(-5px);box-shadow:var(--sh-xl);border-color:var(--accent-dim)}
  .sv .i{font-size:.7rem;font-weight:700;letter-spacing:.16em;color:var(--accent);font-variant-numeric:tabular-nums}
  .sv h3{font-size:1.16rem;font-weight:700;line-height:1.3}
  .sv p{color:var(--ink-2);font-size:.92rem;line-height:1.7}
  .sv .go{margin-top:auto;display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:.86rem;font-weight:500}
  .sv:hover .go .ch{transform:translateX(-5px)}
  .en .sv:hover .go .ch{transform:scaleX(-1) translateX(-5px)}
  .sv::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
  .sv:hover::before{transform:scaleY(1)}
  .t-dark .sv,.t-dark2 .sv{background:var(--mid-3);border-color:var(--rule-d)}
  .t-dark .sv p,.t-dark2 .sv p{color:var(--on-dark-2)}
  .t-dark .sv h3,.t-dark2 .sv h3{color:var(--on-dark)}

  /* marquee */
  .marq{position:relative;direction:ltr;overflow:hidden;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
  .marq .track{display:flex;width:max-content;animation:marq 38s linear infinite}
  .marq:hover .track{animation-play-state:paused}
  .marq span{display:flex;align-items:center;padding:28px 44px;font-size:1.2rem;font-weight:600;letter-spacing:.01em;color:var(--ink-2);white-space:nowrap;unicode-bidi:isolate}
  .marq span::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:44px;opacity:.7}
  @media(min-width:900px){.marq span{padding:34px 54px;font-size:1.38rem}.marq span::after{margin-left:54px}}
  @keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* duo + photo panel */
  .duo{display:grid;gap:44px;align-items:center}
  @media(min-width:900px){.duo{grid-template-columns:1fr 420px;gap:88px}.duo.flip{grid-template-columns:420px 1fr}.duo.flip .photo{order:-1}}
  .duo .photo{justify-self:center;width:min(78vw,360px)}
  @media(min-width:900px){.duo .photo{width:100%}}
  .photo{position:relative;isolation:isolate}
  .photo .img{position:relative;overflow:hidden;border-radius:6px;box-shadow:var(--sh-xl)}
  .photo .img img{width:100%;height:auto;transition:transform .9s var(--ease)}
  .photo:hover .img img{transform:scale(1.025)}
  .photo .frame{position:absolute;inset-inline-end:-16px;top:-16px;width:62%;height:52%;border:1px solid var(--accent-dim);border-inline-start:0;border-bottom:0;pointer-events:none;transition:transform .6s var(--ease)}
  .photo:hover .frame{transform:translate(-5px,5px)}
  .en .photo:hover .frame{transform:translate(5px,5px)}
  .photo .frame2{position:absolute;inset-inline-start:-16px;bottom:-16px;width:40%;height:34%;border:1px solid var(--accent-dim);border-inline-end:0;border-top:0;pointer-events:none}
  .photo .cap{position:absolute;inset-inline-start:16px;bottom:18px;background:rgba(11,19,32,.86);backdrop-filter:blur(8px);color:var(--on-dark);font-size:.8rem;font-weight:500;letter-spacing:.06em;padding:9px 14px;border-radius:3px;border:1px solid var(--rule-d);display:flex;align-items:center;gap:10px;z-index:2}
  .photo .cap i{width:6px;height:6px;border-radius:50%;background:var(--accent)}

  /* split / checks / callout */
  .split{display:grid;gap:36px}
  @media(min-width:960px){.split{grid-template-columns:1fr 1fr;gap:80px;align-items:start}}
  .checks{display:grid;border-top:1px solid var(--rule)}
  @media(min-width:640px){.checks{grid-template-columns:1fr 1fr;gap:0 40px}}
  .checks div{display:flex;align-items:center;gap:14px;padding-block:15px;border-bottom:1px solid var(--rule);font-size:.98rem;font-weight:500;color:var(--ink)}
  .checks div::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
  .t-dark .checks,.t-dark2 .checks{border-top-color:var(--rule-d)}
  .t-dark .checks div,.t-dark2 .checks div{border-bottom-color:var(--rule-d);color:var(--on-dark)}
  .callout{margin-top:36px;padding:28px 32px;background:var(--paper);border:1px solid var(--rule);border-inline-start:3px solid var(--accent);border-radius:6px;box-shadow:var(--sh-md);font-size:1.08rem;line-height:1.7;font-weight:500;color:var(--ink);max-width:66ch}

  /* chain */
  .chain{display:grid;gap:14px;margin-top:6px}
  @media(min-width:760px){.chain{grid-template-columns:1fr 1fr;gap:18px}}
  .link{position:relative;background:var(--mid-3);border:1px solid var(--rule-d);border-radius:8px;padding:26px 26px 24px;display:grid;gap:14px;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease);overflow:hidden}
  .link:hover{transform:translateY(-4px);border-color:var(--accent-dim);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
  .link .n{position:absolute;inset-inline-end:18px;top:14px;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent);font-variant-numeric:tabular-nums}
  .link .from{font-size:.82rem;color:var(--on-dark-3);font-weight:500;letter-spacing:.04em}
  .link .row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .link .a,.link .b{font-size:1.12rem;font-weight:600;color:var(--on-dark);letter-spacing:-.01em}
  .link .b{color:var(--accent-2)}
  .link .ar{flex:none;display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:1.25rem;line-height:1}
  .link .ar::before{content:"";width:26px;height:1px;background:var(--accent);opacity:.7}
  .en .link .ar{flex-direction:row-reverse}
  .en .link .ar .g{display:inline-block;transform:scaleX(-1)}
  .chain-close{margin-top:40px;padding-top:34px;border-top:1px solid var(--rule-d)}
  .spot{position:relative}
  .spot::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(99,179,237,.13),transparent 62%);opacity:0;transition:opacity .4s;border-radius:inherit}
  .spot:hover::after{opacity:1}

  /* panels */
  .panels{display:grid;gap:18px}
  @media(min-width:900px){.panels{grid-template-columns:1fr 1fr;gap:26px}}
  .panels.one{grid-template-columns:1fr}
  .panel{background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:32px 32px 34px;display:grid;gap:14px;align-content:start;position:relative;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
  .panel:hover{transform:translateY(-4px);box-shadow:var(--sh-xl)}
  .panel::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease)}
  .panel.rv-on::before{transform:scaleY(1)}
  .panel .tag{font-size:.76rem;font-weight:600;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
  .panel h3{font-size:1.42rem;font-weight:700}
  .panel p{color:var(--ink-2);font-size:.98rem;line-height:1.8}
  .t-dark .panel,.t-dark2 .panel{background:var(--mid-3);border-color:var(--rule-d)}
  .t-dark .panel p,.t-dark2 .panel p{color:var(--on-dark-2)}
  .t-dark .panel:hover,.t-dark2 .panel:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}

  /* testimonials */
  .tgrid{display:grid;gap:18px}
  @media(min-width:760px){.tgrid{grid-template-columns:1fr 1fr;gap:22px}}
  @media(min-width:1060px){.tgrid{grid-template-columns:repeat(3,1fr)}}
  .tc{position:relative;display:grid;gap:18px;align-content:start;padding:30px 28px 26px;background:var(--paper);border:1px solid var(--rule);border-radius:10px;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
  .tc:hover{transform:translateY(-4px);box-shadow:var(--sh-xl);border-color:var(--accent-dim)}
  .tc .q{position:absolute;inset-inline-end:22px;top:10px;font-size:4.2rem;line-height:1;font-weight:900;color:var(--accent);opacity:.14;pointer-events:none}
  .tc p{color:var(--ink-2);font-size:.98rem;line-height:1.78}
  .tc .who{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--rule)}
  .tc .who img,.tc .who .ini{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--sky);box-shadow:0 0 0 1px var(--rule)}
  .tc .who .ini{display:inline-flex;align-items:center;justify-content:center;background:var(--mid);color:var(--accent);font-weight:700;font-size:.86rem;letter-spacing:.02em}
  .tc .who b{display:block;font-size:.98rem;font-weight:700;color:var(--ink)}
  .tc .who small{display:block;color:var(--ink-3);font-size:.84rem;margin-top:2px}

  /* tools */
  .tools{display:grid;gap:22px}
  @media(min-width:900px){.tools{grid-template-columns:repeat(2,1fr);gap:28px 56px}}
  .tg{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--rule)}
  .t-dark .tg,.t-dark2 .tg{border-top-color:var(--rule-d)}
  .tg .h{font-size:.74rem;font-weight:700;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}
  .tg .chips{display:flex;flex-wrap:wrap;gap:8px}
  .tg .chips span{border:1px solid var(--rule);border-radius:6px;padding:8px 13px;font-size:.88rem;color:var(--ink);background:var(--paper);font-weight:500;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
  .tg .chips span:hover{transform:translateY(-2px);border-color:var(--accent-dim);box-shadow:var(--sh-md)}
  .t-dark .tg .chips span,.t-dark2 .tg .chips span{background:var(--mid-3);border-color:var(--rule-d);color:var(--on-dark)}

  /* timeline */
  .tl{position:relative;margin-top:8px}
  .tl::before{content:"";position:absolute;top:22px;bottom:22px;inset-inline-start:8px;width:1px;background:linear-gradient(to bottom,var(--accent) 0%,var(--accent-dim) 60%,transparent 100%)}
  .tlrow{position:relative;padding-inline-start:46px;padding-block:28px;display:grid;gap:10px}
  @media(min-width:820px){.tlrow{grid-template-columns:200px 1fr;gap:12px 54px;padding-inline-start:66px;padding-block:38px;align-items:start}}
  .tlrow::before{content:"";position:absolute;inset-inline-start:0;top:34px;width:17px;height:17px;border-radius:50%;border:1px solid var(--accent);background:var(--off);transition:box-shadow .6s var(--ease)}
  .tlrow.rv-on::before{box-shadow:0 0 0 6px var(--accent-soft)}
  .tlrow::after{content:"";position:absolute;inset-inline-start:6px;top:40px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .5s .3s}
  .tlrow.rv-on::after{opacity:1}
  @media(min-width:820px){.tlrow::before{top:44px}.tlrow::after{top:50px}}
  .tlrow .yr{font-size:1.9rem;font-weight:800;letter-spacing:-.035em;color:var(--mid);line-height:1.1;font-variant-numeric:tabular-nums}
  .tlrow .yr small{display:block;font-size:.8rem;font-weight:500;color:var(--ink-3);letter-spacing:.04em;margin-top:6px}
  @media(min-width:820px){.tlrow .yr{font-size:2.2rem}}
  .tlrow .bd{display:grid;gap:12px;background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:26px 28px;box-shadow:var(--sh-md);transition:transform .5s var(--ease)}
  .tlrow:hover .bd{transform:translateX(-4px)}
  .en .tlrow:hover .bd{transform:translateX(4px)}
  .tlrow .bd .org{font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
  .tlrow .bd p{color:var(--ink-2);max-width:60ch;font-size:.98rem;line-height:1.8}
  .tlrow .bd ul{margin:0;padding-inline-start:18px;color:var(--ink-2);font-size:.95rem;line-height:1.75;display:grid;gap:4px}
  .tlrow .bd .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
  .tlrow .bd .tags span{font-size:.76rem;font-weight:500;color:var(--ink-2);background:var(--sky);border-radius:4px;padding:4px 9px}

  /* method rows */
  .method{display:grid}
  .method .step{display:grid;grid-template-columns:34px 1fr;gap:14px;padding-block:22px;border-top:1px solid var(--rule);align-items:start}
  .t-dark .method .step,.t-dark2 .method .step{border-top-color:var(--rule-d)}
  .method .n{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent);padding-top:5px}
  .method p{color:var(--ink-2);font-size:.95rem;margin-top:6px;max-width:50ch}
  .t-dark .method p,.t-dark2 .method p{color:var(--on-dark-2)}
  @media(min-width:860px){.method{grid-template-columns:1fr 1fr;column-gap:56px}}

  /* faq */
  details{border-top:1px solid var(--rule)}
  details:last-of-type{border-bottom:1px solid var(--rule)}
  summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:18px;font-weight:600;font-size:1rem}
  summary::-webkit-details-marker{display:none}
  summary::after{content:"";width:10px;height:10px;flex:none;border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
  details[open] summary::after{transform:rotate(225deg) translateY(-3px)}
  details p{color:var(--ink-2);padding-bottom:20px;max-width:62ch;font-size:.96rem;line-height:1.8}

  /* articles */
  .arts{display:grid;gap:18px;margin-top:10px}
  @media(min-width:900px){.arts{grid-template-columns:repeat(3,1fr);gap:24px}}
  .art{position:relative;display:grid;gap:16px;align-content:start;padding:32px 28px 28px;background:var(--paper);border:1px solid var(--rule);border-radius:8px;text-decoration:none;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;min-height:220px}
  .art:hover{transform:translateY(-5px);box-shadow:var(--sh-xl);border-color:var(--accent-dim)}
  .art .bigno{position:absolute;inset-inline-start:20px;top:6px;font-size:5.2rem;font-weight:900;letter-spacing:-.05em;color:var(--mid);opacity:.05;line-height:1;font-variant-numeric:tabular-nums}
  .art .st{font-size:.74rem;font-weight:600;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
  .art h3{font-size:1.3rem;line-height:1.35;font-weight:700}
  .art p{color:var(--ink-2);font-size:.96rem;line-height:1.75}
  .art .go{margin-top:auto;display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:.88rem;font-weight:500}
  .art:hover .go .ch{transform:translateX(-5px)}
  .en .art:hover .go .ch{transform:scaleX(-1) translateX(-5px)}

  /* instagram block */
  .ig{display:grid;gap:26px;padding:34px;background:var(--paper);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--sh-md);align-items:center}
  @media(min-width:900px){.ig{grid-template-columns:1fr auto;padding:44px}}
  .ig .h{display:flex;align-items:center;gap:14px}
  .ig .h svg{width:34px;height:34px;color:var(--mid)}
  .ig .handle{font-weight:700;font-size:1.3rem;letter-spacing:-.02em;unicode-bidi:isolate}
  .ig p{color:var(--ink-2);font-size:.98rem;max-width:52ch;margin-top:10px}
  #ig-feed{display:none}

  /* contact */
  .cgrid{display:grid;gap:44px}
  @media(min-width:900px){.cgrid{grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}}
  .ways{display:grid}
  .ways a{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding-block:22px;border-top:1px solid var(--rule);text-decoration:none;transition:padding-inline .4s var(--ease)}
  .ways a:last-child{border-bottom:1px solid var(--rule)}
  .ways a:hover{padding-inline:10px}
  .ways b{font-size:1.12rem;font-weight:600;letter-spacing:-.015em;unicode-bidi:isolate}
  .ways b{white-space:nowrap}
  .ways small{color:var(--ink-3);font-size:.88rem}
  form.lead{display:grid;gap:16px;background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:32px;box-shadow:var(--sh-xl)}
  form.lead .row2{display:grid;gap:16px}
  @media(min-width:640px){form.lead .row2{grid-template-columns:1fr 1fr}}
  .f{display:grid;gap:8px}
  .f label{font-size:.86rem;color:var(--ink-2);font-weight:500}
  .f input,.f textarea,.f select{width:100%;background:var(--off);border:1px solid var(--rule);border-radius:6px;color:var(--ink);padding:14px 16px;font-size:16px;font-family:var(--ff);line-height:1.5;transition:border-color .3s,box-shadow .3s,background .3s;appearance:none}
  .f input:focus,.f textarea:focus,.f select:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px var(--accent-soft)}
  .f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%235B6B82' stroke-width='1.4'%3E%3Cpath d='M1 3.5l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:11px;background-position:left 16px center;padding-inline-end:40px;cursor:pointer}
  .en .f select{background-position:right 16px center}
  .f .hint{font-size:.78rem;color:var(--ink-3)}
  .hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .thanks-box{display:grid;gap:18px;max-width:60ch}
  .thanks-box .big{font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-.05em;line-height:1;color:var(--accent)}

  /* whatsapp */
  .wa{position:fixed;right:18px;bottom:18px;z-index:55;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.5);transition:transform .35s var(--ease),box-shadow .35s var(--ease);animation:waglow 3.2s ease-in-out infinite}
  @keyframes waglow{0%,100%{box-shadow:0 8px 24px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.55)}50%{box-shadow:0 10px 30px rgba(37,211,102,.6),0 0 0 14px rgba(37,211,102,0)}}
  .wa::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(37,211,102,.6);animation:waring 4.8s ease-out infinite;pointer-events:none}
  @keyframes waring{0%{transform:scale(.92);opacity:.9}55%,100%{transform:scale(1.45);opacity:0}}
  .wa svg{width:32px;height:32px}
  .wa:hover{transform:translateY(-3px) scale(1.04)}
  .wa .tip{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%) translateX(6px);background:var(--mid);color:var(--on-dark);font-size:.84rem;font-weight:500;padding:8px 12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease);border:1px solid var(--rule-d)}
  .wa:hover .tip{opacity:1;transform:translateY(-50%)}
  @media(min-width:900px){.wa{right:28px;bottom:28px;width:64px;height:64px}.wa svg{width:34px;height:34px}}

  /* footer */
  footer{position:relative;background:var(--mid);color:var(--on-dark);padding-block:76px 36px;overflow:hidden}
  footer::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent)}
  footer .fbg{position:absolute;inset-inline-start:-20%;bottom:-40%;width:70%;padding-bottom:50%;border-radius:50%;background:radial-gradient(closest-side,rgba(99,179,237,.14),rgba(99,179,237,0) 72%);pointer-events:none}
  @media(min-width:900px){footer{padding-block:104px 40px}}
  .fgrid{display:grid;gap:40px;position:relative;z-index:1}
  @media(min-width:760px){.fgrid{grid-template-columns:1fr 1fr}}
  @media(min-width:1060px){.fgrid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:56px}}
  .fbrand .n{font-size:clamp(1.9rem,3vw,2.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.08}
  .fbrand .t{margin-top:12px;color:var(--accent);font-size:1rem;font-weight:500;letter-spacing:.03em}
  .fbrand p{margin-top:18px;color:var(--on-dark-2);font-size:.95rem;max-width:40ch;line-height:1.75}
  .soc{display:flex;gap:10px;margin-top:22px}
  .soc a{width:42px;height:42px;border:1px solid var(--rule-d);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--on-dark-2);transition:border-color .3s,color .3s,transform .3s var(--ease),background .3s}
  .soc a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);background:var(--accent-soft)}
  .soc svg{width:19px;height:19px}
  .fcol{display:grid;gap:11px;align-content:start}
  .fcol .h{font-size:.72rem;font-weight:700;letter-spacing:.16em;color:var(--on-dark-3);margin-bottom:8px;text-transform:uppercase}
  .fcol a{text-decoration:none;color:var(--on-dark-2);font-size:.95rem;transition:color .3s,transform .3s var(--ease);width:fit-content;display:inline-block}
  .fcol a:hover{color:var(--accent);transform:translateX(-3px)}
  .en .fcol a:hover{transform:translateX(3px)}
  .fcol .kv{display:grid;gap:2px;color:var(--on-dark-2);font-size:.94rem}
  .fcol .kv small{color:var(--on-dark-3);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}
  .fbot{margin-top:56px;padding-top:24px;border-top:1px solid var(--rule-d);display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;align-items:center;color:var(--on-dark-3);font-size:.86rem;position:relative;z-index:1}
  .fbot .lang{display:inline-flex}
  .fbot .fl{display:flex;gap:18px;flex-wrap:wrap}
  .fbot .fl a{color:var(--on-dark-3);text-decoration:none}
  .fbot .fl a:hover{color:var(--accent)}

  /* notes */
  .notes{direction:rtl;text-align:start}
  .notes h2{font-size:1.5rem;margin-block:52px 14px;padding-top:26px;border-top:1px solid var(--rule)}
  .notes p,.notes li{color:var(--ink-2);font-size:1rem}
  .notes strong{color:var(--ink);font-weight:600}
  .notes ul,.notes ol{padding-inline-start:20px;padding-inline-end:0;display:grid;gap:9px;margin:0}
  .notes table{width:100%;border-collapse:collapse;font-size:.96rem}
  .notes th,.notes td{text-align:start;padding:13px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
  .notes th{color:var(--ink);font-weight:600}
  .notes code{font-family:ui-monospace,Menlo,monospace;background:var(--sky);padding:2px 7px;border-radius:2px;font-size:.88em;unicode-bidi:isolate}
  .tablewrap{overflow-x:auto}

  .dd.shut .menu{opacity:0!important;visibility:hidden!important;pointer-events:none}
  /* reveal */
  .js-anim .rv{opacity:0;transform:translateY(22px)}
  .js-anim .rv.rv-on{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
  @media(prefers-reduced-motion:reduce){
    *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
    .js-anim .rv{opacity:1!important;transform:none!important}
    .drawer nav a,.drawer nav .grp{opacity:1!important;transform:none!important}
  }

  /* ===== v7: hero fills 93% of the screen, head aligned with the name ===== */
  .hero .figure img{aspect-ratio:858/1315}
  @media(min-width:900px){
    .hero{min-height:clamp(600px,93vh,1060px);display:flex;flex-direction:column;align-items:stretch;padding-top:96px}
    .hero .grid{flex:1 1 auto;width:100%;position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);grid-template-rows:minmax(24px,.8fr) auto minmax(84px,1.2fr);column-gap:48px;row-gap:0;align-items:stretch}
    .hero .copy{grid-column:1;grid-row:2;width:auto;padding-bottom:0;gap:clamp(16px,2.4vh,26px);align-content:start}
    .hero .figure{grid-column:2;grid-row:2/4;position:relative;inset:auto;width:100%;height:auto;max-width:none;aspect-ratio:auto;justify-self:stretch;align-self:stretch;min-height:0}
    .hero .figure img{position:absolute;bottom:0;left:50%;top:8px;height:calc(100% - 8px);width:auto;max-width:none;transform:translateX(-50%);object-fit:contain;object-position:bottom}
    .hero .figure .ring{height:74%;inset-inline-start:2%;width:96%}
    .hero .figure .halo{inset-inline:-10%}
    .hero .h-name{font-size:clamp(3.2rem,min(6vw,10vh),5.6rem)}
    .hero .role{font-size:clamp(1.2rem,min(1.85vw,3vh),1.62rem)}
    .hero .ctas{margin-top:clamp(6px,1.4vh,18px);gap:14px 30px}
  }
  @media(min-width:900px) and (max-height:700px){.hero .para{display:none}}

  /* brands */
  .brandgrid{display:grid;gap:32px;align-items:start}
  @media(min-width:960px){.brandgrid{grid-template-columns:1.15fr .85fr;gap:72px}}
  .rolecard{position:relative;background:var(--mid);color:var(--on-dark);border-radius:12px;padding:30px 30px 14px;overflow:hidden;box-shadow:var(--sh-xl);border:1px solid var(--rule-d)}
  .rolecard::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
  .rolecard::after{content:"";position:absolute;inset-inline-start:-30%;bottom:-60%;width:90%;padding-bottom:90%;border-radius:50%;background:radial-gradient(closest-side,rgba(99,179,237,.22),rgba(99,179,237,0) 70%);pointer-events:none}
  .rolecard>*{position:relative;z-index:1}
  .rc-h{display:grid;gap:4px;padding-bottom:20px;border-bottom:1px solid var(--rule-d);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
  .rc-h small{font-size:.8rem;font-weight:500;color:var(--on-dark-3);letter-spacing:.04em}
  .rolecard dl{margin:0;display:grid}
  .rolecard dl div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding-block:15px;border-bottom:1px solid var(--rule-d);align-items:baseline}
  .rolecard dl div:last-child{border-bottom:0}
  .rolecard dt{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
  .rolecard dd{margin:0;font-size:.98rem;font-weight:500;color:var(--on-dark)}
  .fine{font-size:.84rem;color:var(--ink-3);margin-top:18px;max-width:70ch;line-height:1.7}

  /* rome collage + colosseum drawing */
  .colo{position:absolute;inset-inline-start:var(--gut);bottom:0;width:min(560px,70vw);height:auto;color:var(--accent);opacity:.3;pointer-events:none;z-index:0}
  @media(min-width:900px){.colo{inset-inline-start:calc(var(--gut) + 2%);width:min(640px,48vw);opacity:.3}}
  .sec.rome{padding-bottom:150px;overflow:hidden}
  @media(min-width:900px){.sec.rome{padding-bottom:230px}}
  .collage{position:relative;justify-self:center;width:min(78vw,380px);padding-bottom:64px}
  @media(min-width:900px){.collage{width:100%;padding-bottom:70px}}
  .collage .photo{width:86%}
  .collage .mini{position:absolute;inset-inline-end:0;bottom:0;width:56%;border-radius:8px;overflow:hidden;box-shadow:var(--sh-xl);border:5px solid var(--off);transform:rotate(-2.5deg);transition:transform .7s var(--ease)}
  .en .collage .mini{transform:rotate(2.5deg)}
  .collage:hover .mini{transform:rotate(0) translateY(-4px)}
  .collage .mini img{width:100%;height:auto;display:block}
  .remgrid{display:grid;gap:44px;align-items:center}
  @media(min-width:960px){.remgrid{grid-template-columns:1fr 340px;gap:80px}}
  .remgrid .photo{justify-self:center;width:min(74vw,340px)}
  .split.one{grid-template-columns:1fr!important}

  /* testimonials carousel */
  .tcar{position:relative;background:var(--paper);border:1px solid var(--rule);border-radius:16px;box-shadow:var(--sh-xl);padding:34px 26px 0;overflow:hidden}
  @media(min-width:900px){.tcar{padding:52px 64px 0}}
  .tcar .qm{position:absolute;inset-inline-end:34px;top:4px;font-size:9rem;line-height:1;font-weight:900;color:var(--accent);opacity:.13;pointer-events:none}
  .tcar .stage{display:grid}
  .ts{grid-area:1/1;margin:0;display:grid;gap:26px;align-content:center;opacity:0;visibility:hidden;transform:translateX(-26px);transition:opacity .55s var(--ease),transform .7s var(--ease),visibility 0s .55s}
  .en .ts{transform:translateX(26px)}
  .ts.on{opacity:1;visibility:visible;transform:none;transition:opacity .6s var(--ease) .12s,transform .8s var(--ease) .12s,visibility 0s}
  .ts blockquote{margin:0;font-size:1.06rem;line-height:1.85;color:var(--ink);font-weight:400;max-width:70ch}
  @media(min-width:900px){.ts blockquote{font-size:1.3rem;line-height:1.75;letter-spacing:-.005em}}
  .ts .who{display:flex;align-items:center;gap:16px}
  .ts .who img,.ts .who .ini{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none;border:3px solid var(--sky);box-shadow:0 0 0 1px var(--accent-dim)}
  .ts .who .ini,.td .ini{display:inline-flex;align-items:center;justify-content:center;background:var(--mid);color:var(--accent);font-weight:700;font-size:.9rem}
  .ts .who b{display:block;font-size:1.06rem;font-weight:700}
  .ts .who small{display:block;color:var(--ink-3);font-size:.88rem;margin-top:2px}
  .tnav{display:flex;align-items:center;gap:14px;margin-top:30px;padding-block:20px;border-top:1px solid var(--rule)}
  .tdots{display:flex;gap:8px;flex:1;overflow-x:auto;padding:6px 4px;scrollbar-width:none}
  .tdots::-webkit-scrollbar{display:none}
  .td{flex:none;width:44px;height:44px;border-radius:50%;padding:0;border:2px solid transparent;background:none;cursor:pointer;opacity:.45;filter:grayscale(1);transition:opacity .35s,filter .35s,transform .45s var(--ease),border-color .35s,box-shadow .35s}
  .td img,.td .ini{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;font-size:.72rem}
  .td:hover{opacity:.85;filter:none}
  .td.on{opacity:1;filter:none;border-color:var(--accent);transform:scale(1.12);box-shadow:0 0 0 4px var(--accent-soft)}
  .tarrow{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--rule);background:var(--off);color:var(--ink);cursor:pointer;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
  .tarrow:hover{background:var(--mid);color:var(--accent);border-color:var(--mid);transform:scale(1.06)}
  .en .tarrow span{transform:scaleX(-1)}
  .tcount{flex:none;font-size:.8rem;color:var(--ink-3);letter-spacing:.1em;font-variant-numeric:tabular-nums;display:none}
  .tcount b{color:var(--ink);font-size:1rem}
  @media(min-width:700px){.tcount{display:block}}
  .tbar{position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--sky)}
  .tbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
  .tbar i.run{width:100%;transition:width var(--tdur,8s) linear}

  /* logo marquee */
  .lmarq{display:grid;gap:14px;direction:ltr;margin-top:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .lrow{overflow:hidden;padding-block:6px}
  .ltrack{display:flex;gap:14px;width:max-content;animation:lmq 56s linear infinite}
  .lrow.rev .ltrack{animation-direction:reverse;animation-duration:62s}
  .lmarq:hover .ltrack{animation-play-state:paused}
  @keyframes lmq{to{transform:translateX(calc(-50% - 7px))}}
  .lt{display:inline-flex;align-items:center;gap:12px;padding:13px 20px 13px 14px;background:var(--paper);border:1px solid var(--rule);border-radius:12px;white-space:nowrap;box-shadow:0 8px 22px -16px rgba(11,19,32,.4);transition:transform .4s var(--ease),border-color .3s,box-shadow .4s var(--ease)}
  .lt:hover{transform:translateY(-4px) scale(1.03);border-color:var(--accent-dim);box-shadow:var(--sh-md)}
  .lt img{width:30px;height:30px;object-fit:contain;border-radius:6px;flex:none}
  .lt b{font-size:.95rem;font-weight:600;color:var(--ink)}
  .tlegend{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;justify-content:center}
  .tlegend span{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:600;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase}
  .tlegend span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
  .tg .chips .lc{display:inline-flex;align-items:center;gap:9px;padding:7px 13px 7px 10px}
  .en .tg .chips .lc{padding:7px 10px 7px 13px}
  .lc img{width:18px;height:18px;object-fit:contain;border-radius:4px;background:#fff;box-shadow:0 0 0 2px #fff}

  /* service pages: visual + kpis + deliverables */
  .visgrid{display:grid;gap:40px;align-items:center}
  @media(min-width:980px){.visgrid{grid-template-columns:.8fr 1.2fr;gap:72px}}
  .vis .note{font-size:.8rem;color:var(--on-dark-3);margin-top:18px;max-width:46ch}
  .mkwrap{perspective:1600px;min-width:0}
  .tilt{transform:rotateY(7deg) rotateX(3deg);transform-style:preserve-3d;transition:transform .9s var(--ease),box-shadow .9s var(--ease)}
  .en .tilt{transform:rotateY(-7deg) rotateX(3deg)}
  .mkwrap:hover .tilt{transform:none}
  @media(max-width:899px){.tilt,.en .tilt{transform:none}}
  .mk{background:#fff;color:var(--ink);border-radius:14px;padding:22px;box-shadow:0 50px 90px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08);display:grid;gap:14px;min-width:0}
  @media(min-width:700px){.mk{padding:28px}}
  .mk-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--rule)}
  .mk-h b{font-size:1rem;font-weight:700}
  .mk-h em{font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.14em;color:var(--accent);background:var(--sky);border-radius:999px;padding:4px 10px;text-transform:uppercase}
  .mk-sub{padding-top:8px;border-top:1px solid var(--rule)}
  .mk small{color:var(--ink-3);font-size:.78rem}
  .sk{display:block;height:9px;border-radius:5px;background:linear-gradient(90deg,#E8EDF2,#F3F6F9,#E8EDF2);background-size:200% 100%;animation:skm 2.8s linear infinite;margin-block:4px}
  @keyframes skm{to{background-position:-200% 0}}
  .flow4{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch}
  @media(min-width:640px){.flow4{grid-template-columns:1fr 14px 1fr 14px 1fr 14px 1fr}}
  .flow4>div{background:var(--off);border:1px solid var(--rule);border-radius:10px;padding:14px;display:grid;gap:6px;align-content:start}
  .flow4>div b{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
  .flow4>div.hl{background:var(--mid);border-color:var(--mid)}
  .flow4>div.hl b{color:var(--accent)}.flow4>div.hl small{color:var(--on-dark-2)}
  .flow4 .ar{display:none;align-self:center;height:1px;background:var(--accent);position:relative}
  @media(min-width:640px){.flow4 .ar{display:block}}
  .flow4 .ar::after{content:"";position:absolute;inset-inline-end:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--accent);border-inline-end:1px solid var(--accent);transform:rotate(-135deg)}
  .en .flow4 .ar::after{transform:rotate(45deg)}
  .gantt{display:grid;gap:10px;padding-top:6px}
  .gr{display:grid;gap:6px}
  .gr i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-inline-start:var(--s);width:var(--w)}
  .mrow{display:grid;grid-template-columns:64px 1fr 44px;gap:12px;align-items:center;font-size:.9rem}
  .mrow small{grid-column:2/-1;margin-top:-6px}
  .mrow.g{grid-template-columns:130px 1fr}
  .mrow b{font-weight:600;unicode-bidi:isolate}
  .mrow .pc{font-weight:700;font-variant-numeric:tabular-nums;text-align:end}
  .mbar{height:10px;border-radius:6px;background:var(--sky);overflow:hidden}
  .mbar i{display:block;height:100%;width:var(--w);border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:right;animation:grow 1.4s var(--ease) both}
  .en .mbar i{transform-origin:left}
  @keyframes grow{from{transform:scaleX(0)}}
  .months{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:84px;direction:ltr}
  .months i{display:block;height:var(--h);border-radius:4px 4px 0 0;background:var(--sky);border-top:2px solid var(--accent-dim)}
  .months i.pk{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-top-color:var(--accent)}
  .mk2{display:grid;gap:22px;align-items:center;justify-items:center}
  @media(min-width:700px){.mk2{grid-template-columns:auto 1fr;gap:30px}}
  .mk2>.mk,.mk2>.tree{width:100%}
  .phone{width:236px;background:#fff;color:var(--ink);border-radius:30px;border:7px solid #1B2738;box-shadow:0 50px 90px -40px rgba(0,0,0,.8);overflow:hidden;display:grid}
  .ph-top{display:flex;align-items:center;gap:10px;padding:12px 14px}
  .ph-top div{flex:1;display:grid;line-height:1.3}
  .ph-top b{font-size:.84rem}.ph-top small{font-size:.7rem;color:var(--ink-3)}
  .av2{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--mid-3));flex:none}
  .dots3{width:16px;height:4px;background:radial-gradient(circle,#9AA6B5 1.6px,transparent 2px) 0 0/6px 4px}
  .ph-img{height:220px;background:linear-gradient(145deg,#EAF4FB,#CFE6F7 55%,#B5D8F2);display:flex;align-items:center;justify-content:center}
  .ph-img.tall{height:200px}
  .prod{width:84px;height:116px;border-radius:14px 14px 20px 20px;background:linear-gradient(160deg,#fff,#E3EEF7);box-shadow:0 22px 34px -14px rgba(11,19,32,.45),inset 0 -14px 22px -14px rgba(99,179,237,.5);position:relative}
  .prod::before{content:"";position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:34px;height:18px;border-radius:6px 6px 0 0;background:var(--mid)}
  .ph-cta{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:var(--sky);font-size:.84rem;color:var(--mid)}
  .ph-cta.full{justify-content:center;background:linear-gradient(180deg,var(--accent-2),var(--accent));border-radius:8px;font-weight:700;margin-top:4px}
  .ph-cap{padding:10px 14px 16px}
  .pd{padding:14px;display:grid;gap:6px}
  .pd b{font-size:.95rem}.stars{color:#F5B301;font-size:.8rem;letter-spacing:2px}
  .price{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums}
  .trust{display:flex;gap:12px;justify-content:center;padding-top:4px}
  .tree{background:#fff;color:var(--ink);border-radius:14px;padding:22px;box-shadow:0 50px 90px -40px rgba(0,0,0,.75);display:grid;gap:12px}
  .node{background:var(--off);border:1px solid var(--rule);border-radius:8px;padding:10px 12px;font-size:.84rem;font-weight:600;text-align:center}
  .node.n1{background:var(--mid);color:var(--on-dark);border-color:var(--mid)}
  .node.sm{font-size:.76rem;font-weight:500;padding:8px 6px;background:var(--sky);border-color:transparent}
  .kids{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;padding-top:12px}
  .kids::before{content:"";position:absolute;top:0;inset-inline:16%;height:12px;border:1px solid var(--accent-dim);border-bottom:0}
  .kids.k2{grid-template-columns:repeat(4,1fr)}
  .serp .sbar{display:flex;align-items:center;gap:10px;border:1px solid var(--rule);border-radius:999px;padding:11px 18px;font-size:.95rem;box-shadow:0 6px 18px -12px rgba(11,19,32,.35)}
  .serp .sbar svg{width:17px;height:17px;color:var(--ink-3);flex:none}
  .shops{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .shop{border:1px solid var(--rule);border-radius:10px;padding:10px;display:grid;gap:4px;min-width:0}
  .shop b{font-size:.98rem;font-variant-numeric:tabular-nums}
  .pimg{display:block;height:74px;border-radius:7px;background:linear-gradient(145deg,#EAF4FB,#BFDDF4)}
  .pimg.p1{background:linear-gradient(145deg,#F1F5F9,#CBD5E1)}.pimg.p2{background:linear-gradient(145deg,#E8F3FB,#9CCBEF)}
  .res{display:grid;gap:5px;padding-top:12px;border-top:1px solid var(--rule)}
  .res h4{margin:0;font-size:1.05rem;color:#1A56B0;font-weight:600;line-height:1.4}
  .res p{margin:0;font-size:.86rem;color:var(--ink-2);line-height:1.6}
  .res small b{color:var(--ink);font-weight:700}
  .sl{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.84rem;color:#1A56B0;padding-top:4px}
  .chat .bub{border-radius:14px;padding:13px 16px;font-size:.95rem;max-width:88%}
  .chat .me{background:var(--mid);color:var(--on-dark);justify-self:start;border-start-start-radius:4px}
  .chat .ai{background:var(--off);border:1px solid var(--rule);justify-self:end;width:88%;border-start-end-radius:4px}
  .srcs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
  .srcs span{font-size:.74rem;background:var(--sky);border-radius:999px;padding:3px 10px;color:var(--mid);unicode-bidi:isolate}
  .spon{border:1px solid var(--accent-dim);border-radius:12px;padding:14px 16px;display:grid;gap:4px;background:linear-gradient(180deg,#fff,var(--sky))}
  .spon small{color:var(--accent);font-weight:700;letter-spacing:.1em;font-size:.68rem;text-transform:uppercase}
  .browser{padding:0;overflow:hidden;gap:0}
  .bbar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#EEF2F6;direction:ltr}
  .bbar span{width:10px;height:10px;border-radius:50%;background:#CBD5E1}
  .bbar i{font-style:normal;flex:1;margin-inline-start:10px;background:#fff;border-radius:6px;padding:4px 12px;font-size:.74rem;color:var(--ink-3)}
  .bnav{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:var(--mid)}
  .bnav .sk{background:rgba(255,255,255,.22);animation:none;margin:0}
  .bnav div{display:flex;gap:12px;align-items:center}
  .bnav em{width:64px;height:20px;border-radius:4px;border:1px solid var(--accent)}
  .bhero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:26px 22px;background:linear-gradient(160deg,var(--mid),var(--mid-3));color:var(--on-dark);align-items:center}
  .bhero b{font-size:1.4rem;font-weight:800;display:block;margin-bottom:8px}
  .bhero .sk{background:rgba(255,255,255,.18);animation:none}
  .bbtn{display:block;width:96px;height:28px;border-radius:5px;background:linear-gradient(180deg,var(--accent-2),var(--accent));margin-top:12px}
  .bpic{display:block;height:110px;border-radius:8px;background:linear-gradient(145deg,rgba(99,179,237,.35),rgba(99,179,237,.08));border:1px solid var(--rule-d)}
  .bcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 22px 24px}
  .bcards div{border:1px solid var(--rule);border-radius:8px;padding:14px}
  .kts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  @media(min-width:640px){.kts{grid-template-columns:repeat(4,1fr)}}
  .kt{background:var(--off);border:1px solid var(--rule);border-radius:10px;padding:12px 14px;display:grid;gap:4px}
  .kt b{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
  .dash .chart{width:100%;height:120px;display:block}
  .dash .ln{stroke-dasharray:700;stroke-dashoffset:700;animation:draw 2.4s var(--ease) .3s forwards}
  @keyframes draw{to{stroke-dashoffset:0}}
  .trow{display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr;gap:8px;font-size:.86rem;padding-block:8px;border-top:1px solid var(--rule);font-variant-numeric:tabular-nums}
  .trow.th{color:var(--ink-3);font-size:.74rem;letter-spacing:.06em;border-top:0;padding-bottom:2px}
  .trow.th b{font-weight:500}
  .trow .g{color:#1B8A5A;font-weight:700}
  .kpis{display:grid;gap:16px}
  @media(min-width:700px){.kpis{grid-template-columns:1fr 1fr}}
  @media(min-width:1100px){.kpis{grid-template-columns:repeat(4,1fr);gap:20px}}
  .kpi{position:relative;background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:26px 24px;display:grid;gap:10px;align-content:start;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
  .kpi:hover{transform:translateY(-4px);box-shadow:var(--sh-xl);border-color:var(--accent-dim)}
  .kpi .i{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent)}
  .kpi h3{font-size:1.12rem;font-weight:700}
  .kpi p{color:var(--ink-2);font-size:.92rem;line-height:1.7}
  .dlvs{display:grid;gap:16px}
  @media(min-width:860px){.dlvs{grid-template-columns:repeat(3,1fr);gap:22px}}
  .dlv{background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:28px 26px;display:grid;gap:10px;align-content:start;box-shadow:var(--sh-md)}
  .dlv .ck{width:34px;height:34px;border-radius:50%;background:var(--mid);position:relative;margin-bottom:4px}
  .dlv .ck::after{content:"";position:absolute;left:12px;top:9px;width:8px;height:13px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg)}
  .dlv h3{font-size:1.16rem;font-weight:700}
  .dlv p{color:var(--ink-2);font-size:.94rem;line-height:1.75}

  /* articles */
  .ameta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:26px;color:var(--on-dark-2);font-size:.88rem}
  .ameta .by{display:inline-flex;align-items:center;gap:10px;color:var(--on-dark)}
  .ameta img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--accent-dim)}
  .ameta span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin-inline-end:22px;vertical-align:middle}
  .abody{max-width:720px;margin-inline:auto;display:grid;gap:18px}
  .abody .alead{font-size:1.22rem;line-height:1.7;color:var(--ink);font-weight:500;padding-bottom:22px;border-bottom:1px solid var(--rule);margin-bottom:6px}
  .abody p{color:var(--ink-2);font-size:1.06rem;line-height:1.9;margin:0}
  .abody h2{font-size:1.5rem;margin-top:22px}
  .abody ul{margin:0;padding-inline-start:0;list-style:none;display:grid;gap:12px}
  .abody li{position:relative;padding-inline-start:26px;color:var(--ink-2);font-size:1.02rem;line-height:1.8}
  .abody li::before{content:"";position:absolute;inset-inline-start:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
  .anav{max-width:720px;margin:56px auto 0;display:grid;gap:14px;padding-top:28px;border-top:1px solid var(--rule)}
  @media(min-width:700px){.anav{grid-template-columns:1fr 1fr}}
  .anav a{display:grid;gap:6px;padding:20px 22px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);text-decoration:none;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}
  .anav a:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--accent-dim)}
  .anav small{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
  .anav b{font-size:1rem;font-weight:600;line-height:1.45}

  /* contact page */
  .narrow{max-width:1080px}
  .steps3{display:grid;gap:12px;margin-bottom:26px}
  @media(min-width:800px){.steps3{grid-template-columns:repeat(3,1fr);gap:18px}}
  .steps3>div{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start;padding:20px 22px;background:var(--paper);border:1px solid var(--rule);border-radius:10px}
  .steps3 span{grid-row:1/3;width:38px;height:38px;border-radius:50%;background:var(--mid);color:var(--accent);font-weight:700;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.04em}
  .steps3 b{font-size:1rem;font-weight:700;line-height:1.4}
  .steps3 p{color:var(--ink-2);font-size:.88rem;line-height:1.6;margin:0}
  form.lead.wide{padding:30px 24px;gap:18px;border-radius:14px;border-top:3px solid var(--accent)}
  @media(min-width:800px){form.lead.wide{padding:48px 52px 44px;gap:22px}form.lead.wide .row2{gap:22px}}
  form.lead{max-width:none;font-size:inherit;line-height:inherit;color:inherit}
  .fh{display:grid;gap:8px;margin-bottom:6px}
  .fh h2{font-size:clamp(1.6rem,2.6vw,2.1rem)}
  .fh p{color:var(--ink-2);font-size:1rem;max-width:62ch}
  .f input,.f textarea,.f select{background-color:var(--off)}
  .f input:hover,.f textarea:hover,.f select:hover{border-color:var(--accent-dim)}
  .f label em{font-style:normal;color:var(--ink-3);font-weight:400}
  .ffoot{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;padding-top:6px}
  .ffoot .hint{font-size:.8rem;color:var(--ink-3);max-width:44ch;margin:0}
  .ffoot .btn{min-width:230px}
  @media(max-width:640px){.ffoot .btn{width:100%}}
  .cways{display:grid;gap:14px}
  @media(min-width:700px){.cways{grid-template-columns:1fr 1fr}}
  @media(min-width:1060px){.cways{grid-template-columns:repeat(3,1fr);gap:18px}}
  .cw{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px 22px;background:var(--paper);border:1px solid var(--rule);border-radius:12px;text-decoration:none;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s;min-width:0}
  .cw:hover{transform:translateY(-4px);box-shadow:var(--sh-xl);border-color:var(--accent-dim)}
  .cw .ic{width:52px;height:52px;border-radius:14px;background:var(--off);border:1px solid var(--rule);display:inline-flex;align-items:center;justify-content:center;flex:none}
  .cw .ic img,.cw .ic svg{width:30px;height:30px;object-fit:contain;border-radius:6px}
  .cw .ic svg{color:var(--accent)}
  .cw div{display:grid;gap:2px;min-width:0}
  .cw b{font-size:1.02rem;font-weight:700;unicode-bidi:isolate;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cw small{color:var(--ink-3);font-size:.84rem}
  .cw .ch{color:var(--accent);transition:transform .35s var(--ease)}
  .cw:hover .ch{transform:translateX(-5px)}
  .en .cw .ch{transform:scaleX(-1)}.en .cw:hover .ch{transform:scaleX(-1) translateX(-5px)}

  /* global lead band (pre-footer form) */
  .leadband{position:relative;padding-block:84px 92px;overflow:hidden}
  @media(min-width:900px){.leadband{padding-block:120px 124px}}
  .leadband .wrap{position:relative;z-index:1}
  .lbh{display:grid;gap:16px;justify-items:center;text-align:center;margin-bottom:38px}
  .lbh .eyebrow{margin:0}
  .lbh h2{font-size:clamp(2rem,3.8vw,3.2rem);max-width:18ch}
  .lbh p{color:var(--on-dark-2);font-size:1.06rem;max-width:54ch}
  form.lead.quick{max-width:940px;margin-inline:auto;background:rgba(255,255,255,.035);border:1px solid var(--rule-d);border-radius:16px;padding:26px 22px;box-shadow:0 40px 90px -50px rgba(0,0,0,.8);backdrop-filter:blur(6px)}
  @media(min-width:800px){form.lead.quick{padding:38px 42px;gap:20px}}
  .qrow{display:grid;gap:16px}
  @media(min-width:800px){.qrow{grid-template-columns:repeat(3,1fr);gap:18px}}
  .quick .f label{color:var(--on-dark-2)}
  .quick .f input,.quick .f textarea{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:var(--on-dark)}
  .quick .f input:hover,.quick .f textarea:hover{border-color:var(--accent-dim)}
  .quick .f input:focus,.quick .f textarea:focus{background:rgba(255,255,255,.09);border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,179,237,.2)}
  .qfoot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:4px}
  .qfoot .btn{min-width:210px}
  @media(max-width:640px){.qfoot .btn{width:100%}}
  .qfoot .or{color:var(--on-dark-3);font-size:.86rem}
  .qfoot a.alt{color:var(--on-dark);font-size:.94rem;font-weight:500;text-decoration:none;border-bottom:1px solid var(--accent-dim);padding-bottom:3px;transition:color .3s,border-color .3s}
  .qfoot a.alt:hover{color:var(--accent);border-color:var(--accent)}
  .quick .hint{color:var(--on-dark-3);font-size:.78rem;margin:0}
  body[data-route="contact"] .leadband,body[data-route="audit"] .leadband,body[data-route="thanks"] .leadband,body[data-route="notes"] .leadband,body[data-route="404"] .leadband{display:none}
  .leadband+footer::before{opacity:.6}
  @media(max-width:899px){.hero .figure{width:min(60vw,250px)}.hero .grid{gap:26px}}
  @media(max-width:560px){.hero .ctas .btn{width:100%}.hero .ctas{gap:12px}}

  /* ===== v7: compact testimonials ===== */
  .tsec{padding-block:72px}
  @media(min-width:900px){.tsec{padding-block:92px}}
  .tgrid2{display:grid;gap:30px;align-items:center}
  @media(min-width:1000px){.tgrid2{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:64px}}
  .thead{display:grid;gap:16px;align-content:center}
  .thead .eyebrow{margin:0}
  .thead h2{font-size:clamp(1.8rem,2.7vw,2.5rem);line-height:1.18;max-width:14ch}
  .thead .lead{font-size:1rem;max-width:34ch}
  .tctrl{display:flex;align-items:center;gap:12px;margin-top:10px}
  .tctrl .tcount{display:block;margin-inline-start:8px}
  .tcar{border-radius:18px;border:1px solid var(--rule);box-shadow:0 30px 70px -44px rgba(11,19,32,.45);padding:30px 24px 0}
  @media(min-width:900px){.tcar{padding:40px 46px 0}}
  .tcar .qm{font-size:6rem;top:0;inset-inline-end:26px;opacity:.12}
  .ts{gap:22px}
  .ts blockquote{font-size:1.02rem;line-height:1.85}
  @media(min-width:900px){.ts blockquote{font-size:1.14rem;line-height:1.82;max-width:64ch}}
  .ts .who img,.ts .who .ini{width:52px;height:52px;border-width:2px}
  .ts .who b{font-size:1rem}
  .tnav{margin-top:24px;padding-block:16px 18px;gap:0}
  .tdots{gap:7px;padding:5px 3px}
  .td{width:36px;height:36px;opacity:.4}
  .td.on{transform:scale(1.1);box-shadow:0 0 0 3px var(--accent-soft)}
  .tarrow{width:44px;height:44px;background:var(--paper)}
  .tbar{height:2px}

  /* tool tiles are links */
  a.lt,a.lc{text-decoration:none;color:inherit;cursor:pointer}
  a.lt:focus-visible,a.lc:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .tg .chips a.lc{border:1px solid var(--rule);border-radius:6px;font-size:.88rem;color:var(--ink);background:var(--paper);font-weight:500;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
  .tg .chips a.lc:hover{transform:translateY(-2px);border-color:var(--accent)}
  .t-dark .tg .chips a.lc,.t-dark2 .tg .chips a.lc{background:var(--mid-3);border-color:var(--rule-d);color:var(--on-dark)}

  /* journey card: photo + route map */
  .journey{position:relative;justify-self:center;width:min(86vw,440px);display:grid}
  @media(min-width:900px){.journey{width:100%}}
  .jphoto{position:relative;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:var(--sh-xl)}
  .jphoto img{width:100%;height:auto;display:block;transition:transform .9s var(--ease)}
  .journey:hover .jphoto img{transform:scale(1.03)}
  .jphoto .cap{position:absolute;inset-inline-start:14px;bottom:14px;background:rgba(11,19,32,.86);backdrop-filter:blur(8px);color:var(--on-dark);font-size:.8rem;font-weight:500;letter-spacing:.05em;padding:8px 13px;border-radius:3px;border:1px solid var(--rule-d);display:flex;align-items:center;gap:10px}
  .jphoto .cap i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
  .jmap{position:relative;background:var(--mid);color:var(--on-dark);border-radius:0 0 12px 12px;box-shadow:var(--sh-xl);overflow:hidden}
  .jmap svg{display:block;width:100%;height:auto}
  .jmap #jroute{animation:jdash 1.6s linear infinite}
  @keyframes jdash{to{stroke-dashoffset:-20}}
  .jl{position:absolute;display:grid;gap:1px;line-height:1.25;direction:rtl}
  .en .jl{direction:ltr}
  .jl b{font-size:.95rem;font-weight:700}
  .jl small{font-size:.72rem;color:var(--on-dark-3);letter-spacing:.04em}
  .jl.ja{right:6%;bottom:8%;text-align:right}
  .jl.jb{left:6%;top:60%;text-align:left}

  /* ===== v7: lighter contact form ===== */
  .pagehead.compact{padding-bottom:56px}
  @media(min-width:900px){.pagehead.compact{padding-bottom:72px}}
  .csec{padding-block:48px 72px}
  @media(min-width:900px){.csec{padding-block:64px 96px}}
  form.lead.wide{padding:26px 22px;gap:16px;border-radius:16px;border:1px solid var(--rule);border-top:1px solid var(--rule);box-shadow:0 30px 70px -44px rgba(11,19,32,.4);position:relative;overflow:hidden}
  form.lead.wide::before{content:"";position:absolute;inset-inline:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
  @media(min-width:900px){form.lead.wide{padding:36px 42px 34px;gap:18px}}
  .wide .fh{display:grid;gap:16px;margin-bottom:6px;padding-bottom:20px;border-bottom:1px solid var(--rule)}
  @media(min-width:900px){.wide .fh{grid-template-columns:1fr auto;align-items:end;gap:30px}}
  .wide .fh h2{font-size:clamp(1.5rem,2.2vw,1.85rem)}
  .wide .fh p{font-size:.95rem;margin-top:6px}
  .fsteps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}
  .fsteps li{display:flex;align-items:center;gap:9px;font-size:.84rem;font-weight:500;color:var(--ink-2)}
  .fsteps b{width:26px;height:26px;border-radius:50%;background:var(--mid);color:var(--accent);font-size:.66rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.02em}
  .row3{display:grid;gap:16px}
  @media(min-width:800px){.row3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
  .wide .f{gap:6px}
  .wide .f label{font-size:.82rem}
  .wide .f input,.wide .f select,.wide .f textarea{padding:11px 14px;font-size:16px;border-radius:8px}
  .wide .f textarea{resize:vertical;min-height:92px}
  .wide .f ::placeholder{color:var(--ink-3);opacity:.75;font-size:.92rem}
  .wide .ffoot{padding-top:2px}
  .wide .ffoot .hint{max-width:70ch}

  /* v8: lessons card */
  .rc-h>span{font-size:1.4rem}
  .rc-list{list-style:none;margin:0;padding:0;display:grid}
  .rc-list li{position:relative;padding:15px 0 15px 0;padding-inline-start:30px;border-bottom:1px solid var(--rule-d);font-size:.98rem;font-weight:500;color:var(--on-dark);line-height:1.5}
  .rc-list li:last-child{border-bottom:0}
  .rc-list li::before{content:"";position:absolute;inset-inline-start:0;top:19px;width:16px;height:16px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
  .rc-list li::after{content:"";position:absolute;inset-inline-start:5px;top:22px;width:4px;height:8px;border:solid var(--accent);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}

  /* v8: article cover (CMS) */
  .acover{max-width:900px;margin:0 auto 44px;border-radius:14px;overflow:hidden;box-shadow:var(--sh-xl)}
  .acover img{width:100%;height:auto;display:block}
  .abody h3{font-size:1.22rem;margin-top:12px}
  .abody ol{margin:0;padding-inline-start:22px;display:grid;gap:10px;color:var(--ink-2)}
  .abody blockquote{margin:6px 0;padding:18px 22px;border-inline-start:3px solid var(--accent);background:var(--sky);border-radius:0 10px 10px 0;color:var(--ink);font-size:1.08rem;line-height:1.8}
  .en .abody blockquote{border-radius:10px 0 0 10px}
  .abody a{color:#1A56B0;text-decoration:underline;text-underline-offset:3px}
  .abody strong{color:var(--ink)}

  /* ===== v8: service pages as landing pages ===== */
  .scta{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:30px}
  @media(max-width:560px){.scta .btn{width:100%}}
  .strust{margin-top:16px;font-size:.84rem;color:var(--on-dark-3);letter-spacing:.01em}
  .pains{display:grid;gap:14px}
  @media(min-width:760px){.pains{grid-template-columns:1fr 1fr;gap:18px}}
  .pain{position:relative;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:24px 26px;padding-inline-start:64px;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
  .pain:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--accent-dim)}
  .pain .px{position:absolute;inset-inline-start:22px;top:26px;width:26px;height:26px;border-radius:50%;background:#FFF1F0;box-shadow:inset 0 0 0 1px #F5B5B0}
  .pain .px::before,.pain .px::after{content:"";position:absolute;left:12px;top:7px;width:2px;height:12px;background:#D9534F;border-radius:1px;transform:rotate(45deg)}
  .pain .px::after{transform:rotate(-45deg)}
  .pain h3{font-size:1.12rem;font-weight:700;margin-bottom:6px}
  .pain p{color:var(--ink-2);font-size:.95rem;line-height:1.7}
  .ctastrip{position:relative;padding-block:54px;overflow:hidden}
  .ctastrip .wrap{position:relative;z-index:1;display:grid;gap:22px;align-items:center}
  @media(min-width:900px){.ctastrip .wrap{grid-template-columns:1fr auto;gap:40px}}
  .ctastrip h2{font-size:clamp(1.5rem,2.6vw,2.1rem);max-width:26ch}
  .ctastrip p{color:var(--on-dark-2);margin-top:10px;max-width:60ch}
  @media(max-width:560px){.ctastrip .btn{width:100%}}
  .whygrid{display:grid;gap:40px;align-items:center}
  @media(min-width:1000px){.whygrid{grid-template-columns:1.1fr .9fr;gap:64px}}
  .wys{display:grid;gap:4px}
  .wy{display:grid;grid-template-columns:36px 1fr;gap:4px 14px;padding-block:18px;border-top:1px solid var(--rule-d)}
  .wy .i{grid-row:1/3;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent);padding-top:5px}
  .wy h3{font-size:1.12rem;font-weight:700;color:var(--on-dark)}
  .wy p{color:var(--on-dark-2);font-size:.95rem;line-height:1.7}
  .wtm{position:relative;margin:0;background:var(--paper);color:var(--ink);border-radius:16px;padding:32px 30px 26px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7);display:grid;gap:20px}
  .wtm .qm{position:absolute;inset-inline-end:22px;top:0;font-size:6rem;line-height:1;font-weight:900;color:var(--accent);opacity:.14}
  .wtm blockquote{margin:0;font-size:1.02rem;line-height:1.85}
  .wtm .who{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--rule)}
  .wtm .who img,.wtm .who .ini{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--sky)}
  .wtm .who .ini{display:inline-flex;align-items:center;justify-content:center;background:var(--mid);color:var(--accent);font-weight:700;font-size:.86rem}
  .wtm .who b{display:block;font-size:.98rem}
  .wtm .who small{display:block;color:var(--ink-3);font-size:.84rem}

  /* ===== v9 ===== */
  .hero .role{max-width:34ch}
  @media(min-width:900px){.hero .role{max-width:40ch;font-size:clamp(1.15rem,min(1.6vw,2.7vh),1.42rem)}}
  .collage{padding-bottom:0}
  .collage .photo{width:100%}
  .photo .cap{white-space:nowrap}
  /* service hero spacing */
  .pagehead .lead+.scta{margin-top:34px}
  .scta{margin-top:34px}
  .strust{margin-top:18px;line-height:1.7}
  @media(max-width:899px){.pagehead .lead{font-size:1.02rem;line-height:1.75}.scta{margin-top:28px}}
  /* checklist: circles that fill in as they scroll into view */
  .checks div{padding-block:16px;gap:14px}
  .checks div::before{width:22px;height:22px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1.5px var(--accent-dim);transition:background .45s var(--ease),box-shadow .45s var(--ease),transform .45s var(--ease)}
  .checks div::after{content:"";position:absolute;inset-inline-start:8px;top:50%;width:5px;height:10px;margin-top:-7px;border:solid var(--mid);border-width:0 2px 2px 0;transform:rotate(45deg) scale(.4);opacity:0;transition:opacity .3s .15s,transform .45s .15s var(--ease)}
  .checks div{position:relative}
  .checks div.ck::before{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
  .checks div.ck::after{opacity:1;transform:rotate(45deg) scale(1)}
  .t-dark .checks div::after,.t-dark2 .checks div::after{border-color:var(--mid)}
  html:not(.js-anim) .checks div::before{background:var(--accent)}
  html:not(.js-anim) .checks div::after{opacity:1;transform:rotate(45deg)}
  /* CTA strip spacing */
  .ctastrip{padding-block:64px}
  @media(min-width:900px){.ctastrip{padding-block:76px}}
  .ctastrip h2{line-height:1.22}
  .ctastrip p{margin-top:14px;line-height:1.75}
  @media(max-width:899px){.ctastrip .wrap{gap:28px}}
  @media(max-width:899px){.ctastrip{padding-block:76px}.ctastrip .wrap{gap:32px}.ctastrip p{margin-top:16px}}

  /* v10: journey card in the Rome section */
  .rome .journey{width:min(86vw,400px)}
  @media(min-width:900px){.rome .journey{width:100%;max-width:420px;justify-self:center}}
  .rome .jphoto img{aspect-ratio:4/5;object-fit:cover}

  /* v11: proofs (real account results) */
  .proofs .lead{max-width:62ch}
  .pshots{display:grid;gap:22px;margin-top:40px}
  @media(min-width:1000px){.pshots{grid-template-columns:1fr 1fr;gap:26px}}
  .pshot{margin:0;background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:26px 24px 20px;display:grid;gap:18px;align-content:start;min-width:0;transition:box-shadow .45s var(--ease),border-color .45s var(--ease)}
  .pshot:hover{box-shadow:var(--sh-md);border-color:var(--accent-dim)}
  .ptop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
  .ptag{font-size:.8rem;font-weight:600;color:var(--ink-2);background:var(--sky);border-radius:99px;padding:6px 12px}
  .psrc{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;color:var(--ink-3);letter-spacing:.02em}
  .psrc img{width:18px;height:18px;object-fit:contain}
  .pbig{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;color:var(--ink-2);font-size:.92rem}
  .pbig b{font-size:clamp(2.6rem,5vw,3.4rem);font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
  .pbig.sm b{font-size:clamp(2.1rem,4vw,2.6rem)}
  .pstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;border-block:1px solid var(--rule);padding-block:14px}
  .pstats div{min-width:0}
  .pstats dt{font-size:.74rem;color:var(--ink-3);margin-bottom:4px}
  .pstats dd{margin:0;font-weight:700;font-size:1.02rem;font-variant-numeric:tabular-nums;white-space:nowrap}
  html[dir="rtl"] .pstats dd{text-align:right}
  .pimg{display:block;border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:#fff;cursor:zoom-in}
  .pimg img{display:block;width:100%;height:auto}
  .pshot figcaption{font-size:.76rem;color:var(--ink-3);line-height:1.6}
  .psub{font-size:1.15rem;font-weight:700;margin-top:48px}
  .pcards{display:grid;gap:16px;margin-top:20px}
  @media(min-width:860px){.pcards{grid-template-columns:repeat(3,1fr);gap:20px}}
  .proofs .pshots+.pcards{margin-top:40px}
  .pc{background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:24px 22px;display:grid;gap:14px;align-content:start;min-width:0;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease)}
  .pc:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--accent-dim)}
  .pc p{color:var(--ink-2);font-size:.92rem;line-height:1.7}
  .pnote{margin-top:28px;font-size:.84rem;color:var(--ink-3);max-width:80ch;line-height:1.7}
  .pcta{margin-top:26px}
  @media(max-width:560px){.pcta .btn{width:100%}}

  /* v11: free audit page */
  .asteps{display:grid;gap:16px;margin-top:8px}
  @media(min-width:860px){.asteps{grid-template-columns:repeat(3,1fr);gap:22px}}
  .ast{position:relative;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:26px 24px;display:grid;gap:8px;align-content:start}
  .ast .n{font-size:.74rem;font-weight:700;letter-spacing:.14em;color:var(--accent)}
  .ast h3{font-size:1.14rem;font-weight:700}
  .ast p{color:var(--ink-2);font-size:.94rem;line-height:1.75}
  #v-audit .faq{max-width:820px}
  #aform select:invalid{color:var(--ink-3)}
  .ctastrip .row2b{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
  .ctastrip .alink{color:var(--on-dark-2);font-size:.92rem;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--accent-dim)}
  .ctastrip .alink:hover{color:var(--accent)}
  @media(min-width:900px){.ctastrip .row2b{align-items:center}}
  @media(max-width:1180px){nav.desk .nav-audit{display:none}}

  /* v12: inline text link inside prose */
  .prose a.inl{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
  .prose a.inl:hover{color:var(--accent-2)}

  /* v13: fact cards: one open at a time, 3D tilt and spring flip */
  .facts{perspective:1800px}
  .flip{cursor:pointer;transition:opacity .55s var(--ease),filter .55s var(--ease);-webkit-tap-highlight-color:transparent}
  .flip .tilt{--rx:0deg;--ry:0deg;--mx:50%;--my:0%;position:relative;height:100%;min-height:236px;perspective:1600px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s var(--ease)}
  .flip:hover .card{transform:none}
  .flip .card{transition:transform 1s cubic-bezier(.3,1.32,.42,1)}
  .flip.on .card{transform:rotateY(180deg)}
  .flip:hover .face.front{box-shadow:0 34px 70px -34px rgba(11,19,32,.42);border-color:var(--accent-dim)}
  .facts.has-on .flip:not(.on){opacity:.55;filter:saturate(.7)}
  .flip:focus-visible{outline:none}
  .flip:focus-visible .face{outline:2px solid var(--accent);outline-offset:4px}
  .face.front{background:linear-gradient(168deg,#fff 0%,#F3F8FC 100%);overflow:hidden;transition:box-shadow .5s var(--ease),border-color .5s var(--ease)}
  .face.front::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(99,179,237,.2),transparent 62%);opacity:0;transition:opacity .45s var(--ease)}
  .flip:hover .face.front::before{opacity:1}
  .face.front::after{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transform:scaleX(.16);transform-origin:right;transition:transform .8s var(--ease)}
  .en .face.front::after{transform-origin:left}
  .flip:hover .face.front::after,.flip.on .face.front::after{transform:scaleX(1)}
  .face.back{overflow:hidden}
  .face.back::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at 85% 0%,rgba(99,179,237,.22),transparent 65%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/100% 22px}
  .face > *{position:relative}
  .face .hint i{transition:transform .6s var(--ease)}
  .flip:hover .face .hint i{transform:scale(1.25)}
  @media(prefers-reduced-motion:reduce){.flip .tilt{transform:none!important}.flip .card{transition:transform .01s}}


  .kv4{display:grid;gap:10px;margin-top:34px;grid-template-columns:1fr 1fr}
  @media(min-width:700px){.kv4{grid-template-columns:repeat(2,1fr)}}
  @media(min-width:1000px){.kv4{grid-template-columns:repeat(4,1fr);gap:18px}}
  .kv4 div{padding:20px 22px;border:1px solid var(--rule-d);border-radius:8px;background:rgba(255,255,255,.03)}
  .kv4 small{display:block;font-size:.7rem;letter-spacing:.16em;color:var(--accent);font-weight:700;text-transform:uppercase;margin-bottom:8px}
  .kv4 b{font-size:1.05rem;font-weight:600;color:var(--on-dark)}
  .tl2{position:relative;margin-top:10px}
  .tl2 .line{position:absolute;top:26px;bottom:26px;inset-inline-start:11px;width:2px;background:var(--rule);border-radius:2px}
  .tl2 .fillbar{position:absolute;top:26px;inset-inline-start:11px;width:2px;height:0;background:linear-gradient(to bottom,var(--accent-2),var(--accent));border-radius:2px;box-shadow:0 0 12px rgba(99,179,237,.5);transition:height .25s linear}
  .tl2 .row{position:relative;padding-inline-start:54px;padding-block:26px;display:grid;gap:12px}
  @media(min-width:860px){.tl2 .row{grid-template-columns:220px 1fr;gap:12px 54px;padding-inline-start:74px;padding-block:36px;align-items:start}}
  .tl2 .row::before{content:"";position:absolute;inset-inline-start:0;top:30px;width:24px;height:24px;border-radius:50%;border:2px solid var(--accent-dim);background:var(--off);transition:background .5s var(--ease),border-color .5s,box-shadow .6s var(--ease),transform .5s var(--ease);z-index:1}
  .tl2 .row::after{content:"";position:absolute;inset-inline-start:8px;top:38px;width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .4s;z-index:2}
  .tl2 .row.done::before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 8px var(--accent-soft),0 0 24px rgba(99,179,237,.5);transform:scale(1.08)}
  .tl2 .row.done::after{opacity:1;background:var(--mid)}
  @media(min-width:860px){.tl2 .row::before{top:40px}.tl2 .row::after{top:48px}}
  .tl2 .yr{font-size:1.8rem;font-weight:800;letter-spacing:-.035em;color:var(--mid);line-height:1.1;font-variant-numeric:tabular-nums;transition:color .5s}
  .tl2 .row.done .yr{color:var(--accent)}
  .tl2 .yr small{display:block;font-size:.8rem;font-weight:500;color:var(--ink-3);letter-spacing:.04em;margin-top:6px;line-height:1.5}
  @media(min-width:860px){.tl2 .yr{font-size:2.1rem}}
  .tl2 .bd{display:grid;gap:12px;background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:28px 30px;box-shadow:var(--sh-md);transition:transform .5s var(--ease),border-color .5s,box-shadow .5s var(--ease)}
  .tl2 .row.done .bd{border-color:var(--accent-dim)}
  .tl2 .row:hover .bd{transform:translateX(-4px);box-shadow:var(--sh-xl)}
  .en .tl2 .row:hover .bd{transform:translateX(4px)}
  .tl2 .bd .org{font-size:.74rem;font-weight:700;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}
  .tl2 .bd h3{font-size:1.36rem;font-weight:700}
  .tl2 .bd p{color:var(--ink-2);max-width:62ch;font-size:.98rem;line-height:1.8}
  .tl2 .bd ul{margin:0;padding-inline-start:18px;color:var(--ink-2);font-size:.95rem;line-height:1.75;display:grid;gap:5px;max-width:62ch}
  .tl2 .bd .learn{border-top:1px solid var(--rule);padding-top:12px;margin-top:4px;font-size:.92rem;color:var(--ink-2)}
  .tl2 .bd .learn b{color:var(--ink);font-weight:600}
  .tl2 .bd .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
  .tl2 .bd .tags span{font-size:.76rem;font-weight:500;color:var(--ink-2);background:var(--sky);border-radius:4px;padding:4px 9px}
  .exp{display:grid;gap:14px}
  @media(min-width:700px){.exp{grid-template-columns:1fr 1fr;gap:18px}}
  @media(min-width:1000px){.exp{grid-template-columns:repeat(3,1fr)}}
  .ex{display:grid;gap:10px;padding:26px;background:var(--paper);border:1px solid var(--rule);border-radius:10px;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
  .ex:hover{transform:translateY(-4px);box-shadow:var(--sh-xl)}
  .ex .n{font-size:.7rem;font-weight:700;letter-spacing:.16em;color:var(--accent)}
  .ex h3{font-size:1.12rem;font-weight:700}
  .ex p{color:var(--ink-2);font-size:.93rem;line-height:1.7}
  .letter{background:linear-gradient(160deg,var(--mid-3),var(--mid));border:1px solid var(--accent-dim);border-radius:12px;padding:34px;display:grid;gap:18px;color:var(--on-dark);position:relative;overflow:hidden}
  @media(min-width:900px){.letter{padding:46px;grid-template-columns:1fr auto;gap:40px;align-items:end}}
  .letter .lq{font-size:5rem;position:absolute;inset-inline-end:26px;top:8px;color:var(--accent);opacity:.18;font-weight:900;line-height:1}
  .letter p{font-size:1.08rem;line-height:1.75;color:var(--on-dark);max-width:62ch}
  .letter .sig{color:var(--on-dark-2);font-size:.9rem;line-height:1.6}
  .letter .sig b{display:block;color:var(--on-dark);font-weight:600}
  .langs2{display:grid;gap:12px}
  @media(min-width:700px){.langs2{grid-template-columns:repeat(3,1fr)}}
  .langs2 div{padding:20px 22px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}
  .langs2 b{display:block;font-size:1.1rem;font-weight:700}
  .langs2 small{color:var(--ink-3)}