@font-face{font-family:'Lexend';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/lexend-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Lexend';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/lexend-latin.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 700;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-latin.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{--ink:#1c1b1f;--ink2:#59595d;--ink3:#8a8a90;--bd:#e8e8e9;--sh:rgba(49,0,82,.14);--line:#e8e8e9;--bg:#fff;--surface:#fff;--soft:#f8f8f8;--butter:#fbeaff;--deep:#310052;--deep-text:#d9c8e6;--btn:#310052;--btn-text:#fff;--btn-hover:#4a0a78;--sheet:#ece9f0;--accent:#8900c4;--accent2:#6b0099;--ok:#157347;--r:16px;--shadow:0 10px 30px rgba(49,0,82,.10);--shadow2:0 18px 44px rgba(49,0,82,.16);--grad:linear-gradient(135deg,#a21fe0,#6b0099);color-scheme:light}
[data-theme=dark]{--ink:#f3f1f5;--ink2:#bab4c3;--ink3:#8f8899;--bd:#2f2a36;--sh:rgba(0,0,0,.5);--line:#2f2a36;--bg:#121014;--surface:#1b181f;--soft:#17141a;--butter:#2a1836;--deep:#1c0a2b;--deep-text:#cdbfda;--btn:#a21fe0;--btn-text:#fff;--btn-hover:#b13aea;--sheet:#25212b;--accent:#c26bff;--accent2:#d69aff;--ok:#4cc38a;--shadow:0 10px 30px rgba(0,0,0,.45);--shadow2:0 18px 44px rgba(0,0,0,.55);--grad:linear-gradient(135deg,#b13aea,#7a14b0);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 Lexend,system-ui,-apple-system,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}a{color:var(--ink);text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{color:var(--accent2)}
h1,h2,h3,h4{font-family:Lexend,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-weight:600;line-height:1.1;letter-spacing:-.035em;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(36px,5.2vw,66px)}h2{font-size:clamp(28px,3.6vw,44px)}h3{font-size:22px;letter-spacing:-.02em;line-height:1.15}
p{margin:0 0 1em}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.narrow{max-width:780px;margin:0 auto;padding:0 24px}
.eyebrow{font:600 13px/1 Lexend,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--accent2);margin:0 0 14px}
.lead{font-size:20px;color:var(--ink2);line-height:1.55}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font:600 16px/1 Lexend,sans-serif;padding:15px 22px;border-radius:8px;border:2px solid var(--bd);background:var(--btn);color:var(--btn-text);text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}
.btn:hover{background:var(--btn-hover);color:var(--btn-text)}
.btn.amber{background:var(--accent);border-color:var(--bd);color:#0e0e10;box-shadow:var(--shadow)}.btn.amber:hover{background:var(--accent);color:#0e0e10;transform:translate(-1px,-1px);box-shadow:var(--shadow)}.btn.amber:active{transform:translate(3px,3px);box-shadow:var(--shadow)}
.btn.ghost{background:var(--surface);color:var(--ink)}.btn.ghost:hover{background:var(--soft);color:var(--ink)}
.btn.sm{padding:9px 14px;font-size:14px}.btn.sm.amber{box-shadow:var(--shadow)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8ab4ff;outline-offset:2px}
/* header */
.top{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--bd)}
.bar{display:flex;align-items:center;gap:30px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand:hover{color:var(--ink)}.brand b{font:600 28px/1 Lexend,sans-serif;letter-spacing:-.05em}.brand b i{font-style:normal;color:var(--accent)}
nav.main{display:flex;gap:2px;align-items:center;flex:1}nav.main>a,nav.main .dd>button{font:600 15.5px/1 Lexend,sans-serif;color:var(--ink);text-decoration:none;padding:11px 12px;border-radius:6px;background:none;border:0;cursor:pointer}
nav.main>a:hover,nav.main .dd>button:hover,nav.main .dd:focus-within>button{background:var(--soft)}nav.main a.on{box-shadow:inset 0 -3px 0 var(--accent);border-radius:0}
nav.main .cta-top{margin-left:auto}
.dd{position:relative}.dd .menu{display:none;position:absolute;left:0;top:calc(100% + 8px);width:560px;background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--shadow);padding:8px;grid-template-columns:1fr 1fr;gap:0}
.dd:hover .menu,.dd:focus-within .menu{display:grid}.dd .menu a{display:block;padding:11px 12px;border-radius:6px;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px;line-height:1.3}.dd .menu a small{display:block;font-weight:400;color:var(--ink3);font-size:13px;margin-top:2px}.dd .menu a:hover{background:var(--butter)}
.burger{display:none;margin-left:auto;background:var(--surface);border:1px solid var(--bd);border-radius:8px;padding:9px 14px;font-weight:700;color:var(--ink)}
@media(max-width:980px){.burger{display:block}nav.main{display:none;position:absolute;left:0;right:0;top:68px;background:var(--surface);border-bottom:1px solid var(--bd);flex-direction:column;align-items:stretch;padding:12px 24px 20px;margin:0}.top.open nav.main{display:flex}.dd .menu{display:grid;position:static;width:auto;border:0;box-shadow:none;padding:0 0 0 12px;grid-template-columns:1fr}.dd>button{display:none}nav.main .cta-top{margin:10px 0 0;justify-content:center}}
/* hero */
.hero{padding:56px 0 50px;border-bottom:1px solid var(--bd);background:var(--butter)}
.hero .grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}
.hero h1{margin-bottom:22px}.hero h1 u{text-decoration:none;box-shadow:inset 0 -.18em 0 var(--accent)}
.hero .btns{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 24px}
.ticks{display:flex;flex-wrap:wrap;gap:6px 22px;padding:0;margin:0;list-style:none;color:var(--ink);font-size:15px;font-weight:600}.ticks li:before{content:"✓ ";font-weight:800}
.hero-art{position:relative;min-height:480px;display:flex;justify-content:center;align-items:flex-start}
.hero-art .rs-host{border:1px solid var(--bd);box-shadow:var(--shadow);background:var(--surface)}
@media(max-width:900px){.hero .grid{grid-template-columns:1fr}.hero-art{min-height:0}}
/* sections */
section.s{padding:84px 0;border-bottom:1px solid var(--bd)}section.s.tight{padding:56px 0}.s-head{max-width:760px;margin:0 0 36px}.s-head.center{text-align:center;margin-left:auto;margin-right:auto}
.s-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}.s-top h2{margin:0}.s-top a{font-weight:700}
.band{background:var(--soft)}.band.dark{background:var(--deep);color:var(--deep-text)}.band.dark h2,.band.dark h3{color:#fff}.band.dark .eyebrow{color:var(--accent)}.band.dark .lead{color:#bdbdc6}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink);transition:transform .12s,box-shadow .12s;position:relative}
a.card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow);color:var(--ink)}
.card .ico{display:none}.card h3{margin-bottom:8px}.card p{color:var(--ink2);font-size:15.5px;margin:0;line-height:1.5}.card .go{margin-top:auto;padding-top:14px;font-weight:700;font-size:14.5px}
.card .eyebrow{margin-bottom:10px}
/* list rows (home tools, guides) */
.rowlist{border-top:1px solid var(--bd)}.rowl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 40px;gap:24px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--bd);text-decoration:none;color:var(--ink);transition:background .12s,padding .12s}
.rowl:hover{background:var(--butter);padding-left:14px;color:var(--ink)}.rowl h3{margin:0;font-size:clamp(22px,2.6vw,32px)}.rowl p{margin:0;color:var(--ink2);font-size:16.5px}.rowl .arr{font:600 26px/1 Lexend;text-align:right}
@media(max-width:760px){.rowl{grid-template-columns:1fr 30px}.rowl p{grid-column:1/2}.rowl .arr{grid-row:1;grid-column:2}}
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}.num{padding:30px 28px 32px;border-right:1px solid var(--bd)}.num:last-child{border-right:0}
.num b{display:block;font:600 74px/1 Lexend,sans-serif;color:var(--accent);letter-spacing:-.05em;margin-bottom:10px}.num h3{margin-bottom:6px}.num p{margin:0;color:var(--ink2)}
@media(max-width:820px){.nums{grid-template-columns:1fr}.num{border-right:0;border-bottom:1px solid var(--bd)}.num:last-child{border-bottom:0}}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;background:var(--surface);counter-reset:s}.step{padding:26px 24px;border-right:1px solid var(--bd)}.step:last-child{border-right:0}
.step h3:before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:34px;height:34px;background:var(--accent);border:1px solid var(--bd);border-radius:50%;font:600 17px/1 Lexend;margin-right:10px;vertical-align:2px}.step p{color:var(--ink2);margin:0;font-size:16px}@media(max-width:820px){.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--bd)}.step:last-child{border-bottom:0}}
.tpl-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.tpl{text-decoration:none;color:var(--ink)}.tpl .rs-host{border:1px solid var(--bd);margin-bottom:12px;transition:transform .12s,box-shadow .12s;width:100%!important}.tpl:hover .rs-host{transform:translate(-3px,-3px);box-shadow:var(--shadow)}.tpl b{font:600 18px/1 Lexend}.tpl small{display:block;color:var(--ink3);font-size:13.5px;margin-top:4px}
@media(max-width:900px){.tpl-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.tpl-row{grid-template-columns:repeat(2,1fr)}}
.ex-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px}.ex{text-decoration:none;color:var(--ink)}.ex .rs-host{border:1px solid var(--bd);margin-bottom:10px;width:100%!important}.ex:hover .rs-host{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.ex b{display:block;font:700 15.5px/1.25 Lexend}.ex small{color:var(--ink3);font-size:13px}
@media(max-width:980px){.ex-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.ex-grid{grid-template-columns:repeat(2,1fr)}}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:9px 16px;border-radius:8px;background:var(--surface);border:1px solid var(--bd);text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;transition:.12s;cursor:pointer;font-family:Lexend}.chip:hover{background:var(--butter);color:var(--ink)}.chip.on{background:var(--btn);color:var(--btn-text)}
.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.why .n{font:600 15px/1 Lexend;color:var(--accent);margin-bottom:12px;letter-spacing:.06em}.why h3{margin-bottom:8px}.why p{color:#bdbdc6;margin:0;font-size:15.5px}@media(max-width:900px){.why{grid-template-columns:1fr 1fr}}
.linklist{columns:3;column-gap:30px;list-style:none;padding:0;margin:0}.linklist li{break-inside:avoid;padding:10px 0;border-bottom:1px solid var(--bd);font-weight:700}.linklist a{text-decoration:none;display:flex;justify-content:space-between;gap:10px}.linklist a:hover{color:var(--accent2)}.linklist small{font-weight:400;color:var(--ink3)}@media(max-width:820px){.linklist{columns:1}}
/* faq */
details.faq{border-top:1px solid var(--bd)}details.faq:last-of-type{border-bottom:1px solid var(--bd)}details.faq summary{cursor:pointer;padding:20px 4px;font:600 19px/1.35 Lexend,sans-serif;list-style:none;display:flex;justify-content:space-between;gap:14px}
details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";font:500 30px/1 Lexend;color:var(--accent2)}details.faq[open] summary:after{content:"–"}details.faq p{padding:0 4px 22px;margin:0;color:var(--ink2);max-width:720px}
/* footer */
footer.foot{background:var(--deep);color:#b4b4bd;padding:64px 0 28px}footer.foot a{color:#e6e6ea;text-decoration:none}footer.foot a:hover{color:#fff;text-decoration:underline}
.fcols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.fcols h4{font:600 13px/1 Lexend;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.fcols ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:15px}
.fbot{border-top:1px solid #34343a;margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.foot .brand b{color:#fff}
@media(max-width:820px){.fcols{grid-template-columns:1fr 1fr}}
/* inner pages */
.crumbs{font-size:14px;color:var(--ink3);padding:22px 0 0}.crumbs a{color:var(--ink2)}
.phead{padding:30px 0 28px}.phead h1{font-size:clamp(36px,5vw,62px);margin-bottom:14px}
.prose{font-size:18px;line-height:1.75}.prose h2{margin-top:1.8em;font-size:clamp(28px,3.2vw,38px)}.prose h3{margin-top:1.6em}.prose ul{padding-left:1.2em}.prose li{margin:.4em 0}
.tip{background:var(--butter);border:1px solid var(--bd);border-radius:var(--r);padding:16px 20px;margin:1.4em 0;font-size:16.5px;color:var(--ink)}.tip b{font-weight:800}
.meta{color:var(--ink3);font-size:14.5px;display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
.toc{background:var(--soft);border:1px solid var(--bd);border-radius:var(--r);padding:18px 22px;margin:26px 0}.toc b{font:600 13px/1 Lexend;letter-spacing:.05em;text-transform:uppercase}.toc ol{margin:10px 0 0;padding-left:20px;display:grid;gap:4px}
.related{margin-top:60px}
.tool-card{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);padding:26px;box-shadow:var(--shadow)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.fields .wide{grid-column:1/-1}@media(max-width:700px){.fields{grid-template-columns:1fr}}
label.f{display:block;font-weight:700;font-size:14.5px}label.f span{display:block;margin-bottom:6px}
input[type=text],input[type=number],input[type=email],input[type=date],select,textarea{width:100%;font:16px/1.4 Lexend,sans-serif;padding:12px 14px;border:1px solid var(--bd);border-radius:8px;background:var(--surface);color:var(--ink)}
textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #8ab4ff;outline-offset:0}
.result{background:var(--butter);border:1px solid var(--bd);border-radius:var(--r);padding:20px 24px;margin-top:18px}.result .big{font:600 46px/1.05 Lexend,sans-serif;letter-spacing:-.04em}.result table{width:100%;border-collapse:collapse;margin-top:10px}.result td{padding:8px 0;border-top:1px solid var(--line)}.result td:last-child{text-align:right;font-weight:700}
.status{min-height:1.4em;font-weight:600;font-size:15px}.status.err{color:#b3261e}.status.ok{color:var(--ok)}
.note{font-size:14.5px;color:var(--ink3)}
.cap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cap img{border-radius:8px;border:1px solid var(--bd);height:52px}
#cb{position:fixed;left:16px;right:16px;bottom:16px;max-width:640px;margin:0 auto;background:var(--deep);color:#e3e3e8;border-radius:10px;padding:16px 18px;z-index:99;display:none;gap:14px;align-items:center;font-size:14.5px;line-height:1.5;border:1.5px solid #fff}#cb.show{display:flex}#cb a{color:#fff}#cb button{flex:none}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--surface);padding:10px 14px;z-index:100;border-radius:8px}
/* resume builder UI */
.rb-tabs{display:none}.rb-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px;align-items:start}
.rb-edit{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);min-width:0}.rb-edit>*{min-width:0}.rb-prev{min-width:0}
.rb-panel{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);padding:18px 20px}.rb-panel h3{font-size:19px;margin-bottom:12px}.rb-lab{font:600 12px/1 Lexend;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:14px 0 8px}
.rb-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:4px 0 8px}.rb-th{min-width:0;display:flex;flex-direction:column;align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:8px;padding:6px 4px 8px;cursor:pointer;text-align:center;font:700 12.5px/1.2 Lexend;color:var(--ink)}.rb-th.on{border-color:var(--bd);box-shadow:0 0 0 3px var(--accent)}.rb-th .rs-host{margin-bottom:6px;border:1px solid var(--line)}
.rb-sw{display:flex;gap:10px;flex-wrap:wrap}.rb-sw1{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer}.rb-sw1.on{box-shadow:0 0 0 2.5px var(--ink)}
.rb-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.rb-row3 select{padding:10px;font-size:14.5px}
.rb-card{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden}.rb-card.off{opacity:.55}.rb-card summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;font:600 18px/1.2 Lexend,sans-serif;letter-spacing:-.02em;gap:10px}
.rb-card summary::-webkit-details-marker{display:none}.rb-card[open] summary{border-bottom:1px solid var(--bd);background:var(--butter)}.rb-body{padding:16px 18px 18px}
.rb-ctl{display:flex;gap:6px;align-items:center}.rb-ctl button{width:32px;height:32px;border-radius:7px;border:1px solid var(--bd);background:var(--surface);cursor:pointer;font-size:14px;color:var(--ink)}.rb-ctl button:hover{background:var(--butter)}
.rb-eye{display:flex;gap:6px;align-items:center;font:600 13px/1 Lexend;color:var(--ink2);cursor:pointer;margin-right:4px}.rb-eye input{width:auto}
.rb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rb-f{display:block;font-weight:700;font-size:13.5px}.rb-f span{display:block;margin-bottom:5px}.rb-f.wide{grid-column:1/-1}.rb-f input,.rb-f textarea{font-size:15px;padding:10px 12px}
.rb-item{border:1.5px solid var(--line);border-radius:8px;padding:12px;margin-bottom:12px;background:var(--soft)}.rb-ihead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.rb-ihead b{font-size:14.5px}.rb-add{margin-top:2px}
.rb-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rb-tools select{width:auto;padding:8px 12px;font-size:14px;border-radius:8px}.rb-stamp{font-size:13px;color:var(--ink3);margin-left:auto}
.rb-banner{background:var(--butter);border:1px solid var(--bd);border-radius:var(--r);padding:10px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14.5px}
.rb-prev{position:sticky;top:84px}.rb-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.rb-pages{font-weight:700;font-size:14px;background:var(--surface);border:1px solid var(--bd);padding:7px 14px;border-radius:8px}.rb-pages.warn{background:var(--butter)}
.rb-sheet{background:var(--sheet);border:1px solid var(--bd);border-radius:var(--r);padding:14px;max-height:calc(100vh - 190px);overflow:auto}.rb-host{margin:0 auto;box-shadow:0 6px 24px -10px rgba(0,0,0,.5)}.rb-note{font-size:13px;color:var(--ink3);margin:10px 4px 0}
@media(max-width:980px){.rb-grid{grid-template-columns:1fr}.rb-prev{position:static}.rb-tabs{display:flex;gap:8px;margin-bottom:14px;position:sticky;top:68px;z-index:20;background:var(--surface);padding:8px 0}.rb-tabs button{flex:1;padding:12px;border-radius:8px;border:1px solid var(--bd);background:var(--surface);font:700 15px Lexend;color:var(--ink)}.rb-tabs button.on{background:var(--btn);color:var(--btn-text)}
  #rb[data-tab=edit] .rb-prev{display:none}#rb[data-tab=prev] .rb-edit{display:none}.rb-sheet{max-height:none}}
@media print{.top,.foot,#cb{display:none!important}}

/* theme toggle and dark-mode details */
.theme{width:42px;height:42px;border:1px solid var(--bd);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;flex:none;margin-left:6px}
.theme:hover{background:var(--soft)}.theme .moon{display:none}[data-theme=dark] .theme .sun{display:none}[data-theme=dark] .theme .moon{display:block}
.lg-bg{fill:#8900c4}.lg-rail{stroke:#fff}[data-theme=dark] .lg-bg{fill:#a21fe0}
[data-theme=dark] .hero-art .rs-host,[data-theme=dark] .tpl .rs-host,[data-theme=dark] .ex .rs-host{border-color:#52525c}
[data-theme=dark] .rb-th.on{box-shadow:0 0 0 3px var(--accent)}[data-theme=dark] .btn.amber{box-shadow:var(--shadow)}
[data-theme=dark] .rowl:hover{background:var(--butter)}[data-theme=dark] .dd .menu{box-shadow:var(--shadow)}
[data-theme=dark] .nums,[data-theme=dark] .rowlist{border-color:var(--bd)}
[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] input[type=email],[data-theme=dark] input[type=date],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface)}
[data-theme=dark] .footer-note{color:var(--ink3)}
@media(max-width:980px){.theme{margin-left:8px}}

/* guided start + template picker */
html.wz-open{overflow:hidden}
.wz{position:fixed;inset:0;z-index:200;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}
.wz-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 32px 14px;max-width:1280px;width:100%;margin:0 auto}
.wz-head h2{font-size:clamp(28px,3.6vw,44px);margin:0 0 6px}.wz-head p{margin:0;color:var(--ink2)}.wz-head .wz-step{font:600 13px/1 Lexend;letter-spacing:.05em;text-transform:uppercase;color:var(--accent2);margin-bottom:10px}
.wz-x,.wz-skip{flex:none;background:var(--surface);border:1px solid var(--bd);border-radius:8px;color:var(--ink);cursor:pointer;font:700 15px Lexend;padding:10px 14px}.wz-x:hover,.wz-skip:hover{background:var(--soft)}
.wz-main{flex:1;overflow:auto;padding:20px 32px 60px;max-width:1280px;width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center}
.wz-opts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:20px}.wz-opts.big{grid-template-columns:repeat(3,minmax(0,1fr))}
.wz-opt{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);padding:26px 18px;font:600 18px/1.3 Lexend;color:var(--ink);cursor:pointer;text-align:left;transition:transform .12s,box-shadow .12s}
.wz-opt:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.wz-opt b{display:block;font:600 22px/1.1 Lexend,sans-serif;margin-bottom:8px}.wz-opt span{font:400 15px/1.45 Lexend;color:var(--ink2)}
.wz-ex{display:flex;gap:12px;margin-top:20px;max-width:560px;flex-wrap:wrap}.wz-sel{flex:1;min-width:200px}
.wz-bar{border-top:1px solid var(--bd);background:var(--surface);padding:14px 32px;display:flex;justify-content:flex-end;gap:14px}
.pk-body{flex:1;overflow:auto;display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;padding:10px 32px 30px;max-width:1280px;width:100%;margin:0 auto;align-items:start}
.pk-side{position:sticky;top:0}.pk-fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pk-clear{background:none;border:0;color:var(--ink2);text-decoration:underline;cursor:pointer;font:600 14px Lexend}
.pk-fl{font:600 12px/1 Lexend;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:18px 0 8px}.pk-chk{display:flex;gap:10px;align-items:center;padding:7px 0;font-weight:600;font-size:15px;cursor:pointer}.pk-chk input{width:18px;height:18px;accent-color:var(--accent)}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px 22px}
.pk-card{position:relative;cursor:pointer;border-radius:var(--r);outline-offset:6px}.pk-thumb{border:1px solid var(--bd);border-radius:6px;overflow:hidden;background:#fff;transition:transform .12s,box-shadow .12s}
.pk-card:hover .pk-thumb{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.pk-card.on .pk-thumb{border-color:var(--accent);box-shadow:5px 5px 0 var(--accent);border-width:3px}
.pk-thumb .rs-host{width:100%}.pk-name{margin:12px 0 8px}.pk-name b{display:block;font:600 18px/1.2 Lexend,sans-serif}.pk-name small{color:var(--ink3);font-size:13.5px;line-height:1.4;display:block;margin-top:2px}
.pk-reco{position:absolute;right:10px;top:-11px;z-index:2;background:var(--accent);color:#0e0e10;border:1px solid var(--bd);border-radius:6px;font:800 11.5px/1 Lexend;letter-spacing:.05em;text-transform:uppercase;padding:6px 9px;box-shadow:var(--shadow)}
.pk-dots{display:flex;gap:8px}.pk-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1.5px var(--bd);cursor:pointer;padding:0}.pk-dot.on{box-shadow:0 0 0 2.5px var(--ink)}
.pk-empty{grid-column:1/-1;padding:30px;text-align:center;color:var(--ink2)}
@media(max-width:900px){.wz-opts{grid-template-columns:1fr 1fr}.wz-opts.big{grid-template-columns:1fr}.pk-body{grid-template-columns:1fr;gap:6px}.pk-side{position:static;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}.pk-fl{margin:0}.pk-fh{width:100%}.wz-head,.wz-main,.pk-body{padding-left:18px;padding-right:18px}.wz-bar{padding:12px 18px}}

.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}
.pk-grid{padding-top:12px}

/* builder 2.0 round 2: versions, formatting, spacing, score, phrase ideas */
.rb-ver{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);padding:10px 12px;display:grid;gap:8px}.rb-ver-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rb-ver select{flex:1;min-width:150px;padding:8px 10px;font-size:14.5px}.rb-ver input{padding:8px 10px;font-size:14.5px}
.rb-fmt{display:flex!important;gap:6px;margin:0 0 6px!important}.rb-fmt button{width:30px;height:28px;border:1px solid var(--bd);background:var(--surface);color:var(--ink);border-radius:6px;cursor:pointer;font:800 14px Lexend}.rb-fmt .i{font-style:italic;font-weight:600}.rb-fmt button:hover{background:var(--butter)}
.rb-sliders{margin-top:4px}.rb-sl{display:block;margin:10px 0}.rb-sl>span{display:flex;justify-content:space-between;font-weight:700;font-size:13.5px;margin-bottom:4px}.rb-sv{font-weight:600;color:var(--ink3)}.rb-sl input[type=range]{width:100%;accent-color:var(--accent);padding:0;border:0;background:none}
.rb-bar{flex-wrap:wrap}.rb-score{font:700 14px Lexend;background:var(--surface);color:var(--ink);border:1px solid var(--bd);padding:7px 14px;border-radius:8px;cursor:pointer}.rb-score b{display:inline-block;min-width:26px;text-align:center;margin-left:6px;padding:1px 6px;border-radius:5px;color:#0e0e10}
.rb-score.good b{background:#7ddc9f}.rb-score.mid b{background:#ffd166}.rb-score.low b{background:#ff9b85}
.rb-scorepanel{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);padding:16px 18px;margin-bottom:12px;max-height:340px;overflow:auto}.rb-sc-head{display:flex;gap:14px;align-items:center;margin-bottom:6px}.rb-sc-head b{font:600 40px/1 Lexend,sans-serif}.rb-sc-head span{font-size:13.5px;color:var(--ink3)}
.rb-scorepanel h4{font:600 12px/1 Lexend;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:14px 0 6px}.rb-scorepanel ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.rb-scorepanel li{display:flex;gap:10px;font-size:14.5px;line-height:1.4}.rb-scorepanel li i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 Lexend;font-style:normal}.rb-scorepanel .fix i{background:#ffd166;color:#0e0e10}.rb-scorepanel .ok i{background:#7ddc9f;color:#0e0e10}
.ph-btn{margin-top:10px}.ph-panel{margin-top:10px;border:1px solid var(--bd);border-radius:var(--r);background:var(--surface);padding:12px}.ph-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.ph-head select{width:auto;min-width:180px;padding:8px 10px;font-size:14.5px}
.ph-list{display:grid;gap:8px;max-height:300px;overflow:auto}.ph-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-size:14.5px;line-height:1.45}.ph-row button{flex:none}.ph-row mark{background:var(--butter);color:inherit;padding:0 3px;border-radius:3px}
.ph-chips{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow:auto}

/* ===== v3: reference-style design with hrblogs.org colours ===== */
body{font-weight:400}
h1,h2,h3,h4{font-weight:600}
.btn{border:0;border-radius:10px;padding:14px 22px;background:var(--btn);color:var(--btn-text);box-shadow:none}
.btn:hover{background:var(--btn-hover);color:var(--btn-text);transform:translateY(-1px)}
.btn.amber{background:var(--grad);color:#fff;border:0;box-shadow:0 8px 22px rgba(137,0,196,.30)}
.btn.amber:hover{background:var(--grad);color:#fff;filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 28px rgba(137,0,196,.38)}
.btn.amber:active{transform:translateY(0);box-shadow:0 4px 12px rgba(137,0,196,.3)}
.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--bd)}.btn.ghost:hover{background:var(--soft);color:var(--ink);border-color:#cfcfd3}
.btn.sm{padding:9px 14px;border-radius:9px}.btn.sm.amber{box-shadow:0 5px 14px rgba(137,0,196,.25)}
.btn:disabled,.btn[disabled]{opacity:.45;box-shadow:none!important}
.announce{background:#fde7ff;color:#310052;text-align:center;font-size:14px;padding:9px 16px;line-height:1.4}.announce b{color:#8900c4}[data-theme=dark] .announce{background:#2a1836;color:#e7d3f5}[data-theme=dark] .announce b{color:#d69aff}
.top{border-bottom:1px solid var(--bd);background:var(--surface)}
.brand b{font-weight:700;letter-spacing:-.04em}.brand b i{color:var(--accent)}
nav.main>a,nav.main .dd>button{font-weight:400;font-size:15.5px;color:var(--ink)}nav.main>a:hover,nav.main .dd>button:hover{background:var(--soft)}
nav.main a.on{box-shadow:none;background:var(--butter);color:var(--accent2);border-radius:8px}
nav.main .cta-top.btn{padding:11px 18px;border-radius:10px}
.dd .menu{border:1px solid var(--bd);border-radius:14px;box-shadow:var(--shadow2)}.dd .menu a{border-radius:10px;font-weight:500}.dd .menu a:hover{background:var(--butter)}
.theme{border-radius:50%;border:1px solid var(--bd)}
.eyebrow{color:var(--accent);letter-spacing:.06em}
.hero{background:linear-gradient(180deg,#fdefff 0%,#ffffff 100%);border-bottom:0;padding:64px 0 70px;position:relative;overflow:hidden}
[data-theme=dark] .hero{background:linear-gradient(180deg,#26122f 0%,#121014 100%)}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.hero:before{width:420px;height:420px;right:-80px;top:-60px;background:rgba(160,40,224,.22)}.hero:after{width:320px;height:320px;left:30%;bottom:-120px;background:rgba(255,120,200,.18)}
.hero .wrap{position:relative;z-index:1}
.hero h1 u{box-shadow:none;color:var(--accent)}
.pilltag{display:inline-block;background:#f6d6ff;color:#310052;font-weight:500;font-size:14px;padding:7px 14px;border-radius:999px;margin-bottom:20px}[data-theme=dark] .pilltag{background:#3a1d4a;color:#ecd9f8}
.hero-art{display:flex;justify-content:center;min-height:0}
.hero-art .rs-host{border:1px solid var(--bd);box-shadow:var(--shadow2);border-radius:10px}
.hero-card{position:absolute;background:var(--surface);border:1px solid var(--bd);border-radius:14px;box-shadow:var(--shadow2);padding:12px 14px;font-size:13.5px;line-height:1.4;z-index:2}
.ticks li:before{color:var(--accent)}
section.s{border-bottom:0;padding:88px 0}section.s.tight{padding:56px 0}
.band{background:var(--soft)}.band.dark{background:var(--deep);color:var(--deep-text)}.band.tint{background:linear-gradient(180deg,#fdf3ff,#fff)}[data-theme=dark] .band.tint{background:var(--soft)}
.s-top{margin-bottom:36px}.s-top h2{margin:0}.s-top a{font-weight:500;color:var(--accent2);text-decoration:none}.s-top a:hover{text-decoration:underline}
.card{border:1px solid var(--bd);border-radius:var(--r);box-shadow:none;padding:24px}
a.card:hover{transform:translateY(-4px);box-shadow:var(--shadow2);border-color:transparent}
.card .go{color:var(--accent2);font-weight:500}.card .ico{display:grid;width:48px;height:48px;border-radius:14px;background:var(--butter);color:var(--accent);place-items:center;margin-bottom:16px}
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feat .card{border:0;background:var(--surface);box-shadow:var(--shadow)}@media(max-width:900px){.feat{grid-template-columns:1fr 1fr}}@media(max-width:600px){.feat{grid-template-columns:1fr}}
.rowlist{border-top:0;display:grid;gap:12px}.rowl{grid-template-columns:48px minmax(0,1fr) minmax(0,1.4fr) 30px;border:1px solid var(--bd);border-radius:14px;background:var(--surface);padding:20px 22px}
.rowl:hover{background:var(--surface);transform:translateY(-2px);box-shadow:var(--shadow);padding-left:22px}.rowl .ico2{width:44px;height:44px;border-radius:12px;background:var(--butter);color:var(--accent);display:grid;place-items:center}.rowl h3{font-size:clamp(19px,2vw,24px);font-weight:600}.rowl .arr{color:var(--accent);font-weight:600}
@media(max-width:760px){.rowl{grid-template-columns:44px 1fr 24px}.rowl p{grid-column:2/3}}
.nums{border:0;display:grid;gap:20px}.num{border:1px solid var(--bd);border-radius:var(--r);background:var(--surface);padding:28px}.num:last-child{border:1px solid var(--bd)}
.num b{width:44px;height:44px;border-radius:50%;background:var(--grad);color:#fff;font:600 20px/44px Lexend,sans-serif;text-align:center;margin-bottom:16px;letter-spacing:0}
@media(max-width:820px){.nums{grid-template-columns:1fr}.num{border-bottom:1px solid var(--bd)}}
.steps{border:1px solid var(--bd);border-radius:var(--r)}.step h3:before{background:var(--grad);color:#fff;border:0}
.tpl-row,.ex-grid{}
.carousel{position:relative}.carousel-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 26px;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}
.carousel .tpl{flex:none;width:236px;scroll-snap-align:start;background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);padding:12px;transition:transform .15s,box-shadow .15s}.carousel .tpl:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}
.carousel .tpl .rs-host{border:1px solid var(--bd);border-radius:8px;margin-bottom:12px}.carousel .tpl b{font:600 16px/1.2 Lexend,sans-serif}.carousel .tpl small{color:var(--ink3)}
.car-nav{display:flex;gap:10px}.car-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--bd);background:var(--surface);color:var(--ink);cursor:pointer;font-size:20px;display:grid;place-items:center}.car-nav button:hover{background:var(--butter);color:var(--accent2)}
.tpl .rs-host,.ex .rs-host{border:1px solid var(--bd);border-radius:8px}.tpl:hover .rs-host,.ex:hover .rs-host{transform:none;box-shadow:none}
.ex{background:var(--surface);border:1px solid var(--bd);border-radius:var(--r);padding:10px;transition:transform .15s,box-shadow .15s}.ex:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}.ex b{font:600 15px/1.3 Lexend,sans-serif;margin-top:4px}
.chip{border:1px solid var(--bd);border-radius:999px;font-weight:500;background:var(--surface)}.chip:hover{background:var(--butter);color:var(--accent2)}.chip.on{background:var(--btn);color:var(--btn-text);border-color:transparent}
.why .n{color:#e7b6ff}.band.dark h2,.band.dark h3{color:#fff}.why p{color:#d3c0e2}
.linklist li{border-bottom:1px solid var(--bd);font-weight:500}.linklist a:hover{color:var(--accent2)}
details.faq{border:1px solid var(--bd)!important;border-radius:14px;margin-bottom:10px;background:var(--surface)}details.faq summary{padding:18px 22px;font-weight:500;font-size:17.5px}details.faq summary:after{color:var(--accent)}details.faq p{padding:0 22px 20px}
.ctaband{background:var(--grad);color:#fff;border-radius:24px;padding:54px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}.ctaband h2{color:#fff;margin:0;max-width:640px}.ctaband .btn{background:#fff;color:#310052;box-shadow:0 10px 26px rgba(0,0,0,.2)}.ctaband .btn:hover{background:#fff;color:#310052}
footer.foot{background:var(--deep);color:#c9b8d8}footer.foot a{color:#eadbf6}.fcols h4{color:#e7b6ff;letter-spacing:.06em}.fbot{border-top:1px solid #4a2a63}
.tip,.result,.rb-banner{border:1px solid var(--bd);border-radius:14px}.tip{background:var(--butter)}.result{background:var(--butter)}
.tool-card{border:1px solid var(--bd);box-shadow:var(--shadow2);border-radius:20px}
input[type=text],input[type=number],input[type=email],input[type=date],select,textarea{border:1px solid #cfcfd3;border-radius:10px}[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] input[type=email],[data-theme=dark] input[type=date],[data-theme=dark] select,[data-theme=dark] textarea{border-color:#3a3442}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(137,0,196,.18)}
.toc{background:var(--soft);border-radius:14px}
.prose h2{font-weight:600}
.rb-panel,.rb-card,.rb-ver,.rb-scorepanel,.ph-panel{border:1px solid var(--bd);border-radius:14px}.rb-card[open] summary{background:var(--butter)}
.rb-th.on{border-color:var(--accent);box-shadow:0 0 0 3px rgba(137,0,196,.2)}
.rb-sheet{border:0;border-radius:16px}.rb-pages,.rb-score{border:1px solid var(--bd);border-radius:999px}
.rb-tools select{border-radius:999px}
.pk-card.on .pk-thumb{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}.pk-thumb{border:1px solid var(--bd);border-radius:10px}.pk-card:hover .pk-thumb{box-shadow:var(--shadow2);transform:translateY(-3px)}
.pk-reco{background:var(--grad);color:#fff;border:0;border-radius:999px;box-shadow:none;top:-10px;padding:5px 10px;font-weight:600}
.wz-opt{border:1px solid var(--bd);border-radius:14px}.wz-opt:hover{box-shadow:var(--shadow2);transform:translateY(-3px);border-color:transparent}.wz-x,.wz-skip{border:1px solid var(--bd);border-radius:10px}
.wz-bar{border-top:1px solid var(--bd)}
#cb{border:0;border-radius:14px;background:#310052}

/* home v4: glow, plain features, alternating blocks with product mock-ups */
.glow{position:relative;overflow:hidden;background:#fff}.glow:before{content:"";position:absolute;inset:-10% -10%;z-index:0;background:radial-gradient(38% 45% at 18% 35%,rgba(162,31,224,.26),transparent 72%),radial-gradient(34% 42% at 78% 55%,rgba(255,130,210,.26),transparent 72%),radial-gradient(28% 36% at 50% 95%,rgba(120,60,255,.16),transparent 72%)}
[data-theme=dark] .glow{background:var(--bg)}[data-theme=dark] .glow:before{opacity:.55}
.glow .carousel .tpl{box-shadow:var(--shadow);border:0;width:250px}
.feat.plain{gap:34px 30px}.feat.plain>div{padding:0}.feat.plain h3{margin:12px 0 8px;font-size:20px}.feat.plain p{margin:0;color:var(--ink2);font-size:16px}.feat.plain .ico{display:grid;width:52px;height:52px;border-radius:14px;background:var(--grad);color:#fff;place-items:center}
.fb{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:56px 0}.fb.rev .fb-t{order:2}.fb.rev .fb-v{order:1}
.fb-t h2{margin-bottom:14px}.fb-t .lead{margin-bottom:18px}.ticks.col{flex-direction:column;gap:8px}
.fb-v{position:relative;min-height:320px;display:grid;place-items:center}.blob{position:absolute;inset:6% 4%;background:radial-gradient(60% 60% at 30% 30%,rgba(162,31,224,.4),transparent 70%),radial-gradient(55% 55% at 75% 70%,rgba(255,130,210,.4),transparent 70%);filter:blur(24px);border-radius:50%;z-index:0}
[data-theme=dark] .blob{opacity:.6}
.mk{position:relative;z-index:1;width:min(420px,100%);background:var(--surface);border:1px solid var(--bd);border-radius:20px;box-shadow:var(--shadow2);padding:22px;font-size:14.5px}
.mk-q{font:600 19px/1.25 Lexend,sans-serif;margin:0 0 14px}.mk-opts{display:grid;gap:8px}.mk-opts span{border:1px solid var(--bd);border-radius:10px;padding:11px 14px;font-weight:500}.mk-opts .on{border-color:var(--accent);background:var(--butter);color:var(--accent2)}
.mk-foot{display:flex;justify-content:space-between;margin-top:16px}.mk-btn{background:var(--grad);color:#fff;padding:9px 18px;border-radius:9px;font-weight:600}.mk-btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--bd)}
.mk-sel{border:1px solid var(--bd);border-radius:10px;padding:10px 14px;display:flex;justify-content:space-between;font-weight:500;margin-bottom:12px}.mk-lab{font:600 12px/1 Lexend,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin:14px 0 8px;display:flex;justify-content:space-between}.mk-lab b{color:var(--ink);letter-spacing:0;text-transform:none;font-size:13px}
.mk-row{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;line-height:1.4}.mk-row i{flex:none;font-style:normal;font-weight:600;font-size:13px;border:1px solid var(--bd);border-radius:8px;padding:5px 11px;background:var(--surface)}.mk-note{color:var(--ink3);font-size:13px;margin:6px 0 0}
.mk-tpls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mk-tpls span{height:70px;border:1px solid var(--bd);border-radius:6px;background:linear-gradient(#e9e9ee 0 0) 12% 18%/70% 5px no-repeat,linear-gradient(#e9e9ee 0 0) 12% 36%/55% 4px no-repeat,linear-gradient(#e9e9ee 0 0) 12% 50%/65% 4px no-repeat,linear-gradient(#e9e9ee 0 0) 12% 64%/50% 4px no-repeat,#fff}.mk-tpls .on{border:2px solid var(--accent)}
.mk-dots{display:flex;gap:10px}.mk-dots i{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 1.5px var(--bd)}.mk-bar{height:7px;border-radius:99px;background:var(--line)}.mk-bar i{display:block;height:100%;border-radius:99px;background:var(--grad)}
.mk-score{display:flex;gap:14px;align-items:center;margin-bottom:12px}.mk-score b{font:600 52px/1 Lexend,sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.mk-score span{color:var(--ink2);font-weight:500}
.mk-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.mk-list li{display:flex;gap:10px;align-items:center}.mk-list i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 Lexend;font-style:normal}.mk-list .ok i{background:#7ddc9f;color:#0e0e10}.mk-list .fix i{background:#ffd166;color:#0e0e10}
@media(max-width:900px){.fb{grid-template-columns:1fr;gap:30px;padding:34px 0}.fb.rev .fb-t,.fb.rev .fb-v{order:initial}}

/* hero illustration: layered, animated product scene */
.hx{position:relative;width:100%;max-width:540px;height:560px;margin:0 auto;display:block;min-height:0}
.hx-shapes{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}
.hx-s1{animation:hxf1 9s ease-in-out infinite}.hx-s2{animation:hxf2 11s ease-in-out infinite}.hx-s3{animation:hxf3 10s ease-in-out infinite}
@keyframes hxf1{50%{transform:translateY(-10px)}}@keyframes hxf2{50%{transform:translateY(12px)}}@keyframes hxf3{50%{transform:translateY(-8px)}}
[data-theme=dark] .hx-shapes{opacity:.55}
.hx-resume{position:absolute;right:22px;top:30px;z-index:1;border:0;border-radius:6px;background:#fff;box-shadow:0 30px 60px -18px rgba(49,0,82,.45),0 0 0 1px rgba(0,0,0,.05);transition:opacity .3s}
.hx-resume.swap{opacity:.15}
.hx-panel{position:absolute;z-index:3;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:0 26px 60px -16px rgba(49,0,82,.4);padding:16px 16px 14px;color:#1c1b1f}
[data-theme=dark] .hx-panel{background:rgba(32,28,38,.9);border-color:rgba(255,255,255,.08);color:#f3f1f5}
.hx-cust{left:0;bottom:46px;width:224px;animation:hxp1 7s ease-in-out infinite}.hx-tpl{right:0;bottom:-6px;width:236px;animation:hxp2 8s ease-in-out infinite}
@keyframes hxp1{50%{transform:translateY(-8px)}}@keyframes hxp2{50%{transform:translateY(8px)}}
.hx-h{font:600 15px/1 Lexend,sans-serif;margin-bottom:10px}.hx-lab{display:flex;justify-content:space-between;font:500 11.5px/1 Lexend,sans-serif;color:var(--ink3);margin:12px 0 7px;letter-spacing:.02em}.hx-lab em{font-style:normal;color:var(--ink);font-weight:600}
.hx-dots{display:flex;gap:9px}.hx-dots i{width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s}[data-theme=dark] .hx-dots i{box-shadow:0 0 0 2px #1b181f,0 0 0 3px rgba(255,255,255,.18)}.hx-dots i.on{transform:scale(1.2);box-shadow:0 0 0 2px #fff,0 0 0 4px #1c1b1f}[data-theme=dark] .hx-dots i.on{box-shadow:0 0 0 2px #1b181f,0 0 0 4px #f3f1f5}
.hx-fs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.hx-fs span{border:1px solid var(--bd);border-radius:10px;text-align:center;padding:7px 0 6px;font:500 10.5px/1.1 Lexend,sans-serif;color:var(--ink2);transition:border-color .2s,background .2s}.hx-fs b{display:block;font:600 17px/1.1 Lexend;color:var(--ink)}.hx-fs span.on{border:2px solid var(--accent);background:var(--butter)}
.hx-sl{position:relative;height:5px;border-radius:99px;background:rgba(0,0,0,.1);margin:2px 3px 4px}[data-theme=dark] .hx-sl{background:rgba(255,255,255,.14)}.hx-sl i{position:absolute;top:50%;left:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;background:var(--accent);box-shadow:0 2px 6px rgba(137,0,196,.5);transition:left .7s cubic-bezier(.4,.1,.2,1)}
.hx-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hx-t{display:block;border:2px solid transparent;border-radius:6px;padding:1px;transition:border-color .25s,transform .25s}.hx-t .rs-host{display:block;border:1px solid var(--bd);border-radius:3px;background:#fff}.hx-t.on{border-color:var(--accent);transform:translateY(-3px)}
.hx-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.95);border-radius:12px;padding:9px 13px;font:500 13px/1.2 Lexend,sans-serif;box-shadow:0 14px 34px -10px rgba(49,0,82,.4);color:#1c1b1f}[data-theme=dark] .hx-chip{background:rgba(32,28,38,.95);color:#f3f1f5}
.hx-score{left:0;top:22px;animation:hxp2 6.5s ease-in-out infinite}.hx-score b{background:var(--grad);color:#fff;border-radius:8px;padding:3px 9px;font-weight:600}
.hx-ats{right:6px;top:236px;animation:hxp1 7.5s ease-in-out infinite}.hx-ats i{width:20px;height:20px;border-radius:50%;background:#7ddc9f;color:#0e0e10;display:grid;place-items:center;font:700 12px/1 Lexend;font-style:normal}
.hx-cursor{position:absolute;z-index:5;left:0;top:0;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35));transition:transform .9s cubic-bezier(.45,.05,.25,1);transform:translate(300px,300px)}.hx-cursor.click{animation:hxclick .25s}
@keyframes hxclick{50%{scale:.8}}
@media(max-width:900px){.hx{height:520px;max-width:480px}}
@media(max-width:560px){.hx{height:470px}.hx-tpl{display:none}.hx-cust{width:196px;bottom:30px}.hx-ats{display:none}}
@media(prefers-reduced-motion:reduce){.hx-shapes g,.hx-panel,.hx-chip{animation:none!important}.hx-cursor{display:none}}

/* hover overlay on previews, bigger centred buttons */
.pv{position:relative}.pv .ov{position:absolute;inset:0;display:grid;place-items:center;background:rgba(49,0,82,.45);opacity:0;transition:opacity .18s;border-radius:8px;backdrop-filter:blur(1.5px)}
.tpl:hover .ov,.ex:hover .ov,.tpl:focus-visible .ov,.ex:focus-visible .ov{opacity:1}
.pv .ov .btn{pointer-events:none;padding:12px 20px;font-size:15px}
.btn.lg{padding:18px 38px;font-size:17.5px;border-radius:12px}
.center-cta{text-align:center;margin:36px 0 0}
@media(hover:none){.pv .ov{display:none}}

/* wider canvas */
.wrap{max-width:1360px;padding:0 36px}.narrow{max-width:820px}
@media(max-width:700px){.wrap{padding:0 20px}}

/* full-bleed carousel and closing section */
.glow{padding:96px 0 84px}.relz{position:relative;z-index:1}
.glow:before{background:radial-gradient(38% 58% at 14% 55%,rgba(162,31,224,.36),transparent 70%),radial-gradient(34% 52% at 52% 38%,rgba(255,176,128,.38),transparent 70%),radial-gradient(36% 58% at 90% 58%,rgba(236,72,153,.32),transparent 70%)!important}
.carousel.full{margin:6px 0 0}
.carousel.full .carousel-track{gap:28px;padding:14px max(36px,calc((100vw - 1288px)/2)) 34px;scroll-padding-left:max(36px,calc((100vw - 1288px)/2))}
.glow .carousel .tpl{width:344px;background:#f1f2f8;border:0;padding:16px;border-radius:18px;box-shadow:0 18px 46px rgba(49,0,82,.16)}
[data-theme=dark] .glow .carousel .tpl{background:#241f2b}
.glow .carousel .tpl .rs-host{border:0;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.glow .carousel .tpl b{display:block;margin-top:4px;font-size:17px}.glow .carousel .tpl small{display:block;margin-top:2px}
.car-ctl{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:4px}
.car-ctl button{background:none;border:0;color:var(--accent);font-size:34px;line-height:1;cursor:pointer;padding:4px 10px}.car-ctl button:hover{color:var(--accent2)}
.car-dots{display:flex;gap:11px;align-items:center}.car-dots i{width:13px;height:13px;border-radius:50%;border:2px solid var(--accent);cursor:pointer;transition:background .2s,transform .2s}.car-dots i.on{background:var(--accent);transform:scale(1.15)}
.cta-full{position:relative;overflow:hidden;text-align:center;color:#fff;padding:120px 0 130px;background:linear-gradient(135deg,#6f12a8 0%,#9b1fd0 48%,#d64a9a 100%)}
.cta-shapes{position:absolute;inset:0;width:100%;height:100%}
.cta-full h2{color:#fff;font-size:clamp(40px,6.4vw,84px);font-weight:500;letter-spacing:-.035em;line-height:1.08;margin:0 0 38px}
.cta-kick{font-size:17px;opacity:.9;margin:0 0 22px;letter-spacing:.02em}
.cta-btn{background:#fff!important;color:#310052!important;padding:22px 46px;font-size:19px;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.28)}.cta-btn:hover{transform:translateY(-3px)}
@media(max-width:700px){.glow .carousel .tpl{width:286px}.cta-full{padding:80px 0 90px}}

.rb-ph-row{display:flex;gap:14px;align-items:flex-start}.rb-ph-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid var(--bd);flex:none}

/* ===== mega menus, right-aligned main menu, account ===== */
.top .bar{position:relative;gap:18px}
nav.main{margin-left:auto;align-self:stretch;display:flex;align-items:stretch;gap:2px;flex:0 1 auto}
nav.main>a.btn,nav.main>.btn{align-self:center;margin-left:8px}
nav.main .dd{position:static;display:flex;align-items:center}
nav.main .dd>button{display:inline-flex;align-items:center;gap:6px;font-weight:500;padding:10px 14px;border-radius:8px}
nav.main .dd>button svg{opacity:.6;transition:transform .15s}
nav.main .dd:hover>button svg,nav.main .dd:focus-within>button svg{transform:rotate(180deg)}
nav.main .dd>button.on{background:var(--butter);color:var(--accent2)}
nav.main .cta-top{margin-left:6px}.acct{white-space:nowrap}
.acct.on{border-color:var(--accent);color:var(--accent2)}
.mega-menu{display:none;position:absolute;left:0;right:0;top:100%;width:auto!important;background:var(--surface);border:1px solid var(--bd);border-top:0;border-radius:0 0 20px 20px;box-shadow:var(--shadow2);padding:28px 32px 30px;z-index:60}
.dd:hover .mega-menu,.dd:focus-within .mega-menu,.dd.open .mega-menu{display:block}
.mcols{display:grid;gap:34px}.mcols.c4{grid-template-columns:1.15fr 1fr 1fr 1fr}.mcols.c3{grid-template-columns:1.15fr 1fr 1fr}.mcols.c5{grid-template-columns:repeat(5,1fr)}
.mcol h4{font:600 16px/1.2 Lexend,sans-serif;margin:0 0 12px;color:var(--ink)}.mcol h4 a{color:var(--accent2);text-decoration:none}.mcol h4 a:hover{text-decoration:underline}
.mtool{display:flex;gap:14px;align-items:flex-start;padding:10px 10px;border-radius:12px;text-decoration:none;color:var(--ink);margin:0 -10px 6px}.mtool:hover{background:var(--butter)}
.mtool .mi{flex:none;width:44px;height:44px;border-radius:12px;background:var(--butter);color:var(--accent);display:grid;place-items:center}.mtool b{display:block;font:600 15.5px/1.25 Lexend,sans-serif}.mtool small{display:block;color:var(--ink2);font-size:13.5px;line-height:1.45;margin-top:3px;font-weight:400}
.mlist{display:grid;gap:2px}.mlist a{padding:7px 0;color:var(--ink);text-decoration:none;font-size:15px;font-weight:400}.mlist a:hover{color:var(--accent2)}.mlist a.mall{margin-top:6px;font-weight:600;color:var(--accent2)}
.mpromo{background:linear-gradient(160deg,#f6d6ff 0%,#e8c3ff 55%,#ffd1e8 100%);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px;align-self:start}[data-theme=dark] .mpromo{background:linear-gradient(160deg,#3a1d4a,#2a1836)}
.mp-card{height:96px;background:var(--surface);border-radius:10px;padding:12px;display:grid;gap:7px;align-content:start;box-shadow:0 10px 24px rgba(49,0,82,.18)}.mp-card i{display:block;height:7px;border-radius:4px;background:#e1dbe9;width:88%}.mp-card i:nth-child(2){width:64%}.mp-card i:nth-child(3){width:76%}.mp-card i.s{height:14px;width:42%;background:var(--grad)}
.mpromo b{font:600 17px/1.25 Lexend,sans-serif;margin-top:6px}.mpromo p{margin:0 0 6px;font-size:14px;color:var(--ink2);line-height:1.45}.mpromo .btn{align-self:flex-start}
@media(max-width:980px){
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--bd);flex-direction:column;align-items:stretch;padding:10px 24px 20px;margin:0;max-height:calc(100vh - 110px);overflow:auto;box-shadow:var(--shadow2)}
  .top.open nav.main{display:flex}
  nav.main .dd{display:block}nav.main .dd>button{width:100%;justify-content:space-between;padding:14px 4px;font-size:17px;border-bottom:1px solid var(--line);border-radius:0}
  .mega-menu{position:static;box-shadow:none;border:0;padding:6px 0 14px 8px;border-radius:0}
  .mcols,.mcols.c4,.mcols.c3,.mcols.c5{grid-template-columns:1fr;gap:16px}.mpromo{display:none}
  nav.main>.btn,nav.main .cta-top{margin:10px 0 0;justify-content:center;text-align:center;align-self:stretch}.theme{margin-left:auto}.burger{margin-left:8px}
}
/* account page */
.ac-tabs{display:flex;gap:8px;margin-bottom:20px}.ac-tabs button{flex:1;padding:12px;border-radius:10px;border:1px solid var(--bd);background:var(--surface);font:500 15.5px Lexend,sans-serif;color:var(--ink);cursor:pointer}.ac-tabs button.on{background:var(--btn);color:var(--btn-text);border-color:transparent}
.ac-form{display:grid;gap:14px}.ac-form .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ac-list{display:grid;gap:10px;margin-top:14px}.ac-item{display:flex;gap:14px;justify-content:space-between;align-items:center;border:1px solid var(--bd);border-radius:12px;padding:14px 16px;background:var(--surface)}.ac-item b{display:block;font-weight:600}.ac-item small{color:var(--ink3)}
.ac-sec{margin-top:30px;padding-top:22px;border-top:1px solid var(--bd)}.ac-sec h3{font-size:19px;margin-bottom:10px}
.rb-cloud{font-size:13.5px;color:var(--ink2)}.rb-cloud a{font-weight:600}
.dd .mega-menu .mlist a{display:block;padding:7px 0;font-weight:400;border-radius:0;font-size:15px}.dd .mega-menu .mlist a:hover{background:none;color:var(--accent2)}.dd .mega-menu .mlist a.mall{font-weight:600;color:var(--accent2)}
.dd .mega-menu .mcol h4 a{display:inline;padding:0;font-weight:600;background:none}.dd .mega-menu .mtool{display:flex;padding:10px;margin:0 -10px 6px;font-weight:400}
.mega-menu{left:36px;right:36px;border-top:1px solid var(--bd);border-radius:0 0 20px 20px}
.dd .mega-menu .mpromo .btn,.dd .mega-menu .mpromo .btn:hover{color:#fff;padding:10px 16px;font-weight:600}
input[type=password]{width:100%;font:16px/1.4 Lexend,system-ui,sans-serif;padding:12px 14px;border:1px solid #cfcfd3;border-radius:10px;background:var(--surface);color:var(--ink)}[data-theme=dark] input[type=password]{border-color:#3a3442}input[type=password]:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(137,0,196,.18)}

/* compact mega menus (closer to the reference) */
@media(min-width:981px){
  .mega-menu{left:50%!important;right:auto!important;transform:translateX(-50%);width:1040px;max-width:calc(100vw - 32px);padding:18px 24px 20px;border:1px solid var(--bd);border-top:0;border-radius:0 0 16px 16px}
  .top .bar nav.main>.dd:nth-child(2) .mega-menu,.top .bar nav.main>.dd:nth-child(3) .mega-menu{width:880px}
  .top .bar nav.main>.dd:nth-child(4) .mega-menu{width:760px}
  .mcols{gap:22px}.mcols.c4{grid-template-columns:1.25fr 1fr 1fr .9fr}.mcols.c3{grid-template-columns:1.2fr 1fr .9fr}.mcols.c2{grid-template-columns:1.9fr 1fr}
}
.mcol h4{font-size:13.5px;margin-bottom:8px}
.dd .mega-menu .mtool{padding:7px 8px;margin:0 -8px 1px;gap:11px;border-radius:10px}.mtool .mi{width:34px;height:34px;border-radius:10px}.mtool .mi svg{width:17px;height:17px}.dd .mega-menu .mtool b{font-size:14px}.mtool small{font-size:12.5px;margin-top:1px;line-height:1.35}
.dd .mega-menu .mlist a{padding:4px 0;font-size:14px}.dd .mega-menu .mlist a.mall{margin-top:4px}
.mpromo{padding:14px;border-radius:14px;gap:4px}.mp-card{height:58px;padding:9px;gap:5px}.mp-card i{height:6px}.mp-card i.s{height:11px}.mpromo b{font-size:15px;margin-top:3px}.mpromo p{font-size:12.5px;margin:0 0 4px;line-height:1.4}.dd .mega-menu .mpromo .btn{padding:8px 13px;font-size:13px}
.mgrid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.mgrid2.one{grid-template-columns:1fr}
@media(max-width:980px){.mgrid2{grid-template-columns:1fr}.mcols.c2{grid-template-columns:1fr}}
/* mega menu widths (beat the older width:auto!important) */
@media(min-width:981px){
  nav.main>.dd .mega-menu{width:1000px!important;max-width:calc(100vw - 32px)}
  nav.main>.dd:nth-child(2) .mega-menu,nav.main>.dd:nth-child(3) .mega-menu{width:920px!important}
  nav.main>.dd:nth-child(4) .mega-menu{width:820px!important}
  .mcols.c4{grid-template-columns:1.5fr 1fr 1fr 1fr}
  .mcols.c3{grid-template-columns:1.4fr 1fr 1fr}
  .mcols.c2{grid-template-columns:2fr 1fr}
  .mpromo{min-width:0}
}