@font-face{font-family:'Marcellus';src:url(10f9e44857.woff2) format('woff2');font-weight:400}@font-face{font-family:'Figtree';src:url(6f0c09bac7.woff2) format('woff2');font-weight:400}@font-face{font-family:'Figtree';src:url(cdc20e286b.woff2) format('woff2');font-weight:600}@font-face{font-family:'Figtree';src:url(32c1002f58.woff2) format('woff2');font-weight:700}
:root{--ink:#06080D;--s1:#0E121C;--s2:#141926;--hair:rgba(255,255,255,.10);--hair2:rgba(255,255,255,.2);--tx2:#AEB5C4;--mt:#737B8E;
--paper:#F7F7F4;--pline:#DCDDD8;--pink:#0E121C;--ptx2:#4A505C;--g:linear-gradient(90deg,#C028FF,#6A3BFF 35%,#2E7BFF 68%,#00C0FF)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--ink);color:#fff;font:400 16.5px/1.6 Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
img.mark{mix-blend-mode:screen}
.wrap{max-width:1320px;margin:0 auto;padding:0 56px;position:relative}
.sc{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--tx2)}
.mono{font-family:ui-monospace,"IBM Plex Mono",Menlo,monospace;font-size:11.5px;letter-spacing:.02em}
.serif,h1,h2,h3.s{font-family:Marcellus,serif;font-weight:400}
h2{font-size:50px;line-height:1.06;letter-spacing:-.005em}
.lead{color:var(--tx2);font-size:18.5px;margin-top:20px;max-width:720px}
.paper{background:var(--paper);color:var(--pink)}.paper .lead{color:var(--ptx2)}.paper .sc{color:var(--ptx2)}
/* editorial section head: number in margin + rule */
.head{display:grid;grid-template-columns:120px 1fr;gap:0;border-top:1px solid var(--hair2);padding-top:22px}
.paper .head{border-color:#BFC1BA}
.head .no{font-family:Marcellus,serif;font-size:15px;color:var(--mt);padding-top:4px}
.head .no b{display:block;font-weight:400;font-size:44px;color:#fff;line-height:1}
.paper .head .no b{color:var(--pink)}
section{padding:110px 0;position:relative}
.cap{display:flex;gap:14px;margin-top:10px;color:var(--mt);font-size:12.5px}
.cap b{color:var(--tx2);font-weight:600}
.paper .cap b{color:var(--pink)}
.link{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px;font-weight:600}
.btn{display:inline-block;padding:13px 22px;border-radius:2px;font-weight:600;font-size:14.5px;text-decoration:none;border:0;font-family:inherit;cursor:pointer}
.btn.p{background:#fff;color:var(--ink)}.btn.d{background:var(--pink);color:#fff}
/* header */
header{position:sticky;top:0;z-index:30;background:rgba(6,8,13,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair)}
header .wrap{display:flex;align-items:center;height:68px;gap:26px}
.lock{display:flex;align-items:center;gap:11px}.lock img{height:28px}
.wm{font-family:Marcellus,serif;letter-spacing:.26em;font-size:15.5px}
.say{background:none;border:0;color:var(--mt);font:12px Figtree;cursor:pointer;display:inline-flex;gap:5px;align-items:center}
.say svg{width:12px;height:12px}
nav{display:flex;gap:28px;margin-left:auto;font-size:14px;color:var(--tx2)}nav a{text-decoration:none}
/* hero */
.hero{position:relative;min-height:980px;overflow:hidden;border-bottom:1px solid var(--hair)}
#heroCv{position:absolute;inset:0;width:100%;height:100%}
.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:92px;pointer-events:none}
.hero .wrap>*{pointer-events:auto}
.hl{position:relative;z-index:2}
.hl h1{font-size:74px;line-height:1;text-transform:uppercase;letter-spacing:.015em;margin-top:24px}
.hl h1 em{font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.hsub{color:#D6DAE3;font-size:19px;margin-top:26px;max-width:520px}
.hs2{color:var(--mt);font-size:13.5px;margin-top:14px}
.hb{display:flex;gap:24px;align-items:center;margin-top:30px}
.ind{position:absolute;right:56px;top:28px;display:flex;gap:18px;z-index:3;font-size:13.5px}
.ind button{background:none;border:0;border-bottom:1px solid transparent;color:var(--mt);font:600 13.5px Figtree;padding:4px 0;cursor:pointer}
.ind button.on{color:#fff;border-color:#fff}
.ind span{color:var(--mt);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;padding-top:6px}
.hnote{position:absolute;right:56px;top:66px;z-index:3;color:var(--mt);font-size:11px;letter-spacing:.14em}
.ben{position:absolute;left:0;right:0;bottom:0;z-index:3;border-top:1px solid var(--hair);background:linear-gradient(180deg,rgba(6,8,13,.0),rgba(6,8,13,.85) 30%)}
.ben .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:0}
.ben .wrap>div{padding:22px 24px 26px 0;border-right:1px solid var(--hair);margin-right:24px}
.ben .wrap>div:last-child{border-right:0}
.ben b{font-family:Marcellus,serif;font-weight:400;font-size:21px;display:block;line-height:1.2}
.ben span{color:var(--tx2);font-size:13.5px;display:block;margin-top:6px}
/* problem */
.prob{display:grid;grid-template-columns:120px repeat(3,1fr);margin-top:50px}
.prob .p{padding:0 26px 0 0;margin-right:26px;border-right:1px solid var(--pline)}
.prob .p:last-child{border-right:0}
.prob .n{font-family:Marcellus,serif;font-size:15px;color:var(--ptx2)}
.prob h3{font-size:21px;font-weight:700;margin-top:10px;line-height:1.25}
.prob p{color:var(--ptx2);font-size:15px;margin-top:8px}
.prob label{display:flex;gap:9px;align-items:center;margin-top:16px;font-size:13.5px;font-weight:600;cursor:pointer}
.prob input{width:16px;height:16px;accent-color:#0E121C}
.prob .more{grid-column:2/-1;margin-top:28px;padding-top:16px;border-top:1px solid var(--pline);color:var(--ptx2);font-size:15px}
/* signals */
#fieldCv{display:block;width:100%;height:520px;margin-top:46px}
.fam{display:grid;grid-template-columns:120px repeat(5,1fr);row-gap:0;margin-top:0}
.fam .f{padding:18px 18px 18px 0;border-top:1px solid var(--hair);margin-right:18px}
.fam .f i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}
.fam .f b{font-size:14.5px}
.fam .f p{color:var(--mt);font-size:13px;margin-top:4px;line-height:1.45}
.fam .f em{font-style:normal;font-size:10.5px;letter-spacing:.14em;color:var(--tx2)}
.figs{display:grid;grid-template-columns:120px 1.25fr 1fr;gap:0;margin-top:70px}
.fig{padding-right:34px}
.fig h4{font-family:Marcellus,serif;font-weight:400;font-size:27px}
.fig p{color:var(--tx2);font-size:14.5px;margin-top:6px;max-width:520px}
.fig canvas{display:block;width:100%;margin-top:18px}
.src{color:var(--mt);font-size:11.5px;margin-top:8px;border-top:1px solid var(--hair);padding-top:8px}
/* engines */
.eng{display:grid;grid-template-columns:120px repeat(3,1fr);margin-top:50px}
.e{padding-right:28px;margin-right:28px;border-right:1px solid var(--hair)}
.e:last-child{border-right:0}
.e .k{font-size:11.5px;letter-spacing:.24em;font-weight:700}
.e h3{font-family:Marcellus,serif;font-weight:400;font-size:25px;margin-top:10px;line-height:1.2}
.e p{color:var(--tx2);font-size:14.5px;margin-top:10px}
.e canvas{display:block;width:100%;height:120px;margin-top:18px}
.learn{grid-column:2/-1;margin-top:30px;border-top:1px dashed var(--hair2);padding-top:14px;color:var(--tx2);font-size:14.5px}
.learn b{color:#fff;letter-spacing:.22em;font-size:11.5px;margin-right:12px}
.anat{margin:90px 0 0 120px;border:1px solid var(--hair2);position:relative;background:var(--s1)}
.notch{position:absolute;left:28px;top:-1px;transform:translateY(-100%);display:flex;background:var(--s1);border:1px solid var(--hair2);border-bottom:0;border-radius:10px 10px 0 0;padding:4px 4px 0}
.notch button{background:none;border:0;padding:9px 18px;font:600 13.5px Figtree;color:var(--tx2);cursor:pointer;border-radius:7px 7px 0 0}
.notch button.on{background:var(--ink);color:#fff}
.anat .in{display:grid;grid-template-columns:repeat(5,1fr)}
.anat .in div{padding:24px 20px;border-right:1px solid var(--hair)}.anat .in div:last-child{border-right:0}
.anat h5{font-size:10.5px;letter-spacing:.2em;color:var(--mt);font-weight:700}
.anat .in p{font-size:14.5px;margin-top:8px}
.q{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--tx2);font-size:10px;margin-left:4px}
.pane{display:none}.pane.on{display:block}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding:20px 24px;font-size:14px}
.facts div{display:flex;justify-content:space-between;border-bottom:1px solid var(--hair);padding:9px 0;color:var(--tx2)}
.facts b{color:#fff;font-weight:600}
.lbl{position:absolute;right:0;top:-26px;color:var(--mt);font-size:11px;letter-spacing:.14em}
/* campaigns */
.kick{grid-column:2/-1;font-family:Marcellus,serif;font-size:26px;line-height:1.35;color:#fff;margin-top:24px;max-width:860px}
.kick span{color:var(--mt)}
.card{margin:90px 0 0 120px;border:1px solid var(--hair2);background:var(--s1);position:relative}
.flow{display:grid;grid-template-columns:repeat(8,1fr);padding:34px 26px 26px;position:relative}
.flow.b7{grid-template-columns:repeat(7,1fr)}
.st{position:relative;padding:0 10px}
.st:after{content:"";position:absolute;top:13px;left:calc(50% + 16px);right:calc(-50% + 16px);height:1px;background:var(--hair2)}
.st:last-child:after{display:none}
.st .c{width:28px;height:28px;border-radius:50%;margin:0 auto;border:1px solid var(--hair2);display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--ink)}
.st.h .c{background:#fff;color:var(--ink);border-color:#fff}
.st h4{text-align:center;font-size:13.5px;margin-top:12px;font-weight:700}
.st p{text-align:center;font-size:12px;color:var(--mt);margin-top:3px}
.ev{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair)}
.ev div{padding:18px 22px;border-right:1px solid var(--hair)}.ev div:last-child{border-right:0}
.ev h5{font-size:10.5px;letter-spacing:.2em;color:var(--mt);font-weight:700}.ev p{font-size:14px;margin-top:6px}
.ev span{display:inline-block;margin-top:8px;color:var(--tx2)}
.foot{display:grid;grid-template-columns:120px 1fr 1fr;margin-top:26px;color:var(--tx2);font-size:14px}
.foot b{color:#fff;font-family:Marcellus,serif;font-weight:400;font-size:23px;line-height:1.3}
/* trust */
.princ{display:grid;grid-template-columns:120px repeat(4,1fr);margin-top:50px}
.princ .x{padding-right:22px;margin-right:22px;border-right:1px solid var(--pline)}.princ .x:last-child{border-right:0}
.princ .n{font-family:Marcellus,serif;color:var(--ptx2)}
.princ h3{font-size:18px;font-weight:700;margin-top:10px}.princ p{color:var(--ptx2);font-size:14.5px;margin-top:6px}
.chain{margin:46px 0 0 120px;display:flex;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:600}
.chain span{padding:10px 0}.chain i{flex:0 0 34px;height:1px;background:#9FA29A;margin:0 12px}
.chain span.h{border-bottom:2px solid var(--pink)}
.legend{margin:18px 0 0 120px;display:flex;gap:28px;flex-wrap:wrap;font-size:13px;color:var(--ptx2)}
.legend b{color:var(--pink);margin-right:6px}
/* industries */
.itabs{grid-column:2/-1;display:flex;gap:26px;margin-top:40px;border-bottom:1px solid var(--hair)}
.itabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--mt);font:600 15px Figtree;padding:0 0 12px;cursor:pointer}
.itabs button.on{color:#fff;border-color:#fff}
.ipanel{margin-left:120px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:34px}
.ipanel h3{font-family:Marcellus,serif;font-weight:400;font-size:30px;line-height:1.2}
.ipanel .who{color:var(--tx2);margin-top:10px;font-size:15px}
.ipanel table{width:100%;border-collapse:collapse;margin-top:22px;font-size:14.5px}
.ipanel td{border-top:1px solid var(--hair);padding:12px 12px 12px 0;vertical-align:top}
.ipanel td:first-child{width:150px;color:var(--mt);font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;padding-top:15px}
.ipanel .sig{display:flex;gap:8px;align-items:baseline;padding:2px 0}
.ipanel .sig i{flex:0 0 7px;height:7px;border-radius:50%;transform:translateY(-1px)}
.ipanel .sig em{font-style:normal;color:var(--mt);font-size:12px;margin-left:auto}
#indCv{display:block;width:100%;height:420px}
.inote{margin:18px 0 0 120px;color:var(--mt);font-size:13px}
/* video */
.video{margin:46px 0 0 120px;aspect-ratio:16/9;border:1px solid var(--hair2);position:relative;overflow:hidden;background:var(--s1)}
.video canvas{position:absolute;inset:0;width:100%;height:100%}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:16px;align-items:center;color:#fff;font-weight:600}
.play i{width:76px;height:76px;border-radius:50%;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center}
.play i:after{content:"";border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:6px}
.chap{margin:0 0 0 120px;display:grid;grid-template-columns:repeat(6,1fr)}
.chap span{border-top:1px solid var(--hair2);padding-top:10px;margin-top:14px;font-size:12.5px;color:var(--tx2)}
.chap span b{display:block;color:#fff;font-weight:600}
.vlabel{position:absolute;left:18px;top:14px;color:var(--tx2);font-size:11px;letter-spacing:.14em}
/* pilot */
.pilot{display:grid;grid-template-columns:120px repeat(3,1fr);margin-top:50px}
.pilot .x{padding-right:26px;margin-right:26px;border-right:1px solid var(--pline)}.pilot .x:last-child{border-right:0}
.pilot .n{font-family:Marcellus,serif;font-size:40px;color:#9FA29A;line-height:1}
.pilot h3{font-size:19px;font-weight:700;margin-top:10px}.pilot p{color:var(--ptx2);font-size:14.5px;margin-top:6px}
.need{margin:36px 0 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.need h4{font-size:11px;letter-spacing:.2em;color:var(--ptx2);font-weight:700;border-bottom:1px solid var(--pline);padding-bottom:8px}
.need li{list-style:none;padding:7px 0;border-bottom:1px solid var(--pline);font-size:14.5px}
/* name */
.name{min-height:640px;overflow:hidden;border-top:1px solid var(--hair)}
#skyCv{position:absolute;inset:0;width:100%;height:100%}
.name .wrap{text-align:center;z-index:2}
.name h2{max-width:980px;margin:20px auto 0}
.name p{max-width:740px;margin:22px auto 0;color:var(--tx2)}
.pron{display:inline-flex;gap:14px;align-items:center;margin-top:30px;border-top:1px solid var(--hair2);border-bottom:1px solid var(--hair2);padding:10px 4px}
.close{font-family:Marcellus,serif;font-size:32px;margin-top:30px}
/* cta */
.cta{padding:110px 0;border-top:1px solid var(--hair)}
.ctag{display:grid;grid-template-columns:120px 1fr 420px;gap:0 40px;align-items:start}
.cta ul{list-style:none;margin-top:22px;color:var(--tx2)}.cta li{padding:9px 0;border-bottom:1px solid var(--hair)}
.form{border-top:1px solid var(--hair2);padding-top:14px}
.form label{display:block;font-size:12px;color:var(--mt);margin-top:14px}
.form .f{border-bottom:1px solid var(--hair2);height:30px}
.form small{display:block;color:var(--mt);margin-top:12px;font-size:12px}
.fi{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--hair2);color:#fff;font:15px Figtree;padding:8px 0;outline:none}
.fi:focus{border-color:#fff}.fi.bad{border-color:#E5484D}
.hint{font-size:12px;color:var(--mt);margin-top:6px}.hint.err{color:#FF8A8F}
.legal{font-size:12px;color:var(--mt);margin-top:16px;line-height:1.5}.legal a,.chk a{color:#fff}
.chk{display:flex!important;gap:9px;align-items:flex-start;font-size:12.5px!important;color:var(--tx2)!important;margin-top:10px!important}
.chk input{margin-top:3px;accent-color:#fff}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
footer{border-top:1px solid var(--hair);padding:28px 0;color:var(--mt);font-size:13px}
footer .wrap{display:flex;gap:24px;align-items:center}
.board{position:absolute;right:16px;bottom:10px;font-size:10px;letter-spacing:.14em;color:var(--mt);z-index:5}
@media (max-width:820px){
 .wrap{padding:0 22px}nav,.say{display:none}
 .hero{min-height:0;display:flex;flex-direction:column}.hero .wrap{order:1;grid-template-columns:1fr;padding-top:40px}.hl h1{font-size:40px}.ind{order:2;position:relative;right:auto;top:auto;margin:30px 22px 0;overflow-x:auto;white-space:nowrap}.ind button{white-space:nowrap}#heroCv{order:3;position:relative;inset:auto;height:560px}.hnote{order:4;position:relative;right:auto;top:auto;margin:0 22px}.ben{order:5;position:relative}.lbl,.board{display:none}.ben .wrap{padding:0 22px}.itabs button{white-space:nowrap}
 .ben .wrap{grid-template-columns:1fr 1fr}.ben .wrap>div{margin-right:12px;padding-right:12px}
 .head,.prob,.fam,.figs,.eng,.princ,.pilot,.foot,.ctag{grid-template-columns:1fr}.head .no b{font-size:32px}
 .anat,.card,.chain,.legend,.ipanel,.inote,.video,.chap,.need{margin-left:0}
 .prob .p,.e,.princ .x,.pilot .x{border-right:0;margin:0 0 22px;padding:0}
 .anat .in,.ev,.need,.ipanel{grid-template-columns:1fr}.anat .in div,.ev div{border-right:0;border-bottom:1px solid var(--hair)}
 .flow,.flow.b7{grid-template-columns:1fr;gap:10px}.st:after{display:none}.st{display:grid;grid-template-columns:38px 1fr}.st .c{margin:0;grid-row:1/3}.st h3.h4,.st h4,.st p{text-align:left;margin:0;grid-column:2}
 .chap{grid-template-columns:repeat(3,1fr)}h2{font-size:32px}section{padding:70px 0}#fieldCv{height:420px}.itabs{overflow-x:auto}
}

/* ===== v4: gradient elegance (official handbook palette #C028FF #6A3BFF #2E7BFF #00C0FF) ===== */
h2 em,h1 em{font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
.paper h2 em{background:linear-gradient(90deg,#9B1FE0,#5A2FE6 40%,#1F66E0 75%,#0098CC);-webkit-background-clip:text;background-clip:text}
.head{border-top:0;position:relative}
.head:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(192,40,255,.9),rgba(106,59,255,.6) 25%,rgba(46,123,255,.35) 55%,rgba(255,255,255,.08))}
.paper .head:before{background:linear-gradient(90deg,#C028FF,#6A3BFF 25%,#2E7BFF 55%,#DCDDD8)}
.head .no b{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.paper .head .no b{background:linear-gradient(180deg,#6A3BFF,#2E7BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
section:not(.paper):not(.name){overflow:hidden}
section:not(.paper):not(.name):after{content:"";position:absolute;pointer-events:none;width:900px;height:620px;left:-260px;top:-260px;
 background:radial-gradient(closest-side,rgba(106,59,255,.16),rgba(192,40,255,.06) 55%,transparent);filter:blur(10px);z-index:0}
section>.wrap{z-index:1}
.btn.p{background:linear-gradient(100deg,#C028FF,#6A3BFF 38%,#2E7BFF 72%,#00C0FF);color:#fff;box-shadow:0 10px 34px -12px rgba(106,59,255,.75),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s,box-shadow .2s;background-size:140% 100%}
.btn.p:hover{transform:translateY(-1px);box-shadow:0 16px 44px -12px rgba(46,123,255,.8);background-position:100% 0}
.link{border-image:linear-gradient(90deg,#C028FF,#00C0FF) 1;border-bottom-width:1px}
.cta{position:relative;overflow:hidden}
.cta:before{content:"";position:absolute;inset:auto -10% -55% -10%;height:520px;pointer-events:none;
 background:radial-gradient(60% 70% at 30% 100%,rgba(192,40,255,.22),transparent 70%),radial-gradient(50% 60% at 75% 100%,rgba(0,192,255,.16),transparent 70%)}
.cta .wrap{position:relative}
/* definition block */
.defsec{padding:96px 0 90px;border-top:1px solid var(--hair)}
.defsec .lead+.lead{margin-top:12px}
.defs{display:grid;grid-template-columns:120px repeat(3,1fr);gap:0;margin-top:54px}
.defs .d{padding:26px 28px 6px 0;margin-right:28px;border-top:1px solid var(--hair2);position:relative}
.defs .d:before{content:"";position:absolute;left:0;top:-1px;width:56px;height:1px;background:var(--g)}
.defs .dn{font-family:Marcellus,serif;color:var(--mt);font-size:15px}
.defs h3{font-family:Marcellus,serif;font-weight:400;font-size:25px;margin-top:8px;line-height:1.2}
.defs p{color:var(--tx2);font-size:15px;margin-top:8px}
/* FAQ */
.faqsec{border-top:1px solid var(--hair)}
.faq{display:grid;grid-template-columns:120px 1fr;margin-top:46px}
.qa{border-top:1px solid var(--hair);max-width:880px}
.qa:last-child{border-bottom:1px solid var(--hair)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;padding:22px 0}
.qa summary::-webkit-details-marker{display:none}
.qa h3{font-family:Marcellus,serif;font-weight:400;font-size:23px;line-height:1.25;flex:1}
.qa .pm{width:14px;height:14px;position:relative;flex:none}
.qa .pm:before,.qa .pm:after{content:"";position:absolute;left:0;right:0;top:6.5px;height:1px;background:var(--g)}
.qa .pm:after{transform:rotate(90deg);transition:transform .25s}
.qa[open] .pm:after{transform:rotate(0)}
.qa p{color:var(--tx2);font-size:16px;max-width:720px;padding:0 0 24px}
.qa[open] summary h3{background:linear-gradient(90deg,#fff 40%,#BFA8FF);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:820px){.defs,.faq{grid-template-columns:1fr}.defs .d{margin:0 0 6px}.qa h3{font-size:20px}}
@media (prefers-reduced-motion:reduce){.btn.p{transition:none}}
.fig h3.h4{font-family:Marcellus,serif;font-weight:400;font-size:27px}
.st h3.h4{text-align:center;font-size:13.5px;margin-top:12px;font-weight:700}
.anat .k{font-size:10.5px;letter-spacing:.2em;color:var(--mt);font-weight:700}
.ev .k{font-size:10.5px;letter-spacing:.2em;color:var(--mt);font-weight:700}
.need .k4{font-size:11px;letter-spacing:.2em;color:var(--ptx2);font-weight:700;border-bottom:1px solid var(--pline);padding-bottom:8px}
.st h3.h4,.st p{}
@media (max-width:820px){.eng>*,.defs>*,.faq>*{grid-column:1/-1!important;min-width:0}.eng>div:first-child,.defs>div:first-child,.faq>div:first-child{display:none}}

/* v6 roles */
.rolesec{border-top:1px solid var(--hair)}
.roles{display:grid;grid-template-columns:120px 1fr;margin-top:44px}
.rchips{display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px;border-top:1px solid var(--hair2);padding-top:18px}
.rgl{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mt);font-weight:700;margin-bottom:10px}
.rgb{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.rchips button{background:none;border:0;color:var(--tx2);font:500 15px Figtree;padding:6px 0;cursor:pointer;text-align:left;border-bottom:1px solid transparent}
.rchips button:hover{color:#fff}
.rchips button.on{color:#fff;border-image:linear-gradient(90deg,#C028FF,#00C0FF) 1;border-bottom:1px solid}
.rpanel{margin-top:30px;border:1px solid var(--hair2);background:linear-gradient(135deg,rgba(192,40,255,.07),rgba(46,123,255,.04) 45%,rgba(0,0,0,0));position:relative;padding:30px 34px 28px}
.rpanel:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:var(--g)}
.rq h3{font-family:Marcellus,serif;font-weight:400;font-size:32px;line-height:1.15;margin-top:10px}
.rpanel dl{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:26px;border-top:1px solid var(--hair)}
.rpanel dl>div{padding:18px 24px 4px 0;margin-right:24px;border-right:1px solid var(--hair)}
.rpanel dl>div:last-child{border-right:0;margin-right:0}
.rpanel dt{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mt);font-weight:700}
.rpanel dd{color:var(--tx2);font-size:15px;margin-top:8px;line-height:1.55}
.rpanel dd .link{display:inline-block;margin-top:10px;font-size:14px}
@media (max-width:820px){.roles{grid-template-columns:1fr}.roles>div:first-child{display:none}
 .rchips{grid-template-columns:1fr 1fr;gap:16px 18px}.rq h3{font-size:25px}.rpanel{padding:22px 20px}
 .rpanel dl{grid-template-columns:1fr}.rpanel dl>div{border-right:0;margin-right:0;border-bottom:1px solid var(--hair);padding-bottom:14px}}


/* v7 editorial dividers */
.divq{padding:96px 0 92px;border-top:1px solid var(--hair);position:relative;overflow:hidden}
.divq:before{content:"";position:absolute;right:-180px;top:-120px;width:640px;height:420px;pointer-events:none;background:radial-gradient(closest-side,rgba(46,123,255,.12),rgba(192,40,255,.05) 60%,transparent)}
.dq{margin-left:120px;max-width:980px;position:relative}
.dqm{position:absolute;left:-74px;top:-22px;font-family:Marcellus,serif;font-size:120px;line-height:1;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.85}
.dql{font-family:Marcellus,serif;font-size:46px;line-height:1.14;letter-spacing:-.005em}
.dql em{font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.dqc{margin-top:22px;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mt);font-weight:600;display:flex;align-items:center;gap:14px}
.dqc:before{content:"";width:46px;height:1px;background:var(--g)}
/* v7 role examples */
.rex{display:grid;grid-template-columns:2fr 1fr;gap:28px;margin-top:22px;padding-top:18px;border-top:1px solid var(--hair)}
.rexl{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mt);font-weight:700}
.rex p{font-family:Marcellus,serif;font-size:20px;line-height:1.35;margin-top:8px}
.rtags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.rtags button{background:transparent;border:1px solid var(--hair2);color:var(--tx2);font:500 13px Figtree;padding:6px 11px;border-radius:2px;cursor:pointer}
.rtags button:hover{color:#fff;border-color:#6A3BFF}
@media (max-width:820px){.divq{padding:64px 0}.dq{margin-left:0;padding-left:34px}.dqm{left:-6px;top:-10px;font-size:70px}.dql{font-size:29px}
 .rex{grid-template-columns:1fr;gap:16px}.rex p{font-size:18px}}


/* v8 */
.rtk{margin-top:4px}.rtk p{font-size:15px;color:var(--tx2);margin-top:8px}.rtk .link{display:inline-block;margin-top:10px;font-size:13.5px}
.rex2{margin-top:18px;padding-top:16px;border-top:1px solid var(--hair)}
.pplink{margin:34px 0 0 120px;display:flex;gap:16px;align-items:baseline;font-size:14px}
.pplink span{color:var(--ptx2);font-size:12.5px}
.link.dark{color:var(--pink);border-image:linear-gradient(90deg,#9B1FE0,#1F66E0) 1}
.shelfsec{border-top:1px solid var(--hair)}
.shelf{display:grid;grid-template-columns:120px 1fr 300px 1fr;gap:0 28px;margin-top:50px;align-items:start}
.sside{border-top:1px solid var(--hair2);padding-top:18px}
.sside h3{font-family:Marcellus,serif;font-weight:400;font-size:26px;line-height:1.2;margin-top:10px}
.sside dl{margin-top:16px}.sside dt{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mt);font-weight:700;margin-top:14px}
.sside dd{color:var(--tx2);font-size:15px;margin-top:6px}
.smid{position:relative;height:340px}
#shelfCv{position:absolute;inset:0;width:100%;height:100%}
.sig1{position:absolute;left:50%;top:0;transform:translate(-50%,-4px);text-align:center;width:240px;background:rgba(10,13,22,.9);border:1px solid var(--hair2);padding:10px 12px}
.sig1 b{display:block;font-weight:600;font-size:14px;margin-top:6px}.sig1 span:last-child{display:block;color:var(--mt);font-size:12px;margin-top:2px}
.snote{margin:26px 0 0 120px;color:var(--mt);font-size:12.5px}
@media (max-width:820px){.shelf{grid-template-columns:1fr}.shelf>div:first-child{display:none}.smid{height:260px;order:-1;margin-bottom:20px}.snote,.pplink{margin-left:0}.pplink{flex-direction:column;gap:4px}}

.more>span{color:#5A606C!important}.board{color:#6F7480!important}.paper .board{color:#6B6F66!important}

/* v9 */
.uis{display:grid;grid-template-columns:120px repeat(3,1fr);gap:0 22px;margin-top:40px}
.uis:before{content:""}
.uic{margin:0;background:#0B0F18;border:1px solid var(--hair2);position:relative;padding:16px 16px 14px;display:flex;flex-direction:column}
.uic:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--g)}
.uih{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--hair);padding-bottom:10px}
.uih span{font-family:Marcellus,serif;font-size:19px}.uih em{font-style:normal;color:var(--mt);font-size:11.5px}
.uil{list-style:none;margin-top:6px;flex:1}.uil li{padding:10px 0;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline}
.uil b{font-weight:600;font-size:13.5px}.uil i{font-style:normal;color:var(--tx2);font-size:12.5px;grid-column:2}
.ev2 li{grid-template-columns:auto 1fr auto}.ev2 i{grid-column:auto}.ev2 code{font:11px ui-monospace,Menlo,monospace;color:var(--mt)}
.ut{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;border:1px solid var(--hair2);padding:2px 6px;color:var(--tx2)}
.ut.m,.ut.s{color:#D58BFF;border-color:rgba(192,40,255,.5)}.ut.w{color:#8DB4FF;border-color:rgba(46,123,255,.5)}.ut.c{color:#7FDFFF;border-color:rgba(0,192,255,.45)}.ut.n{color:#E3B2FF}
.uip{margin-top:8px;flex:1}.uip div{padding:9px 0;border-bottom:1px solid var(--hair)}.uip dt{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mt);font-weight:700}.uip dd{font-size:13.5px;margin-top:3px}
.uib{display:flex;gap:8px;margin-top:12px}.uib span{font-size:12.5px;font-weight:600;padding:7px 12px;border:1px solid var(--hair2)}.uib span:first-child{background:linear-gradient(100deg,#C028FF,#6A3BFF 40%,#2E7BFF);border-color:transparent}
.uic figcaption{color:var(--tx2);font-size:13px;margin-top:12px;font-family:Marcellus,serif;font-size:16px;line-height:1.3}
.uinote{margin:18px 0 0 142px;color:var(--mt);font-size:12.5px}
.inlcta{padding:0 0 70px}.inlcta .wrap{padding-left:176px}
.paper+.inlcta{background:var(--paper);margin-top:-1px}.paper+.inlcta .link{color:var(--pink)}
select.fi{appearance:none;background:transparent;color:inherit}
.form select.fi option{color:#0E121C}
.thanks{background:#0B0F18;border:1px solid var(--hair2);padding:28px;position:relative}
.thanks:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--g)}
.thanks h3{font-family:Marcellus,serif;font-weight:400;font-size:26px;margin-top:10px}
.thanks ol{margin:18px 0 0 18px;color:var(--tx2)}.thanks li{margin-top:10px}.thanks li b{color:#fff}
.tbtns{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:22px}.tnote{color:var(--mt);font-size:12.5px;margin-top:14px}
footer a{color:inherit;text-decoration:none}
.pageband{padding:90px 0 20px}.pageband h1{font-family:Marcellus,serif;font-weight:400;font-size:52px;line-height:1.08;margin-top:12px}
@media (max-width:820px){.uis{grid-template-columns:1fr;gap:16px}.uis:before{display:none}.uinote{margin-left:0}.inlcta .wrap{padding-left:22px}.pageband h1{font-size:36px}}


/* ===== v11 ===== */
h2.sc{font:600 11.5px/1.5 Figtree,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;margin:0}
.h2x{font-family:Marcellus,serif;font-weight:400;font-size:50px;line-height:1.06;letter-spacing:-.005em}
.h2x em{font-style:normal;color:var(--acc,#C028FF);padding-right:.04em}
.h2x.g em{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.hl h1{text-transform:none;font-size:64px;line-height:1.03;letter-spacing:-.01em}
.board{display:none!important}
.ctag .no{font-family:Marcellus,serif;font-size:15px;padding-top:4px}.ctag .no b{display:block;font-weight:400;font-size:44px;line-height:1;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.hnote,.vlabel,.rexl{font:600 10.5px/1.4 Figtree,system-ui,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--mt)!important}
.hnote::before,.vlabel::before,.rexl::before{content:"\25A1\00a0\00a0"}
details.famd{margin:26px 0 0 120px}
details.famd>summary{cursor:pointer;list-style:none;display:inline-block;font-size:14px;color:var(--tx2);border-bottom:1px solid var(--hair);padding-bottom:3px}
details.famd>summary::-webkit-details-marker{display:none}
details.famd>summary::after{content:" +"}details.famd[open]>summary::after{content:" \2212"}
details.famd .fam{margin-left:-120px}
#thread{position:fixed;left:26px;top:68px;bottom:24px;width:1px;background:rgba(255,255,255,.07);z-index:20;pointer-events:none}
#thread i{position:absolute;left:0;top:0;width:1px;height:0;background:linear-gradient(#C028FF,#6A3BFF 40%,#2E7BFF 75%,#00C0FF)}
#thread i::after{content:"";position:absolute;left:-3px;bottom:-3px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px var(--tc,#6A3BFF)}
@media (max-width:1180px){#thread{display:none}}
@media (max-width:820px){.h2x{font-size:32px}.hl h1{font-size:38px;line-height:1.06}details.famd{margin-left:0}details.famd .fam{margin-left:0}}

/* ===== v12 ===== */
.rpl{padding:96px 0;border-top:1px solid var(--hair)}
.rpl .rg{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}
.rpl .col{border:1px solid var(--hair);border-radius:14px;padding:26px 28px;background:rgba(255,255,255,.015)}
.rpl .col.ms{border-color:rgba(106,59,255,.45);background:linear-gradient(180deg,rgba(106,59,255,.08),rgba(0,192,255,.03))}
.rpl .ct{font:600 11px/1.4 Figtree,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mt);margin-bottom:16px}
.rpl ol{list-style:none;margin:0;padding:0;counter-reset:r}
.rpl li{counter-increment:r;display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--hair);font-size:15.5px;line-height:1.5;color:var(--tx2)}
.rpl li::before{content:counter(r,decimal-leading-zero);font:12px/1.9 Figtree,system-ui,sans-serif;color:var(--mt)}
.rpl .col.ms li{color:#fff}
.rpl .ho{display:block;font-size:12px;color:#8a7fa8;margin-top:2px}
.rpl .end{margin-top:40px;font-family:Marcellus,serif;font-size:30px;line-height:1.2;max-width:900px}
.rpl .end em{font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.live{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:13px;color:var(--tx2);min-height:20px}
.live .ld{width:7px;height:7px;border-radius:50%;background:#00C0FF;box-shadow:0 0 10px 2px rgba(0,192,255,.6);animation:lp 2s ease-in-out infinite}
.live .lt{font:600 10px/1 Figtree,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mt);white-space:nowrap}
#liveTx{transition:opacity .4s}
@keyframes lp{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.live .ld{animation:none}}
.itabs{flex-wrap:wrap;row-gap:6px}
.rexl::before{content:none!important}.rexl.ill::before{content:"\25A1\00a0\00a0"!important}
.rchips{grid-template-columns:repeat(5,1fr)!important}@media (max-width:820px){.rchips{grid-template-columns:1fr 1fr!important}}
@media (max-width:820px){.rpl{padding:64px 0}.rpl .rg{grid-template-columns:1fr}.rpl .end{font-size:22px}}

/* ===== v14 ===== */
.fq{margin-top:34px;padding:22px 0 0;border-top:1px solid var(--hair);max-width:520px}
.fq p{font-family:Marcellus,serif;font-size:21px;line-height:1.35;color:#fff;margin:0}
.fq p em{font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.fq .by{margin-top:12px;font-size:13px;color:var(--tx2)}
.fq .by b{color:#fff;font-weight:600}

/* ===== v15 ===== */
#video .video,#video .chap{display:none}

/* ===== v16 ===== */
@media (prefers-reduced-motion:reduce){#thread{display:none}#liveTx{transition:none}}
.thanks .tlead{color:var(--mt);margin:6px 0 10px}
.live{flex-wrap:wrap;row-gap:6px}#liveTx{flex-basis:100%;padding-left:17px}

/* ===== v17 ===== */
/* feher/sotet szekcioatmenet: gradiens + ivelt fenycsik, nem kemeny vagas */
.paper{position:relative}
.paper:before,.paper:after{content:"";position:absolute;left:0;right:0;height:220px;pointer-events:none;z-index:0}
.paper:before{top:0;background:
  radial-gradient(ellipse 72% 100% at 50% 0%, rgba(192,40,255,.42), rgba(106,59,255,.26) 35%, rgba(46,123,255,.14) 58%, transparent 80%),
  linear-gradient(180deg, rgba(10,13,22,.34) 0%, rgba(10,13,22,0) 100%)}
.paper:after{bottom:0;background:
  radial-gradient(ellipse 72% 100% at 50% 100%, rgba(0,192,255,.38), rgba(46,123,255,.24) 35%, rgba(106,59,255,.13) 58%, transparent 80%),
  linear-gradient(0deg, rgba(10,13,22,.28) 0%, rgba(10,13,22,0) 100%)}
.paper>.wrap{position:relative;z-index:1}
.paper:before{box-shadow:0 1px 0 rgba(192,40,255,.5)}
.paper:after{box-shadow:0 -1px 0 rgba(0,192,255,.45)}
/* mobil javitas: a "prob .more" implicit 2. oszlopot hozott letre 820px alatt, ezert nem omlott 1 oszlopba ii./iii. */
@media (max-width:820px){.prob .more{grid-column:1/-1}}

/* ===== v18 ===== */
/* mobil javitas 1: footer sortores 820px alatt (korabban nem volt media query ide) */
@media (max-width:820px){footer .wrap{flex-wrap:wrap;row-gap:10px}footer .wrap>span:last-child{margin-left:0!important;width:100%}}
/* mobil javitas 2: a szerepkor-valaszto (.rchips .rg .rgb button) implicit tartalmi szelessege
   tulcsordulast okozott — a teljes lancot (grid-elem, flex-konteiner, gomb) explicit
   szelesseghez kenyszeritjuk, hogy a gombszoveg sortorhessen */
@media (max-width:820px){
 .rchips .rg{min-width:0}
 .rchips .rgb{min-width:0;width:100%}
 .rchips button{display:block;width:100%;white-space:normal;max-width:100%;box-sizing:border-box}
}