@font-face {font-family: 'Fraunces';font-style: italic;font-weight: 400;font-display: swap;src: url(/fonts/fraunces-italic-ro.woff2) format('woff2');unicode-range: U+0102-0103, U+0106-0107, U+0141-0142, U+015E-015F, U+0162-0163, U+0218-021B;}@font-face {font-family: 'Fraunces';font-style: italic;font-weight: 400;font-display: swap;src: url(/fonts/fraunces-italic-latin-1.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Fraunces';font-style: normal;font-weight: 400;font-display: swap;src: url(/fonts/fraunces-normal-ro.woff2) format('woff2');unicode-range: U+0102-0103, U+0106-0107, U+0141-0142, U+015E-015F, U+0162-0163, U+0218-021B;}@font-face {font-family: 'Fraunces';font-style: normal;font-weight: 400;font-display: swap;src: url(/fonts/fraunces-normal-latin-3.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Fraunces';font-style: normal;font-weight: 500;font-display: swap;src: url(/fonts/fraunces-normal-ro.woff2) format('woff2');unicode-range: U+0102-0103, U+0106-0107, U+0141-0142, U+015E-015F, U+0162-0163, U+0218-021B;}@font-face {font-family: 'Fraunces';font-style: normal;font-weight: 500;font-display: swap;src: url(/fonts/fraunces-normal-latin-3.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Fraunces';font-style: normal;font-weight: 600;font-display: swap;src: url(/fonts/fraunces-normal-ro.woff2) format('woff2');unicode-range: U+0102-0103, U+0106-0107, U+0141-0142, U+015E-015F, U+0162-0163, U+0218-021B;}@font-face {font-family: 'Fraunces';font-style: normal;font-weight: 600;font-display: swap;src: url(/fonts/fraunces-normal-latin-3.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(/fonts/inter-normal-cyrillic-ext-4.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(/fonts/inter-normal-cyrillic-5.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(/fonts/inter-normal-ro.woff2) format('woff2');unicode-range: U+0102-0103, U+0106-0107, U+0141-0142, U+015E-015F, U+0162-0163, U+0218-021B;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url(/fonts/inter-normal-latin-7.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(/fonts/inter-normal-cyrillic-ext-4.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(/fonts/inter-normal-cyrillic-5.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(/fonts/inter-normal-ro.woff2) format('woff2');unicode-range: U+0102-0103, U+0106-0107, U+0141-0142, U+015E-015F, U+0162-0163, U+0218-021B;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url(/fonts/inter-normal-latin-7.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(/fonts/inter-normal-cyrillic-ext-4.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(/fonts/inter-normal-cyrillic-5.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(/fonts/inter-normal-ro.woff2) format('woff2');unicode-range: U+0102-0103, U+0106-0107, U+0141-0142, U+015E-015F, U+0162-0163, U+0218-021B;}@font-face {font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url(/fonts/inter-normal-latin-7.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Spline Sans Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(/fonts/splinesansmono-normal-ro.woff2) format('woff2');unicode-range: U+0102-0103, U+0106-0107, U+0141-0142, U+015E-015F, U+0162-0163, U+0218-021B;}@font-face {font-family: 'Spline Sans Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(/fonts/splinesansmono-normal-latin-9.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Spline Sans Mono';font-style: normal;font-weight: 500;font-display: swap;src: url(/fonts/splinesansmono-normal-ro.woff2) format('woff2');unicode-range: U+0102-0103, U+0106-0107, U+0141-0142, U+015E-015F, U+0162-0163, U+0218-021B;}@font-face {font-family: 'Spline Sans Mono';font-style: normal;font-weight: 500;font-display: swap;src: url(/fonts/splinesansmono-normal-latin-9.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}


:root{
  --bg:#f4efe3;--bg2:#ece4d0;--ink:#1d2a24;--ink2:#3a4a40;
  --muted:rgba(29,42,36,.62);--line:rgba(29,42,36,.16);--line2:rgba(29,42,36,.3);
  --t:#0aa6bd;--v:#6f56e8;--m:#d943ae;--g:#b08a46;
  --holo:linear-gradient(104deg,#0aa6bd 8%,#6f56e8 52%,#d943ae 92%);
  --display:"Fraunces",Georgia,serif;--body:"Inter",system-ui,sans-serif;--mono:"Spline Sans Mono",ui-monospace,monospace;
  --e:cubic-bezier(.16,1,.3,1);
  --card:rgba(255,253,246,.86);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lock{overflow:hidden}
::selection{background:var(--v);color:#fff}
a{color:inherit}
:focus-visible{outline:2px solid var(--v);outline-offset:3px}
.mono{font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.2em;font-size:.62rem}
/* ===== aurora (trend 2026: gradiente moi, ceață, pe fundal cald) ===== */
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}
.aurora .a1{width:46vw;height:38vh;left:8%;top:6%;background:radial-gradient(closest-side,rgba(10,166,189,.34),transparent 70%);animation:au1 26s ease-in-out infinite alternate}
.aurora .a2{width:42vw;height:42vh;right:4%;top:22%;background:radial-gradient(closest-side,rgba(111,86,232,.3),transparent 70%);animation:au2 31s ease-in-out infinite alternate}
.aurora .a3{width:38vw;height:34vh;left:30%;bottom:4%;background:radial-gradient(closest-side,rgba(217,67,174,.22),transparent 70%);animation:au3 37s ease-in-out infinite alternate}
@keyframes au1{to{transform:translate(8vw,6vh) scale(1.15)}}
@keyframes au2{to{transform:translate(-7vw,8vh) scale(.92)}}
@keyframes au3{to{transform:translate(5vw,-6vh) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.aurora i{animation:none}}

/* ===== material holografic (foil + borduri iridescente) ===== */
@property --ba{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes iri{to{--ba:360deg}}
.iri{border:1px solid transparent!important;
 background:linear-gradient(var(--card),var(--card)) padding-box,
 conic-gradient(from var(--ba),rgba(10,166,189,.55),rgba(111,86,232,.5),rgba(217,67,174,.45),rgba(176,138,70,.5),rgba(10,166,189,.55)) border-box}
@media(prefers-reduced-motion:no-preference){.iri{animation:iri 10s linear infinite}.hs{animation:iri 8s linear infinite}}
.foil{position:relative}
.foil::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:.85;
 background:
 linear-gradient(115deg,transparent 22%,rgba(10,166,189,.65) 37%,rgba(111,86,232,.6) 50%,rgba(217,67,174,.55) 63%,transparent 78%),
 repeating-linear-gradient(115deg,rgba(255,255,255,0) 0 6px,rgba(255,255,255,.4) 6px 7px);
 background-size:240% 240%,100% 100%;
 background-position:calc(var(--gx,50)*1%) calc(var(--gy,50)*1%),0 0}
@supports (color:oklch(70% .1 200)){
 .foil::before{background:
  linear-gradient(115deg,transparent 22%,oklch(78% .13 210/.65) 37%,oklch(72% .15 295/.6) 50%,oklch(75% .16 340/.55) 63%,transparent 78%),
  repeating-linear-gradient(115deg,rgba(255,255,255,0) 0 6px,rgba(255,255,255,.4) 6px 7px);
  background-size:240% 240%,100% 100%;
  background-position:calc(var(--gx,50)*1%) calc(var(--gy,50)*1%),0 0}
}
.stitle h1 em{background-size:220% 100%;animation:hl 7s ease-in-out infinite}
@keyframes hl{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.stitle h1 em{animation:none}}

.grain{position:fixed;inset:-50%;z-index:120;pointer-events:none;opacity:.05;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.vign{position:fixed;inset:0;z-index:1;pointer-events:none;background:
 radial-gradient(90% 70% at 50% 38%,transparent 55%,rgba(60,48,22,.08)),
 radial-gradient(60% 50% at 50% 42%,rgba(255,255,255,.5),transparent 70%)}

/* ===== stage ===== */
#stage{position:relative;height:100svh;overflow:hidden}
#net{position:absolute;inset:0;z-index:2}
.stitle{position:absolute;z-index:4;top:96px;left:40px;max-width:520px;pointer-events:none}
@media(max-width:640px){.stitle{left:20px;right:20px;top:84px}}
.stitle .eyebrow{color:var(--g);display:flex;align-items:center;gap:12px;margin-bottom:14px}
.stitle .eyebrow::before{content:"";width:6px;height:1px;background:var(--g);flex-shrink:0;align-self:flex-start;margin-top:.5lh}
.stitle h1{font-family:var(--display);font-weight:500;font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.12;letter-spacing:-.01em;color:var(--ink)}
.stitle h1 em{font-style:italic;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
.stitle p{margin-top:12px;font-size:.96rem;color:var(--muted);max-width:46ch}
.stitle p a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.shint{position:absolute;z-index:4;bottom:30px;left:50%;transform:translateX(-50%);color:var(--muted);display:flex;align-items:center;gap:10px;pointer-events:none;transition:opacity .5s}
.shint .pulse{width:9px;height:9px;border-radius:50%;background:var(--holo);position:relative}
.shint .pulse::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid var(--v);animation:pls 2s var(--e) infinite}
@keyframes pls{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.shint .pulse::after{animation:none}}
.hs.on{opacity:1!important;border-color:transparent;
 box-shadow:0 0 0 1.5px var(--hsc,#0aa6bd),0 12px 36px rgba(60,48,22,.18),0 0 22px var(--hsc,#0aa6bd)}
.hs.on .d{box-shadow:0 0 10px var(--hsc,#0aa6bd)}
.phase{position:absolute;z-index:4;bottom:30px;left:40px;display:flex;align-items:center;gap:10px;
 font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);
 background:rgba(255,253,247,.85);border:1px solid var(--line);border-radius:99px;padding:9px 15px;
 pointer-events:none;transition:opacity .5s;box-shadow:0 8px 26px rgba(60,48,22,.1)}
.phase i{width:9px;height:9px;border-radius:50%;background:var(--hsc,#0aa6bd);box-shadow:0 0 10px var(--hsc,#0aa6bd);transition:background .6s,box-shadow .6s}
@media(max-width:760px){.phase{display:none}}
.hs.fade{opacity:.32}
.tip{position:absolute;z-index:6;max-width:235px;pointer-events:none;opacity:0;
 background:var(--card);backdrop-filter:blur(12px);padding:13px 15px;
 box-shadow:0 18px 50px rgba(60,48,22,.18);transition:opacity .25s}
.tip h5,.tip .tip-t{font-family:var(--mono);font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;color:#0aa6bd;font-weight:500}
.tip p{font-size:.78rem;line-height:1.5;color:var(--ink2);margin-top:6px}
.tip .go2{font-family:var(--mono);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v);margin-top:8px;display:block}

/* ===== hotspots ===== */
.hs{position:absolute;z-index:5;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;
 border:1px solid transparent;
 background:linear-gradient(rgba(255,253,247,.92),rgba(255,253,247,.92)) padding-box,
 conic-gradient(from var(--ba,0deg),rgba(10,166,189,.6),rgba(111,86,232,.55),rgba(217,67,174,.5),rgba(176,138,70,.55),rgba(10,166,189,.6)) border-box;border-radius:99px;padding:8px 14px 8px 9px;
 font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
 cursor:pointer;box-shadow:0 8px 26px rgba(60,48,22,.16);transition:box-shadow .3s,border-color .3s,opacity .4s;white-space:nowrap}
.hs .d{width:9px;height:9px;border-radius:50%;background:var(--holo);position:relative;flex-shrink:0}
.hs .d::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--v);opacity:.7;animation:pls 2.4s var(--e) infinite}
@media(prefers-reduced-motion:reduce){.hs .d::after{animation:none}}
.hs:hover{border-color:var(--v);box-shadow:0 12px 34px rgba(111,86,232,.3)}
.hs.dim{opacity:.3}
.hs.off{opacity:0;pointer-events:none}
@media(max-width:640px){.hs{font-size:.5rem;padding:6px 10px 6px 7px}}

html.js .fadein{opacity:1}
html.js .fadein.in{opacity:1}
@media(prefers-reduced-motion:reduce){
  .petal{transition:none}.pcard{transition:opacity .3s}
  html.js .fadein{opacity:1;transition:none}
}

/* ============ DIAMOND PASS, fatete, muchii, precizie ============ */
:root{--holo:linear-gradient(104deg,#0aa6bd 8%,#5b66e8 54%,#a64fd0 92%);
 --cut8:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
 --cut10:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.grain{opacity:.035}
.vign{background:radial-gradient(90% 70% at 50% 38%,transparent 58%,rgba(40,40,30,.05)),radial-gradient(60% 50% at 50% 42%,rgba(255,255,255,.4),transparent 70%)}
/* aurora → cioburi de lumina taiate */
.aurora i{filter:blur(44px);opacity:.34;border-radius:0}
.aurora .a1{background:linear-gradient(115deg,rgba(10,166,189,.32),transparent 72%);clip-path:polygon(0 22%,70% 0,100% 58%,26% 100%)}
.aurora .a2{background:linear-gradient(245deg,rgba(91,102,232,.3),transparent 72%);clip-path:polygon(30% 0,100% 28%,68% 100%,0 70%)}
.aurora .a3{background:linear-gradient(25deg,rgba(166,79,208,.2),transparent 75%);clip-path:polygon(0 46%,55% 0,100% 50%,48% 100%)}
/* tipografie mai ferma */
.stitle h1{font-weight:600;letter-spacing:-.022em}
h2{font-weight:600}
/* pastile fatetate */
.hs{border-radius:0;clip-path:var(--cut8);box-shadow:none;
 filter:drop-shadow(0 1px 0 rgba(29,42,36,.16)) drop-shadow(0 8px 10px rgba(60,48,22,.14))}
.hs .d,.hs .d::after,.shint .pulse,.shint .pulse::after,.phase i{border-radius:0}
.hs .d,.shint .pulse,.phase i{transform:rotate(45deg);width:8px;height:8px}
.hs.on{box-shadow:none;
 background:linear-gradient(rgba(255,253,247,.95),rgba(255,253,247,.95)) padding-box,linear-gradient(var(--hsc),var(--hsc)) border-box;
 filter:drop-shadow(0 1px 0 rgba(29,42,36,.16)) drop-shadow(0 0 11px var(--hsc))}
.hs.on .d{box-shadow:0 0 8px var(--hsc)}
nav .tag,.phase{border-radius:0;clip-path:var(--cut8);box-shadow:none;
 filter:drop-shadow(0 1px 0 rgba(29,42,36,.12)) drop-shadow(0 6px 8px rgba(60,48,22,.1))}
/* butoane stantate */
.btn{clip-path:var(--cut10)}
.btn-ink:hover{transform:none;box-shadow:none;filter:brightness(1.18) drop-shadow(0 8px 12px rgba(29,42,36,.3))}
.btn-ghost:hover{border-color:#0aa6bd;color:#0aa6bd}
#back{border-radius:0;clip-path:var(--cut8);box-shadow:none;
 filter:drop-shadow(0 1px 0 rgba(29,42,36,.14)) drop-shadow(0 7px 9px rgba(60,48,22,.12))}
#coreBtn .cl{border-radius:0;clip-path:var(--cut8);box-shadow:none;
 filter:drop-shadow(0 1px 0 rgba(29,42,36,.14)) drop-shadow(0 7px 9px rgba(60,48,22,.12))}
/* panouri: umbre stranse + reper tehnic in colt */
.panel{box-shadow:0 1px 0 rgba(29,42,36,.18),0 14px 24px rgba(60,48,22,.13);transition:opacity .45s var(--e),transform .45s var(--e)}
.panel::after{content:"";position:absolute;top:-1px;right:-1px;width:13px;height:13px;
 border-top:1.5px solid #0aa6bd;border-right:1.5px solid #0aa6bd;pointer-events:none}
.panel.L{transform:translate(-16px,-50%)}
.panel.R{transform:translate(16px,-50%)}
.panel.show{transform:translate(0,-50%)}
.tip{clip-path:var(--cut8);box-shadow:none;transition:opacity .18s;
 filter:drop-shadow(0 1px 0 rgba(29,42,36,.16)) drop-shadow(0 10px 14px rgba(60,48,22,.15))}
.panel .chips span,.intl .langs span{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
/* floarea → cristal: petale-fateta si nucleu hexagonal */
.petal{border-radius:0!important;border:none;
 clip-path:polygon(50% 0,100% 34%,50% 100%,0 34%);
 background:linear-gradient(180deg,rgba(0,162,228,.5),rgba(255,255,255,.42) 26%,rgba(244,239,227,.5));
 box-shadow:none}
.petal::after{inset:1.4px;border:none;border-radius:0;
 clip-path:polygon(50% 0,100% 34%,50% 100%,0 34%);
 background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(240,236,224,.62) 70%)}
.petal::before{opacity:.65}
.fcore{border-radius:0;clip-path:polygon(50% 0,93% 26%,93% 74%,50% 100%,7% 74%,7% 26%);
 background:linear-gradient(160deg,#fff,rgba(91,102,232,.4) 60%,rgba(10,166,189,.35));
 box-shadow:0 0 44px rgba(91,102,232,.5)}
.pcin{box-shadow:0 1px 0 rgba(29,42,36,.16),0 12px 20px rgba(60,48,22,.13)}
/* sub fold */
.legal,.demoTag{clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px)}
.below .links a:hover{color:#0aa6bd}

@media(prefers-reduced-motion:reduce){.aurora i{animation:none}}

/* ---- homepage extras ---- */
.stitle{pointer-events:auto}
.stitle .credline{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.stitle .credline span{font-family:var(--mono);font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);border:1px solid var(--line);background:rgba(255,253,246,.6);padding:6px 10px;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
.stitle .actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.sdown{position:absolute;z-index:4;bottom:26px;right:38px;display:flex;align-items:center;gap:10px;color:var(--muted);text-decoration:none;font-family:var(--mono);font-size:.54rem;letter-spacing:.18em;text-transform:uppercase}
.sdown .ln{width:1px;height:44px;background:var(--line2);position:relative;overflow:hidden}
.sdown .ln i{position:absolute;left:0;top:-50%;width:100%;height:50%;background:var(--t);animation:sdrop 2.2s var(--e) infinite}
@keyframes sdrop{0%{top:-50%}70%,100%{top:110%}}
@media(max-width:760px){.sdown{display:none}}
@media(prefers-reduced-motion:reduce){.sdown .ln i{animation:none}}
#stage{height:100svh}
.stitle p{font-size:1.05rem}
.stitle .credline span{font-size:.56rem}
.shint .mono,.phase{font-size:.6rem}

:root{
  --bg:#f4efe3;--bg2:#ece4d0;--ink:#1d2a24;--ink2:#3a4a40;--paper:#fffdf6;
  --muted:rgba(29,42,36,.62);--line:rgba(29,42,36,.16);--line2:rgba(29,42,36,.3);
  --t:#0aa6bd;--v:#6f56e8;--m:#d943ae;--g:#b08a46;--slab:#0f1c16;
  --holo:linear-gradient(104deg,#0aa6bd 8%,#5b66e8 54%,#a64fd0 92%);
  --card:rgba(255,253,246,.86);
  --display:"Fraunces",Georgia,serif;--body:"Inter",system-ui,sans-serif;--mono:"Spline Sans Mono",ui-monospace,monospace;
  --e:cubic-bezier(.16,1,.3,1);
  --cut8:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  --cut10:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:18.5px;line-height:1.74;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--v);color:#fff}
a{color:inherit}
:focus-visible{outline:2px solid var(--v);outline-offset:3px}
img{max-width:100%}
.wrap{max-width:1140px;margin:0 auto;padding:0 38px}
.narrow{max-width:800px}
@media(max-width:640px){.wrap{padding:0 22px}}
.mono{font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.2em;font-size:.66rem}
.label,.sec-label{font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.24em;font-size:.67rem;color:var(--t)}
/* ambient */
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.aurora i{position:absolute;filter:blur(44px);opacity:.3;will-change:transform}
.aurora .a1{width:46vw;height:38vh;left:6%;top:4%;background:linear-gradient(115deg,rgba(10,166,189,.3),transparent 72%);clip-path:polygon(0 22%,70% 0,100% 58%,26% 100%);animation:au1 26s ease-in-out infinite alternate}
.aurora .a2{width:42vw;height:42vh;right:2%;top:30%;background:linear-gradient(245deg,rgba(91,102,232,.28),transparent 72%);clip-path:polygon(30% 0,100% 28%,68% 100%,0 70%);animation:au2 31s ease-in-out infinite alternate}
.aurora .a3{width:38vw;height:34vh;left:30%;bottom:2%;background:linear-gradient(25deg,rgba(166,79,208,.18),transparent 75%);clip-path:polygon(0 46%,55% 0,100% 50%,48% 100%);animation:au3 37s ease-in-out infinite alternate}
@keyframes au1{to{transform:translate(7vw,5vh) scale(1.12)}}
@keyframes au2{to{transform:translate(-6vw,7vh) scale(.94)}}
@keyframes au3{to{transform:translate(5vw,-5vh) scale(1.08)}}
.grain{position:fixed;inset:-50%;z-index:120;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main,header,nav,section,footer,.phero{position:relative;z-index:2}
/* nav */
nav#nav{position:fixed;top:0;left:0;right:0;z-index:160;padding:16px 0;--navw:1280px;transition:background .35s,border-color .35s,padding .35s;border-bottom:1px solid transparent;background:transparent}
nav#nav.scrolled{background:rgba(244,239,227,.86);backdrop-filter:blur(14px);border-color:var(--line);padding:11px 0}
nav#nav>.wrap{max-width:1280px}
nav#nav .brand{display:flex!important;white-space:nowrap;flex-direction:row!important;align-items:center!important;gap:11px!important;text-decoration:none;line-height:1.05}
.brand-logo{width:34px;height:34px;display:block}
.btext{display:flex;flex-direction:column}
.brand .bmain{font-family:var(--display);font-weight:600;font-size:1.18rem;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.brand .bmain .acc{background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand .bsub{font-family:var(--mono);font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--g);font-weight:500;margin-top:2px}
nav#nav .links{display:flex;gap:24px;align-items:center}
nav#nav .links a{color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;opacity:.88;transition:opacity .3s,color .3s;white-space:nowrap}
nav#nav .links a:hover,nav#nav .links a.active{opacity:1;color:var(--t)}
nav#nav .cta{border:none;background:var(--ink);color:#f7f3e8!important;padding:11px 20px;font-size:.72rem;opacity:1!important;clip-path:var(--cut8);transition:filter .3s}
nav#nav .cta:hover{filter:brightness(1.18) drop-shadow(0 8px 12px rgba(29,42,36,.3));color:#fff!important}
.langsw{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;gap:7px;align-items:center;margin:0 4px}
.langsw a{color:var(--ink);opacity:.5;text-decoration:none}
.langsw a:hover,.langsw a.on{opacity:1;color:var(--t)}
.langsw .sep{opacity:.3}
.navtoggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;margin:0}
.navtoggle span{display:block;width:26px;height:2px;background:var(--ink);transition:transform .25s,opacity .25s}
.navtoggle.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navtoggle.on span:nth-child(2){opacity:0}
.navtoggle.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:1141px) and (max-width:1400px){
  nav#nav .links{gap:12px}
  nav#nav .links a:not(.cta){font-size:.63rem;letter-spacing:.04em}
  nav#nav .cta{padding:10px 14px;font-size:.62rem;letter-spacing:.04em}
}
@media(min-width:1401px){
  nav#nav .links{gap:18px}
  nav#nav .links a:not(.cta){font-size:.70rem;letter-spacing:.07em}
  nav#nav .cta{padding:10px 16px;font-size:.68rem;letter-spacing:.07em}
}
@media(max-width:1140px){
  .navtoggle{display:flex}
  nav#nav .links{position:fixed;top:0;right:0;height:100vh;width:min(82vw,330px);background:rgba(244,239,227,.98);backdrop-filter:blur(12px);flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding:40px 34px;transform:translateX(100%);transition:transform .3s ease;box-shadow:-20px 0 60px rgba(40,30,10,.18);border-left:1px solid var(--line)}
  nav#nav .links.open{transform:translateX(0)}
  nav#nav .links a:not(.cta){font-size:.92rem}
}
/* hero pagina */
.phero{background:transparent;color:var(--ink);padding:168px 0 84px;position:relative;overflow:hidden}
.phero::before{content:"";position:absolute;inset:0;background:radial-gradient(56% 60% at 72% 30%,rgba(91,102,232,.1),transparent 70%),radial-gradient(40% 50% at 22% 70%,rgba(10,166,189,.08),transparent 70%);pointer-events:none}
.phero .wrap{position:relative;z-index:2}
.phero .eyebrow{color:var(--t);margin-bottom:24px;display:flex;align-items:center;gap:13px}
.phero .eyebrow::before{content:"";width:9px;height:9px;background:var(--holo);transform:rotate(45deg);flex-shrink:0}
.phero h1{font-family:var(--display);font-weight:600;font-size:clamp(2.45rem,5.6vw,4.2rem);line-height:1.06;letter-spacing:-.018em;max-width:19ch;color:var(--ink);text-wrap:balance}
.phero h1 em{font-style:italic;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero p,.phero .lead{margin-top:26px;max-width:60ch;font-size:1.18rem;color:var(--ink2);line-height:1.65}
.phero .actions{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap}
.btn{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.15em;font-weight:500;padding:15px 27px;text-decoration:none;display:inline-block;border:none;cursor:pointer;clip-path:var(--cut10);transition:filter .3s,color .3s,border-color .3s}
.btn-primary{background:var(--ink);color:#f7f3e8}
.btn-primary:hover{filter:brightness(1.18) drop-shadow(0 8px 12px rgba(29,42,36,.3))}
.btn-ghost{border:1px solid var(--line2);color:var(--ink);background:rgba(255,253,246,.6)}
.btn-ghost:hover{border-color:var(--t);color:var(--t)}
.phero .strip{margin-top:48px;padding-top:28px;border-top:1px solid var(--line);display:flex;gap:44px;flex-wrap:wrap}
.phero .strip div .k{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.16em;color:var(--t);font-weight:500}
.phero .strip div .v{font-size:.95rem;color:var(--ink);margin-top:6px;max-width:26ch}
/* sectiuni */
section{padding:96px 0;position:relative}
@media(max-width:640px){section{padding:60px 0}.phero{padding:140px 0 64px}}
.sec-num,.sec-label{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.sec-num::before,.sec-label::before{content:"";width:9px;height:9px;background:var(--holo);transform:rotate(45deg);flex-shrink:0}
h2{font-family:var(--display);font-weight:600;font-size:clamp(2rem,4vw,2.95rem);line-height:1.1;letter-spacing:-.012em;color:var(--ink);max-width:24ch;text-wrap:balance}
h2 em{font-style:italic;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-intro,.lead,.leadin{font-size:1.17rem;color:var(--ink2);margin-top:22px;max-width:64ch}
.prose p{font-size:1.17rem;color:var(--ink2);margin-top:20px;line-height:1.75}
.prose p:first-of-type{margin-top:24px}
.prose strong{font-weight:600;color:var(--ink)}
.prose-list{margin:20px 0 0 1.1em}
.prose-list li{font-size:1.1rem;color:var(--ink2);margin-top:10px}
.idnote{margin-top:32px;font-size:1.1rem;color:var(--ink);max-width:62ch;font-weight:500}
/* slab intunecat */
.dark{background:var(--slab);color:#f1ede1}
.dark::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 80% 20%,rgba(10,166,189,.12),transparent 65%),radial-gradient(50% 60% at 15% 85%,rgba(111,86,232,.1),transparent 65%);pointer-events:none}
.dark .wrap{position:relative;z-index:2}
.dark h2,.dark h3,.dark h4{color:#f6f3ea}
.dark .sec-num,.dark .sec-label{color:#3fd6ea}
.dark .sec-intro,.dark .prose p,.dark p{color:rgba(241,237,225,.85)}
.dark .prose strong{color:#fff}
.alt{background:var(--bg2);border-block:1px solid var(--line)}
/* carduri */
.cards,.idgrid,.cardgrid{display:grid;gap:16px;margin-top:46px}
.cards{grid-template-columns:repeat(3,1fr)}
.idgrid,.cardgrid{grid-template-columns:repeat(2,1fr)}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.cards,.idgrid,.cardgrid{grid-template-columns:1fr}}
.card,.idcard,.scard{position:relative;background:var(--card);border:1px solid var(--line);padding:30px 26px;text-decoration:none;color:inherit;display:block;clip-path:var(--cut10);transition:border-color .35s,transform .35s var(--e);backdrop-filter:blur(6px)}
.card::after,.idcard::after,.scard::after{content:"";position:absolute;top:-1px;right:-1px;width:12px;height:12px;border-top:1.5px solid var(--t);border-right:1.5px solid var(--t);opacity:.5;transition:opacity .3s}
a.card:hover,a.scard:hover,a.idcard:hover{border-color:rgba(10,166,189,.5);transform:translateY(-3px)}
a.card:hover::after,a.scard:hover::after,a.idcard:hover::after{opacity:1}
.card h3,.idcard h3,.scard h3{font-family:var(--display);font-weight:600;font-size:1.38rem;color:var(--ink);margin-bottom:9px;line-height:1.18}
.card p,.idcard p,.scard p{font-size:1.01rem;color:var(--ink2);line-height:1.62}
.card .go,.scard .go,.idcard .go,.go{font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.16em;color:var(--t);margin-top:15px;display:inline-flex;align-items:center;gap:8px}
.go::after{content:"→";transition:transform .3s var(--e)}
a:hover>.go::after,.card:hover .go::after,.scard:hover .go::after{transform:translateX(5px)}
.dark .card,.dark .scard,.dark .idcard{background:rgba(255,253,246,.05);border-color:rgba(241,237,225,.16)}
.dark .card h3,.dark .scard h3,.dark .idcard h3{color:#f6f3ea}
.dark .card p,.dark .scard p,.dark .idcard p{color:rgba(241,237,225,.8)}
/* points/steps/creds */
.points,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px}
@media(max-width:760px){.points,.steps{grid-template-columns:1fr}}
.point,.step{border:1px solid var(--line);background:var(--card);padding:28px 24px;clip-path:var(--cut8);position:relative}
.point .n,.step .mono{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;color:var(--m);text-transform:uppercase;font-style:normal}
.point .n{font-family:var(--display);font-size:1.7rem;color:transparent;background:var(--holo);-webkit-background-clip:text;background-clip:text;font-style:italic;line-height:1}
.point h3,.step h3{font-family:var(--display);font-weight:600;font-size:1.22rem;color:var(--ink);margin:12px 0 8px}
.point p,.step p{font-size:1rem;color:var(--ink2);line-height:1.6}
.step-note{margin-top:22px;font-size:.92rem;color:var(--muted);border-left:2px solid var(--v);padding-left:14px;max-width:56ch}
.dark .point,.dark .step{background:rgba(255,253,246,.05);border-color:rgba(241,237,225,.16)}
.dark .point h3,.dark .step h3{color:#f6f3ea}.dark .point p,.dark .step p{color:rgba(241,237,225,.8)}
.creds{margin-top:44px;border-top:1px solid var(--line)}
.creds .crow,.cred{display:grid;grid-template-columns:200px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}
.crow .src,.cred .yr{font-family:var(--mono);font-size:.6rem;color:var(--g);letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding-top:3px}
.crow .c h4,.cred .c h4{font-family:var(--display);font-weight:600;font-size:1.12rem;color:var(--ink);line-height:1.2}
.crow .c p,.cred .c p{font-size:.96rem;color:var(--ink2);margin-top:3px}
@media(max-width:640px){.creds .crow,.cred{grid-template-columns:1fr;gap:4px}}
/* triada/split */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;margin-top:28px;align-items:start}
@media(max-width:820px){.split{grid-template-columns:1fr;gap:32px}}
.split .triad,.triad{border-top:1px solid var(--line)}
.triad .ti{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:baseline}
.triad .ti h3{font-family:var(--display);font-weight:600;font-size:1.16rem;color:var(--ink)}
.triad .ti p{font-family:var(--mono);font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;color:var(--t);margin-top:4px}
.dark .triad,.dark .triad .ti{border-color:rgba(241,237,225,.18)}
.dark .triad .ti h3{color:#f6f3ea}.dark .triad .ti p{color:#3fd6ea}
/* citation/warn/note-box */
.citation{position:relative;border:1px solid var(--line2);border-left:3px solid var(--t);background:var(--card);padding:26px 30px;margin:36px 0 0;max-width:62ch;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}
.citation p{font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--ink);line-height:1.45}
.citation .src{font-family:var(--mono);font-size:.56rem;color:var(--g);text-transform:uppercase;letter-spacing:.16em;margin-top:12px;font-weight:500}
.dark .citation{background:rgba(255,253,246,.05);border-color:rgba(241,237,225,.2);border-left-color:#3fd6ea}
.dark .citation p{color:#f6f3ea}
.warn,.note-box{border:1px solid rgba(111,86,232,.35);border-left:3px solid var(--v);background:rgba(111,86,232,.05);padding:22px 26px;margin-top:30px;max-width:66ch;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}
.warn p,.note-box p{font-size:1.07rem;color:var(--ink2);line-height:1.65;margin:0}
.warn p+p,.note-box p+p{margin-top:12px}
.warn strong{font-weight:600;color:var(--ink)}
.dark .warn,.dark .note-box{background:rgba(111,86,232,.12);border-color:rgba(141,116,255,.4)}
.dark .warn p,.dark .note-box p{color:rgba(241,237,225,.88)}
/* faq */
.faq{margin-top:40px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:14px;padding:21px 0;font-family:var(--display);font-weight:600;font-size:1.2rem;color:var(--ink);transition:color .3s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"";width:8px;height:8px;background:var(--holo);transform:rotate(45deg);flex-shrink:0;transition:transform .35s var(--e)}
.faq details[open] summary{color:var(--t)}
.faq details[open] summary::before{transform:rotate(225deg)}
.faq .a{padding:0 0 22px 22px}
.faq .a p{font-size:1.07rem;color:var(--ink2);line-height:1.72;margin-top:10px}
/* tags/strip-uri */
.tags{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}
.tags span{border:1px solid var(--line2);padding:12px 19px;font-size:1rem;color:var(--ink);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:border-color .3s,color .3s;background:rgba(255,253,246,.55)}
.tags span:hover{border-color:var(--t);color:var(--t)}
.dark .tags span{border-color:rgba(241,237,225,.3);color:#f1ede1;background:rgba(255,253,246,.05)}
/* portrete */
.pillar-portrait{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center;margin:0 0 8px}
.pillar-portrait .pp-text .sec-num{margin-top:0}
.pillar-portrait figure,figure.reveal{margin:0;position:relative}
.pillar-portrait img,.about-portrait img,figure.reveal img{width:100%;height:auto;display:block;border:none;border-radius:0;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);filter:sepia(.1) saturate(1.04) contrast(1.04);box-shadow:none;position:relative;z-index:1}
.pillar-portrait figure::before,.about-portrait::before{content:"";position:absolute;inset:-1px;background:conic-gradient(from 40deg,rgba(10,166,189,.55),rgba(111,86,232,.5),rgba(217,67,174,.4),rgba(176,138,70,.5),rgba(10,166,189,.55));clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);z-index:-1}
.pillar-portrait figcaption,.about-portrait figcaption{position:relative;z-index:1;font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#1d2a24;font-weight:500;margin-top:0;padding:11px 8px 9px;text-align:center}
@media(max-width:860px){.pillar-portrait{grid-template-columns:1fr;gap:28px}.pillar-portrait figure{max-width:330px;margin:0 auto;order:-1}}
.about-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:center;margin-top:6px}
.about-portrait{margin:0;position:relative}
@media(max-width:820px){.about-split{grid-template-columns:1fr;gap:28px}.about-portrait{max-width:330px;margin:0 auto}}
/* contact */
.contact{background:var(--slab);color:#f1ede1;text-align:center}
.contact::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 50% 30%,rgba(10,166,189,.14),transparent 70%);pointer-events:none}
.contact .wrap{position:relative;z-index:2}
.contact h2{color:#f6f3ea;margin:0 auto;max-width:25ch}
.contact .lead{color:rgba(241,237,225,.85);max-width:54ch;margin:24px auto 0}
.contact .sec-num,.contact .sec-label{justify-content:center}
.cgrid{margin-top:48px;display:flex;justify-content:center;gap:52px;flex-wrap:wrap}
.cgrid div .mono{color:#3fd6ea;display:block;margin-bottom:9px}
.cgrid div a,.cgrid div span.v{color:#f6f3ea;text-decoration:none;font-size:1.2rem;font-family:var(--display)}
.cgrid div a{border-bottom:1px solid transparent;transition:border .3s}
.cgrid div a:hover{border-color:#3fd6ea}
.contact .actions{margin-top:40px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.contact .btn-primary{background:#f1ede1;color:var(--slab)}
/* disclosure avocatura */
.law-note{position:relative;z-index:2;margin:0 auto;max-width:1140px;padding:0 38px}
.law-note .ln-in{border:1px solid rgba(176,138,70,.45);border-left:3px solid var(--g);background:rgba(176,138,70,.07);padding:18px 24px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.law-note .mono{color:var(--g)}
.law-note p{font-size:1rem;color:var(--ink2);margin:0;max-width:72ch}
.law-note a{font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--g);white-space:nowrap}
@media(max-width:640px){.law-note{padding:0 22px}}
/* legal box (servicii juridice) */
.legal{max-width:820px;margin:0 auto;border:1px solid rgba(176,138,70,.4);border-left:3px solid var(--g);padding:24px 28px;background:rgba(176,138,70,.06);clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}
.legal .mono{color:var(--g);display:block;margin-bottom:8px}
.legal p{font-size:.97rem;color:var(--ink2)}
.legal a{display:inline-block;margin-top:10px;font-weight:600;font-size:.92rem;text-decoration:none;border-bottom:1.5px solid var(--g);padding-bottom:1px}
/* footer */
footer{background:var(--slab);color:#f1ede1;padding:46px 0 58px;border-top:1px solid rgba(10,166,189,.25)}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:24px;margin-bottom:26px}
@media(max-width:1000px){footer .cols{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){footer .cols{grid-template-columns:1fr}}
footer .cols a{color:#f1ede1;opacity:.78;text-decoration:none;display:block;padding:4px 0;font-size:.93rem}
footer .cols a:hover{opacity:1;color:#3fd6ea}
footer .ft-h{font-family:var(--mono);color:#3fd6ea;font-size:.6rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:11px}
footer .cols p{opacity:.7;font-size:.88rem;max-width:34ch}
footer .note{border-top:1px solid rgba(241,237,225,.14);padding-top:20px;max-width:86ch;line-height:1.6;opacity:.7;font-size:.85rem}
footer .note a{color:#3fd6ea;text-decoration:none}
.totop{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--paper);color:var(--t);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .3s;z-index:90;font-size:1rem;clip-path:var(--cut8)}
.totop.show{opacity:1;pointer-events:auto}
/* reveal */
html.js .reveal{opacity:0;transform:translateY(18px)}
html.js .reveal.in{opacity:1;transform:none;transition:opacity .7s linear,transform .8s var(--e)}
@media(prefers-reduced-motion:reduce){
  .aurora i{animation:none}
  html.js .reveal{opacity:1;transform:none;transition:none}
}

/* ecou neural in hero, v2 */
.necho{position:absolute;top:78px;right:-26px;width:min(470px,40vw);height:auto;z-index:1;pointer-events:none;opacity:.7}
.necho .ne-l line{stroke:rgba(29,42,36,.2);stroke-width:1}
.necho .nc{fill:rgba(10,166,189,.6)}
.necho .nv{fill:rgba(111,86,232,.55)}
.necho .ng{fill:rgba(176,138,70,.8)}
.necho .np{fill:#0aa6bd;transform-box:fill-box;transform-origin:center}
@media(prefers-reduced-motion:no-preference){
 .necho .np{animation:nep 3.4s var(--e) infinite}
 .necho .p1{animation-delay:1.1s}
 .necho .p2{animation-delay:2.2s}
 @keyframes nep{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(2.1);opacity:.5}}
}
@media(max-width:900px){.necho{width:56vw;right:-56px;top:66px;opacity:.42}}
/* RTL (araba) */
[dir="rtl"] .necho{right:auto;left:-26px;transform:scaleX(-1)}
[dir="rtl"] .citation{border-left:1px solid var(--line2);border-right:3px solid var(--t)}
[dir="rtl"] .warn,[dir="rtl"] .note-box,[dir="rtl"] .legal,[dir="rtl"] .law-note .ln-in{border-left:1px solid rgba(111,86,232,.35);border-right:3px solid var(--v)}
[dir="rtl"] .law-note .ln-in{border-right-color:var(--g);border-left-color:rgba(176,138,70,.45)}
[dir="rtl"] .step-note{border-left:none;border-right:2px solid var(--v);padding-left:0;padding-right:14px}
[dir="rtl"] .faq .a{padding:0 22px 22px 0}
[dir="rtl"] body,[dir="rtl"] .prose p{line-height:1.95}
html[lang="ar"] body{font-family:"Noto Sans Arabic",var(--body)}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] .citation p{font-family:"Amiri",var(--display)}
/* WhatsApp chip */
.wa{display:inline-flex;align-items:center;gap:7px;margin-top:9px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#2e7d4f;border:1px solid rgba(46,125,79,.45);padding:7px 13px;background:rgba(46,125,79,.07);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:border-color .3s,color .3s}
.wa::before{content:"";width:7px;height:7px;background:#25D366;transform:rotate(45deg)}
.wa:hover{border-color:#25D366;color:#1d6b40}
.contact .wa,.dark .wa,footer .wa{color:#7fe0a8;border-color:rgba(127,224,168,.4);background:rgba(37,211,102,.08)}
.contact .wa:hover{border-color:#25D366;color:#a5efc4}