/* SVSTINE parent-company website DRAFT: independent brand, minimal scope. */
:root{color-scheme:light;--paper:#fdfdfc;--white:#fff;--ink:#151519;--text:#33343a;--muted:#64666f;--line:#e8e8e8;--red:#b30000;--gold:#facc15;--lav:#7c6af7;--night:#1a1721;--lav-soft:rgba(124,106,247,.16);--gold-soft:rgba(250,204,21,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}
img{max-width:100%;height:auto}a{color:inherit}a:focus-visible{outline:3px solid var(--lav);outline-offset:4px;border-radius:3px}
.container{width:min(1100px,calc(100% - 58px));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:0;z-index:50;background:#fff;padding:10px 15px}.skip:focus{left:18px;top:18px}
.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}
.brand{font-size:.86rem;letter-spacing:.14em;font-weight:790;text-decoration:none;white-space:nowrap}
.topactions{display:flex;gap:33px;align-items:center}
.topactions>a{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:640;text-decoration:none}
.topbar .brand:is(:hover,:focus-visible),.topactions>a:is(:hover,:focus-visible){color:inherit;text-decoration-line:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:7px;outline:none}

.lang{display:flex;align-items:center;gap:10px;white-space:nowrap}
.lang a{font-size:.8rem;color:#79797c;text-decoration:none;padding:6px 3px;font-weight:650}
.lang a[aria-current=page]{color:#111;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:7px;text-decoration-thickness:2px}
.lang span{color:#c6c4c5}
.tree-hero{padding:0;text-align:center}
.tree-wrap{width:min(calc(100% - 24px), 1020px, calc(197.47svh - 560.8px));margin-inline:auto}
.tree-art{display:block;width:100%;height:auto;overflow:hidden}
.tree-art image{pointer-events:none}
.tree-leaf-link,.leaf-hit-region{cursor:pointer}
.tree-leaf-link:focus-visible .leaf-hit-region{stroke:var(--red);stroke-width:3px;stroke-opacity:.85}

.welcome{text-align:center;max-width:780px;margin:0 auto 38px;padding:0 16px}
.eyebrow{font-size:.72rem;line-height:1.7;letter-spacing:.22em;text-transform:uppercase;font-weight:760;color:var(--lav);margin:0 0 10px}
.welcome .eyebrow{color:#686368}
h1{font-size:clamp(2rem,4.3vw,3.6rem);line-height:1.09;letter-spacing:-.065em;font-weight:670;margin:0 0 12px}
.welcome .lead{font-size:clamp(1rem,1.4vw,1.14rem);color:#54545a;line-height:1.58;max-width:660px;margin:0 auto}
.product{position:relative;border-top:0;padding:30px 0 42px;background:radial-gradient(ellipse at 5% 58%,rgba(250,204,21,.20),transparent 43%),radial-gradient(ellipse at 96% 27%,rgba(124,106,247,.18),transparent 46%),#fff}

.product-grid{display:grid;grid-template-columns:.80fr 1.20fr;column-gap:65px;align-items:center}
.product-left{position:relative;overflow:hidden;min-height:238px;padding:34px;border:2px solid rgba(124,106,247,.42);border-radius:18px;background:linear-gradient(123deg,#eee8ff 0%,#f9f6ff 38%,#fffaf0 65%,#fff0a9 100%);display:flex;align-items:center;justify-content:center;gap:23px;box-shadow:0 16px 38px rgba(86,58,135,.14),inset 0 0 0 1px rgba(255,255,255,.72)}
.product-left::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--lav) 0 52%,var(--gold) 52% 100%)}
.product-left img{width:91px;height:91px;object-fit:contain;flex:none;filter:drop-shadow(0 7px 7px rgba(64,41,100,.19))}
.product-left .product-name{font-size:clamp(1.75rem,3vw,2.65rem);font-weight:765;letter-spacing:-.07em;color:var(--gold);line-height:1.1;white-space:nowrap}
.product-left .product-name .bang{color:var(--gold);-webkit-text-stroke:.35px #7c5700}
.product-left .product-name .tune{color:var(--lav)}
.product-copy .eyebrow{margin-bottom:13px;color:var(--ink);font-weight:800}
h2{font-size:clamp(1.5rem,3vw,2.42rem);line-height:1.17;letter-spacing:-.045em;margin:0 0 14px;font-weight:680}
.product-copy h2{color:var(--lav)}
.product-copy p{color:var(--muted);font-size:1.01rem;line-height:1.78;margin:0 0 20px}
.product-copy .product-link{color:#332664;font-size:.97rem;font-weight:735;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:5px}
.product-copy .product-link:is(:hover,:focus-visible){color:#332664;border-bottom-color:var(--lav);outline:none}
.status{display:block;color:#77737c;font-size:.79rem;margin-top:20px}.status .status-accent{color:var(--ink);font-weight:650}
.site-footer{background:#fafaf9;border-top:1px solid var(--line);padding:34px 0 42px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:28px}
.foot-id{font-size:.8rem;color:#7a787e}.foot-id strong{display:block;color:#161519;font-size:.84rem;letter-spacing:.17em;margin-bottom:5px}
.footlinks{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.footlinks a{font-size:.85rem;color:#5e5d62;text-decoration:none}
.footlinks a:is(:hover,:focus-visible){color:#5e5d62;text-decoration-line:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:5px;outline:none}
.legal{max-width:800px;margin:0 auto;padding:100px 0 120px}
.legal h1{font-size:clamp(2.4rem,5vw,4.4rem);margin-bottom:15px}
.legal .date{font-size:.88rem;color:#7a797d;margin-bottom:35px}
.legal p,.legal li{line-height:1.92;color:#52525a;margin:0 0 23px;font-size:1rem}
.legal a{text-underline-offset:4px}
.legal h2{font-size:1.35rem;margin:34px 0 11px}
.fallback{max-width:700px;margin:15vh auto;text-align:center;padding:0 18px}
.fallback h1{font-size:2rem}.fallback a{margin:0 13px;line-height:3}
@media(max-width:760px){.container{width:min(100% - 36px,1100px)}.topbar{height:65px}.topactions{gap:14px}.topactions>a{font-size:.72rem;letter-spacing:.08em}.tree-hero{padding-top:17px}.welcome{margin:8px auto 42px}.welcome .lead{line-height:1.78}.product{padding:62px 0 76px}.product-grid{grid-template-columns:1fr;gap:35px}.product-left{min-height:180px;padding:26px}.footer-inner{align-items:flex-start;flex-direction:column;gap:20px}.footlinks{gap:19px}.legal{padding:67px 0 90px}}
@media(max-width:390px){.brand{font-size:.68rem;letter-spacing:.08em}.topactions{gap:10px}.topactions>a{font-size:.65rem}.lang{gap:6px}.product-left{gap:12px}.product-left img{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

html[lang="el"] .welcome{max-width:940px}html[lang="el"] .welcome .lead{max-width:820px}

@media(max-width:760px){.tree-wrap{width:min(calc(100% - 10px), 1020px)}.welcome .lead{line-height:1.55}}
@media(max-height:690px) and (min-width:761px){.topbar{height:66px}.tree-wrap{width:min(calc(100% - 24px), 990px, calc(197.47svh - 501.57px))}.welcome .lead{line-height:1.48}}


/* Candidate 10 - clean, single-message Bis!Tune showcase. Isolated scope. */
.bt-premium{background:#fff;padding:74px 0 94px;border:0}
.bt-premium .bt-kicker{margin:0 0 16px;font-size:.72rem;letter-spacing:.21em;text-transform:uppercase;font-weight:790;line-height:1.4;color:#38353c}
.bt-showcase{position:relative;isolation:isolate;overflow:hidden;min-height:198px;display:grid;grid-template-columns:245px minmax(0,1fr);align-items:center;gap:38px;width:100%;padding:34px 34px;border-radius:24px;text-decoration:none;background:radial-gradient(circle at 21% 52%,rgba(250,204,21,.18),transparent 29%),radial-gradient(circle at 67% 46%,rgba(124,106,247,.18),transparent 33%),radial-gradient(circle at 84% 18%,rgba(124,106,247,.25),transparent 24%),linear-gradient(115deg,#120a1d 0%,#0e0818 45%,#140d23 100%);border:1px solid rgba(138,116,255,.22);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 46px rgba(124,106,247,.09),0 18px 44px rgba(21,11,37,.18);cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease}
/* Gold-to-lavender top highlight. The bright streak moves only inside the four-pixel line. */
.bt-showcase::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;z-index:1;pointer-events:none;
 background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.96) 48%,transparent 100%) -55% 0/30% 100% no-repeat,
 linear-gradient(90deg,#facc15 0%,#efc63f 22%,#e39d87 48%,#b97ff3 72%,#7c6af7 100%) 0 0/100% 100% no-repeat;
 opacity:.98;transition:box-shadow .25s ease,filter .25s ease}

@property --bt-orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.bt-showcase::after{content:"";position:absolute;inset:0;box-sizing:border-box;border:4px solid transparent;border-radius:inherit;pointer-events:none;z-index:4;background:conic-gradient(from var(--bt-orbit-angle),transparent 0deg,#facc15 0deg,#ffe584 35deg,#fff8dc 65deg,#e3b4ff 100deg,#7c6af7 164deg,#b39dff 226deg,#e6a5c7 298deg,#facc15 360deg) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;mask-composite:exclude;opacity:0;transition:opacity .14s ease}
.bt-showcase:is(:hover,:focus-visible)::before{opacity:0}
.bt-showcase:is(:hover,:focus-visible)::after{opacity:1;animation:bt-perimeter-orbit 2.4s linear infinite;filter:drop-shadow(0 0 4px rgba(250,204,21,.65)) drop-shadow(0 0 5px rgba(124,106,247,.6))}
@keyframes bt-perimeter-orbit{to{--bt-orbit-angle:360deg}}
@media(prefers-reduced-motion:reduce){.bt-showcase:is(:hover,:focus-visible)::after{animation:none;--bt-orbit-angle:80deg}}
.bt-showcase:is(:hover,:focus-visible){color:#fff;border-color:rgba(174,145,255,.70);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 60px rgba(124,106,247,.16),0 18px 44px rgba(21,11,37,.18),0 0 0 1px rgba(250,204,21,.16),0 0 24px rgba(124,106,247,.14);outline:none}
.bt-showcase:focus-visible{outline:3px solid #facc15;outline-offset:4px}
.bt-identity{display:flex;gap:17px;align-items:center;min-width:0}
.bt-identity img{width:72px;height:72px;flex:none;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))}
.bt-wordmark{font-size:clamp(1.55rem,2.3vw,2.45rem);letter-spacing:-.075em;line-height:1;white-space:nowrap;font-weight:795;transition:text-decoration-color .18s ease,filter .18s ease}
.bt-gold{color:#facc15}.bt-lavender{color:#7c6af7}
.bt-message{min-width:0}
.bt-message h2{display:flex;flex-direction:column;gap:2px;font-size:clamp(1.72rem,2.75vw,2.46rem);line-height:1.02;letter-spacing:-.062em;color:#f7f5ff;margin:0 0 10px;font-weight:790;transition:transform .18s ease}
.bt-message p{font-size:1.01rem;line-height:1.68;color:#ded8e8;margin:0;max-width:62ch}
.bt-inline-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:.84rem;line-height:1.6;color:#cbc3d8}
.bt-inline-meta strong{font-weight:740;color:#fff;transition:text-decoration-color .18s ease}.bt-inline-meta>span{opacity:.58}
.bt-title-line{display:block}.bt-title-line--top{color:#f6f4ff}.bt-title-line--bottom{color:#d6d0ea}.bt-title-gradient{background:linear-gradient(90deg,#f7df97 0%,#f0c7b0 28%,#d9b2ff 58%,#9b8bff 80%,#7c6af7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:1120px){.bt-showcase{grid-template-columns:220px minmax(0,1fr);gap:26px;padding:30px}.bt-message h2{font-size:clamp(1.72rem,3.2vw,2.26rem)}}
@media(max-width:720px){.bt-premium{padding:34px 0 44px}.bt-premium .bt-kicker{margin-bottom:14px}.bt-showcase{grid-template-columns:1fr;gap:18px;padding:24px 22px 22px;min-height:0;border-radius:19px}.bt-identity{gap:13px}.bt-identity img{width:57px;height:57px}.bt-wordmark{font-size:2rem}.bt-message h2{font-size:clamp(1.6rem,6.4vw,2rem)}.bt-message p{font-size:.96rem}.bt-inline-meta{margin-top:12px;font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.bt-showcase,.bt-message h2,.bt-wordmark,.bt-inline-meta strong{transition:none}}

.bt-inline-meta{display:block;line-height:1.55}
.bt-inline-meta strong{display:block}
.bt-status-tail{display:block;margin-top:3px}
@media(max-width:720px){.bt-status-tail{margin-top:5px}}