/* /styles.css */
:root{--ink:#0b1328;--ink-2:#152341;--blue:#2864ff;--blue-2:#6c7cff;--mint:#72f2c6;--lime:#d7ff66;--coral:#ff7b66;--paper:#fff;--canvas:#f4f7fb;--soft:#edf2f9;--line:#dbe3ef;--muted:#60708b;--good:#147d60;--warn:#98620d;--danger:#ad3a4b;--radius:18px;--shadow:0 24px 70px rgba(15,35,72,.12);--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}body.dark{--paper:#111b31;--canvas:#080f20;--soft:#15223b;--line:#263654;--ink:#f6f8ff;--ink-2:#e9efff;--muted:#9aabc9;--shadow:0 24px 70px rgba(0,0,0,.35)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden,[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid color-mix(in srgb,var(--line) 86%,transparent);background:color-mix(in srgb,var(--paper) 91%,transparent);backdrop-filter:blur(20px)}.nav-shell{width:min(1220px,calc(100% - 34px));min-height:72px;margin:auto;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;color:white;background:linear-gradient(145deg,var(--blue),#754dff);font-weight:950;box-shadow:0 10px 24px rgba(42,98,255,.27)}.brand b{display:block;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:10px}.main-nav{display:flex;align-items:center;gap:8px;margin:auto}.main-nav a{padding:8px 10px;border-radius:10px;color:var(--muted);font-size:12px;font-weight:760}.main-nav a:hover,.main-nav a.active{color:var(--ink);background:var(--soft)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-button,.language-select{height:38px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.icon-button{width:38px;cursor:pointer}.language-select{padding:0 9px;max-width:105px;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 17px;border:1px solid transparent;border-radius:12px;font-weight:820;font-size:12px;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--blue),#5946e8);color:#fff;box-shadow:0 12px 28px rgba(40,100,255,.25)}.button.secondary{border-color:var(--line);background:var(--paper);color:var(--ink)}.button.ghost{background:transparent;color:var(--muted)}.button.mint{background:var(--lime);color:#10203a}.button.small{min-height:35px;padding:0 12px}.button.full{width:100%}.mobile-menu{display:none}
.section,.page-hero,.legal-shell,.contact-shell{width:min(1180px,calc(100% - 38px));margin:0 auto}.section{padding:86px 0}.page-hero{padding:74px 0 48px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:20px;height:2px;background:currentColor}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:34px}.section-heading>div{max-width:760px}.section-heading>p{max-width:420px}.section-heading h2,.page-hero h1{margin:0;letter-spacing:-.055em;line-height:1.02}.section-heading h2{font-size:clamp(33px,4.8vw,62px)}.page-hero h1{font-size:clamp(43px,6vw,80px);max-width:950px}.section-heading p,.page-hero p{color:var(--muted)}.page-hero p{max-width:760px;font-size:18px}.pill-row{display:flex;flex-wrap:wrap;gap:9px}.pill{padding:7px 11px;border:1px solid var(--line);border-radius:99px;background:var(--paper);color:var(--muted);font-size:11px;font-weight:720}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 18%,rgba(114,242,198,.28),transparent 24%),radial-gradient(circle at 16% 5%,rgba(108,124,255,.2),transparent 30%),var(--paper)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(39,71,126,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(39,71,126,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-shell{position:relative;width:min(1220px,calc(100% - 38px));min-height:720px;margin:auto;padding:82px 0 70px;display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:56px}.hero-copy h1{margin:0;font-size:clamp(50px,6.1vw,86px);line-height:.97;letter-spacing:-.065em}.hero-copy h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:620px;color:var(--muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:25px 0}.trust-row{display:flex;flex-wrap:wrap;gap:15px;color:var(--muted);font-size:11px;font-weight:700}.trust-row span:before{content:"✓";margin-right:6px;color:var(--good)}.hero-visual{position:relative}.ai-orbit{position:absolute;inset:-70px -30px -50px -40px;border:1px solid rgba(40,100,255,.13);border-radius:50%;transform:rotate(-12deg)}.ai-orbit:before,.ai-orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--mint);box-shadow:0 0 24px var(--mint)}.ai-orbit:before{top:16%;left:9%}.ai-orbit:after{right:12%;bottom:12%;background:var(--blue);box-shadow:0 0 24px var(--blue)}.product-window{position:relative;border:1px solid rgba(114,139,180,.25);border-radius:22px;background:#0a1328;color:#f7f9ff;box-shadow:0 42px 95px rgba(12,29,64,.28);overflow:hidden;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.window-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.09);color:#8ea1c5;font-size:10px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#ff7f6b}.window-bar i:nth-child(2){background:#ffd66b}.window-bar i:nth-child(3){background:#69e4ab}.window-bar span{margin-left:auto}.product-body{display:grid;grid-template-columns:54px 1fr}.mini-side{padding:17px 11px;border-right:1px solid rgba(255,255,255,.07);display:grid;align-content:start;gap:13px}.mini-side b,.mini-side i{height:30px;border-radius:9px;background:rgba(255,255,255,.07)}.mini-side b{display:grid;place-items:center;background:var(--blue)}.mini-side i.active{background:rgba(114,242,198,.25);border:1px solid rgba(114,242,198,.5)}.report{padding:24px}.report-head{display:flex;justify-content:space-between;gap:16px}.report-head span{color:#91a3c5;font-size:10px}.report-head b{display:block;font-size:17px}.status-chip{padding:6px 9px;border-radius:99px;background:rgba(114,242,198,.14);color:#8ff4d1;font-size:9px;font-weight:800}.score-wrap{display:grid;grid-template-columns:126px 1fr;align-items:center;gap:22px;margin:22px 0}.score-ring{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mint) 0 62%,rgba(255,255,255,.1) 62%);position:relative}.score-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#101b33}.score-ring div{position:relative;z-index:1;text-align:center}.score-ring b{font-size:33px}.score-ring small{display:block;color:#91a3c5}.crucial{padding:16px;border:1px solid rgba(255,123,102,.25);border-radius:15px;background:rgba(255,123,102,.08)}.crucial span{color:#ff9887;font-size:9px;font-weight:900}.crucial b{display:block;margin-top:5px;line-height:1.35}.signal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.signal-list div{padding:11px;border-radius:12px;background:rgba(255,255,255,.05)}.signal-list span{font-size:9px;color:#91a3c5}.signal-list b{display:block}.signal-list i{display:block;height:4px;margin-top:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}.signal-list i:before{content:"";display:block;width:var(--w);height:100%;background:var(--mint)}.ai-note{display:flex;gap:11px;margin-top:13px;padding:12px;border-radius:12px;background:linear-gradient(90deg,rgba(40,100,255,.18),rgba(114,242,198,.08));font-size:10px}.ai-note strong{color:var(--mint)}.floating-card{position:absolute;right:-28px;bottom:-34px;padding:14px 17px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:var(--shadow)}.floating-card span,.floating-card small{display:block;color:var(--muted);font-size:9px}.floating-card b{display:block;font-size:15px}
.problem-strip{background:var(--ink-2);color:#fff}.problem-shell{width:min(1180px,calc(100% - 38px));margin:auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.problem-shell>span{color:#aab7cf;font-size:12px}.problem-shell b{color:var(--mint)}
.roadmap{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.road-card{position:relative;padding:21px;border:1px solid var(--line);border-radius:17px;background:var(--paper);min-height:190px}.road-card:after{content:"";position:absolute;left:100%;top:34px;width:13px;border-top:2px dashed var(--line)}.road-card:last-child:after{display:none}.road-card>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--blue);font-weight:900}.road-card.active{color:#fff;background:linear-gradient(145deg,var(--ink-2),#1d3972);border-color:transparent;box-shadow:var(--shadow)}.road-card.active>span{background:var(--lime);color:#13213b}.road-card p{color:var(--muted);font-size:12px}.road-card.active p{color:#b9c7e1}.road-card small{color:var(--good);font-weight:800}.road-card.active small{color:var(--mint)}
.diagnosis{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 14px 42px rgba(24,48,89,.06)}.panel-pad{padding:24px}.step-label{display:flex;gap:11px;align-items:center;margin:15px 0 9px;font-weight:800}.step-label span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--ink);color:#fff;font-size:10px}.upload-zone{display:flex;align-items:center;gap:13px;padding:17px;border:1px dashed #9fb0ca;border-radius:15px;background:var(--soft);cursor:pointer}.file-icon{width:42px;height:52px;border-radius:6px;background:#fff;color:var(--blue);display:grid;place-items:center;font-weight:900;box-shadow:0 7px 16px rgba(30,56,96,.11)}.upload-zone div:nth-child(2){flex:1}.upload-zone b,.upload-zone small{display:block}.upload-zone small{color:var(--muted);font-size:10px}.form-control{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);outline:none}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,100,255,.11)}textarea.form-control{min-height:126px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-panel{position:relative;overflow:hidden;background:linear-gradient(155deg,#0c1932,#17376e);color:#fff}.result-panel:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-110px;border:55px solid rgba(114,242,198,.07)}.result-inner{position:relative;padding:28px}.result-score{display:flex;align-items:center;gap:22px;margin:24px 0}.result-score strong{font-size:68px;line-height:1}.result-score span{color:#a8b8d6}.gap-list{display:grid;gap:9px}.gap-list div{padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:10px;font-size:11px}.gap-list i{font-style:normal;color:var(--mint)}
.feature-tabs{display:grid;grid-template-columns:310px 1fr;gap:18px}.feature-nav{padding:10px}.feature-nav button{width:100%;padding:15px;border:0;border-radius:12px;background:transparent;text-align:left;cursor:pointer}.feature-nav button b,.feature-nav button small{display:block}.feature-nav button small{color:var(--muted);font-size:10px}.feature-nav button.active{background:var(--ink);color:#fff}.feature-nav button.active small{color:#aebbd3}.feature-stage{min-height:430px;padding:30px;overflow:hidden}.stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.stage-copy h3{font-size:35px;line-height:1.08;letter-spacing:-.04em}.stage-copy p{color:var(--muted)}.stage-list{display:grid;gap:9px}.stage-list span{padding:9px 11px;border-radius:9px;background:var(--soft);font-size:11px;font-weight:700}.stage-art{min-height:330px;border-radius:17px;background:linear-gradient(145deg,#edf4ff,#f9fbff);padding:24px;display:grid;place-items:center}.dark .stage-art{background:#0b152a}.resume-sheet{width:250px;aspect-ratio:.707;background:#fff;color:#1a2233;box-shadow:0 18px 42px rgba(20,45,88,.18);padding:22px;font-family:Arial,sans-serif}.resume-sheet header{padding-bottom:10px;border-bottom:3px solid var(--resume-accent,#2864ff)}.resume-sheet header b{display:block;font-size:17px;letter-spacing:.06em}.resume-sheet header span{font-size:7px}.resume-sheet section{margin-top:11px}.resume-sheet h5{margin:0 0 4px;font-size:7px;letter-spacing:.13em;color:var(--resume-accent,#2864ff)}.resume-sheet p{margin:3px 0;font-size:5.8px;line-height:1.45}.resume-sheet .job{font-size:6.3px;font-weight:700}.resume-sheet.sidebar{padding:0;display:grid;grid-template-columns:34% 66%}.resume-sheet.sidebar aside{padding:20px 10px;background:var(--resume-accent);color:#fff}.resume-sheet.sidebar main{padding:20px 13px}.resume-sheet.executive header{text-align:center;border:0}.resume-sheet.executive h5{border-bottom:1px solid #333;padding-bottom:2px;color:#222}.resume-sheet.compact{padding:15px}.resume-sheet.modern header{margin:-22px -22px 12px;padding:20px 22px;background:var(--resume-accent);color:#fff;border:0}
.template-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.template-card{border:1px solid var(--line);border-radius:17px;background:var(--paper);padding:13px;text-align:left;cursor:pointer;transition:.2s transform,.2s box-shadow}.template-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.template-card .resume-sheet{width:100%;box-shadow:none;border:1px solid #e5e8ed;pointer-events:none}.template-meta{padding:11px 2px 1px}.template-meta b,.template-meta small{display:block}.template-meta small{color:var(--muted);font-size:10px}.template-badge{display:inline-flex;margin-top:7px;padding:3px 7px;border-radius:99px;background:#e8f8f2;color:var(--good);font-size:8px;font-weight:850}.template-badge.visual{background:#fff2e8;color:#a45313}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-card{position:relative;padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.price-card.featured{border:2px solid var(--blue);box-shadow:var(--shadow)}.popular{position:absolute;top:0;right:17px;transform:translateY(-50%);padding:5px 9px;border-radius:99px;background:var(--lime);font-size:8px;font-weight:900}.price-card>span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.1em}.price-card h3{margin:8px 0}.price{font-size:39px;font-weight:950;letter-spacing:-.05em}.price small{font-size:10px;color:var(--muted)}.price-card p,.price-card li{color:var(--muted);font-size:11px}.price-card ul{padding-left:17px;min-height:133px}.secure-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:26px;padding:21px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--muted);font-size:10px}.secure-strip b{color:var(--ink)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.blog-card{display:flex;flex-direction:column;min-height:260px;border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden}.blog-art{height:112px;padding:17px;background:linear-gradient(135deg,#132750,#376ce9);color:#fff;position:relative;overflow:hidden}.blog-art:after{content:"";position:absolute;width:120px;height:120px;border:24px solid rgba(255,255,255,.1);border-radius:50%;right:-33px;top:-45px}.blog-art span{font-size:9px;font-weight:850;letter-spacing:.11em}.blog-art b{display:block;margin-top:11px;font-size:25px}.blog-card:nth-child(3n+2) .blog-art{background:linear-gradient(135deg,#133f36,#21a582)}.blog-card:nth-child(3n) .blog-art{background:linear-gradient(135deg,#48206c,#9460e8)}.blog-copy{padding:18px;display:flex;flex:1;flex-direction:column}.blog-copy h3{margin:0;font-size:18px;line-height:1.3}.blog-copy p{color:var(--muted);font-size:11px}.blog-copy a{margin-top:auto;color:var(--blue);font-weight:850;font-size:11px}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.category-tabs button{padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:var(--paper);cursor:pointer;font-size:10px;font-weight:800}.category-tabs button.active{background:var(--ink);color:#fff}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.faq-grid details{padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.faq-grid summary{font-weight:820;cursor:pointer}.faq-grid p{color:var(--muted);font-size:11px}.site-footer{padding:50px 0 25px;background:#081226;color:#eef3ff}.footer-shell{width:min(1180px,calc(100% - 38px));margin:auto}.footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px;padding-bottom:32px}.site-footer .brand small,.site-footer p,.site-footer a{color:#91a1bf}.footer-main nav{display:grid;align-content:start;gap:7px}.footer-main nav b{margin-bottom:6px}.footer-main nav a{font-size:11px}.footer-main nav a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#7f90af;font-size:9px}.security-marks{display:flex;gap:8px;flex-wrap:wrap}.security-marks span{padding:5px 8px;border:1px solid rgba(255,255,255,.15);border-radius:7px}
dialog{max-width:none;border:0;padding:0;background:transparent}dialog::backdrop{background:rgba(4,9,20,.76);backdrop-filter:blur(5px)}.dialog-shell{position:relative;width:min(980px,calc(100vw - 30px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:23px;background:var(--paper);box-shadow:var(--shadow)}.dialog-close{position:sticky;float:right;top:14px;right:14px;z-index:3;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--paper);cursor:pointer;font-size:20px}.template-dialog-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:36px}.large-resume{display:grid;place-items:center;min-height:600px;padding:28px;border-radius:16px;background:var(--soft)}.large-resume .resume-sheet{width:min(430px,100%)}.template-info{padding:25px 5px}.template-info h2{font-size:42px;line-height:1;letter-spacing:-.04em}.template-info p{color:var(--muted)}.template-info ul{padding-left:18px;color:var(--muted)}.dialog-actions{display:flex;gap:9px;margin-top:24px}
.toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:360px;padding:13px 16px;border-radius:12px;background:var(--ink);color:white;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
.workspace-body,.admin-body{background:var(--canvas)}.workspace-shell,.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side-panel{position:sticky;top:0;height:100vh;padding:19px 14px;background:#09152d;color:#fff;display:flex;flex-direction:column}.side-panel .brand{padding:5px 8px 22px}.side-panel .brand small{color:#8698bb}.side-nav{display:grid;gap:4px}.side-nav button,.side-nav a{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:#aebbd3;text-align:left;cursor:pointer;font-size:11px;font-weight:750}.side-nav button i,.side-nav a i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.06);font-style:normal}.side-nav button.active,.side-nav a.active{background:rgba(40,100,255,.25);color:white}.side-plan{margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.04)}.side-plan span,.side-plan small{display:block;color:#93a4c4;font-size:9px}.side-plan b{display:block;margin:5px 0}.workspace-main,.admin-main{min-width:0}.workspace-top,.admin-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:var(--paper)}.workspace-top h1,.admin-top h1{margin:0;font-size:19px}.top-actions{display:flex;gap:7px}.workspace-content,.admin-content{padding:28px}.workspace-view,.admin-view{display:none}.workspace-view.active,.admin-view.active{display:block}.dash-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#0d1c39,#254b98);color:#fff}.dash-hero p{color:#b9c7df}.next-ring{display:grid;place-items:center;text-align:center}.next-ring b{font-size:56px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.metric-card{padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:9px}.metric-card b{font-size:26px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.resume-editor{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(400px,1.2fr);gap:16px}.editor-fields{display:grid;gap:10px}.editor-fields label{font-size:10px;font-weight:800}.editor-preview{display:grid;place-items:start center;padding:23px;background:#dfe6f0;border-radius:18px;overflow:auto}.editor-preview .resume-sheet{width:520px}.match-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress-bars{display:grid;gap:12px}.progress-bars div{font-size:10px}.progress-bars i{display:block;height:8px;background:rgba(255,255,255,.12);border-radius:8px;margin-top:5px}.progress-bars i:before{content:"";display:block;width:var(--w);height:100%;background:var(--mint);border-radius:8px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kanban-col{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.kanban-col>span{font-size:9px;font-weight:900}.job-card{margin-top:9px;padding:11px;border-radius:10px;background:var(--paper);font-size:10px}.job-card b,.job-card small{display:block}.job-card small{color:var(--muted)}
.admin-shell{grid-template-columns:260px 1fr}.admin-side{background:#071226}.admin-side .side-nav{overflow:auto}.nav-count{margin-left:auto;padding:2px 6px;border-radius:99px;background:rgba(255,255,255,.1);font-size:8px}.admin-content{max-width:1500px}.admin-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.admin-heading h2{margin:0;font-size:31px;letter-spacing:-.04em}.admin-heading p{margin:4px 0;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-grid.three{grid-template-columns:repeat(3,1fr)}.admin-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.admin-card h3{margin:0 0 12px}.admin-form{display:grid;gap:11px}.admin-form label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:760}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.admin-form textarea{min-height:110px}.switch-line{display:flex!important;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:10px}.admin-table{width:100%;border-collapse:collapse;font-size:10px}.admin-table th,.admin-table td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left}.admin-table small{display:block;color:var(--muted)}.admin-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.admin-stat{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.admin-stat span,.admin-stat small{display:block;color:var(--muted);font-size:9px}.admin-stat b{font-size:26px}.chart{height:230px;display:flex;align-items:end;gap:11px;padding:20px 6px 0}.chart span{flex:1;min-height:8px;height:var(--h);border-radius:8px 8px 2px 2px;background:linear-gradient(var(--blue),#82a4ff);position:relative}.chart span:after{content:attr(data-v);position:absolute;top:-20px;width:100%;text-align:center;font-size:8px}.feature-control{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px}.feature-control b,.feature-control small{display:block}.feature-control small{color:var(--muted);font-size:9px}.admin-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-template{display:grid;grid-template-columns:65px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.mini-template{height:84px;background:#fff;border:1px solid #e1e5ec;padding:8px}.mini-template i{display:block;height:4px;margin-bottom:4px;background:#dce2eb}.mini-template i:first-child{height:9px;background:var(--blue)}.admin-template b,.admin-template small{display:block}.admin-template small{font-size:8px;color:var(--muted)}.email-card{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px;border:1px solid var(--line);border-radius:12px}.email-card b,.email-card small{display:block}.email-card small{color:var(--muted);font-size:9px}.preview-window{border:1px solid var(--line);border-radius:14px;overflow:hidden}.preview-window header{padding:10px;background:var(--soft);font-size:9px}.preview-window main{padding:22px;min-height:260px;background:linear-gradient(145deg,var(--paper),var(--soft))}.preview-window h2{font-size:33px;line-height:1;letter-spacing:-.04em}.gateway-tabs{display:flex;gap:7px}.gateway-tabs button{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--paper);cursor:pointer}.gateway-tabs button.active{background:var(--ink);color:white}.admin-note{padding:12px;border-radius:10px;background:#fff5df;color:#78510c;font-size:10px}.dark .admin-note{background:#392d16;color:#f8d889}
.article-shell{width:min(1120px,calc(100% - 38px));margin:auto;padding:66px 0;display:grid;grid-template-columns:250px minmax(0,720px);justify-content:center;gap:44px}.toc{position:sticky;top:100px;align-self:start;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.toc b{display:block;margin-bottom:8px}.toc a{display:block;padding:5px 0;color:var(--muted);font-size:10px}.article h1{font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-.05em}.article h2{margin-top:44px;font-size:29px;letter-spacing:-.03em}.article h3{margin-top:30px}.article p,.article li{color:var(--muted)}.article table{width:100%;border-collapse:collapse}.article th,.article td{padding:12px;border:1px solid var(--line);text-align:left}.article-callout{padding:18px;border-left:4px solid var(--blue);background:var(--soft)}.calculator-box{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.legal-shell{padding:68px 0;max-width:860px}.legal-shell h1{font-size:55px;letter-spacing:-.05em}.legal-shell h2{margin-top:40px}.legal-shell p,.legal-shell li{color:var(--muted)}.contact-shell{padding:68px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.setup-body{min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(40,100,255,.22),transparent 25%),#071226;color:#fff}.setup-shell{width:min(1100px,calc(100% - 32px));margin:auto;padding:45px 0}.setup-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.setup-copy{position:sticky;top:45px}.setup-copy h1{font-size:52px;line-height:1;letter-spacing:-.05em}.setup-copy p{color:#9dafcf}.setup-card{padding:27px;border-radius:20px;background:#fff;color:#12203b}.setup-steps{display:flex;gap:8px;margin-bottom:20px}.setup-steps i{height:5px;flex:1;border-radius:5px;background:#dfe6f2}.setup-steps i.active{background:var(--blue)}.setup-step{display:none}.setup-step.active{display:block}.system-check{display:grid;gap:8px}.system-check span{display:flex;justify-content:space-between;padding:10px;border-radius:9px;background:#eff8f4;color:#27634e}.checkout-shell{width:min(1000px,calc(100% - 34px));margin:auto;padding:54px 0}.checkout-grid{display:grid;grid-template-columns:1fr .8fr;gap:18px}.checkout-card{padding:26px;border:1px solid var(--line);border-radius:19px;background:var(--paper)}.order-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.provider-options{display:grid;gap:8px}.provider-options label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.exit-dialog{width:min(720px,calc(100vw - 28px));border-radius:22px;background:var(--paper);color:var(--ink);overflow:hidden}.exit-grid{display:grid;grid-template-columns:.85fr 1.15fr}.exit-art{display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#162d5c,#356df0)}.exit-art .resume-sheet{width:190px}.exit-copy{padding:30px}.exit-copy h2{font-size:35px;line-height:1;letter-spacing:-.04em}.exit-copy p{color:var(--muted)}
@media(max-width:1000px){.main-nav{display:none}.mobile-menu{display:block}.hero-shell{grid-template-columns:1fr;padding-top:58px}.hero-visual{max-width:720px}.roadmap{grid-template-columns:repeat(3,1fr)}.road-card:after{display:none}.template-row,.pricing-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.admin-template-grid{grid-template-columns:1fr 1fr}.admin-stat-grid{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:1fr 1fr}.kanban{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav-shell{width:min(100% - 22px,1220px);gap:10px}.nav-actions .language-select,.nav-actions .button.secondary{display:none}.brand small{display:none}.section,.page-hero,.legal-shell,.contact-shell{width:min(100% - 28px,1180px)}.section{padding:62px 0}.section-heading{display:block}.section-heading>p{max-width:none}.problem-shell{overflow:auto;justify-content:flex-start;white-space:nowrap}.diagnosis,.feature-tabs,.stage-grid,.match-layout,.resume-editor,.contact-grid,.setup-grid,.checkout-grid,.template-dialog-content{grid-template-columns:1fr}.feature-nav{display:flex;overflow:auto}.feature-nav button{min-width:170px}.template-row,.pricing-grid,.blog-grid,.faq-grid,.footer-main,.admin-grid,.admin-grid.three{grid-template-columns:1fr}.roadmap{grid-template-columns:1fr}.hero-shell{min-height:auto}.hero-copy h1{font-size:53px}.product-window{transform:none}.score-wrap{grid-template-columns:1fr}.signal-list{grid-template-columns:1fr}.floating-card{right:8px}.workspace-shell,.admin-shell{display:block}.side-panel{position:fixed;z-index:60;left:0;transform:translateX(-105%);width:270px;transition:.2s}.nav-open .side-panel{transform:none}.workspace-content,.admin-content{padding:18px}.dash-hero{grid-template-columns:1fr}.workspace-grid,.metric-grid,.admin-stat-grid,.admin-template-grid{grid-template-columns:1fr}.editor-preview .resume-sheet{width:100%}.kanban{grid-template-columns:1fr}.article-shell{grid-template-columns:1fr;padding-top:35px}.toc{position:static}.dialog-shell{max-height:94vh}.large-resume{min-height:auto;padding:14px}.template-info h2{font-size:33px}.exit-grid{grid-template-columns:1fr}.exit-art{display:none}.footer-bottom{display:block}.setup-copy{position:static}.checkout-shell{padding-top:25px}}

/* 2026 conversion, mobile and resume-quality revision */
body{font-size:16px;line-height:1.65}.main-nav a,.button{font-size:14px}.brand small{font-size:12px}.section-heading p,.page-hero p,.stage-copy p,.price-card p,.price-card li,.blog-copy p,.faq-grid p,.article p,.article li{font-size:1rem}.eyebrow{font-size:.75rem}.pill,.trust-row,.secure-strip,.footer-main nav a{font-size:.82rem}.form-control{font-size:1rem}.panel,.template-card,.blog-card,.price-card{box-shadow:0 18px 55px rgba(15,35,72,.07)}
.mobile-nav,.menu-backdrop{display:none}.mobile-cta-bar{display:none}.load-more{display:flex;margin:28px auto 0;min-width:220px}.template-card,.blog-card{content-visibility:auto;contain-intrinsic-size:420px}.template-card:focus-visible,.blog-card a:focus-visible,.button:focus-visible,.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 35%,transparent);outline-offset:3px}

.template-preview{height:390px;display:grid;place-items:center;padding:18px;border-radius:14px;background:linear-gradient(145deg,#edf2fa,#f9fbff);overflow:hidden}.dark .template-preview{background:#0b1528}.template-meta{position:relative}.template-meta em{display:block;margin-top:10px;color:var(--blue);font-size:.82rem;font-style:normal;font-weight:850}.template-meta small{font-size:.78rem}.template-badge{font-size:.68rem}.template-card:hover .template-preview{background:linear-gradient(145deg,#e7efff,#f9fbff)}
.resume-sheet{position:relative;width:252px;aspect-ratio:.707;min-height:356px;display:block;padding:25px;color:#1d2738;background:#fff;box-shadow:0 18px 45px rgba(19,42,78,.18);overflow:hidden;text-align:left;font-family:Arial,sans-serif}.resume-sheet main{display:flex;flex-direction:column;padding:0}.sample-ribbon{position:absolute;z-index:3;right:-42px;top:19px;width:150px;padding:3px 0;transform:rotate(38deg);color:#fff;background:var(--resume-accent);font-size:4.7px;font-weight:800;text-align:center;letter-spacing:.05em}.resume-header{padding:0 0 11px;border-bottom:2px solid var(--resume-accent)}.resume-header .resume-kicker{display:block;color:var(--resume-accent);font-size:5.4px;font-weight:900;letter-spacing:.14em}.resume-header h3{margin:3px 0 2px;font-size:18px;line-height:1;letter-spacing:-.045em}.resume-header p{margin:0;color:#647188;font-size:5.2px}.resume-section{margin-top:11px}.resume-section h5{margin:0 0 4px;color:var(--resume-accent);font-size:5.5px;letter-spacing:.15em}.resume-section p,.resume-section li{margin:2px 0;color:#465266;font-size:5.3px;line-height:1.42}.resume-section ul{margin:0;padding-left:11px}.resume-section .job{color:#233148;font-size:5.7px;font-weight:800}.resume-side{display:flex;flex-direction:column;padding:23px 12px;color:#fff;background:var(--resume-accent)}.resume-side .resume-initials{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 9px;border:1px solid rgba(255,255,255,.58);border-radius:50%;font-size:11px;font-weight:900}.resume-side h4{margin:0;text-align:center;font-size:8px}.resume-side>p{margin:3px 0 14px;text-align:center;font-size:4.9px;opacity:.8}.resume-side b{margin:11px 0 5px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.35);font-size:5px;letter-spacing:.11em}.resume-side small{white-space:pre-line;font-size:5px;line-height:1.65;opacity:.88}
.resume-sheet.design-sidebar,.resume-sheet.design-signal{display:grid;grid-template-columns:32% 68%;padding:0}.design-sidebar main,.design-signal main{padding:23px 15px}.design-sidebar .resume-header,.design-signal .resume-header{border-bottom-width:1px}.design-signal{grid-template-columns:36% 64%}.design-signal .resume-side{color:#213149;background:#eef3f8;border-top:9px solid var(--resume-accent)}.design-signal .resume-side b{border-color:#cad5e3}.design-signal .resume-initials{color:#fff;border:0;background:var(--resume-accent)}.design-clarity{border-top:9px solid var(--resume-accent)}.design-executive{padding:30px;font-family:Georgia,serif}.design-executive .resume-header{text-align:center;border-color:#273142}.design-executive .resume-header .resume-kicker,.design-executive .resume-section h5{color:#273142}.design-executive .resume-section h5{padding-bottom:3px;border-bottom:1px solid #9aa3af;text-align:center}.design-technical{border-left:12px solid var(--resume-accent);font-family:"Courier New",monospace}.design-technical .resume-header{border-bottom-style:dashed}.design-technical .resume-section h5:before{content:"// ";color:#8b97a8}.design-editorial .resume-header{margin:-25px -25px 10px;padding:25px;background:linear-gradient(140deg,var(--resume-accent),#111d32);color:#fff;border:0}.design-editorial .resume-header .resume-kicker,.design-editorial .resume-header p{color:#dbe6ff}.design-editorial .resume-header h3{font-size:21px}.design-compact{padding:20px}.design-compact .resume-section{margin-top:7px}.design-compact .resume-section p,.design-compact .resume-section li{font-size:5px}.design-campus .resume-education{order:-1;padding:7px;border:1px solid color-mix(in srgb,var(--resume-accent) 34%,#fff);background:#f7f9fc}.design-campus .resume-project{order:1}.design-campus .resume-experience{order:2}.design-campus .resume-skills{order:3}.design-timeline .resume-experience{padding-left:10px;border-left:2px solid var(--resume-accent)}.design-timeline .resume-experience li{position:relative}.design-timeline .resume-experience li:before{content:"";position:absolute;left:-15px;top:4px;width:5px;height:5px;border-radius:50%;background:var(--resume-accent)}.design-modern .resume-header{margin:-25px -25px 12px;padding:25px;color:#fff;background:var(--resume-accent);border:0}.design-modern .resume-header .resume-kicker,.design-modern .resume-header p{color:#e7efff}
.resume-sheet.full{width:min(560px,100%);min-height:792px;padding:48px}.resume-sheet.full .sample-ribbon{right:-47px;top:25px;width:175px;padding:5px 0;font-size:7px}.resume-sheet.full .resume-header{padding-bottom:17px}.resume-sheet.full .resume-header .resume-kicker{font-size:9px}.resume-sheet.full .resume-header h3{font-size:34px}.resume-sheet.full .resume-header p{font-size:9px}.resume-sheet.full .resume-section{margin-top:20px}.resume-sheet.full .resume-section h5{font-size:9px}.resume-sheet.full .resume-section p,.resume-sheet.full .resume-section li{font-size:9.5px;line-height:1.55}.resume-sheet.full .resume-section .job{font-size:10px}.resume-sheet.full.design-sidebar,.resume-sheet.full.design-signal{padding:0}.resume-sheet.full.design-sidebar main,.resume-sheet.full.design-signal main{padding:48px 34px}.resume-sheet.full .resume-side{padding:48px 24px}.resume-sheet.full .resume-side .resume-initials{width:78px;height:78px;font-size:21px}.resume-sheet.full .resume-side h4{font-size:15px}.resume-sheet.full .resume-side>p,.resume-sheet.full .resume-side b,.resume-sheet.full .resume-side small{font-size:9px}.resume-sheet.full.design-editorial .resume-header,.resume-sheet.full.design-modern .resume-header{margin:-48px -48px 20px;padding:48px}.fit-box{display:grid;gap:3px;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.fit-box span{color:var(--muted)}

.blog-art{display:block;text-decoration:none}.blog-art i{position:absolute;right:17px;bottom:14px;padding:4px 8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;font-size:.7rem;font-style:normal}.blog-copy h3 a{text-decoration:none}.blog-copy a{font-size:.88rem}.blog-copy h3{font-size:1.24rem}.blog-grid{align-items:stretch}
.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-heading>span:last-child{color:var(--good);font-size:.85rem;font-weight:800}.calculator-box{padding:28px;box-shadow:0 22px 65px rgba(15,35,72,.1)}.calculator-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:12px 0 18px}.calculator-fields label{display:grid;gap:6px;font-size:.9rem;font-weight:800}.calculator-result{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.calculator-result span,.calculator-result b,.calculator-result p{display:block}.calculator-result span{color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.13em}.calculator-result b{margin-top:5px;font-size:1.45rem}.calculator-result p{margin:4px 0 0}.calculator-result.ready{border-color:#a8ddca;background:#eefaf6}.guide-widget{padding:27px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 22px 65px rgba(15,35,72,.1)}.guide-widget h2{margin:0 0 17px;font-size:1.7rem}.guide-widget label{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}.guide-widget input{width:19px;height:19px;accent-color:var(--blue)}.guide-widget>div{display:flex;align-items:center;gap:13px;margin-top:16px}.guide-widget>div>i{height:8px;flex:1;border-radius:10px;background:var(--soft);overflow:hidden}.guide-widget>div em{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--mint));transition:.2s}.answer-first{padding:20px;border-left:5px solid var(--blue);background:var(--soft);font-size:1.08rem!important}.conversion-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:42px;padding:28px;border-radius:19px;color:#fff;background:linear-gradient(135deg,#0a1a36,#214f9d)}.conversion-callout h2{margin:0;color:#fff}.conversion-callout p{margin:7px 0 0;color:#bfd0ea}.conversion-callout .eyebrow{color:var(--mint)}
.proof-bridge{width:min(1180px,calc(100% - 38px));display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;margin:34px auto 0}.proof-bridge>article{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.proof-bridge .before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.proof-bridge .bullet-box{height:100%;padding:16px;border-radius:13px;background:var(--soft)}.proof-bridge .bullet-box.good{color:#0b6047;background:#e9f8f2}.proof-bridge .bullet-box span{display:block;margin-bottom:7px;font-size:.72rem;font-weight:900;letter-spacing:.12em}.proof-bridge .bullet-box p{margin:0}.proof-bridge .arrow{font-size:1.8rem;color:var(--blue)}.proof-bridge h3{margin:0 0 7px;font-size:1.55rem}.proof-bridge>article>p{color:var(--muted)}.proof-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}

@media(max-width:1000px){.main-nav{display:none}.mobile-menu{display:grid;place-items:center;margin-left:auto}.desktop-cta{display:none}.nav-actions{margin-left:0}.mobile-nav{position:absolute;z-index:92;top:calc(100% + 8px);left:14px;right:14px;display:grid;gap:4px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 30px 80px rgba(6,18,43,.24)}.mobile-nav[hidden],.menu-backdrop[hidden]{display:none}.mobile-nav>a:not(.button){padding:13px 12px;border-radius:11px;color:var(--ink);font-weight:800}.mobile-nav>a:not(.button):hover{background:var(--soft)}.mobile-nav-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0}.mobile-nav-controls .language-select,.mobile-nav-controls .button{width:100%;max-width:none}.menu-backdrop{position:fixed;z-index:70;inset:72px 0 0;display:block;border:0;background:rgba(4,11,26,.54)}body.menu-open{overflow:hidden}.proof-bridge{grid-template-columns:1fr}.template-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{padding-bottom:67px;font-size:16px}.site-header{backdrop-filter:none}.nav-shell{min-height:66px}.brand b{font-size:1rem}.nav-actions>.icon-button,.sign-in-link{display:none}.mobile-menu{display:grid!important}.hero-shell{padding:46px 0 44px;gap:34px}.hero-copy h1{font-size:clamp(2.75rem,13vw,4rem);line-height:.96}.hero-copy>p{font-size:1.05rem}.hero-actions{display:grid}.hero-actions .button{width:100%;min-height:50px}.hero-visual{margin-top:8px}.floating-card{display:none}.product-window{border-radius:17px}.product-body{grid-template-columns:42px 1fr}.report{padding:16px}.problem-strip{display:none}.section{padding:58px 0}.section-heading h2{font-size:2.35rem}.section-heading p{font-size:1rem}.proof-bridge{width:min(100% - 28px,1180px);margin-top:24px}.proof-bridge>article{padding:20px}.proof-bridge .before-after{grid-template-columns:1fr}.proof-bridge .arrow{transform:rotate(90deg);text-align:center}.diagnosis{border-radius:18px;overflow:hidden}.panel-pad{padding:20px}.upload-zone{align-items:flex-start;flex-wrap:wrap}.upload-zone .button{width:100%}.feature-nav button{min-width:220px;font-size:.9rem}.feature-nav button small{font-size:.78rem}.feature-stage{padding:20px}.stage-copy h3{font-size:2rem}.template-row{grid-template-columns:1fr}.template-preview{height:445px}.template-card{padding:12px}.pricing-grid{gap:18px}.price-card{padding:24px}.blog-copy p,.faq-grid p{font-size:.95rem}.mobile-cta-bar{position:fixed;z-index:69;left:0;right:0;bottom:0;display:grid;grid-template-columns:.85fr 1.15fr;gap:7px;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -12px 35px rgba(10,25,54,.12)}.mobile-cta-bar a{display:grid;place-items:center;min-height:46px;border:1px solid var(--line);border-radius:11px;font-size:.86rem;font-weight:900}.mobile-cta-bar a:last-child{color:#fff;border-color:var(--blue);background:linear-gradient(135deg,var(--blue),#5946e8)}.footer-shell{padding-bottom:15px}.footer-main{gap:28px}.footer-main nav a{padding:3px 0}.template-dialog-content{gap:0;padding:0}.large-resume{display:block;padding:18px;overflow:auto;border-radius:0}.resume-sheet.full{width:480px;min-height:679px}.template-info{padding:26px 22px}.template-info h2{font-size:2.2rem}.dialog-actions{display:grid}.calculator-fields{grid-template-columns:1fr}.calculator-box,.guide-widget{padding:21px}.article-shell{width:min(100% - 28px,1120px)}.article h1{font-size:2.65rem}.article h2{font-size:1.8rem}.article table{display:block;overflow-x:auto}.conversion-callout{align-items:stretch;flex-direction:column}.workspace-top,.admin-top{padding:0 14px}.top-actions .button{display:none}.admin-heading{align-items:stretch;flex-direction:column}.admin-heading>.button{width:100%}.admin-table{min-width:720px}.admin-card{overflow:auto}.toast{left:14px;right:14px;bottom:82px;max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Complete cover-letter previews */
.badge-row{display:flex;flex-wrap:wrap;gap:5px}.template-badge.neutral{background:#edf2ff;color:#36549b}.cover-letter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cover-letter-card{padding:13px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:left;cursor:pointer;transition:.2s transform,.2s box-shadow}.cover-letter-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.cover-letter-preview{height:430px;display:grid;place-items:center;padding:19px;border-radius:14px;background:linear-gradient(145deg,#edf2fa,#fbfcff);overflow:hidden}.dark .cover-letter-preview{background:#0b1528}.letter-sheet{position:relative;width:265px;min-height:375px;padding:27px 29px;color:#263044;background:#fff;box-shadow:0 18px 45px rgba(19,42,78,.16);overflow:hidden;font-family:Georgia,"Times New Roman",serif}.letter-sheet header{padding-bottom:12px;border-bottom:2px solid #2258d6}.letter-sheet header b,.letter-sheet header small{display:block}.letter-sheet header b{font:800 8px/1.35 Arial,sans-serif;letter-spacing:.03em}.letter-sheet header small{margin-top:3px;color:#68758a;font:500 6px/1.4 Arial,sans-serif}.letter-sheet .letter-address{margin:13px 0;color:#69758a;font-size:6.3px;line-height:1.55}.letter-sheet p{margin:10px 0;font-size:6.8px;line-height:1.65}.letter-sheet .letter-close{margin-top:18px}.letter-sheet.full{width:min(560px,100%);min-height:792px;padding:52px 58px}.letter-sheet.full header{padding-bottom:20px}.letter-sheet.full header b{font-size:15px}.letter-sheet.full header small{font-size:10px}.letter-sheet.full .letter-address{margin:25px 0;font-size:11px}.letter-sheet.full p{margin:19px 0;font-size:13px;line-height:1.72}.large-letter{display:grid;place-items:center;min-height:640px;padding:28px;border-radius:16px;background:var(--soft)}

/* Permission-respecting push-notification preview */
.push-demo{position:fixed;z-index:95;right:22px;bottom:22px;width:min(390px,calc(100vw - 28px));padding:19px;border:1px solid color-mix(in srgb,var(--blue) 25%,var(--line));border-radius:19px;background:var(--paper);box-shadow:0 28px 80px rgba(7,25,60,.25);transform:translateY(24px);opacity:0;pointer-events:none;transition:.25s}.push-demo.show{transform:none;opacity:1;pointer-events:auto}.push-demo-head{display:flex;align-items:flex-start;gap:12px}.push-demo-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--blue),#6b43df);font-size:19px}.push-demo h3{margin:0;font-size:1.05rem}.push-demo p{margin:6px 0 0;color:var(--muted);font-size:.88rem;line-height:1.5}.push-demo-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:15px}.push-demo-note{display:block;margin-top:10px;color:var(--muted);font-size:.72rem}.push-demo-close{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:20px}

@media(max-width:1000px){.cover-letter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cover-letter-grid{grid-template-columns:1fr}.cover-letter-preview{height:470px}.large-letter{display:block;min-height:auto;padding:18px;overflow:auto;border-radius:0}.letter-sheet.full{width:500px;min-height:707px}.push-demo{right:14px;bottom:78px}.push-demo-actions{grid-template-columns:1fr}.push-demo-actions .button{width:100%}}

/* CVTara identity: crisp vector mark with fixed dimensions. */
.brand-mark{background:none;box-shadow:none;border-radius:11px;flex:0 0 39px}.brand-mark img{display:block;width:39px;height:39px}.brand b{font-size:20px;letter-spacing:-.04em}.brand small{font-size:10px}.brand:focus-visible{outline:3px solid #214ed3;outline-offset:5px}

/* /connected-ui.css */
:root{--connected-accent:#1557d2}.connected-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.connected-grid>section{min-width:0}.connected-grid label,#designForm label,.connected-review{display:block;font-weight:600;margin:16px 0}.connected-grid input:not([type=checkbox]),.connected-grid select,.connected-grid textarea,#designForm input,#designForm textarea,#overviewDays,#userSearch,.connected-review textarea{display:block;width:100%;padding:12px 14px;border:1px solid var(--line,#cbd5e1);border-radius:10px;background:var(--panel,#fff);color:var(--text,#15243a);margin-top:7px;font:inherit}.connected-grid textarea,.connected-review textarea{resize:vertical;line-height:1.6}.connected-grid .connected-check,.connected-check{display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:18px 0}.connected-check input{margin-top:5px;flex:none}.connected-upload{padding:20px;border:2px dashed var(--line);border-radius:14px}.connected-upload small{display:block;margin-top:8px;font-weight:400}.connected-muted{color:var(--muted);font-size:13px;line-height:1.6}.saved-resumes article{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.saved-resumes h4{margin:0}.saved-resumes p{color:var(--muted);font-size:13px;margin:6px 0}.connected-empty{padding:30px 0}.connected-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.connected-metrics button{padding:25px;text-align:left;background:var(--panel,#fff);color:var(--text);border:1px solid var(--line);border-radius:16px;cursor:pointer}.connected-metrics b{display:block;font-size:38px}.connected-metrics span{display:block;margin-top:8px}.connected-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.connected-preview-label{padding:12px 16px;border:1px solid #e4c988;background:#fff8e7;color:#71511a;border-radius:8px}.hero{background:linear-gradient(135deg,#eef4ff,#f8fbff 60%,#eef9f7);color:#142440}.hero-copy h1{font-size:clamp(36px,4.2vw,64px);line-height:1.08;letter-spacing:-.045em;max-width:750px}.hero-copy>p{font-size:18px;line-height:1.65;color:#52637b;max-width:650px}.hero .primary,.button.primary{background:var(--connected-accent);color:#fff}.hero .secondary{color:#152d51;background:#fff;border:1px solid #cdd9eb}.hero .trust-row{color:#52637b}.hero .eyebrow{color:var(--connected-accent)}.hero-shell{gap:48px}.hero-actions{gap:12px}.studio-selection{display:flex;align-items:center;gap:14px;padding:16px;background:var(--panel,#fff);border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.studio-selection>div{flex:1}.studio-selection small,.studio-selection b{display:block}.studio-selection small{font-size:10px;letter-spacing:.12em;color:var(--muted)}#studioTemplateDialog{width:min(1120px,94vw);max-height:90vh;border:0;border-radius:20px;padding:26px;background:var(--panel,#fff);color:var(--text)}.studio-template-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:20px}.studio-template-option{padding:12px;text-align:left;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--panel,#fff);color:var(--text);cursor:pointer}.studio-template-option.selected{outline:3px solid var(--connected-accent)}.studio-template-paper{height:220px;overflow:hidden;padding:16px;background:#fff;color:#334155;box-shadow:0 2px 12px #10203015;margin-bottom:12px;font:9px/1.6 Arial}.studio-template-paper>b{font-size:15px;color:var(--choice-accent)}.studio-template-paper small{display:block}.studio-template-paper h4{color:var(--choice-accent);border-bottom:1px solid #ddd}.studio-template-option>strong,.studio-template-option>span,.studio-template-option>em{display:block;margin-top:5px}.studio-template-option>span{font-size:12px;color:var(--muted)}.studio-template-option>em{font:600 12px Arial;color:var(--connected-accent)}#studioTemplateSearch{padding:12px;border:1px solid var(--line);border-radius:10px;width:100%;font:inherit}.push-invitation{position:fixed;right:24px;bottom:24px;width:min(370px,calc(100vw - 32px));z-index:1000;padding:24px;border:1px solid #d4e0f3;border-radius:18px;background:#fff;color:#18304c;box-shadow:0 15px 60px #10284835}.push-invitation p{line-height:1.6}.push-invitation div{display:flex;gap:10px}.push-invitation small{display:block;margin-top:12px;color:#63758b}body[data-theme=dark] .hero{background:#14243f;color:#f3f6ff}body[data-theme=dark] .hero-copy>p,body[data-theme=dark] .hero .trust-row{color:#c2cde0}@media(max-width:1100px){.studio-template-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.connected-grid{grid-template-columns:1fr}.connected-metrics{grid-template-columns:1fr}.studio-template-cards{grid-template-columns:repeat(2,1fr)}.studio-selection{flex-wrap:wrap}.studio-selection>div{flex-basis:100%}.saved-resumes article{align-items:flex-start;flex-direction:column}.hero-shell{gap:24px}.hero-copy h1{font-size:40px}.connected-grid .panel-pad{padding:20px}.push-invitation{right:16px;bottom:16px}}
/* Reference-led document gallery: larger paper previews and direct selection. */
body[data-page=templates]{background:linear-gradient(#fff 0 280px,#eff8ff 280px 820px,#fff 820px 1500px,#eff8ff 1500px 2300px,#fff 2300px)}body.dark[data-page=templates]{background:var(--paper)}body[data-page=templates] .page-hero{text-align:center;padding:60px 0 34px}body[data-page=templates] .page-hero h1{max-width:800px;margin:14px auto;font-size:clamp(2.3rem,4.5vw,3.6rem);letter-spacing:-.04em}body[data-page=templates] .page-hero p{max-width:730px;margin:auto}body[data-page=templates] .page-hero .pill-row{justify-content:center;margin-top:24px}body[data-page=templates] #allTemplates{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.template-card{display:block;text-align:left;min-width:0;background:var(--paper,#fff);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 6px 20px #1a355010;overflow:hidden}.template-preview-button{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;color:inherit}.template-preview-button .template-preview{height:420px;border-radius:7px;padding:12px;background:#f0f4f9}.template-preview-button>span{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:#fff;color:#1848ad;border:1px solid #dae3f6;padding:7px 15px;border-radius:30px;font-size:13px;font-weight:700;white-space:nowrap;opacity:0;transition:.15s}.template-preview-button:hover>span,.template-preview-button:focus-visible>span{opacity:1}.template-meta{padding:16px 6px 5px}.template-meta>b{font-size:16px;line-height:1.35}.template-meta .button{display:flex;width:100%;margin-top:14px;border-radius:30px;min-height:44px}.template-meta small{font-size:13px}.gallery-tools{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:18px 0 24px;padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.gallery-tools label{display:flex;gap:12px;align-items:center;font-size:14px}.gallery-tools select{padding:9px 12px;background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}.gallery-swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gallery-swatches button{width:25px;height:25px;border:2px solid var(--paper);border-radius:50%;background:var(--swatch);cursor:pointer;box-shadow:0 0 0 1px var(--line)}.gallery-swatches button[aria-pressed=true]{outline:2px solid var(--connected-accent);outline-offset:3px}.gallery-swatches button:first-child{width:auto;border-radius:8px;padding:2px 8px;background:var(--paper);color:var(--text);font-size:12px;height:28px}
/* Account billing and persistent application tracker. */
.purchase-panel{margin-top:28px}.purchase-scroll{overflow:auto}.purchase-table{width:100%;border-collapse:collapse;min-width:680px;font-size:14px}.purchase-table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:16px;border-bottom:1px solid var(--line)}.purchase-table td{padding:18px 16px;vertical-align:top;border-bottom:1px solid var(--line)}.purchase-table td small{display:block;margin-top:6px;color:var(--muted);max-width:240px;overflow-wrap:anywhere}.purchase-empty{display:flex;align-items:center;gap:20px;padding:26px 0}.purchase-empty h3{margin:0}.history-symbol{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:14px;background:#edf3ff;color:#1557d2;font-size:28px}.purchase-status{padding:4px 10px;background:var(--soft,#edf3ff);border-radius:20px;font-size:13px}.tracker-toolbar{display:flex;align-items:end;gap:18px;margin:20px 0}.tracker-toolbar label:first-child{flex:1}.tracker-toolbar label{font-size:14px;font-weight:600}.tracker-toolbar input,.tracker-toolbar select{display:block;margin-top:7px;width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--text);border-radius:10px;font:inherit}.tracker-board{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:14px;overflow:auto;align-items:start;padding-bottom:16px}.tracker-column{background:var(--soft,#edf3fa);border-radius:12px;padding:14px;min-height:160px}.tracker-column h3{font-size:14px;display:flex;justify-content:space-between;margin:4px 0 18px}.tracker-column h3 span{color:var(--muted)}.application-card{display:block;width:100%;text-align:left;padding:16px;margin:12px 0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text);cursor:pointer;box-shadow:0 4px 12px #10204008;overflow-wrap:anywhere}.application-card small,.application-card strong,.application-card span,.application-card em{display:block}.application-card small{font-size:13px;color:var(--muted)}.application-card strong{font-size:15px;margin:5px 0 14px}.application-card span{font-size:12px;margin-top:6px;color:var(--muted)}.application-card .application-followup{color:var(--connected-accent)}.application-card em{font-size:12px;font-style:normal;font-weight:700;margin-top:16px;color:var(--connected-accent)}.tracker-column-empty{font-size:13px;color:var(--muted)}#applicationDialog{width:min(700px,calc(100vw - 24px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--text);padding:30px}#applicationDialog::backdrop{background:#12233b80;backdrop-filter:blur(3px)}.application-dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.application-dialog-heading h2{font-size:27px;margin:8px 0}.application-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.application-fields label{font-size:14px;font-weight:600}.application-fields label>span{color:#d14545}.application-fields input,.application-fields select,.application-fields textarea{display:block;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;margin-top:6px;background:var(--paper);color:var(--text);font:inherit}.application-fields textarea{resize:vertical}.field-wide{grid-column:1/-1}.application-form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.tracker-delete{margin-left:auto;color:#b63e3e!important}.tracker-empty{text-align:center;padding:50px 24px!important}
/* Homepage template invitation. */
#exitDialog{width:min(900px,calc(100vw - 28px));max-height:92vh;padding:0;border:0;border-radius:24px;background:var(--paper);color:var(--text);overflow:auto}#exitDialog::backdrop{background:#0b1d3d80;backdrop-filter:blur(5px)}.resume-invite{display:grid;grid-template-columns:.9fr 1.1fr;position:relative;min-height:430px}.invite-documents{padding:34px 26px;background:linear-gradient(150deg,#ebf5ff,#dcecff);display:flex;align-items:center;justify-content:center;overflow:hidden}.invite-document{width:100%;max-width:285px;box-shadow:0 16px 45px #14357020;border-radius:6px;background:white;overflow:hidden}.invite-document .resume-sheet{width:100%;height:auto;min-height:350px;margin:0;transform:none;font-size:8px}.invite-document .resume-sheet main{padding:20px}.invite-copy{padding:44px 36px;display:flex;flex-direction:column;justify-content:center}.invite-copy .eyebrow{color:var(--connected-accent);letter-spacing:.12em}.invite-copy h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:14px 0}.invite-copy>p{font-size:16px;color:var(--muted);line-height:1.65}.invite-benefits{display:grid;gap:9px;margin:5px 0 24px;font-size:14px}.invite-benefits span:before{content:'✓';color:#157461;font-weight:700;margin-right:9px}.invite-copy .button{min-height:50px;border-radius:12px;margin-bottom:10px}.invite-copy>small{font-size:12px;color:var(--muted);text-align:center;margin-top:6px}.invite-close{position:absolute;right:12px;top:12px;z-index:1;border:0;background:var(--soft,#eef3f9);color:var(--text);border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.invite-skip{background:none;border:0;color:var(--muted);font-size:13px;cursor:pointer;padding:9px}.invite-trigger{margin-top:12px;border:0;background:transparent;color:var(--connected-accent);text-decoration:underline;text-underline-offset:4px;font:600 14px inherit;cursor:pointer}.push-invitation{padding:26px;border-radius:20px;border-top:4px solid var(--connected-accent)}.push-invitation h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}.push-invitation .button{min-height:46px;flex:1}.push-invitation p{font-size:15px}
@media(max-width:1000px){body[data-page=templates] #allTemplates{grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-board{grid-template-columns:repeat(5,220px)}}@media(max-width:600px){body[data-page=templates] #allTemplates{grid-template-columns:1fr;gap:22px}.template-preview-button .template-preview{height:440px}.template-preview-button>span{opacity:1}.gallery-tools{align-items:flex-start;flex-direction:column}.application-fields{grid-template-columns:1fr}.field-wide{grid-column:auto}#applicationDialog{padding:22px}.tracker-toolbar{flex-wrap:wrap}.tracker-toolbar label:first-child{flex-basis:100%}.tracker-toolbar label:nth-child(2){flex:1}.tracker-delete{margin-left:0}.resume-invite{grid-template-columns:1fr;min-height:0}.invite-documents{padding:20px;height:155px}.invite-document{width:165px;transform:translateY(50px) rotate(-5deg)}.invite-copy{padding:26px}.invite-copy h2{font-size:30px}.purchase-empty{align-items:flex-start}.purchase-empty h3{font-size:18px}}

/* /template-designs.css */
.ref-resume{box-sizing:border-box;position:relative;width:100%;min-height:842px;background:#fff;color:#242d3c;padding:38px 40px;font:14px/1.45 Arial;text-align:left;overflow-wrap:anywhere;--ref-accent:#1557d2}.ref-resume *{box-sizing:border-box}.ref-resume .ref-header{border:0;text-align:center;padding:0 0 20px;margin:0}.ref-resume .ref-header h1,.ref-resume .ref-header .doc-name{color:var(--ref-accent);font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.025em;margin:0 0 9px;text-transform:none}.ref-resume .ref-role{margin:4px 0 8px;font-size:15px;color:inherit}.ref-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 14px;font-size:11px}.ref-contact span{overflow-wrap:anywhere}.ref-resume .ref-section{margin:15px 0 0;padding:0;break-inside:avoid}.ref-resume .ref-section h2{color:var(--ref-accent);font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;border:0;border-bottom:1px solid var(--ref-accent);margin:0 0 8px;padding:0 0 4px}.ref-resume p{margin:4px 0 8px;font-size:inherit;line-height:inherit}.ref-resume ul{padding:0 0 0 18px;margin:6px 0 10px;font-size:inherit;line-height:inherit}.ref-resume li{margin:4px 0;font-size:inherit;line-height:inherit}.ref-entry{margin:0 0 12px;break-inside:avoid}.ref-entry-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.ref-entry-heading b{flex:1;min-width:0}.ref-entry-heading>span{flex:none;font-size:.8em}.ref-meta{font-size:.9em!important}.ref-sample{font-size:9px;color:#64748b;text-align:center;margin:-22px 0 18px;letter-spacing:.08em}.ref-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.42fr);gap:25px}.ref-columns main,.ref-columns aside{min-width:0}.ref-contact-side{display:block}.ref-contact-side span{display:block;margin:7px 0}.ref-columns aside>h2{font-size:14px}.ref-empty{text-align:center;padding:45px 15px;color:#64748b}.ref-spacing-compact{line-height:1.3}.ref-spacing-compact .ref-section{margin-top:11px}.ref-spacing-compact .ref-entry{margin-bottom:8px}
.ref-rendercv-ember .ref-header h1,.ref-rendercv-ember .ref-header .doc-name{font-weight:400}.ref-rendercv-ember .ref-section h2{border:0;border-bottom:1px solid #aaa}.ref-rendercv-engineeringclassic .ref-header{text-align:left}.ref-rendercv-engineeringclassic .ref-header h1,.ref-rendercv-engineeringclassic .ref-header .doc-name{font-weight:400}.ref-rendercv-engineeringclassic .ref-contact{justify-content:flex-start}.ref-rendercv-engineeringresumes{font-size:13px}.ref-rendercv-engineeringresumes .ref-header h1,.ref-rendercv-harvard .ref-header h1,.ref-rendercv-sb2nov .ref-header h1,.ref-rendercv-engineeringresumes .ref-header .doc-name,.ref-rendercv-harvard .ref-header .doc-name,.ref-rendercv-sb2nov .ref-header .doc-name{color:#171717}.ref-rendercv-engineeringresumes .ref-section h2{color:#171717;font-size:14px;border:0;font-weight:700}.ref-rendercv-harvard{font-size:13px}.ref-rendercv-harvard .ref-section h2{color:#171717;text-transform:uppercase;font-size:14px;border-bottom:1px solid #171717}.ref-rendercv-ink .ref-header{text-align:left}.ref-rendercv-ink .ref-contact{justify-content:flex-start}.ref-rendercv-ink .ref-section h2{border:0;font-size:17px}.ref-rendercv-moderncv .ref-header{text-align:left}.ref-rendercv-moderncv .ref-header h1,.ref-rendercv-moderncv .ref-header .doc-name{font-weight:400}.ref-rendercv-moderncv .ref-contact{justify-content:flex-start}.ref-rendercv-moderncv .ref-section{display:grid;grid-template-columns:85px minmax(0,1fr);gap:14px}.ref-rendercv-moderncv .ref-section h2{font-size:13px;border:0;border-top:4px solid var(--ref-accent);padding-top:7px}.ref-rendercv-opal .ref-section h2{border:0;font-size:15px}.ref-rendercv-opal .ref-header h1,.ref-rendercv-opal .ref-header .doc-name{font-size:29px}.ref-rendercv-sb2nov .ref-section h2{color:#222;border-bottom:1px solid #222;font-weight:400;font-size:18px}.ref-rendercv-sb2nov .ref-entry-heading>span{font-style:italic}
.ref-latexcv-classic .ref-header h1,.ref-latexcv-classic .ref-header .doc-name{font-weight:400;text-transform:uppercase;color:#333}.ref-latexcv-classic .ref-section h2{text-align:center;border:0;border-top:1px solid var(--ref-accent);padding-top:7px}.ref-latexcv-modern,.ref-latexcv-rows{border-top:12px solid #555;border-bottom:10px solid #555}.ref-latexcv-modern .ref-header,.ref-latexcv-rows .ref-header{background:#555;color:#fff;margin:-38px -40px 20px;padding:25px}.ref-latexcv-modern .ref-header h1,.ref-latexcv-rows .ref-header h1,.ref-latexcv-modern .ref-header .doc-name,.ref-latexcv-rows .ref-header .doc-name{color:#fff;font-weight:400;text-transform:uppercase}.ref-latexcv-modern .ref-section h2,.ref-latexcv-rows .ref-section h2{background:var(--ref-accent);color:#fff;border:0;padding:6px 10px;font-size:14px}.ref-latexcv-minimal{padding:45px 55px;font-size:13px}.ref-latexcv-minimal .ref-header h1,.ref-latexcv-minimal .ref-header .doc-name{color:#222;font-size:28px}.ref-latexcv-minimal .ref-section h2{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#222;border:0;margin-top:22px}.ref-latexcv-two-column .ref-columns{grid-template-columns:1fr 1fr;gap:22px}.ref-latexcv-two-column .ref-section h2{font-size:14px;background:var(--ref-accent);color:white;padding:6px 9px}.ref-latexcv-two-column{border-bottom:10px solid var(--ref-accent)}.ref-latexcv-sidebar .ref-columns aside{background:var(--ref-accent);color:#fff;padding:20px 15px;margin-top:-15px;margin-right:-40px;margin-bottom:-38px}.ref-latexcv-sidebar .ref-columns aside .ref-section h2{color:#fff;border-bottom-color:#ffffff70}.ref-latexcv-sidebar .ref-header{background:#555;color:white;margin:-38px -40px 20px;padding:22px}.ref-latexcv-sidebar .ref-header h1,.ref-latexcv-sidebar .ref-header .doc-name{color:#fff}.ref-latexcv-sidebarleft .ref-columns{grid-template-columns:minmax(0,.42fr) minmax(0,1fr)}.ref-latexcv-sidebarleft .ref-columns main{grid-column:2;grid-row:1}.ref-latexcv-sidebarleft .ref-columns aside{grid-column:1;grid-row:1;background:#f1f1f1;padding:15px;margin-left:-25px}.ref-latexcv-sidebarleft .ref-header{text-align:left;background:#444;color:white;padding:20px}.ref-latexcv-sidebarleft .ref-header h1,.ref-latexcv-sidebarleft .ref-header .doc-name{color:white}.ref-latexcv-sidebarleft .ref-contact{justify-content:flex-start}.ref-latexcv-rows .ref-section{display:grid;grid-template-columns:95px 1fr;gap:14px;border-top:1px solid #ddd;padding-top:12px}.ref-latexcv-rows .ref-section h2{align-self:start;margin:0;background:none;color:var(--ref-accent);font-size:13px;text-transform:uppercase;padding:0}.ref-latexcv-infographics,.ref-latexcv-infographics2{background:#eaf3ff;font-size:12px}.ref-latexcv-infographics .ref-columns,.ref-latexcv-infographics2 .ref-columns{grid-template-columns:1fr 1fr;gap:20px}.ref-latexcv-infographics .ref-header,.ref-latexcv-infographics2 .ref-header{background:var(--ref-accent);color:white;margin:-38px -40px 18px;padding:22px}.ref-latexcv-infographics .ref-header h1,.ref-latexcv-infographics2 .ref-header h1,.ref-latexcv-infographics .ref-header .doc-name,.ref-latexcv-infographics2 .ref-header .doc-name{color:white}.ref-latexcv-infographics .ref-section h2,.ref-latexcv-infographics2 .ref-section h2{font-size:13px;background:var(--ref-accent);color:white;padding:6px 10px;border:0}.ref-latexcv-infographics .ref-entry{border-left:2px solid var(--ref-accent);padding-left:12px;position:relative}.ref-latexcv-infographics .ref-entry:before{content:'';position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--ref-accent)}.ref-latexcv-infographics2 .ref-section-content{padding:10px;background:#fff;border-radius:6px}.ref-html-executive .ref-header h1,.ref-html-executive .ref-header .doc-name{color:#111}.ref-html-executive .ref-section h2{color:#111;border-top:1px solid #777;border-bottom:1px solid #777;padding:7px 0}.ref-html-executive .ref-contact{justify-content:space-between}
.ref-resume[class*=ref-career-sidebar-] .ref-columns{grid-template-columns:minmax(0,1fr) minmax(0,.43fr)}.ref-resume[class*=ref-career-sidebar-] .ref-header{background:var(--ref-accent);color:#fff;text-align:left;margin:-38px -40px 22px;padding:28px 40px}.ref-resume[class*=ref-career-sidebar-] .ref-header h1,.ref-resume[class*=ref-career-sidebar-] .ref-header .doc-name{color:#fff}.ref-resume[class*=ref-career-sidebar-] .ref-contact{justify-content:flex-start}.ref-resume[class*=ref-career-sidebar-] .ref-columns aside{background:#f0f5f9;padding:18px 14px}.ref-resume[class*=ref-career-sidebar-] .ref-section h2{font-size:14px;text-transform:uppercase}
.studio-paper:has(>.ref-resume){padding:0}.template-preview .ref-resume,.studio-template-paper .ref-resume{font-size:8px;min-height:420px;padding:20px 22px;line-height:1.4;box-shadow:0 3px 12px #15203015}.template-preview .ref-resume .ref-header h1,.studio-template-paper .ref-resume .ref-header h1,.template-preview .ref-resume .ref-header .doc-name,.studio-template-paper .ref-resume .ref-header .doc-name{font-size:20px}.template-preview .ref-resume .ref-role,.studio-template-paper .ref-resume .ref-role{font-size:9px}.template-preview .ref-contact,.studio-template-paper .ref-contact{font-size:7px;gap:2px 7px}.template-preview .ref-section h2,.studio-template-paper .ref-section h2{font-size:10px}.template-preview .ref-sample,.studio-template-paper .ref-sample{font-size:6px;margin:-8px 0 10px}.template-preview .ref-columns,.studio-template-paper .ref-columns{gap:12px}.template-preview .ref-resume .ref-header,.studio-template-paper .ref-resume .ref-header{margin:0 0 10px;padding:8px}.template-preview .ref-resume .ref-columns aside,.studio-template-paper .ref-resume .ref-columns aside{margin:0;padding:10px}.template-preview .ref-rendercv-moderncv .ref-section,.template-preview .ref-latexcv-rows .ref-section{grid-template-columns:55px 1fr;gap:9px}.studio-template-paper:has(.ref-resume){padding:0;height:260px}.studio-template-paper .ref-resume{font-size:6px}.studio-template-paper .ref-resume .ref-header h1,.studio-template-paper .ref-resume .ref-header .doc-name{font-size:14px}.studio-template-paper .ref-section h2{font-size:8px}.large-resume .ref-resume{max-width:595px;margin:auto}.reference-collection-note{font-size:13px;color:var(--muted);line-height:1.6}.ref-resume b,.ref-resume strong{color:inherit}
.ref-rendercv-classic .ref-contact{color:var(--ref-accent)}
/* CVTara originals now share their gallery and editable document renderer. */
.ref-clarity .ref-header,.ref-technical .ref-header,.ref-compact .ref-header,.ref-timeline .ref-header{text-align:left}.ref-clarity .ref-contact,.ref-technical .ref-contact,.ref-compact .ref-contact,.ref-timeline .ref-contact{justify-content:flex-start}
.ref-clarity .ref-header{border-bottom:3px solid var(--ref-accent);margin-bottom:20px}.ref-clarity .ref-section h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #d9e0e8;padding-bottom:6px}
.ref-technical .ref-header h1,.ref-technical .ref-header .doc-name{color:#182637}.ref-technical .ref-section h2{font-size:13px;border:0;border-left:3px solid var(--ref-accent);padding-left:9px;text-transform:uppercase;letter-spacing:.06em}
.ref-compact{font-size:13px;padding:32px 38px;line-height:1.35}.ref-compact .ref-header h1,.ref-compact .ref-header .doc-name{font-size:29px;color:#182637}.ref-compact .ref-section{margin-top:12px}.ref-compact .ref-section h2{font-size:13px;text-transform:uppercase;border-bottom:1px solid #bbb}.ref-compact .ref-entry{margin-bottom:8px}
.ref-executive .ref-header h1,.ref-executive .ref-header .doc-name{color:#182637;font-weight:400;letter-spacing:-.04em;font-family:Georgia,serif}.ref-executive .ref-section h2{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:#182637;border-bottom:1px solid #bbc4cf}.ref-executive .ref-header{border-bottom:2px solid #182637}
.ref-timeline .ref-entry{padding-left:14px;border-left:2px solid #cad5e1}.ref-timeline .ref-section h2{border:0;font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.ref-signal .ref-header,.ref-sidebar .ref-header{text-align:left;border-bottom:2px solid var(--ref-accent);margin-bottom:22px}.ref-signal .ref-contact,.ref-sidebar .ref-contact{justify-content:flex-start}.ref-signal .ref-columns aside,.ref-sidebar .ref-columns aside{background:#f0f4f8;padding:18px 12px}.ref-signal .ref-columns,.ref-sidebar .ref-columns{grid-template-columns:minmax(0,1fr) minmax(0,.4fr);gap:22px}.ref-signal .ref-section h2,.ref-sidebar .ref-section h2{font-size:13px;text-transform:uppercase;border:0;letter-spacing:.06em}.ref-sidebar .ref-header h1,.ref-sidebar .ref-header .doc-name{font-size:34px}
.ref-modern .ref-header{background:var(--ref-accent);color:white;text-align:left;margin:-38px -40px 24px;padding:30px 40px}.ref-modern .ref-header h1,.ref-modern .ref-header .doc-name{color:white;font-size:34px}.ref-modern .ref-contact{justify-content:flex-start}.ref-modern .ref-section h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #d9e2ea}
.ref-editorial{border-top:8px solid var(--ref-accent)}.ref-editorial .ref-header{text-align:left;padding-top:10px}.ref-editorial .ref-header h1,.ref-editorial .ref-header .doc-name{color:#182637;font-family:Georgia,serif;font-weight:400;font-size:38px}.ref-editorial .ref-contact{justify-content:flex-start}.ref-editorial .ref-section h2{font-family:Georgia,serif;font-size:17px;border:0}
.ref-campus .ref-header h1,.ref-campus .ref-header .doc-name{color:#182637;font-size:29px}.ref-campus .ref-header{border-bottom:1px solid #182637;margin-bottom:20px}.ref-campus .ref-section h2{text-transform:uppercase;font-size:13px;letter-spacing:.07em;border-bottom:1px solid #aeb9c6;color:#182637}
.stage-art>.ref-resume{width:595px;zoom:.53;min-height:842px;box-shadow:0 12px 36px #10283e20}
.invite-document>.ref-resume{width:595px;zoom:.48;min-height:842px}
@media(max-width:600px){.stage-art>.ref-resume{zoom:.43}.invite-document>.ref-resume{zoom:.28}}
/* section headings never split mid-word, even in narrow side columns */
.ref-resume h1,.ref-resume h2,.ref-resume h3,even in narrow side columns */
.ref-resume .doc-name{overflow-wrap:normal;word-break:normal;hyphens:none}
.ref-sidebar .ref-section h2,.ref-signal .ref-section h2{font-size:12px;letter-spacing:.03em}
/* show the top of a document in a card even when the sheet is taller than the card */
.template-preview{align-items:start}

.doc-name{display:block;font-size:2em;font-weight:700;margin:.67em 0}

/* Thumbnails: a full-size photo leaves the name and contact lines a sliver of room, so keep it small. */
.template-preview .ref-resume .ref-header>.ref-photo,.template-preview .ref-resume .ref-header>.ref-photo-placeholder{width:52px;height:52px;margin:0 0 8px 10px}
.template-preview .ref-contact span{overflow-wrap:normal;word-break:normal}

/* /premium-products.css */
/* Coordinated document families: intentional type, hierarchy and composition. */
.ref-suite-meridian{border-top:9px solid var(--ref-accent)}.ref-suite-meridian .ref-header{text-align:left;padding:12px 0 24px;border-bottom:1px solid #b9c9d6}.ref-suite-meridian .ref-header h1,.ref-suite-meridian .ref-header .doc-name{font-size:37px;letter-spacing:-.045em;color:#163347}.ref-suite-meridian .ref-contact{justify-content:flex-start;color:#516778}.ref-suite-meridian .ref-section h2{font-size:12px;letter-spacing:.13em;text-transform:uppercase;border:0}.ref-suite-meridian .ref-entry{padding-left:12px;border-left:1px solid #cad7e1}
.ref-suite-atelier{padding:44px 48px}.ref-suite-atelier .ref-header{text-align:left;border-bottom:2px solid var(--ref-accent);padding-bottom:24px}.ref-suite-atelier .ref-header h1,.ref-suite-atelier .ref-header .doc-name{font-family:Georgia,serif;font-size:40px;line-height:1.1;font-weight:400;letter-spacing:-.04em;color:#352b2b}.ref-suite-atelier .ref-role{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.ref-suite-atelier .ref-contact{justify-content:flex-start}.ref-suite-atelier .ref-section h2{font-family:Georgia,serif;font-size:19px;font-weight:400;border-bottom:1px solid #d7c7c4;padding-bottom:7px}.ref-suite-atelier .ref-entry-heading b{font-weight:700}
.ref-suite-vector{border-left:9px solid var(--ref-accent);padding:38px 35px}.ref-suite-vector .ref-header{text-align:left;border-bottom:1px solid #becfd1;margin-bottom:22px}.ref-suite-vector .ref-header h1,.ref-suite-vector .ref-header .doc-name{font-size:36px;letter-spacing:-.04em}.ref-suite-vector .ref-contact{justify-content:flex-start}.ref-suite-vector .ref-columns{grid-template-columns:130px minmax(0,1fr);gap:25px}.ref-suite-vector .ref-columns main{grid-column:2;grid-row:1}.ref-suite-vector .ref-columns aside{grid-column:1;grid-row:1;border-right:1px solid #d5e1e2;padding-right:18px}.ref-suite-vector .ref-section h2{font-size:12px;text-transform:uppercase;letter-spacing:.07em;border:0}.ref-suite-vector .ref-columns aside>h2{font-size:12px;color:var(--ref-accent)}
.ref-suite-apex .ref-header{background:var(--ref-accent);margin:-38px -40px 22px;padding:38px 40px 30px;text-align:left;color:white}.ref-suite-apex .ref-header h1,.ref-suite-apex .ref-header .doc-name{font-size:39px;color:white;letter-spacing:-.045em}.ref-suite-apex .ref-role{color:white}.ref-suite-apex .ref-contact{justify-content:flex-start;color:#fff}.ref-suite-apex .ref-section h2{border:0;border-bottom:2px solid var(--ref-accent);font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding-bottom:8px}.ref-suite-apex .ref-entry-heading b{color:#1d2e57}
.ref-suite-forma .ref-header{text-align:left;padding-bottom:25px;border-bottom:1px solid #cbd0bf;margin-bottom:22px}.ref-suite-forma .ref-header h1,.ref-suite-forma .ref-header .doc-name{font-size:38px;color:#30392c;font-weight:400;letter-spacing:-.04em}.ref-suite-forma .ref-contact{justify-content:flex-start}.ref-suite-forma .ref-columns{grid-template-columns:minmax(0,1fr) 155px;gap:24px}.ref-suite-forma .ref-columns aside{background:#f2f4ec;padding:18px 14px;border-radius:0 0 18px 0}.ref-suite-forma .ref-section h2{font-size:12px;letter-spacing:.09em;text-transform:uppercase;border:0}.ref-suite-forma .ref-columns aside>h2{color:var(--ref-accent);font-size:12px}.ref-suite-forma .ref-entry{border-bottom:1px solid #e0e4da;padding-bottom:8px}
.ref-suite-ledger .ref-header h1,.ref-suite-ledger .ref-header .doc-name{font-size:36px;font-family:Georgia,serif;font-weight:400;color:#222b36}.ref-suite-ledger .ref-header{border-top:1px solid #364052;border-bottom:3px double #364052;padding:22px 0;margin-bottom:22px}.ref-suite-ledger .ref-section{display:grid;grid-template-columns:94px minmax(0,1fr);gap:20px;border-bottom:1px solid #d3d7de;padding:5px 0 16px}.ref-suite-ledger .ref-section h2{font-size:12px;border:0;letter-spacing:.04em;text-transform:uppercase;color:#30394b}.ref-suite-ledger .ref-entry-heading{flex-wrap:wrap;gap:4px}.ref-suite-ledger .ref-entry-heading>span{font-size:11px}
.ref-suite-studio{border-top:14px solid var(--ref-accent);padding-top:30px}.ref-suite-studio .ref-header{text-align:left;border-bottom:1px solid #dacada;padding-bottom:25px}.ref-suite-studio .ref-header h1,.ref-suite-studio .ref-header .doc-name{font-size:42px;line-height:1.03;letter-spacing:-.065em;color:#322039}.ref-suite-studio .ref-role{color:var(--ref-accent);font-weight:700;letter-spacing:-.02em}.ref-suite-studio .ref-contact{justify-content:flex-start}.ref-suite-studio .ref-section h2{font-size:12px;text-transform:uppercase;letter-spacing:.1em;border:0;display:inline-block;background:#f5edf6;padding:5px 10px}.ref-suite-studio .ref-entry-heading b{color:#322039}
.ref-suite-origin{border-bottom:8px solid var(--ref-accent)}.ref-suite-origin .ref-header{text-align:left;position:relative;padding-left:18px;border-left:4px solid var(--ref-accent);margin:4px 0 28px}.ref-suite-origin .ref-header h1,.ref-suite-origin .ref-header .doc-name{font-size:35px;color:#392a21;letter-spacing:-.035em}.ref-suite-origin .ref-contact{justify-content:flex-start}.ref-suite-origin .ref-section h2{font-size:12px;letter-spacing:.12em;border-bottom:1px solid #decfbd;text-transform:uppercase;padding-bottom:7px}.ref-suite-origin .ref-entry{padding-left:13px;border-left:1px solid #e1d2c0}
#resumeStudio .studio-template-paper .ref-resume[class*=ref-suite-] .ref-header{margin:0 0 20px;padding:12px 0 22px}#resumeStudio .studio-template-paper .ref-suite-apex .ref-header{margin:-38px -40px 22px;padding:38px 40px 30px}#resumeStudio .studio-template-paper .ref-suite-ledger .ref-header{padding:22px 0}#resumeStudio .studio-template-paper .ref-suite-origin .ref-header{padding-left:18px}
#resumeStudio .studio-paper .ref-suite-atelier h1,#resumeStudio .studio-paper .ref-suite-atelier .doc-name{font-size:40px!important}#resumeStudio .studio-paper .ref-suite-studio h1,#resumeStudio .studio-paper .ref-suite-studio .doc-name{font-size:42px!important}#resumeStudio .studio-paper .ref-suite-meridian h1,#resumeStudio .studio-paper .ref-suite-vector h1,#resumeStudio .studio-paper .ref-suite-apex h1,#resumeStudio .studio-paper .ref-suite-meridian .doc-name,#resumeStudio .studio-paper .ref-suite-vector .doc-name,#resumeStudio .studio-paper .ref-suite-apex .doc-name{font-size:38px!important}
/* Letter canvas: the same renderer is used in the library and the editor. */
.letter-document{--letter-accent:#153b5c;position:relative;box-sizing:border-box;width:595px;min-height:842px;background:#fff;color:#263446;padding:44px 46px;font:14px/1.7 Arial,sans-serif;text-align:left;overflow-wrap:anywhere}.letter-document *{box-sizing:border-box}.letter-document h1,.letter-document .doc-name{font-size:33px;letter-spacing:-.04em;line-height:1.15;margin:0 0 10px;color:var(--letter-accent)}.letter-document-header{border-bottom:2px solid var(--letter-accent);padding-bottom:21px;margin-bottom:28px}.letter-document-header p{font-size:11px!important;line-height:1.7!important;color:#526575;margin:0!important}.letter-document .letter-recipient{display:flex;justify-content:space-between;gap:18px;margin-bottom:24px;font-size:12px;color:#46576a}.letter-recipient>div{display:grid;gap:2px}.letter-document h2{font:700 14px/1.5 Arial,sans-serif;color:#263446;margin:0 0 20px}.letter-document p{font-size:14px;line-height:1.75;margin:0 0 18px}.letter-document footer{margin-top:24px;font-size:14px}.letter-document footer p{margin:0 0 4px}.letter-monogram{display:none}.letter-placeholder{color:#8190a0}.letter-sample-label{font:9px Arial;letter-spacing:.1em;display:block;margin:-25px 0 20px;color:#73808b}
.letter-meridian{border-top:9px solid var(--letter-accent)}.letter-meridian .letter-document-header{border-bottom:1px solid #b9c9d6;padding-top:12px}.letter-meridian h1,.letter-meridian .doc-name{font-size:37px}
.letter-atelier{padding:50px}.letter-atelier h1,.letter-atelier .doc-name{font:400 39px/1.1 Georgia,serif;color:#352b2b}.letter-atelier .letter-document-header{border-bottom:2px solid var(--letter-accent)}.letter-atelier .letter-copy p{font-family:Georgia,serif;font-size:15px}.letter-atelier h2{color:var(--letter-accent);font-size:14px}
.letter-vector{border-left:9px solid var(--letter-accent);padding-left:42px}.letter-vector .letter-document-header{border-bottom:1px solid #b8cecf}.letter-vector .letter-recipient{border-left:3px solid var(--letter-accent);padding-left:12px}.letter-vector h1,.letter-vector .doc-name{font-size:37px}
.letter-apex .letter-document-header{background:var(--letter-accent);color:white;margin:-44px -46px 30px;padding:38px 46px 30px;border:0}.letter-apex .letter-document-header h1,.letter-apex .letter-document-header p,.letter-apex .letter-document-header .doc-name{color:white}.letter-apex .letter-document-header h1,.letter-apex .letter-document-header .doc-name{font-size:38px}.letter-apex h2{border-bottom:2px solid var(--letter-accent);padding-bottom:12px;color:var(--letter-accent)}
.letter-forma .letter-monogram{display:grid;place-items:center;float:right;width:53px;height:53px;background:#f0f3e9;color:var(--letter-accent);font-size:18px;letter-spacing:-.06em}.letter-forma h1,.letter-forma .doc-name{font-size:36px;font-weight:400;color:#30392c}.letter-forma .letter-document-header{border-color:#b3bba3}.letter-forma .letter-recipient{background:#f2f4ec;padding:14px}
.letter-ledger .letter-document-header{text-align:center;border-top:1px solid #364052;border-bottom:3px double #364052;padding:20px 0}.letter-ledger h1,.letter-ledger .doc-name{font-family:Georgia,serif;font-weight:400;color:#28313e}.letter-ledger .letter-recipient{border-bottom:1px solid #cfd4db;padding-bottom:16px}.letter-ledger .letter-copy{font-family:Georgia,serif}
.letter-studio{border-top:14px solid var(--letter-accent)}.letter-studio h1,.letter-studio .doc-name{font-size:40px;letter-spacing:-.06em;color:#322039}.letter-studio .letter-document-header{border-bottom:1px solid #dacada}.letter-studio h2{display:inline-block;background:#f5edf6;padding:8px 12px;color:var(--letter-accent)}
.letter-origin{border-bottom:8px solid var(--letter-accent)}.letter-origin .letter-document-header{border:0;border-left:4px solid var(--letter-accent);padding:0 0 0 18px;margin-top:8px}.letter-origin h1,.letter-origin .doc-name{font-size:35px;color:#392a21}.letter-origin .letter-recipient{border-bottom:1px solid #decfbd;padding-bottom:18px}
.cover-letter-preview{position:relative;overflow:hidden!important;height:385px!important;background:#e5eaf1;padding:18px!important}.cover-letter-preview>.letter-document{position:absolute;left:50%;top:20px;transform:translateX(-50%) scale(.43);transform-origin:top center}.large-letter{overflow:auto}.large-letter .letter-document{margin:auto}.stage-art>.letter-document{zoom:.53}.cover-letter-card{border-radius:12px!important;overflow:hidden;background:var(--paper)!important}.cover-letter-card .template-meta{padding:18px!important;text-align:left}.cover-letter-card .template-meta b{font-size:18px}.cover-letter-card .template-meta small{font-size:14px}
/* Product workflow surfaces */
.product-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.product-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.045em;margin:10px 0 0}.product-heading h2 em{font-style:normal;color:var(--blue)}.product-heading p{font-size:16px;color:var(--muted);line-height:1.65;max-width:660px}.product-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.product-actions>span{width:100%;font-size:13px;color:var(--muted);text-align:right}.product-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:26px;background:var(--paper)}.product-steps button{display:flex;align-items:center;gap:12px;padding:17px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;font-family:inherit;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}.product-steps button:last-child{border:0}.product-steps span{font-size:12px;font-weight:700;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid var(--line)}.product-steps [aria-current=step]{color:var(--ink);box-shadow:inset 0 -3px var(--blue)}.product-steps [aria-current=step] span{background:var(--blue);color:white;border-color:var(--blue)}.product-steps button:disabled{opacity:.5;cursor:default}.product-help{font-size:13px;color:var(--muted);line-height:1.65;margin:12px 0}
#view-letter [hidden],#matchReport [hidden],#diagnosisReady [hidden]{display:none!important}#view-letter{font-size:16px}#view-letter input,#view-letter select,#view-letter textarea,#view-letter button{font:inherit}#view-letter button{cursor:pointer}#view-letter button:disabled{cursor:default;opacity:.5}#view-letter :focus-visible{outline:3px solid #7096e8;outline-offset:3px}#view-letter .button{font-size:14px;min-height:44px;border-radius:8px;padding:11px 16px}.letter-choice-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.letter-choice-intro h3{font-size:24px;letter-spacing:-.025em;margin:0 0 9px}.letter-choice-intro p{font-size:15px;line-height:1.6;color:var(--muted);max-width:640px}.letter-choice-intro label{display:grid;gap:7px;font-size:14px;min-width:240px}.letter-choice-intro input{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
.letter-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.letter-template-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 530px}.letter-template-card:hover{border-color:#91acc8;box-shadow:0 8px 30px #172c410e}.letter-template-art{display:block;position:relative;width:100%;height:330px;border:0;background:#e5eaf1;overflow:hidden}.letter-template-art>div{position:absolute;width:595px;min-height:842px;left:50%;top:20px;transform:translateX(-50%) scale(.37);transform-origin:top center;pointer-events:none;box-shadow:0 5px 20px #14263e22}.letter-template-art>span{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#142b43;color:#fff;border-radius:22px;padding:8px 15px;font-size:13px;opacity:0}.letter-template-art:hover>span,.letter-template-art:focus-visible>span{opacity:1}.letter-template-label{padding:18px}.letter-template-label small{color:var(--blue);font-size:12px;font-weight:600}.letter-template-label h4{font-size:18px;margin:6px 0;line-height:1.35}.letter-template-label p{font-size:13px;color:var(--muted);margin:0 0 18px}
.letter-work-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.letter-work-toolbar b{font-size:14px}.letter-view-switch{display:none;margin-left:auto}.letter-work-grid{display:grid;grid-template-columns:minmax(340px,.94fr) minmax(0,1.06fr);gap:26px;align-items:start}.letter-editor,.letter-review{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.letter-section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:5px;border-bottom:1px solid var(--line)}.letter-section-nav button{font-size:13px!important;padding:12px 6px;border:0;border-radius:7px;background:transparent;color:var(--muted);line-height:1.45;min-height:48px}.letter-section-nav [aria-pressed=true]{background:var(--soft);color:var(--blue)}
#letterFields{padding:24px}#letterFields h3{font-size:23px;letter-spacing:-.025em;margin:0 0 18px}.letter-field{display:grid;gap:7px;margin-bottom:18px}.letter-field>span{font-size:14px;font-weight:600}.letter-field>small{font-size:13px;line-height:1.6;color:var(--muted)}.letter-field input,.letter-field textarea,.letter-field select{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:16px!important;line-height:1.6;min-height:47px}.letter-field input[type=color]{padding:5px}.letter-field textarea{resize:vertical}.letter-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.letter-field-pair>*{min-width:0}.letter-guidance{padding:16px;background:var(--soft);border-radius:8px;font-size:14px;line-height:1.65}.letter-guidance summary{cursor:pointer;font-weight:600}.letter-guidance p{color:var(--muted)}.letter-navigation{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-top:1px solid var(--line);gap:12px}.letter-navigation>span{font-size:12px;color:var(--muted)}.letter-colours{display:flex;gap:10px;flex-wrap:wrap}.letter-colours button{height:30px;width:30px;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line);border-radius:50%}.letter-resume-import{background:var(--soft);padding:16px;border-radius:9px;margin-bottom:22px}.letter-resume-import label{font-size:14px;display:grid;gap:8px}.letter-resume-import select{padding:11px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);max-width:100%}.letter-resume-import .button{margin-top:10px}.letter-resume-import p{font-size:13px;line-height:1.6;margin:10px 0 0;color:var(--muted)}
.letter-preview-column{position:sticky;top:20px;min-width:0}.letter-canvas-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.letter-canvas-toolbar>span{font-size:12px;letter-spacing:.1em;font-weight:700}.letter-canvas-toolbar label{font-size:12px;display:flex;align-items:center;gap:7px}.letter-canvas-toolbar select{border:1px solid var(--line);border-radius:7px;padding:9px;background:var(--paper);color:var(--ink);height:44px}.letter-canvas{padding:18px;border:1px solid #cad4df;border-radius:12px;background:#dfe5ed;max-height:calc(100dvh - 160px);min-height:400px;overflow:auto;scrollbar-gutter:stable}#letterPageFrame{position:relative;margin:auto}#letterLiveDocument{position:absolute;top:0;left:0;width:595px;transform-origin:top left;box-shadow:0 6px 25px #102c4826}.letter-document-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:11px 0;color:var(--muted)}.free-resume-preview #letterLiveDocument:after,.free-resume-preview #letterInspectDocument>.letter-document:not(:has(.letter-sample-label)):after{content:var(--watermark-label,'CVTara · Free preview');position:absolute;top:44%;left:4%;right:4%;transform:rotate(-28deg);text-align:center;color:#1a3f791f;font:bold 45px Arial;pointer-events:none}
.letter-review{padding:27px}.letter-review h3{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:12px 0 24px}.letter-review>p{font-size:14px;line-height:1.7;color:var(--muted)}.letter-review>.button{margin-top:12px}#letterReviewItems{display:grid;gap:9px}#letterReviewItems button{display:flex;align-items:center;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px 12px;text-align:left;color:var(--ink)}#letterReviewItems b{font-size:14px}#letterReviewItems small{margin-left:auto;color:var(--blue);font-size:12px}#letterReviewItems .complete{color:#1f7962}
#view-letter dialog{width:min(760px,calc(100vw - 24px));max-height:94dvh;padding:0;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:12px;overflow:auto;box-shadow:0 25px 100px #0b20354d}#view-letter dialog::backdrop{background:#0a172bc4}.letter-dialog-top,.letter-dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;background:var(--paper)}.letter-dialog-top h3{margin:0;font-size:21px}.letter-dialog-bottom{position:sticky;bottom:0;border-top:1px solid var(--line)}.letter-dialog-bottom p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.letter-dialog-bottom .button{flex:none}#letterInspectDocument{padding:22px;overflow:auto}#letterInspectDocument>.letter-document{margin:auto;box-shadow:0 5px 20px #102b4520}.letter-confirm{padding:28px}.letter-confirm h3{font-size:25px}.letter-confirm p{line-height:1.65;color:var(--muted)}
/* Requirement/evidence review, without artificial scores or waiting animations. */
.match-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0 0 26px;border:1px solid var(--line);border-radius:11px;background:var(--paper);overflow:hidden}.match-roadmap li{padding:18px;border-right:1px solid var(--line)}.match-roadmap li:last-child{border:0}.match-roadmap b{display:block;font-size:14px;margin-bottom:7px;color:var(--ink)}.match-roadmap span{display:block;font-size:13px;line-height:1.6;color:var(--muted)}.match-work-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.match-input-panel{min-width:0}.match-input-panel>label{display:grid;gap:8px;font-size:14px;font-weight:600;margin:18px 0}.match-input-panel input[type=file]{max-width:100%;font-size:14px}.match-input-panel textarea{width:100%;font-family:inherit;font-size:15px;line-height:1.65;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);resize:vertical}.match-input-panel .connected-check{display:flex;font-weight:400;line-height:1.65}.match-input-panel .connected-upload{margin-top:0;padding:18px;border:1px dashed #91a9c3;border-radius:9px;background:var(--soft)}.match-input-panel .connected-upload small{font-size:12px;font-weight:400;line-height:1.65;color:var(--muted)}#matchStatus{font-size:14px;line-height:1.6}.match-empty{padding:14px}.match-empty h3{font-size:29px;line-height:1.2;letter-spacing:-.035em;margin:14px 0 30px}.match-empty>div{padding:20px 0;border-top:1px solid var(--line)}.match-empty b{font-size:17px}.match-empty p{font-size:15px;line-height:1.65;color:var(--muted);margin-bottom:0}.match-empty small{display:block;font-size:12px;line-height:1.6;color:var(--muted);padding-top:14px}
#matchReport{min-width:0}.evidence-report-header h2{font-size:28px;line-height:1.2;letter-spacing:-.035em;margin:10px 0}.evidence-report-header>p{font-size:14px;color:var(--muted);line-height:1.6}.evidence-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.evidence-metrics>div{padding:17px 13px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.evidence-metrics b{font-size:30px;display:block;color:var(--ink);letter-spacing:-.04em}.evidence-metrics span{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:7px}.evidence-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:22px}.evidence-tabs button{border:0;padding:12px;border-radius:7px;background:transparent;color:var(--muted);font-family:inherit;font-size:14px;font-weight:600;min-height:44px;cursor:pointer}.evidence-tabs [aria-pressed=true]{background:var(--blue);color:white}[data-report-panel]>h3{font-size:20px;letter-spacing:-.02em;margin:18px 0}.evidence-signals{display:grid;gap:0}.evidence-signals article{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.evidence-signals article>span{color:var(--blue);font-size:19px}.evidence-signals b{font-size:15px}.evidence-signals p{font-size:14px;color:var(--muted);line-height:1.65;margin:7px 0 0}.evidence-method{margin-top:22px;border:1px solid var(--line);border-radius:8px;padding:15px}.evidence-method summary{font-size:14px;font-weight:600;cursor:pointer}.evidence-method p{font-size:13px;color:var(--muted);line-height:1.7}.evidence-item{border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:12px}.evidence-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.evidence-item-top small{font-size:12px;color:var(--muted)}.evidence-item-top h4{font-size:17px;margin:7px 0 15px;line-height:1.4}.evidence-badge{font-size:11px;color:#5b5966;background:#eeedf2;border:1px solid #dddae5;padding:5px 8px;border-radius:5px;white-space:nowrap}.status-evidenced .evidence-badge{background:#eaf5f0;color:#25664e;border-color:#c6e0d4}.status-mentioned .evidence-badge{background:#fdf4df;color:#805d15;border-color:#ebd9a8}.status-not_found .evidence-badge{background:#f8edf0;color:#854b5c;border-color:#e8cbd3}.evidence-item details summary{font-size:13px;color:var(--blue);cursor:pointer;padding:4px 0}.evidence-quotes{display:grid;gap:14px;margin-top:18px}.evidence-quotes b{font-size:12px;text-transform:uppercase;letter-spacing:.07em}.evidence-quotes blockquote,[data-report-panel]>blockquote{margin:8px 0 0;padding:13px 15px;border-left:3px solid #bacce0;background:var(--soft);font-size:14px;line-height:1.7;color:var(--ink)}.evidence-item details>p{font-size:14px;line-height:1.65;margin:18px 0 10px}.evidence-item details>small{font-size:12px;line-height:1.6;color:var(--muted)}.evidence-actions{padding-left:24px}.evidence-actions li{padding:12px 0 19px 8px;border-bottom:1px solid var(--line)}.evidence-actions li>span{font-size:12px;color:var(--blue)}.evidence-actions h4{font-size:17px;margin:7px 0}.evidence-actions p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.evidence-writing-guide{background:var(--soft);padding:18px;border-radius:8px;margin:22px 0;font-size:14px;line-height:1.7}.evidence-writing-guide p{color:var(--muted);margin-bottom:0}.match-stale{padding:12px 14px;background:#fff4d7;color:#795513!important;border:1px solid #e9d499;border-radius:8px}
.application-roadmap{border:1px solid var(--line);border-radius:13px;padding:24px;background:var(--paper);margin-bottom:24px}.application-roadmap h3{font-size:23px;letter-spacing:-.025em;margin:0 0 10px}.application-roadmap>p{font-size:14px;line-height:1.65;color:var(--muted)}.application-roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.application-roadmap-grid button{display:block;border:1px solid var(--line);border-radius:9px;text-align:left;background:var(--soft);padding:18px;color:var(--ink);cursor:pointer}.application-roadmap-grid small{font-size:12px;color:var(--blue);display:block}.application-roadmap-grid b{display:block;font-size:16px;margin:11px 0}.application-roadmap-grid span{font-size:13px;line-height:1.6;color:var(--muted);display:block}.owner-product-roadmap{margin-top:24px}.owner-product-roadmap summary{font-size:16px;font-weight:650;cursor:pointer}.owner-product-roadmap li{font-size:14px;line-height:1.7;margin:12px 0}.saved-letters-list>article{display:flex;align-items:center;gap:14px;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.saved-letters-list h4{font-size:17px;margin:0 0 8px}.saved-letters-list p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.saved-letters-list article>div:last-child{display:flex;gap:8px}.saved-letters-list .button{font-size:13px}.letter-saved-panel{margin-top:24px}
@media(min-width:1650px){.letter-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.letter-work-grid{grid-template-columns:minmax(310px,1fr) minmax(0,1fr);gap:18px}.letter-field-pair{grid-template-columns:1fr;gap:0}.letter-template-grid{gap:14px}.letter-template-art{height:290px}.letter-template-art>div{transform:translateX(-50%) scale(.32)}.match-work-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:18px}.evidence-item-top{flex-wrap:wrap}.application-roadmap-grid{grid-template-columns:1fr 1fr}.letter-canvas-toolbar{flex-wrap:wrap}.letter-canvas-toolbar>span{flex:1 1 100%}}
@media(max-width:980px){.letter-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-work-grid,.match-work-grid{grid-template-columns:1fr}.letter-preview-column{position:static}.letter-canvas{max-height:none}.letter-view-switch{display:flex;gap:4px}.letter-view-switch button{border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--muted);padding:10px 16px;font-size:14px!important}.letter-view-switch [aria-pressed=true]{background:var(--blue);color:white}#view-letter[data-letter-view=edit]:not([data-letter-stage=review]) .letter-preview-column{display:none}#view-letter[data-letter-view=preview]:not([data-letter-stage=review]) .letter-editor{display:none}#view-letter[data-letter-stage=review] .letter-view-switch{display:none}.letter-choice-intro{flex-wrap:wrap}.letter-choice-intro label{width:100%}.product-heading{align-items:flex-start}.match-roadmap span{font-size:12px}.letter-field-pair{grid-template-columns:1fr 1fr;gap:16px}.letter-canvas-toolbar{flex-wrap:nowrap}.letter-canvas-toolbar>span{flex:auto}.evidence-item-top{flex-wrap:nowrap}}
@media(max-width:760px){.product-heading{flex-wrap:wrap}.product-heading h2{font-size:30px}.product-actions{width:100%;justify-content:flex-start}.product-actions>span{text-align:left}.product-steps button{flex-direction:column;gap:8px;text-align:center;font-size:12px!important;padding:13px 5px}.letter-work-toolbar{flex-wrap:wrap}.letter-work-toolbar b{flex:1}.letter-view-switch{flex:1 1 100%;margin:0}.letter-view-switch button{flex:1}.letter-field-pair{grid-template-columns:1fr;gap:0}#letterFields{padding:20px}.letter-review{padding:22px}.letter-canvas-toolbar{gap:6px}.letter-canvas-toolbar>span{font-size:10px}.letter-canvas-toolbar label{font-size:0}.letter-canvas-toolbar select{font-size:13px!important}.letter-dialog-top{padding:16px}.letter-dialog-bottom{flex-wrap:wrap}.letter-dialog-bottom .button{width:100%}.letter-document-meta{flex-wrap:wrap}.match-roadmap{grid-template-columns:1fr}.match-roadmap li{padding:13px 17px;border-right:0;border-bottom:1px solid var(--line)}.match-roadmap b{margin-bottom:4px}.match-roadmap span{font-size:13px}.match-input-panel,.evidence-report-header{padding:0}.match-input-panel.panel-pad{padding:20px}.evidence-metrics{gap:7px}.evidence-metrics>div{padding:13px 10px}.evidence-metrics b{font-size:27px}.evidence-metrics span{font-size:11px}.evidence-tabs button{font-size:12px!important;padding:10px 9px;flex:1}.evidence-item{padding:15px}.evidence-item-top{flex-wrap:wrap}.evidence-item-top h4{margin-bottom:4px}.evidence-item details{margin-top:12px}.application-roadmap{padding:20px}.saved-letters-list>article{align-items:flex-start;flex-direction:column}.large-letter .letter-document{zoom:.75}.stage-art>.letter-document{zoom:.43}}
@media(max-width:540px){.letter-template-grid{grid-template-columns:1fr}.letter-template-art{height:385px}.letter-template-art>div{transform:translateX(-50%) scale(.43)}.application-roadmap-grid{grid-template-columns:1fr}.application-roadmap-grid button{padding:16px}.application-roadmap-grid b{margin:7px 0}.letter-navigation>span{font-size:11px}.large-letter .letter-document{zoom:.5}}
@media(hover:none){.letter-template-art>span{opacity:1}}
@media(prefers-reduced-motion:reduce){#view-letter *,#view-match *{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:760px){.product-active .workspace-shell{display:block}}

.application-roadmap-grid [hidden]{display:none!important}

/* /brand-polish.css */
:root{--brand-cobalt:#1557d2}.cv-brand-logo{display:block;width:174px;height:auto;max-height:54px;object-fit:contain}.brand{flex-shrink:0}.brand small{display:none}.brand-mark{background:none;box-shadow:none}.nav-shell{gap:18px;min-height:80px}.main-nav a{font-size:14px;padding:10px 9px}.button{font-size:14px;min-height:44px;font-weight:700;transition:background-color .15s,color .15s}.button:hover{transform:none}.footer-main nav b{font-size:17px}.footer-main nav a,.footer-main>div>p,.footer-bottom{font-size:14px;line-height:1.75}.footer-main nav a{display:block;padding:5px 0}.footer-main{gap:30px}.footer-main .brand{display:inline-block;margin-bottom:16px}.site-header{backdrop-filter:none;background:var(--paper)}.brand-polish-note{font-size:14px}.coupon-entry{padding:18px;margin:18px 0;border:1px solid var(--line);border-radius:12px}.coupon-entry input{width:100%;padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:8px}#admin-business .panel{margin-bottom:20px}#admin-business fieldset{border:1px solid var(--line);border-radius:12px;padding:18px;margin:15px 0}#admin-business input[type=checkbox]{width:auto}.ref-photo{object-fit:cover}body.dark .cv-brand-logo{background:white;border-radius:7px;padding:4px}body.dark .footer-main .cv-brand-logo{background:white}body:not(.dark) .cv-brand-logo{background:transparent}[data-language],.language-select{display:none!important}@media(max-width:1180px){.main-nav{display:none}.mobile-menu{display:grid!important}.nav-actions{margin-left:auto}}@media(max-width:600px){.cv-brand-logo{width:144px}.nav-shell{min-height:68px;gap:12px}.nav-actions .desktop-cta{display:none}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{font-size:13px}.button{min-height:46px}.workspace-top .brand .cv-brand-logo,.admin-top .brand .cv-brand-logo{width:125px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* /blog-v2.css */
/* Blog index, article layout, related reading and calls to action */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.b2-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.b2-hero{padding:56px 0 30px;background:radial-gradient(900px 300px at 85% -20%,color-mix(in srgb,var(--blue) 14%,transparent),transparent),var(--canvas,transparent)}
.b2-hero h1{font-size:clamp(30px,4.6vw,48px);line-height:1.08;letter-spacing:-.03em;max-width:820px;margin:8px 0 14px}
.b2-hero p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.6;margin:0 0 20px}
.b2-cta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.b2-facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:0;color:var(--muted);font-size:14px}.b2-facts b{color:var(--ink);font-size:16px}
.b2-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:18px auto 8px}
.b2-types{display:inline-flex;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}
.b2-types button{border:0;background:none;padding:9px 16px;border-radius:10px;cursor:pointer;font:inherit;font-weight:600;color:var(--muted)}
.b2-types button span{font-size:12px;opacity:.8;margin-left:4px}.b2-types button.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px rgba(15,23,42,.12)}
.b2-search{flex:1;min-width:240px;max-width:520px}.b2-search input{width:100%}
.b2-h{font-size:18px;margin:22px 0 10px}
.b2-pop{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.b2-pop a{display:grid;gap:3px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;position:relative;padding-left:52px}
.b2-pop a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.b2-pop i{position:absolute;left:14px;top:14px;font-style:normal;font-size:22px}.b2-pop b{font-size:14.5px;line-height:1.3}.b2-pop span{font-size:12.5px;color:var(--muted)}
.b2-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 6px}
.b2-chips button{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:7px 14px;border-radius:99px;cursor:pointer;font:inherit;font-size:13.5px}
.b2-chips button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.b2-count{color:var(--muted);font-size:14px;margin:8px 0 14px}.b2-empty{padding:30px;text-align:center;color:var(--muted)}
.blog2 .blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.blog2 .blog-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.blog2 .blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.blog2 .blog-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:132px;padding:16px 18px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#1e3a8a,#3b82f6)}
.blog2 .blog-art.is-guide{background:linear-gradient(135deg,#065f46,#10b981)}
.blog2 .blog-art span{font-size:11px;font-weight:800;letter-spacing:.08em;opacity:.95}.blog2 .blog-art b{font-size:30px;line-height:1}.blog2 .blog-art i{align-self:flex-start;font-style:normal;font-size:12px;border:1px solid rgba(255,255,255,.6);border-radius:99px;padding:2px 10px}
.b2-new{position:absolute;right:14px;top:14px;font-style:normal;background:#fde047;color:#111;font-size:11px;font-weight:800;border-radius:99px;padding:2px 9px}
.blog2 .blog-copy{padding:16px 18px 18px;display:grid;gap:8px;align-content:start;flex:1}
.blog2 .blog-copy h3{margin:0;font-size:17px;line-height:1.3}.blog2 .blog-copy h3 a{color:var(--ink);text-decoration:none}.blog2 .blog-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.b2-go{margin-top:auto;font-weight:700;font-size:14px;color:var(--blue);text-decoration:none}
.load-more{display:block;margin:22px auto}
.b2-band{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:36px 0;padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#1e1b4b,#3730a3);color:#fff}
.b2-band h2{margin:0 0 6px;font-size:24px;color:#fff}.b2-band p{margin:0;color:#c7d2fe;max-width:560px}.b2-band-actions{display:flex;gap:10px;flex-wrap:wrap}.b2-band .button.primary{background:#fff;color:#1e1b4b}
.b2-standard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:56px}.b2-standard div{padding:16px 18px;border-left:3px solid var(--blue);background:var(--soft);border-radius:0 12px 12px 0}.b2-standard p{margin:4px 0 0;color:var(--muted);font-size:14px}

/* Article */
.article-meta{margin:6px 0 14px;color:var(--muted);font-size:14px}.article-meta b{color:var(--ink)}
.article-shell .toc{position:sticky;top:90px;align-self:start;display:grid;gap:2px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper);max-height:calc(100vh - 120px);overflow:auto}
.article-shell .toc b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}
.article-shell .toc a{padding:6px 8px;border-radius:8px;font-size:13.5px;color:var(--ink);text-decoration:none;line-height:1.35}.article-shell .toc a:hover{background:var(--soft);color:var(--blue)}
.article h2{margin-top:34px;scroll-margin-top:90px}.article h3{scroll-margin-top:90px}
.article .owner-faq details{border:1px solid var(--line);border-radius:12px;padding:2px 16px;margin:8px 0;background:var(--paper)}.article .owner-faq summary{cursor:pointer;font-weight:700;padding:12px 0}.article .owner-faq details p{margin:0 0 14px;color:var(--muted)}
.article .owner-faq h3{display:none}
.article-cta{display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:34px 0;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 12%,var(--paper)),var(--paper));border:1px solid color-mix(in srgb,var(--blue) 30%,var(--line))}
.article-cta b{font-size:18px}.article-cta p{margin:4px 0 0;color:var(--muted);max-width:520px}.article-cta-actions{display:flex;gap:8px;flex-wrap:wrap}
.article-related h2{margin:30px 0 12px}.article-related>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.article-related a{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}.article-related a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.article-related span{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--blue);text-transform:uppercase}.article-related b{line-height:1.3}.article-related small{color:var(--muted)}
@media (max-width:900px){.article-shell .toc{position:static;max-height:none}}
@media (max-width:640px){.b2-types{width:100%}.b2-types button{flex:1;padding:9px 6px;font-size:13px}.b2-band{padding:22px 20px}}

/* Contact page */
.c2-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:6px 0 22px}
.c2-card{display:grid;gap:3px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:inherit;text-decoration:none;position:relative;padding-left:62px}
.c2-card i{position:absolute;left:16px;top:16px;font-style:normal;font-size:24px;width:34px;height:34px;display:grid;place-items:center}
.c2-card b{font-size:15px}.c2-card span{color:var(--muted);font-size:14px}a.c2-card:hover{box-shadow:var(--shadow)}
.c2-check{display:flex!important;gap:8px;align-items:flex-start;font-weight:400}

.article-shell:has(>aside.toc[hidden]){grid-template-columns:minmax(0,760px)}
.c2-check input{width:auto!important;margin-top:3px}.c2-check{justify-content:flex-start!important}

.article .owner-article-cover figcaption{display:none}
.article .owner-article-cover{margin:0 0 14px}

/* Article cover: drawn card (never black or broken) or the owner's picture with a gradient fallback */
.b2-cover,.b2-photo{position:relative;margin:0 0 18px;border-radius:20px;overflow:hidden;aspect-ratio:16/7;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 26px}
.b2-cover span{font-size:12px;font-weight:800;letter-spacing:.1em;opacity:.9}
.b2-cover strong{font-size:clamp(20px,3.2vw,32px);line-height:1.15;max-width:78%;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.b2-cover i{position:absolute;right:22px;top:14px;font-style:normal;font-size:clamp(54px,9vw,96px);opacity:.92;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3))}
.b2-cover::after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12)}
.b2-photo{padding:0;display:block}.b2-photo img{display:block;width:100%;height:100%;object-fit:cover}.b2-photo.is-broken img{display:none}
@media (max-width:640px){.b2-cover{aspect-ratio:16/10}.b2-cover strong{max-width:100%}}

/* /seo-pages.css */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700&display=swap');
/* Programmatic SEO pages and article upgrades. Design tokens: navy builds trust, amber is the one main action, teal shows progress. */
:root{--sp-primary:#2B3A8C;--sp-primary-dark:#1E2A66;--sp-tint:#EEF0FA;--sp-cta:#F59E0B;--sp-cta-hover:#D97706;--sp-cta-ink:#0F172A;--sp-success:#0F9D8A;--sp-ink:#0F172A;--sp-muted:#475569;--sp-border:#E2E8F0;--sp-bg:#F8FAFC;--sp-surface:#FFFFFF;--sp-head:'Plus Jakarta Sans','Inter',system-ui,sans-serif}
html.dark,html[data-theme=dark]{--sp-primary:#8EA0F2;--sp-primary-dark:#B4C0F7;--sp-tint:#1A2350;--sp-ink:#E5E7EB;--sp-muted:#94A3B8;--sp-border:#26304F;--sp-bg:#0B1020;--sp-surface:#121A33}
.sp-body{background:var(--sp-bg);color:var(--sp-ink)}
.sp-shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:20px 0 64px;font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.65}
.sp-shell h1,.sp-shell h2,.sp-shell h3,.sp-final b{font-family:var(--sp-head);color:var(--sp-ink);letter-spacing:-.01em}
.sp-crumbs ol{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0 0 18px;padding:0;font-size:14px;color:var(--sp-muted)}
.sp-crumbs li+li:before{content:"›";margin:0 6px;color:var(--sp-muted)}
.sp-crumbs a{color:var(--sp-primary);text-decoration:none}.sp-crumbs a:hover{text-decoration:underline}
.sp-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:center;padding:32px;border:1px solid var(--sp-border);border-radius:20px;background:linear-gradient(135deg,var(--sp-surface) 0%,var(--sp-tint) 100%);box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -18px rgba(43,58,140,.25)}
.sp-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--sp-primary);background:var(--sp-tint);border:1px solid var(--sp-border);padding:4px 10px;border-radius:999px}
.sp-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:14px 0 12px}
.sp-lead{font-size:18px;color:var(--sp-muted);margin:0 0 22px;max-width:60ch}
.sp-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sp-cta{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:10px;background:var(--sp-cta);color:var(--sp-cta-ink)!important;font-weight:700;text-decoration:none;transition:background .18s ease-out,transform .18s ease-out}
.sp-cta:hover{background:var(--sp-cta-hover);transform:translateY(-1px)}
.sp-cta:focus-visible,.sp-secondary:focus-visible,.sp-shell a:focus-visible,.sp-shell summary:focus-visible{outline:3px solid var(--sp-primary);outline-offset:2px}
.sp-secondary{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:10px;border:1.5px solid var(--sp-primary);color:var(--sp-primary);font-weight:600;text-decoration:none}
.sp-secondary:hover{background:var(--sp-tint)}
.sp-trust{margin:16px 0 0;font-size:14px;color:var(--sp-muted)}
.sp-hero-img{width:100%;height:auto;border-radius:14px}
.sp-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;margin-top:36px;align-items:start}
.sp-toc{position:sticky;top:96px;display:grid;gap:2px;padding:16px;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-surface);font-size:14px}
.sp-toc b{font-family:var(--sp-head);margin-bottom:6px}
.sp-toc a{display:block;padding:6px 8px;border-radius:8px;color:var(--sp-muted);text-decoration:none}
.sp-toc a:hover{background:var(--sp-tint);color:var(--sp-primary)}
.sp-article{min-width:0;max-width:780px}
.sp-section{padding:28px 0;border-bottom:1px solid var(--sp-border);scroll-margin-top:90px}
.sp-section h2{font-size:28px;line-height:1.25;margin:0 0 14px}
.sp-section h3{font-size:18px;margin:18px 0 8px}
.sp-section p{margin:0 0 12px}
.sp-section ul,.sp-section ol{margin:0 0 12px;padding-left:22px}
.sp-section li{margin:6px 0}
.sp-check{list-style:none;padding-left:0!important}
.sp-check li{position:relative;padding-left:30px}
.sp-check li:before{content:"";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:var(--sp-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M8 13.6 4.4 10l-1.4 1.4L8 16.4l9-9L15.6 6z'/%3E%3C/svg%3E") center/14px no-repeat}
.sp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}
.sp-chips span{padding:6px 12px;border-radius:999px;background:var(--sp-tint);color:var(--sp-primary);font-size:14px;font-weight:500;border:1px solid var(--sp-border)}
.sp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.sp-card{display:grid;gap:4px;padding:16px;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-surface);text-decoration:none;color:var(--sp-ink);transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}
.sp-card:hover{transform:translateY(-2px);border-color:var(--sp-primary);box-shadow:0 10px 24px -16px rgba(43,58,140,.45)}
.sp-card b{font-family:var(--sp-head);color:var(--sp-primary)}
.sp-card span{font-size:14px;color:var(--sp-muted);line-height:1.5}
.sp-links{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 18px}
.sp-links a,.sp-text-link,.sp-section p a,.sp-faq a{color:var(--sp-primary);font-weight:500}
.sp-quote{margin:0 0 14px;padding:16px 18px;border-left:4px solid var(--sp-primary);background:var(--sp-tint);border-radius:0 12px 12px 0}
.sp-sample{margin:0}
.sp-doc{padding:28px;border:1px solid var(--sp-border);border-radius:12px;background:#fff;color:#0F172A;box-shadow:0 18px 40px -28px rgba(15,23,42,.55);font-size:14.5px;line-height:1.55}
.sp-doc ul{padding-left:18px}.sp-doc li{margin:3px 0}
.sp-doc-head{border-bottom:2px solid #2B3A8C;padding-bottom:10px;margin-bottom:12px}
.sp-doc-name{font-family:var(--sp-head);font-size:22px;font-weight:700;margin:0!important;color:#1E2A66}
.sp-doc-role{margin:2px 0!important;font-weight:600;color:#2B3A8C}
.sp-doc-contact{margin:0!important;font-size:13px;color:#475569}
.sp-doc-h{margin:14px 0 4px!important;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2B3A8C}
.sp-doc-job{margin:0 0 4px!important}
.sp-sample figcaption{margin-top:10px;font-size:13px;color:var(--sp-muted)}
.sp-qa{padding-left:22px}.sp-qa li{margin:0 0 16px}.sp-qa h3{margin:0 0 6px}
.sp-steps{counter-reset:s;list-style:none;padding:0!important}
.sp-steps li{counter-increment:s;position:relative;padding:0 0 14px 44px}
.sp-steps li:before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--sp-primary);color:#fff;font-weight:700;display:grid;place-items:center}
.sp-before-after{display:grid;gap:10px}
.sp-before-after p{margin:0;padding:14px 16px;border-radius:12px;border:1px solid var(--sp-border);background:var(--sp-surface)}
.sp-before-after span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;color:#DC2626}
.sp-before-after p+p span{color:var(--sp-success)}
.sp-faq details{border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-surface);margin:0 0 10px}
.sp-faq summary{cursor:pointer;padding:14px 16px;font-weight:600;min-height:44px;list-style-position:outside}
.sp-faq details p{padding:0 16px 14px;margin:0;color:var(--sp-muted)}
.sp-final{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin:32px 0;padding:24px;border-radius:16px;background:var(--sp-primary);color:#fff}
.sp-final b{display:block;font-size:20px;color:#fff}.sp-final p{margin:4px 0 0;color:#E0E5FA}
html.dark .sp-final,html[data-theme=dark] .sp-final{background:#1E2A66}
.sp-final-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.sp-final-link{color:#fff!important;font-weight:600;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.sp-related{margin:22px 0}
.sp-related h2{font-size:18px;margin:0 0 10px}
.sp-related ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.sp-related a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--sp-border);border-radius:999px;background:var(--sp-surface);color:var(--sp-primary);text-decoration:none;font-size:14px;font-weight:500}
.sp-related a:hover{border-color:var(--sp-primary);background:var(--sp-tint)}
/* Article upgrades shared with the existing guides */
.article-crumbs ol{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0 0 12px;padding:0;font-size:14px;color:var(--muted,#475569)}
.article-crumbs li+li:before{content:"›";margin:0 6px}
.article-crumbs a{color:#2B3A8C;text-decoration:none}html.dark .article-crumbs a{color:#8EA0F2}
.article-explore{margin:28px 0;padding:20px;border:1px solid var(--line,#E2E8F0);border-radius:14px;background:var(--paper,#fff)}
.article-explore h2{font-size:20px;margin:0 0 10px}
.article-explore ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.article-explore a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line,#E2E8F0);text-decoration:none;font-weight:500;color:#2B3A8C}
html.dark .article-explore a{color:#8EA0F2}
@media (max-width:900px){.sp-hero{grid-template-columns:1fr;padding:22px}.sp-hero-img{max-width:440px}.sp-layout{grid-template-columns:1fr;gap:8px}.sp-toc{position:static}.sp-section h2{font-size:24px}}
@media (max-width:520px){.sp-shell{width:calc(100% - 32px)}.sp-doc{padding:18px}.sp-actions .sp-cta,.sp-actions .sp-secondary{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.sp-cta,.sp-card{transition:none}.sp-cta:hover,.sp-card:hover{transform:none}}

/* /template-picker.css */
/* Guided template picker (template-picker.js). Uses the site colour tokens so light and dark themes both work. */
.tp{display:block;background:var(--paper,#fff);border:1px solid var(--line,#dbe3ef);border-radius:var(--radius,18px);padding:22px;margin:0 0 26px;color:var(--ink,#0b1328)}
.tp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tp-head .eyebrow{margin:0}
.tp-all{font-size:14px;font-weight:700;color:var(--blue,#2864ff);text-decoration:underline;text-underline-offset:3px}
.tp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:16px 0 18px;padding:0}
.tp-steps li>span,.tp-steps li>button{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 12px;border:1px solid var(--line,#dbe3ef);border-radius:12px;background:var(--canvas,#f4f7fb);color:inherit;font:inherit;text-align:left}
.tp-steps li>button{cursor:pointer}
.tp-steps li.on>span{border-color:var(--blue,#2864ff);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue,#2864ff) 25%,transparent)}
.tp-steps i{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:var(--ink,#0b1328);color:var(--paper,#fff);font-style:normal;font-size:12px;font-weight:800}
.tp-steps li.done i{background:var(--good,#147d60)}
.tp-steps b{font-size:13px}
.tp-steps small{display:block;margin-left:auto;color:var(--muted,#60708b);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.tp-q{margin:0 0 12px;font-size:20px;line-height:1.3;outline:none}
.tp-q:focus,.tp-q:focus-visible{outline:none;box-shadow:none}
.tp-sub{margin:14px 0 8px;color:var(--muted,#60708b);font-size:14px}
.tp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tp-types button{display:block;text-align:left;padding:14px 16px;border:1px solid var(--line,#dbe3ef);border-radius:14px;background:var(--paper,#fff);color:inherit;font:inherit;cursor:pointer;min-height:76px}
.tp-types button:hover,.tp-types button:focus-visible,.tp-types button.on{border-color:var(--blue,#2864ff);background:var(--soft,#edf2f9)}
.tp-types b{display:block;font-size:16px;margin-bottom:4px}
.tp-types small{color:var(--muted,#60708b);font-size:13px;line-height:1.4}
.tp-search{display:block}
.tp-search span{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.tp-search input{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line,#dbe3ef);border-radius:12px;background:var(--paper,#fff);color:inherit;font:inherit;font-size:16px}
.tp-hits{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.tp-hits:empty{display:none}
.tp-hits button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line,#dbe3ef);border-radius:10px;background:var(--canvas,#f4f7fb);color:inherit;font:inherit;text-align:left;cursor:pointer}
.tp-hits button:hover,.tp-hits button:focus-visible{border-color:var(--blue,#2864ff)}
.tp-hits small{color:var(--muted,#60708b);font-size:12px}
.tp-inds,.tp-roles,.tp-switch{display:flex;flex-wrap:wrap;gap:8px}
.tp-roles{margin-top:6px;padding-top:4px}
.tp-roles .tp-sub{flex-basis:100%;margin:8px 0 2px}
.tp-inds button,.tp-roles button,.tp-switch button{padding:8px 13px;min-height:38px;border:1px solid var(--line,#dbe3ef);border-radius:99px;background:var(--paper,#fff);color:inherit;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.tp-inds button.on,.tp-switch button[aria-pressed=true]{background:var(--ink,#0b1328);color:var(--paper,#fff);border-color:var(--ink,#0b1328)}
.tp-roles button{background:var(--soft,#edf2f9)}
.tp-roles .tp-any{background:transparent;border-style:dashed}
.tp-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.tp-bar .tp-sub{margin-top:0}
.tp-note{margin:4px 0 12px;padding:10px 12px;border-radius:10px;background:var(--soft,#edf2f9);font-size:14px}
.tp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:14px}
.tp-card{min-width:0;border:1px solid var(--line,#dbe3ef);border-radius:14px;overflow:hidden;background:var(--paper,#fff);display:flex;flex-direction:column}
.tp-art{position:relative;display:block;width:100%;padding:0;border:0;background:#e9eef5;cursor:pointer;color:inherit;text-decoration:none}
.tp-paper-wrap{position:relative;width:100%;aspect-ratio:1/1.18;overflow:hidden}
.tp-paper{width:595px;min-height:842px;background:#fff;pointer-events:none}
.tp-paper>.ref-resume,.tp-paper>.letter-document{width:595px;max-width:none;margin:0;box-shadow:none;min-height:842px}
.tp-art>span{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:#fff;color:#1848ad;border:1px solid #dae3f6;padding:6px 14px;border-radius:30px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 14px #15203022}
.tp-art:hover>span,.tp-art:focus-visible>span{background:#1848ad;color:#fff}
.tp-meta{display:flex;flex-direction:column;gap:6px;padding:12px;flex:1}
.tp-meta b{font-size:14px;line-height:1.3}
.tp-meta small{color:var(--muted,#60708b);font-size:12px}
.tp-meta .button{margin-top:auto;justify-content:center;text-align:center}
.tp-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0}
.tp-loading{margin:0;color:var(--muted,#60708b)}
.tp-dialog{width:min(760px,96vw);max-height:94vh;border:0;border-radius:18px;padding:0;background:var(--paper,#fff);color:var(--ink,#0b1328)}
.tp-dialog::backdrop{background:rgba(8,15,32,.6)}
.tp-dialog-shell{position:relative;padding:20px}
.tp-dialog-shell h3{margin:0 40px 12px 0}
.tp-dialog-paper{background:#e9eef5;border-radius:12px;padding:14px;overflow:auto;max-height:70vh}
.tp-dialog-paper>.ref-resume,.tp-dialog-paper>.letter-document{margin:0 auto;max-width:640px;background:#fff}
.tp-dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.tp-dialog .dialog-close{position:absolute;top:12px;right:12px}
.tp-grid-seo{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.tp-seo{background:transparent;border:0;padding:0}
.sp-picks{margin:10px 0 0}
@media (max-width:1100px){.tp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.tp{padding:16px}.tp-types{grid-template-columns:1fr 1fr}.tp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tp-steps{grid-template-columns:1fr 1fr 1fr;gap:6px}.tp-steps b{font-size:12px}.tp-steps small{display:none}.tp-steps li>span,.tp-steps li>button{padding:6px 8px;gap:6px}}
@media (max-width:440px){.tp-types{grid-template-columns:1fr}.tp-grid{grid-template-columns:1fr 1fr}}

/* /launch.css */
:root{--brand:#1557d2;--ink:#142b46;--accent:#1557d2}body{font-size:16px}.button.primary{background:#1557d2;color:#fff}.button{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4ae32;outline-offset:3px}.studio-preview-stage,.letter-canvas{background:#dfe7f2}.ref-photo,.ref-photo-placeholder{float:right;width:88px;height:88px;border-radius:50%;object-fit:cover;margin:0 0 14px 18px}.ref-photo.square{border-radius:14px}.ref-photo-placeholder{background:#e7eaf0;border:1px dashed #8a98ac;display:grid;place-content:center;text-align:center;font:12px/1.4 Arial;color:#465674}.ref-suite-prism .ref-header{background:var(--ref-accent);color:white;margin:-36px -36px 24px;padding:32px 36px}.ref-suite-prism .ref-header h1,.ref-suite-prism .ref-header .ref-role,.ref-suite-prism .ref-header .doc-name{color:white}.ref-suite-prism .ref-columns{grid-template-columns:1fr 30%;gap:24px}.ref-suite-prism aside{background:color-mix(in srgb,var(--ref-accent) 12%,white);padding:16px;border-radius:16px}.ref-suite-canvas .ref-header{border:0;border-left:12px solid var(--ref-accent);padding:14px 0 14px 22px}.ref-suite-canvas h1,.ref-suite-canvas .doc-name{font-size:42px;letter-spacing:-1.4px}.ref-suite-canvas .ref-section h2{display:inline-block;background:var(--ref-accent);padding:5px 12px;color:white;border:0}.ref-suite-folio .ref-columns{grid-template-columns:1fr 29%;gap:24px}.ref-suite-folio aside{border-left:5px solid var(--ref-accent);padding-left:18px}.ref-suite-folio h1,.ref-suite-folio .doc-name{font-size:35px}.ref-suite-portrait .ref-header{min-height:96px;border-bottom:3px double var(--ref-accent)}.ref-suite-chroma .ref-header{border-bottom:10px solid var(--ref-accent)}.ref-suite-chroma .ref-section h2{border:0;border-left:5px solid var(--ref-accent);padding-left:10px}.ref-suite-gallery h1,.ref-suite-gallery .doc-name{font-family:Georgia,serif;font-size:40px;font-weight:400}.ref-suite-gallery .ref-header{border-top:3px solid var(--ref-accent);padding-top:22px}.ref-suite-gallery h2{font-family:Georgia,serif;text-transform:none;font-size:18px}.letter-prism .letter-document-header,.letter-canvas .letter-document-header{border-left:9px solid var(--letter-accent);padding-left:24px}.letter-chroma .letter-document-header{border-bottom:9px solid var(--letter-accent)}.letter-gallery h1,.letter-gallery .doc-name{font-family:Georgia,serif;font-weight:400}.launch-panel{background:var(--surface,#fff);border:1px solid #d3deeb;border-radius:18px;padding:24px;margin:24px 0}.launch-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.launch-metrics article{background:#edf3fc;padding:18px;border-radius:12px;color:#142b46}.launch-metrics b{display:block;font-size:28px}.launch-table{overflow:auto}.launch-table table{width:100%;border-collapse:collapse;font-size:14px}.launch-table th,.launch-table td{padding:12px;text-align:left;border-bottom:1px solid #dae1ec}.launch-panel label{display:block;margin:12px 0}.launch-panel input,.launch-panel select{padding:10px;border:1px solid #bccad9;border-radius:8px;width:100%;max-width:500px}.launch-panel form{max-width:550px}.launch-panel [hidden]{display:none!important}.launch-status{color:#17417a}.parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.parameter-grid article{padding:14px;border:1px solid #d7dfeb;border-radius:10px}.parameter-grid small{display:block;color:#536680}.blog-toc{padding:20px;background:#edf3fa;border-radius:12px;max-width:800px}.blog-toc a{display:block;padding:6px}.related-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-articles a{padding:16px;border:1px solid #d7dfeb;border-radius:12px}.related-articles img{width:100%;aspect-ratio:16/9;object-fit:cover}.export-dialog{width:min(600px,95vw);border:0;border-radius:20px;padding:28px}.export-dialog::backdrop{background:#10243dbb}.export-options{display:flex;gap:12px;flex-wrap:wrap}.overdue{color:#a42234;font-weight:bold}.side-plan{margin-top:16px}.ref-resume{overflow-wrap:anywhere}html[data-theme=dark] .launch-panel{background:#182b40;color:#ecf2fa}@media(max-width:760px){.launch-metrics{grid-template-columns:1fr 1fr}.parameter-grid,.related-articles{grid-template-columns:1fr}.launch-panel{padding:18px}.studio-picker-tools{grid-template-columns:1fr}.launch-metrics b{font-size:23px}}
.owner-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-dashboard-grid>*{min-width:0}#advancedOverview .owner-dashboard-grid>section:last-child{grid-column:1/-1}.owner-table-scroll{max-width:100%;overflow:auto}.owner-empty-chart{min-height:160px}.side-nav form{order:999;margin-top:20px}.ref-photo-placeholder{box-sizing:border-box}@media(max-width:760px){.owner-dashboard-grid{grid-template-columns:minmax(0,1fr)}.owner-audience-chart{gap:16px}.owner-big-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Download dialog */
.export-dialog.xd{width:min(560px,calc(100vw - 24px));max-height:92dvh;overflow:auto;padding:24px;border:1px solid var(--line,#dbe3ef);border-radius:18px;background:var(--paper,#fff);color:var(--ink,#0b1328);box-shadow:0 24px 70px rgba(11,19,40,.28)}.xd h2{margin:0;font-size:1.35rem}.xd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.xd-head p{margin:4px 0 0;color:var(--muted,#60708b);font-size:.92rem}.xd-x{flex:none;width:36px;height:36px;border:1px solid var(--line,#dbe3ef);border-radius:50%;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}
.xd-formats{border:0;margin:0;padding:0;display:grid;gap:8px}.xd-formats legend{font-weight:700;font-size:.9rem;margin-bottom:8px;padding:0}.xd-fmt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line,#dbe3ef);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.xd-fmt:hover{border-color:#9fb6d8}.xd-fmt:has(input:checked){border-color:#1557d2;background:rgba(21,87,210,.06);box-shadow:0 0 0 1px #1557d2 inset}.xd-fmt input{margin:3px 0 0;accent-color:#1557d2;flex:none}.xd-fmt b{display:block;font-size:.98rem}.xd-fmt small{display:block;color:var(--muted,#60708b);font-size:.85rem;margin-top:2px;line-height:1.4}
.xd-credit{margin:14px 0 0;font-size:.92rem;color:var(--muted,#60708b)}.xd-credit b{color:var(--ink,#0b1328)}.xd-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.xd-actions .button{flex:1 1 180px;justify-content:center}.xd-link{flex-basis:100%;border:0;background:none;padding:4px 0;color:#1557d2;font:inherit;font-size:.88rem;text-decoration:underline;cursor:pointer;text-align:left}.xd-status{margin:10px 0 0;font-size:.9rem;min-height:1.2em}
.xd .xd-unlock{margin:16px 0 0;padding:16px;border-radius:14px;border:1px solid #c9d8f2;background:linear-gradient(135deg,rgba(21,87,210,.07),rgba(21,87,210,.02))}.xd-unlock h3{margin:0 0 4px;font-size:1.02rem}.xd-unlock p{margin:0;font-size:.9rem;color:var(--muted,#60708b)}.xd-unlock-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.xd-unlock-actions .button{flex:1 1 160px;justify-content:center}.xd-unlock details{margin-top:10px;font-size:.88rem}.xd-unlock summary{cursor:pointer;color:#1557d2}
.xd-more{margin-top:14px;border-top:1px solid var(--line,#dbe3ef);padding-top:12px;font-size:.88rem;color:var(--muted,#60708b)}.xd-more summary{cursor:pointer;font-weight:600;color:var(--ink,#0b1328)}.xd-more ul{margin:8px 0 0;padding-left:18px;line-height:1.55}
body.dark .export-dialog.xd,html[data-theme=dark] .export-dialog.xd{background:#111b31;color:#f6f8ff;border-color:#263654}body.dark .xd-fmt,html[data-theme=dark] .xd-fmt,body.dark .xd-x,html[data-theme=dark] .xd-x,body.dark .xd-more,html[data-theme=dark] .xd-more{border-color:#263654}body.dark .xd-fmt:has(input:checked),html[data-theme=dark] .xd-fmt:has(input:checked){background:rgba(91,140,255,.12);border-color:#5b8cff;box-shadow:0 0 0 1px #5b8cff inset}body.dark .xd .xd-unlock,html[data-theme=dark] .xd .xd-unlock{background:#15223b;border-color:#263654;color:#f6f8ff}body.dark .xd-credit b,html[data-theme=dark] .xd-credit b,body.dark .xd-more summary,html[data-theme=dark] .xd-more summary{color:#f6f8ff}body.dark .xd-link,html[data-theme=dark] .xd-link,body.dark .xd-unlock summary,html[data-theme=dark] .xd-unlock summary{color:#8fb0ff}
@media(max-width:520px){.export-dialog.xd{padding:18px}.xd-actions .button,.xd-unlock-actions .button{flex-basis:100%}}

/* /experience.css */
:root{--cv-ink:#162846;--cv-blue:#2458db;--cv-mint:#d7f4e9;--cv-line:#dce3ee}.referral-center{padding:clamp(20px,3vw,36px);border:1px solid var(--cv-line);border-radius:22px;background:var(--surface,#fff);box-shadow:0 12px 40px #172c4c08}.ref-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.referral-center details,.ref-security{border:1px solid var(--cv-line);border-radius:14px;padding:18px;margin:18px 0}.referral-center summary{font-weight:700;cursor:pointer}.referral-center form,.ref-security form{display:grid;gap:15px;margin:18px 0}.referral-center label,.ref-security label{display:grid;gap:8px;font-size:14px}.referral-center input,.referral-center select,.referral-center textarea,.ref-security input{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--cv-line);border-radius:9px;background:var(--surface,#fff);color:inherit;font:inherit}.ref-check{display:flex!important;align-items:flex-start;gap:10px!important;line-height:1.5}.ref-check input{width:18px!important;min-width:18px;margin-top:3px}.referral-center progress{width:100%;height:14px;accent-color:var(--cv-blue)}.ref-share{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.ref-share a{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--cv-line);border-radius:10px;color:inherit;text-decoration:none}.ref-share a span{background:var(--cv-blue);color:white;font-weight:800;display:grid;place-items:center;width:27px;height:27px;border-radius:7px;font-size:13px}.ref-share a:hover{border-color:var(--cv-blue)}.ref-notice{background:#edf3ff;padding:16px;border-radius:12px;color:var(--cv-ink)}.referral-dialog{max-width:680px;max-height:90vh;overflow:auto}.referral-dialog form{display:grid;gap:13px;border-top:1px solid var(--cv-line);padding-top:20px;margin:20px 0}.referral-dialog label{display:grid;gap:6px}.referral-dialog input,.referral-dialog select{padding:10px;border:1px solid var(--cv-line);border-radius:8px}.ref-private{background:#eef3fa;color:var(--cv-ink);padding:16px;border-radius:12px;overflow-wrap:anywhere}.ref-private p{margin:6px 0}.launch-table td{overflow-wrap:anywhere;max-width:320px}.cv-request-indicator{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;overflow:hidden;pointer-events:none}.cv-request-indicator:before{content:"";display:block;width:35%;height:100%;background:var(--cv-blue);animation:cv-scan 1s ease-in-out infinite}.cv-request-indicator[hidden]{display:none}.cv-page-enter{animation:cv-arrive .42s ease-out both}.cv-search-result{animation:cv-result .24s ease-out}.cv-help-link{display:inline-flex;padding:12px;text-decoration:none;color:inherit;border-radius:9px}.cv-help-link:hover{background:#2458db15}@keyframes cv-arrive{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes cv-result{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes cv-scan{from{transform:translateX(-100%)}to{transform:translateX(390%)}}@media(prefers-reduced-motion:reduce){.cv-page-enter,.cv-search-result,.cv-request-indicator:before{animation:none}.cv-request-indicator:before{width:100%}}@media(max-width:600px){.referral-center .launch-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-share a{padding:8px}.referral-center{padding:18px}.referral-dialog{width:calc(100% - 28px);box-sizing:border-box}}
html[data-theme=dark]{--surface:#182b40;--cv-line:#40556e}html[data-theme=dark] .referral-dialog{background:#182b40;color:#ecf2fa}html[data-theme=dark] .referral-dialog input,html[data-theme=dark] .referral-dialog select{background:#122338;color:#ecf2fa}html[data-theme=dark] .referral-center .launch-metrics article{background:#122338;color:#ecf2fa}.referral-center input:focus-visible,.referral-dialog input:focus-visible,.referral-center summary:focus-visible{outline:3px solid #e8a837;outline-offset:3px}

/* /cvtara-ui.css */
/* CVTara UI layer — loaded last on every page. Tokens, landing page, plan cards, dashboards, popup, preview shell. */
:root{--blue:#1557d2;--blue-2:#4f46e5;--ink:#0f172a;--ink-2:#1e293b;--canvas:#f5f7fb;--soft:#eef2f9;--line:#e2e8f0;--muted:#64748b;--radius:16px;--shadow:0 18px 50px rgba(15,23,42,.08);--ok:#16a34a;--amber:#f59e0b;--rose:#e11d48}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.005em}
h1,h2,h3,.doc-name{letter-spacing:-.03em}
.button{border-radius:12px;font-size:13px;min-height:44px;font-weight:700}
.button.primary{background:linear-gradient(135deg,#1557d2,#4f46e5);box-shadow:0 10px 24px rgba(21,87,210,.28)}
.button.primary:hover{box-shadow:0 14px 30px rgba(21,87,210,.36)}
.button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.panel,.metric-card,.admin-card,.price-card,.blog-card,.template-card{border-radius:var(--radius)}
.panel,.metric-card,.admin-card{box-shadow:0 1px 2px rgba(15,23,42,.04)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 40%,transparent);outline-offset:2px}

/* ---------- header ---------- */
.site-header{background:color-mix(in srgb,var(--paper) 94%,transparent)}
.nav-shell{min-height:68px}
.main-nav a{font-size:14px;font-weight:600;color:var(--ink-2);border-radius:10px}
.main-nav a:hover,.main-nav a.active{background:var(--soft);color:var(--blue)}
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-actions .button.secondary{display:inline-flex}
.brand small{display:none}
.lp-announce{background:linear-gradient(90deg,#1557d2,#4f46e5);color:#fff;text-align:center;font-size:13px;font-weight:600;padding:9px 14px}
.lp-announce a{color:#fff;text-decoration:underline;text-underline-offset:3px;margin-left:6px}

/* ---------- landing ---------- */
.lp{--w:min(1180px,calc(100% - 34px))}
.lp section{scroll-margin-top:84px}
.lp-wrap{width:var(--w);margin:auto}
.lp-hero{padding:64px 0 54px;background:radial-gradient(1200px 500px at 85% -10%,rgba(79,70,229,.14),transparent 60%),radial-gradient(900px 400px at -10% 10%,rgba(21,87,210,.12),transparent 60%)}
.lp-hero .lp-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.lp-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:#e8efff;color:#1d4ed8;font-weight:700;font-size:12px}
.lp-pill i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(22,163,74,.18)}
.lp-hero h1{font-size:clamp(36px,5.2vw,62px);line-height:1.04;margin:18px 0 16px;font-weight:850}
.lp-hero h1 em{display:block;font-style:normal;color:var(--blue);min-height:1.1em}
.lp-hero h1 em:after{content:"";display:inline-block;width:3px;height:.9em;margin-left:4px;background:var(--blue);vertical-align:-.08em;animation:lp-blink 1s steps(1) infinite}
@keyframes lp-blink{50%{opacity:0}}
.lp-lead{font-size:18px;color:var(--muted);max-width:560px}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px}
.lp-cta .button{min-height:50px;padding:0 24px;font-size:15px}
.lp-trust{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:13px;font-weight:600}
.lp-trust span:before{content:"✓";color:var(--ok);margin-right:6px;font-weight:900}
.lp-card{background:var(--paper);border-radius:20px;box-shadow:0 30px 80px rgba(15,23,42,.16);overflow:hidden;border:1px solid var(--line)}
.lp-card-head{padding:22px 24px;color:#fff;background:linear-gradient(135deg,#1d4ed8,#4f46e5);display:flex;justify-content:space-between;gap:16px}
.lp-card-head small{display:block;opacity:.8;font-size:12px}
.lp-card-head b{font-size:40px;line-height:1.1;display:block}
.lp-card-head .after b{color:#86efac}
.lp-card-body{padding:18px 24px;display:grid;gap:14px}
.lp-bar span{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:5px}
.lp-bar i{display:block;height:8px;border-radius:8px;background:var(--soft);overflow:hidden}
.lp-bar i:after{content:"";display:block;height:100%;width:var(--v);border-radius:8px;background:var(--c,var(--blue))}
.lp-card-foot{display:flex;justify-content:space-between;padding:12px 24px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:600}
.lp-band{background:linear-gradient(135deg,#1347b0,#1557d2 55%,#4f46e5);color:#fff;padding:34px 0}
.lp-band .lp-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.lp-band b{display:block;font-size:34px;font-weight:850}
.lp-band span{opacity:.85;font-size:14px}
.lp-sec{padding:76px 0}
.lp-sec.alt{background:var(--paper)}
.lp-head{text-align:center;max-width:720px;margin:0 auto 38px}
.lp-head h2{font-size:clamp(28px,3.4vw,42px);margin:8px 0 10px;font-weight:850}
.lp-head p{color:var(--muted);font-size:17px;margin:0}
.lp-persona{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:auto}
.lp-persona button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;padding:26px 20px;border:1.5px solid var(--line);border-radius:18px;background:var(--paper);transition:.2s}
.lp-persona button:hover,.lp-persona button:focus-visible{border-color:var(--blue);transform:translateY(-4px);box-shadow:var(--shadow)}
.lp-persona i{font-size:34px;font-style:normal;display:block;margin-bottom:10px}
.lp-persona b{display:block;font-size:17px}
.lp-persona span{color:var(--muted);font-size:14px}
.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-step{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px 24px}
.lp-step:before{content:attr(data-n);position:absolute;top:-14px;left:22px;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.lp-step i{font-size:30px;font-style:normal}
.lp-step h3{margin:10px 0 6px;font-size:19px}
.lp-step p{margin:0;color:var(--muted)}
.lp-primary{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:center}
.lp-primary h2{font-size:clamp(28px,3.2vw,40px);margin:8px 0 14px;font-weight:850}
.lp-primary p{color:var(--muted);font-size:17px}
.lp-primary ul{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:10px}
.lp-primary li{display:flex;gap:10px;font-weight:600}
.lp-primary li:before{content:"✓";color:var(--ok);font-weight:900}
.lp-tree{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}
.lp-node{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--soft)}
.lp-node.main{background:linear-gradient(135deg,#eef4ff,#f1efff);border-color:#a5b4fc}
.lp-node i{font-style:normal;font-size:24px}
.lp-node b{display:block}
.lp-node small{color:var(--muted)}
.lp-branches{display:grid;gap:10px;margin:14px 0 0 28px;padding-left:20px;border-left:2px dashed #a5b4fc}
.lp-chip{display:inline-block;margin-left:auto;padding:3px 9px;border-radius:99px;background:#dcfce7;color:#166534;font-size:11px;font-weight:800}
.lp-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-feature{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px}
.lp-feature i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e8efff;font-style:normal;font-size:22px;margin-bottom:12px}
.lp-feature h3{margin:0 0 6px}
.lp-feature p{margin:0 0 10px;color:var(--muted)}
.lp-feature a{color:var(--blue);font-weight:700}
.lp-diag-badge{display:inline-flex;gap:6px;padding:6px 12px;border-radius:99px;background:#e8efff;color:#1d4ed8;font-weight:700;font-size:12px;margin-bottom:6px}
.lp-faq{max-width:820px;margin:auto;display:grid;gap:10px}
.lp-faq details{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.lp-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.lp-faq summary:after{content:"+";font-size:20px;color:var(--blue)}
.lp-faq details[open] summary:after{content:"–"}
.lp-faq p{margin:10px 0 0;color:var(--muted)}
.lp-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-review{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px}
.lp-review .stars{color:var(--amber);letter-spacing:2px}
.lp-review b{display:block;margin-top:10px}
.lp-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:26px;border:1.5px dashed var(--line);border-radius:16px}
.lp-final{background:linear-gradient(135deg,#1347b0,#4f46e5);color:#fff;text-align:center;padding:70px 20px}
.lp-final h2{font-size:clamp(28px,3.6vw,44px);margin:0 0 10px;font-weight:850}
.lp-final p{opacity:.9;margin:0 auto 24px;max-width:560px}
.lp-final .button{background:#fff;color:#1d4ed8;box-shadow:none;min-height:52px;padding:0 28px;font-size:16px}

/* ---------- plans ---------- */
.pl-wrap{width:100%}
.pl-tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 28px;padding:5px;border-radius:99px;background:var(--soft);width:max-content;max-width:100%}
.pl-tabs button{border:0;background:transparent;padding:10px 22px;border-radius:99px;font-weight:700;font-size:14px;cursor:pointer;color:var(--muted)}
.pl-tabs button.active{background:var(--paper);color:var(--blue);box-shadow:0 2px 10px rgba(15,23,42,.12)}
.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.pl-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 24px;border:1.5px solid var(--line);border-radius:20px;background:var(--paper);transition:.2s}
.pl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.pl-popular{border-color:var(--blue);box-shadow:0 20px 50px rgba(21,87,210,.18)}
.pl-selected{outline:3px solid color-mix(in srgb,var(--blue) 45%,transparent);outline-offset:2px}
.pl-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 14px;border-radius:99px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.pl-card h3{margin:0;font-size:22px}
.pl-tag{margin:0;color:var(--muted);font-size:14px;min-height:42px}
.pl-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pl-price b{font-size:44px;line-height:1;letter-spacing:-.04em}
.pl-price span{color:var(--muted);font-size:14px}
.pl-price s{opacity:.7}
.pl-save{align-self:flex-start;padding:3px 10px;border-radius:99px;background:#dcfce7;color:#166534;font-size:12px;font-weight:800}
.pl-sub{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.pl-primary{display:flex;gap:12px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#fff7e6,#fff1d6);border:1px solid #fcd9a0;color:#7c4a03}
.pl-primary i{font-style:normal;font-size:22px}
.pl-primary b{display:block;font-size:14px}
.pl-primary span{font-size:12.5px;opacity:.85}
.pl-plus{font-size:13px;font-weight:700;color:var(--blue)}
.pl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pl-stats div{text-align:center;padding:12px 6px;border-radius:12px;background:var(--soft)}
.pl-stats b{display:block;font-size:26px;line-height:1.1;color:var(--blue)}
.pl-stats span{font-size:11px;color:var(--muted);font-weight:700}
.pl-perks{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:8px;flex:1}
.pl-perks li{display:flex;gap:9px;font-size:14px;font-weight:600}
.pl-perks li:before{content:"✓";color:var(--ok);font-weight:900}
.pl-addons{margin-top:34px;padding:26px;border-radius:20px;background:linear-gradient(135deg,#eef4ff,#f3f0ff);border:1px solid #c7d2fe}
.pl-addons-head h3{margin:0 0 4px}
.pl-addons-head p{margin:0 0 16px;color:var(--muted)}
.pl-addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pl-addon{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:16px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.pl-addon div b{display:block;font-size:14px}
.pl-addon div span{font-size:12px;color:var(--muted)}
.pl-addon strong{font-size:22px}
.pl-addon .button{grid-column:1/-1}
.pl-loading{text-align:center;color:var(--muted)}

/* ---------- checkout ---------- */
.co{width:min(1180px,calc(100% - 34px));margin:34px auto 60px}
.co-head{text-align:center;margin-bottom:26px}
.co-head h1{font-size:clamp(28px,3.4vw,42px);margin:6px 0 8px}
.co-head p{color:var(--muted)}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
.co-box{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}
.co-box h2{margin:0 0 10px;font-size:20px}
.co-box dl{display:grid;gap:10px;margin:14px 0}
.co-box dl div{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.co-box dt{color:var(--muted)}
.co-box dd{margin:0;font-weight:700;text-align:right}
.co-total{font-size:20px}
.co-total dd{color:var(--blue)}
.checkout-consent{display:flex;gap:10px;margin:16px 0;font-size:14px;color:var(--muted)}
.coupon-entry{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:14px 0}
.coupon-entry label{display:grid;gap:6px;font-weight:700;font-size:13px}
.coupon-entry input{min-height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:var(--paper);color:var(--ink)}
.coupon-entry p{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted)}

/* ---------- popup (social proof) ---------- */
.fomo{position:fixed;left:18px;bottom:18px;z-index:90;max-width:340px;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.22);transform:translateY(24px);opacity:0;pointer-events:none;transition:.45s cubic-bezier(.2,.9,.3,1)}
.fomo.show{transform:none;opacity:1;pointer-events:auto}
.fomo i{font-style:normal;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#e0e7ff,#dbeafe);flex:none}
.fomo b{display:block;font-size:13px}
.fomo p{margin:2px 0 0;font-size:13px;color:var(--muted);line-height:1.4}
.fomo a{color:var(--blue);font-weight:700;font-size:12px}
.fomo button{position:absolute;top:6px;right:8px;border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer;line-height:1}
@media (prefers-reduced-motion:reduce){.fomo{transition:none}.lp-hero h1 em:after{animation:none}}
.mobile-cta-bar{z-index:80}

/* ---------- dashboards ---------- */
body[data-page=workspace] .side-panel{background:linear-gradient(180deg,#1e1b4b,#2e2a78);}
body[data-page=workspace] .side-panel .brand small{color:#a5b4fc}
body[data-page=workspace] .side-nav button.active,body[data-page=workspace] .side-nav a.active{background:#4f46e5}
body[data-page=admin] .side-panel{background:linear-gradient(180deg,#0b1220,#111c33)}
body[data-page=admin] .side-nav button.active{background:#1d4ed8}
.side-nav button,.side-nav a{font-size:13px;color:#c7d2fe;transition:.15s}
body[data-page=admin] .side-nav button,body[data-page=admin] .side-nav a{color:#b6c2dc}
.side-nav button:hover,.side-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.side-nav .nav-group{margin:14px 12px 4px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#818cf8}
.side-nav button i,.side-nav a i{background:rgba(255,255,255,.1)}
.workspace-top,.admin-top{height:66px;box-shadow:0 1px 0 var(--line)}
.workspace-content,.admin-content{background:var(--canvas)}
.metric-grid{gap:14px}
.metric-card{padding:20px;border-radius:16px;position:relative;overflow:hidden}
.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--blue),var(--blue-2))}
.metric-card b{font-size:30px;letter-spacing:-.03em}
.metric-card span,.metric-card small{font-size:12px}
.admin-heading h2{font-size:28px}
.admin-heading .eyebrow{display:none}
.ws-hero{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:26px 28px;border-radius:20px;background:linear-gradient(135deg,#312e81,#4f46e5);color:#fff;margin-bottom:18px}
.ws-hero h2{margin:0 0 4px;font-size:26px}
.ws-hero p{margin:0;opacity:.85}
.ws-ring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(#86efac var(--p,0%),rgba(255,255,255,.2) 0);position:relative;flex:none}
.ws-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#3730a3}
.ws-ring{align-content:center;gap:2px}.ws-ring b,.ws-ring small{position:relative;display:block;line-height:1.1}
.ws-plan-chip{flex:none;display:grid;gap:2px;justify-items:start;min-width:170px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}.ws-plan-chip small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.ws-plan-chip b{font-size:22px;line-height:1.2}.ws-plan-chip span{font-size:12.5px;opacity:.8;margin-bottom:8px}.ws-plan-chip .button{min-height:38px;padding:8px 16px}
.ws-ring b{font-size:22px}
.ws-ring small{font-size:10px;opacity:.8}
.ws-usage{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.ws-use{padding:18px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.ws-use span{display:block;font-size:12px;color:var(--muted);font-weight:700}
.ws-use b{font-size:26px}
.ws-use small{color:var(--muted)}
.ws-use i{display:block;height:6px;border-radius:6px;background:var(--soft);margin-top:10px;overflow:hidden}
.ws-use i:after{content:"";display:block;height:100%;width:var(--v,0%);background:linear-gradient(90deg,var(--blue),var(--blue-2));border-radius:6px}
.ws-notice{padding:14px 18px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;margin-bottom:16px;font-size:14px}
.pr-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:18px}
.pr-panel h2{margin:0 0 4px}
.pr-panel>p{margin:0 0 16px;color:var(--muted)}
.pr-main{display:flex;gap:14px;align-items:center;padding:18px;border-radius:16px;background:linear-gradient(135deg,#fff7e6,#fff1d6);border:1.5px solid #fcd9a0;color:#7c4a03}
.pr-main i{font-style:normal;font-size:30px}
.pr-main div{flex:1}
.pr-main small{display:block;opacity:.8}
.pr-list{display:grid;gap:10px;margin-top:16px}
.pr-row{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.pr-row div{flex:1;min-width:0}
.pr-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-row small{color:var(--muted)}
.pr-actions{display:flex;flex-wrap:wrap;gap:8px}
.pr-form{display:none;margin-top:16px;padding:18px;border-radius:14px;border:1.5px dashed #a5b4fc;background:#f5f7ff}
.pr-form.open{display:grid;gap:10px}
.pr-form label{display:grid;gap:5px;font-weight:700;font-size:13px}
.pr-form input,.pr-form textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper);color:var(--ink);font:inherit}
.bl-current{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;border-radius:18px;border:2px solid var(--blue);background:var(--paper);margin-bottom:22px}
.bl-current h3{margin:0}
.bl-current p{margin:2px 0 0;color:var(--muted)}
.bl-status{padding:4px 12px;border-radius:99px;background:#dcfce7;color:#166534;font-weight:800;font-size:12px}
.ad-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.ad-tabs button{border:1px solid var(--line);background:var(--paper);padding:9px 16px;border-radius:99px;font-weight:700;cursor:pointer}
.ad-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}
.ad-plan{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}
.ad-plan-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.ad-plan-head h3{margin:0}
.ad-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ad-fields label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}
.ad-fields input,.ad-fields textarea,.ad-fields select{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--paper);color:var(--ink);font:inherit;min-height:40px}
.ad-fields .wide{grid-column:span 2}
.ad-fields .full{grid-column:1/-1}
.ad-check{display:flex!important;align-items:center;gap:8px;grid-template-columns:none!important}
.ad-save{position:sticky;bottom:0;display:flex;gap:12px;align-items:center;padding:14px 0;background:linear-gradient(transparent,var(--canvas) 30%)}
.ad-table{width:100%;border-collapse:collapse}
.ad-table th,.ad-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
.ad-table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ad-pill{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:800}
.ad-pill.ok{background:#dcfce7;color:#166534}.ad-pill.bad{background:#fee2e2;color:#991b1b}.ad-pill.mid{background:#e0e7ff;color:#3730a3}
.ad-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ad-toolbar input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper);color:var(--ink)}
.ad-check-list{display:grid;gap:10px}
.ad-check-list>div{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}
.ad-check-list b{flex:1}
.ad-danger{color:#b91c1c}
.connected-preview-label{display:none!important}

/* ---------- preview shell ---------- */
body.pv{margin:0;height:100vh;display:flex;flex-direction:column;background:#0f172a}
.pv-bar{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#0f172a;color:#cbd5e1;flex-wrap:wrap}
.pv-bar b{color:#fff;margin-right:8px;font-size:13px}
.pv-bar small{opacity:.7;margin-right:10px}
.pv-tab{border:0;background:transparent;color:#cbd5e1;padding:8px 14px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer}
.pv-tab.active{background:#1d4ed8;color:#fff}
.pv-tab:hover{background:rgba(255,255,255,.1)}
.pv-spacer{flex:1}
.pv-bar a,.pv-bar button.pv-mini{color:#cbd5e1;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.2);padding:6px 11px;border-radius:9px;background:transparent;cursor:pointer;text-decoration:none}
.pv-frame{flex:1;border:0;width:100%;background:#fff}
.pv-info{padding:6px 14px;background:#1e293b;color:#94a3b8;font-size:12px}
.pv-info code{background:#0f172a;padding:1px 6px;border-radius:6px;color:#e2e8f0}

@media (max-width:1020px){
  .lp-hero .lp-wrap,.lp-primary{grid-template-columns:1fr}
  .pl-grid,.lp-feature-row,.lp-steps,.lp-reviews,.pl-addon-grid{grid-template-columns:1fr}
  .lp-band .lp-wrap{grid-template-columns:repeat(2,1fr)}
  .lp-persona{grid-template-columns:1fr}
  .co-grid,.ws-usage{grid-template-columns:1fr 1fr}
  .ad-fields{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .co-grid,.ws-usage,.ad-fields{grid-template-columns:1fr}
  .ws-hero{flex-direction:column;align-items:flex-start}
  .ws-plan-chip{width:100%;grid-template-columns:1fr auto;align-items:center;column-gap:12px}.ws-plan-chip small,.ws-plan-chip b,.ws-plan-chip span{grid-column:1}.ws-plan-chip span{margin:0}.ws-plan-chip .button{grid-column:2;grid-row:1/4}
  .fomo{left:10px;right:10px;bottom:70px;max-width:none}
  .lp-hero{padding-top:36px}
  .bl-current{flex-direction:column;align-items:flex-start}
}
body.dark .lp-pill,body.dark .lp-persona button,body.dark .lp-faq details{border-color:var(--line)}
body.dark .pl-primary,body.dark .pr-main{background:#3b2d12;border-color:#7c5a1c;color:#fde68a}
body.dark .pl-addons{background:#17213a;border-color:#2b3a63}
body.dark .lp-node.main{background:#1b2547;border-color:#4b5bd6}
body.dark .pr-form{background:#16203a}
body.dark .ws-notice{background:#3a2412;border-color:#7a4a1c;color:#fdba74}
.pv-info .pv-mini{color:#e2e8f0;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.25);padding:5px 10px;border-radius:9px;background:rgba(255,255,255,.06);cursor:pointer}
.pv-info .pv-mini:hover{background:rgba(255,255,255,.14)}
.ad-dialog{border:0;border-radius:18px;padding:22px;box-shadow:0 30px 80px rgba(15,23,42,.35)}
.ad-dialog::backdrop{background:rgba(15,23,42,.5)}
.lp h1,.lp h2,.lp h3,.co h1,.co-box h2,.pl-card h3{line-height:1.15}
.lp-head h2,.lp-primary h2,.lp-final h2{line-height:1.12}
/* 3.16 checkout price breakdown and wallet toggle */
.co-breakdown:empty{display:none}.co-breakdown{margin:6px 0 0;padding:10px 0 0;border-top:1px dashed var(--line,#e2e8f0);display:grid;gap:6px;font-size:14px}
.co-breakdown div{display:flex;justify-content:space-between;gap:12px}.co-breakdown dt{color:var(--muted,#475569)}.co-breakdown dd{margin:0;font-weight:600}
.co-wallet{display:flex;gap:8px;align-items:center;margin-top:4px;font-size:14px;font-weight:600}
.cv-refund-btn{margin-top:6px}.cv-refund-note{font-size:13px;color:var(--muted,#475569)}
.cv-wallet-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0}
.cv-wallet-hero article{padding:14px 16px;border:1px solid var(--line,#e2e8f0);border-radius:12px;background:var(--surface,#fff)}
.cv-wallet-hero b{display:block;font-size:22px;color:#2B3A8C}html.dark .cv-wallet-hero b{color:#8EA0F2}
.cv-up-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.cv-up-choices a{display:grid;gap:4px;padding:14px;border:1.5px solid var(--line,#e2e8f0);border-radius:14px;text-decoration:none;color:inherit}
.cv-up-choices a.pop{border-color:#F59E0B;background:rgba(245,158,11,.08)}.cv-up-choices b{font-size:20px}.cv-up-choices em{font-style:normal;font-size:12px;font-weight:800;color:#B45309;letter-spacing:.06em;text-transform:uppercase}
.cv-up-choices span{font-size:13px;color:var(--muted,#475569)}@media(max-width:520px){.cv-up-choices{grid-template-columns:1fr}}
/* Tara AI dialog */
.tara-dialog{width:min(680px,95vw);background:var(--paper,#fff);color:var(--ink,#0f172a)}.tara-dialog::backdrop{background:rgba(8,18,38,.55)}
.tara-dialog h2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.tara-left{font-size:13px;font-weight:600;color:var(--muted,#64748b)}
.tara-lead{color:var(--muted,#64748b);margin:4px 0 14px}.tara-form{display:grid;gap:12px}.tara-form label{display:grid;gap:6px;font-weight:600;font-size:14px}
.tara-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line,#cbd5e1);border-radius:12px;font:inherit;background:var(--soft,#f8fafc);color:inherit}
.tara-tasks{display:flex;flex-wrap:wrap;gap:8px}.tara-chip{display:inline-flex!important;cursor:pointer}.tara-chip input{position:absolute;opacity:0;pointer-events:none}
.tara-chip span{padding:7px 12px;border:1px solid var(--line,#cbd5e1);border-radius:999px;font-size:13px;font-weight:600;background:var(--soft,#f8fafc)}
.tara-chip input:checked+span{background:#1557d2;border-color:#1557d2;color:#fff}.tara-chip input:focus-visible+span{outline:2px solid #1557d2;outline-offset:2px}
.tara-link{justify-self:start;border:0;background:none;color:#1557d2;font:inherit;font-size:13px;cursor:pointer;padding:0;text-decoration:underline}
.tara-consent{display:flex!important;align-items:flex-start;gap:8px;font-weight:500!important;color:var(--muted,#64748b)}.tara-actions{display:flex;gap:10px;flex-wrap:wrap}
.tara-result{display:grid;gap:8px}.tara-result h3{margin:0;font-size:15px}.tara-result small{color:var(--muted,#64748b);font-weight:500}.tara-result .button{justify-self:start}

/* Check my writing */
.wc-dialog{max-width:680px;width:calc(100vw - 32px);max-height:88vh;overflow:auto;background:var(--paper,#fff);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 24px 60px rgba(15,23,42,.25)}
.wc-dialog::backdrop{background:rgba(15,23,42,.45)}
.wc-dialog h2{margin:0 0 6px}
.wc-lead{color:var(--muted);margin:0 0 12px}
.wc-counts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.wc-counts span{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;background:var(--soft)}
.wc-counts span b{font-size:14px}
.wc-counts span.ok b{color:var(--ok)}
.wc-group h3{font-size:15px;margin:14px 0 6px;display:flex;gap:8px;align-items:center}
.wc-group h3 span{background:var(--soft);border-radius:999px;padding:0 8px;font-size:12px}
.wc-group ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wc-group li{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--soft)}
.wc-group li small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.wc-group li q{display:block;quotes:none;font-size:14px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.wc-group li q mark{background:#fde68a;color:#1f2937;border-radius:3px;padding:0 2px}
.wc-group li p{margin:6px 0 0;font-size:13.5px}
.wc-try b{font-weight:600;color:var(--blue)}
.wc-full{margin-top:14px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;font-size:13.5px}
.wc-full p{margin:0 0 8px}
.wc-note{font-size:12.5px;color:var(--muted);margin:14px 0 10px}
.wc-actions{display:flex;gap:8px;flex-wrap:wrap}

.workspace-top>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.workspace-top>div:first-child h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-top .mobile-menu{margin-left:0;flex:none}
@media(min-width:761px){.workspace-top .mobile-menu{display:none!important}}

/* /cvtara-ds.css */
/* CVTara Design System layer — loaded after cvtara-ui.css. Source of truth: CVTara_Design_System.html */
:root{--bg:#f8fafc;--paper:#fff;--ink:#0f172a;--ink2:#1e293b;--muted:#475569;--line:#e2e8f0;--soft:#f1f5f9;--blue:#1557d2;--indigo:#6366f1;--success:#22c55e;--warn:#f59e0b;--danger:#ef4444;--shadow:0 4px 24px rgba(15,23,42,.10);
  /* aliases used by the existing app */
  --canvas:var(--bg);--ink-2:var(--ink2);--blue-2:var(--indigo);--ok:#22c55e;--radius:10px;--font:'Inter',sans-serif}
body.dark,:root[data-theme=dark]{--bg:#0f1117;--paper:#1a1f2e;--ink:#f1f5f9;--ink2:#cbd5e1;--muted:#94a3b8;--line:#2d3748;--soft:#1e293b;--canvas:#0f1117;--ink-2:#cbd5e1}
body{font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;background:var(--bg);color:var(--ink);letter-spacing:0}
h1,h2,h3{letter-spacing:-.03em;color:inherit}
code,pre,.mono{font-family:'JetBrains Mono',monospace}

/* ---- buttons ---- */
.button{padding:8px 18px;border-radius:6px;font-size:14px;font-weight:600;min-height:38px;transition:all .2s;box-shadow:none}
.button.primary{background:#1557d2;color:#fff;box-shadow:none}
.button.primary:hover{background:#1248b3;transform:translateY(-1px);box-shadow:none}
.button.secondary{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.button.secondary:hover{border-color:var(--blue);color:var(--blue)}
.button.small{padding:5px 12px;font-size:13px;min-height:30px}
.lp-cta .button.primary,.lp-final .button,.pl-card.pl-popular .button.primary,.ws-hero .button.primary,.pr-main .button.primary{background:linear-gradient(135deg,#1557d2,#6366f1);color:#fff;box-shadow:0 4px 16px rgba(21,87,210,.35)}
.lp-cta .button.primary:hover,.lp-final .button:hover,.pl-card.pl-popular .button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(21,87,210,.45);background:linear-gradient(135deg,#1557d2,#6366f1)}
.lp-cta .button{min-height:44px;padding:10px 24px;font-weight:700}

/* ---- inputs ---- */
.form-control,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{padding:9px 12px;border:1.5px solid var(--line);border-radius:6px;font-size:14px;font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);outline:none;transition:border-color .15s}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none}
label,.form-row label{font-weight:700}
.form-row>label,.form-row label>span:first-child{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 50%,transparent)}

/* ---- cards ---- */
.panel,.metric-card,.admin-card,.admin-stat,.ws-use,.job-card,.email-card,.price-card,.pl-card,.pl-addon,.blog-card,.template-card,.lp-feature,.lp-review,.lp-step,.kanban-col,.co-box,.lp-persona button{background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.pl-card,.blog-card,.template-card,.lp-feature,.lp-review,.lp-step,.job-card,.lp-persona button,.pl-addon{transition:box-shadow .2s,transform .15s}
.pl-card:hover,.blog-card:hover,.template-card:hover,.lp-feature:hover,.lp-review:hover,.lp-step:hover,.job-card:hover,.lp-persona button:hover,.pl-addon:hover,.anim-card:hover{box-shadow:0 10px 40px rgba(16,32,48,.14);transform:translateY(-3px)}
.blog-card{border-radius:18px;overflow:hidden}
.lp-card,.co-box,.pl-card{border-radius:16px}
.pl-card.pl-popular,.pl-card.pl-selected{border-color:var(--blue);box-shadow:0 10px 40px rgba(21,87,210,.18)}

/* ---- KPI cards ---- */
.metric-card:before{display:none}
.metric-card,.admin-stat{padding:16px}
.metric-card span,.metric-card small,.admin-stat span,.ws-use span{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.metric-card b,.admin-stat b,.ws-use b{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:0}
.metric-grid,.admin-stat-grid,.ws-usage{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.ws-use i:after{background:linear-gradient(90deg,#1557d2,#6366f1)}

/* ---- hero bar ---- */
.ws-hero{background:linear-gradient(135deg,#1e1b4b,#3730a3);border-radius:12px;padding:24px 28px;margin-bottom:20px}
.ws-hero h2{font-size:18px;font-weight:800;margin:0}
.ws-hero p{font-size:13px;opacity:.75;margin-top:3px}
.ws-ring:before{background:#2b2a7a}
.ws-hero .button.secondary{background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.3)}
.ws-hero .button.secondary:hover{background:rgba(255,255,255,.25);color:#fff}
.admin-heading,.workspace-view>.eyebrow{margin-bottom:6px}
.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--indigo)}
.workspace-view h2,.admin-view h2,.admin-heading h2{font-size:22px;font-weight:800;letter-spacing:-.02em}

/* ---- sidebars: shared shell ---- */
.workspace-shell,.admin-shell{grid-template-columns:220px 1fr}
.workspace-content,.admin-content{padding:28px 32px;background:var(--bg);max-width:none}
.workspace-top,.admin-top{height:56px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none}
.side-panel{padding:0;gap:0}
.side-panel .brand{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}
.side-nav{padding:0}
.side-nav button,.side-nav a{display:flex;align-items:center;gap:10px;padding:9px 16px;margin:0;border-radius:0;border-left:3px solid transparent;font-size:13px;font-weight:500;transition:all .2s}
.side-nav button i,.side-nav a i{background:transparent;width:20px;height:auto;font-style:normal}
.side-nav .nav-group{margin:0;padding:16px 20px 6px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
/* customer sidebar */
body[data-page=workspace] .side-panel{background:#1e1b4b}
body[data-page=workspace] .side-panel .brand small{color:#a5b4fc;font-size:11px}
body[data-page=workspace] .side-nav button,body[data-page=workspace] .side-nav a{color:#a5b4fc}
body[data-page=workspace] .side-nav button:hover,body[data-page=workspace] .side-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
body[data-page=workspace] .side-nav button.active,body[data-page=workspace] .side-nav a.active{background:#4338ca;color:#fff;border-left-color:#818cf8}
body[data-page=workspace] .side-nav .nav-group{color:#4338ca}
/* admin sidebar */
body[data-page=admin] .side-panel,body[data-page=admin] .admin-side{background:#0f172a}
body[data-page=admin] .side-panel .brand small{color:#64748b}
body[data-page=admin] .side-nav button,body[data-page=admin] .side-nav a{color:#64748b;padding:8px 16px}
body[data-page=admin] .side-nav button:hover,body[data-page=admin] .side-nav a:hover{background:rgba(255,255,255,.05);color:#e2e8f0}
body[data-page=admin] .side-nav button.active,body[data-page=admin] .side-nav a.active{background:#1e293b;color:#fff;border-left-color:transparent}
body[data-page=admin] .side-nav .nav-group{color:#475569}

/* ---- tables ---- */
.admin-table,.ad-table,.purchase-table,.admin-view table{width:100%;border-collapse:collapse;font-size:13px;background:var(--paper)}
.admin-table th,.ad-table th,.purchase-table th,.admin-view th{text-align:left;padding:10px 12px;background:var(--soft);color:var(--muted);font-weight:700;font-size:13px;text-transform:none;letter-spacing:0;border-bottom:2px solid var(--line)}
.admin-table td,.ad-table td,.purchase-table td,.admin-view td{padding:9px 12px;border-bottom:1px solid var(--line);color:var(--ink2)}
.admin-table tr:hover td,.ad-table tr:hover td,.purchase-table tr:hover td{background:var(--soft)}
.table-wrap,.admin-card:has(>table),.admin-card:has(>.admin-table){overflow:hidden;padding:0}

/* ---- pills / status ---- */
.pill,.status-chip,.template-badge,.bl-status,.nav-count{padding:3px 9px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}
.pill{border:0;background:var(--soft);color:var(--muted)}
.st-paid,.st-active,.st-published,.bl-status,.status-chip{background:#d1fae5;color:#059669}
.st-free,.st-draft{background:#f1f5f9;color:#475569}
.st-started,.st-pending{background:#fef3c7;color:#d97706}
.st-paused,.st-failed{background:#fee2e2;color:#dc2626}
.st-queued{background:#ede9fe;color:#7c3aed}
.tag{display:inline-flex;align-items:center;gap:5px;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--muted)}
.tag-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.tag-purple{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}
.live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ---- toggle switch ---- */
.switch-line input[type=checkbox],.toggle-switch input{accent-color:var(--blue)}

/* ---- upload zone ---- */
.upload-zone{border:2px dashed var(--blue);border-radius:12px;animation:uploadPulse 1.8s ease-in-out infinite}
@keyframes uploadPulse{0%,100%{border-color:var(--blue);opacity:1}50%{border-color:var(--indigo);opacity:.7}}

/* ---- FOMO toast ---- */
@keyframes toastIn{from{transform:translateX(-120%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes toastOut{from{transform:translateX(0);opacity:1}to{transform:translateX(-120%);opacity:0}}
.fomo{left:24px;bottom:28px;max-width:300px;border-radius:12px;padding:12px 16px;box-shadow:0 8px 32px rgba(0,0,0,.18);z-index:5000;transform:none;opacity:0;pointer-events:none;transition:none}
.fomo.show{opacity:1;pointer-events:auto;animation:toastIn .4s ease}
.fomo.show.hide{animation:toastOut .4s ease forwards}

/* ---- landing polish ---- */
.lp-hero h1{font-size:clamp(34px,4.6vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.03em}
.lp-head h2{font-size:30px;font-weight:800;letter-spacing:-.03em}
.lp-sec{padding:72px 0}
.lp-band{background:linear-gradient(135deg,#1e1b4b,#3730a3)}
.lp-announce{background:linear-gradient(90deg,#1557d2,#6366f1)}
.lp-final{background:linear-gradient(135deg,#1e1b4b,#3730a3)}
.pl-tabs button{border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;border:1.5px solid var(--line);background:var(--paper);color:var(--muted)}
.pl-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.main-nav a:hover,.main-nav a.active{background:var(--soft);color:var(--blue)}

/* ---- shared topbar (demo preview) ---- */
.cv-topbar{position:fixed;top:0;left:0;right:0;height:44px;background:#1e293b;z-index:6000;display:flex;align-items:center;gap:14px;padding:0 16px;font-family:'Inter',sans-serif}
.cv-topbar .cv-brand{color:#fff;font-size:15px;font-weight:800;letter-spacing:-.02em}
.cv-topbar .cv-tabs{display:flex;gap:4px;margin:0 auto}
.cv-topbar button{background:transparent;border:0;color:#94a3b8;padding:6px 14px;border-radius:6px;font:600 13px 'Inter',sans-serif;cursor:pointer;transition:all .2s}
.cv-topbar button:hover{background:#2d3748;color:#e2e8f0}
.cv-topbar button.on{background:#2d3748;color:#fff;font-weight:700}
body.has-topbar{padding-top:44px}
body.has-topbar .side-panel{top:44px;height:calc(100vh - 44px)}
body.has-topbar .workspace-shell,body.has-topbar .admin-shell{min-height:calc(100vh - 44px)}
body.has-topbar .site-header{top:44px}
@media(max-width:900px){.cv-topbar .cv-brand{display:none}.cv-topbar .cv-tabs{margin:0}.workspace-shell,.admin-shell{grid-template-columns:1fr}.workspace-content,.admin-content{padding:20px 16px}}

/* ---- refinements ---- */
.ws-usage{grid-template-columns:repeat(4,1fr)}
.metric-grid,.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.ws-use b small,.ws-use small{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;margin-left:4px}
.side-panel .brand img{filter:brightness(0) invert(1);max-width:150px}
.side-panel .button,.side-panel>button,.side-panel form button{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.2);border-radius:6px;min-height:34px;padding:7px 12px;font-size:13px;width:calc(100% - 32px);margin:6px 16px}
.side-panel .button:hover,.side-panel>button:hover,.side-panel form button:hover{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.35)}
.side-panel>a:not(.brand){display:block;padding:8px 20px;font-size:13px;font-weight:500;color:#a5b4fc}
.side-panel>a:not(.brand):hover{color:#fff}
body[data-page=admin] .side-panel>a:not(.brand){color:#64748b}
@media(max-width:1000px){.ws-usage{grid-template-columns:1fr 1fr}}
body.dark .side-panel .brand img{background:transparent!important;padding:0!important;box-shadow:none!important}

/* ---- layout stability: no width jumps / white flashes when switching views ---- */
html{scrollbar-gutter:stable;background:var(--bg)}
body{background:var(--bg)}
.workspace-shell,.admin-shell{grid-template-columns:220px minmax(0,1fr)}
.workspace-main,.admin-main{min-width:0;background:var(--bg)}
.workspace-content,.admin-content{width:100%;max-width:none;min-height:calc(100vh - 56px);background:var(--bg)}
.side-panel{width:220px;overflow-x:hidden;overflow-y:auto}
.side-nav button,.side-nav a{width:100%;text-align:left;white-space:nowrap;overflow:hidden;cursor:pointer}
.side-nav button>span:not(.nav-count),.side-nav a>span{overflow:hidden;text-overflow:ellipsis}
.side-nav .nav-count{margin-left:auto;flex:none}
.admin-view,.workspace-view{min-width:0;background:transparent}
.admin-view.active,.workspace-view.active{animation:viewIn .25s ease}
@keyframes viewIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.admin-view img,.admin-view table{max-width:100%}
.admin-view .panel,.admin-view .admin-card{overflow-x:auto}
body:not(.admin-ready)[data-page=admin] .admin-view.active{min-height:60vh}
body.has-topbar .side-panel{top:44px}

/* ---- Operations menu ---- */
.side-nav .nav-toggle{color:#94a3b8;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.8px;margin-top:6px}
.side-nav .nav-toggle em{margin-left:auto;font-style:normal;font-size:10px;opacity:.7}
.side-nav .nav-toggle:hover{background:rgba(255,255,255,.05);color:#e2e8f0}
.nav-sub{display:block;margin:0 0 8px 18px;border-left:1px solid rgba(255,255,255,.1)}
.nav-sub.closed{display:none}
.nav-sub button,.nav-sub a{padding-left:12px}
.side-nav a.nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:#64748b;border-left:3px solid transparent}
.side-nav a.nav-link:hover{background:rgba(255,255,255,.05);color:#e2e8f0}
body[data-page=admin] .side-nav button i,body[data-page=admin] .side-nav a i{font-size:15px;width:22px;text-align:center}

/* ---- view banners & hub cards ---- */
.ops-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:12px;background:linear-gradient(135deg,#1e1b4b,#3730a3);color:#fff;margin-bottom:20px;position:relative;overflow:hidden}
.ops-banner:after{content:"";position:absolute;right:-40px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(129,140,248,.35),transparent 70%)}
.ops-banner h2{font-size:18px;font-weight:800;margin:0;color:#fff}
.ops-banner p{font-size:13px;opacity:.78;margin:3px 0 0;color:#fff}
.ops-banner .button{margin-left:auto;position:relative;z-index:1;background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.3)}
.ops-ic{width:44px;height:44px;flex:none;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:22px}
.admin-view:has(>.ops-banner)>.admin-heading .eyebrow{display:none}
.admin-view:has(>.ops-banner)>.admin-heading h2{font-size:16px;margin:0 0 8px}
.ops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.ops-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .2s,transform .15s;display:flex;flex-direction:column;gap:6px}
.ops-card:hover{box-shadow:0 10px 40px rgba(16,32,48,.14);transform:translateY(-3px)}
.ops-card .ops-ic{background:linear-gradient(135deg,#e0e7ff,#dbeafe);width:40px;height:40px;font-size:20px}
.ops-card h3{font-size:16px;font-weight:700;margin:6px 0 0}
.ops-card p{font-size:13px;color:var(--muted);margin:0 0 10px;flex:1}
.ops-card .button{align-self:flex-start}
.ops-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}
.ops-kpis .kpi{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.ops-kpis .kpi span{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.ops-kpis .kpi b{font-size:26px;font-weight:800}
.ops-rules{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 14px}
.ops-rules span{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:13px}
.ops-term{background:#0f172a;border-radius:12px;overflow:hidden}
.ops-term-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#1e293b;color:#94a3b8;font-size:12px}
.ops-term-bar .button{margin-left:auto;background:#334155;color:#e2e8f0;min-height:26px;padding:3px 10px}
.ops-term pre{margin:0;padding:16px;font:12px/1.8 'JetBrains Mono',monospace;color:#e2e8f0;white-space:pre-wrap}
.ops-term .err{color:#f87171}.ops-term .warn{color:#fbbf24}.ops-term .info{color:#34d399}
.ops-skel{height:140px;border-radius:12px;background:linear-gradient(90deg,var(--soft) 25%,var(--line) 50%,var(--soft) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;margin-bottom:16px}
@keyframes shimmer{to{background-position:-200% 0}}
/* loading cover */
.cv-loading{position:fixed;inset:44px 0 0 0;z-index:5500;background:var(--bg);display:grid;place-items:center;transition:opacity .35s}
.cv-loading.off{opacity:0;pointer-events:none}
.cv-loading i{width:38px;height:38px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--blue);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}

/* ---- admin: target dashboard look ---- */
.pg-head{margin-bottom:22px}
.pg-head h2{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:0}
.pg-head p{color:var(--muted);font-size:15px;margin:4px 0 0}
.ops-h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:26px 0 12px}
.ops-kpis.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.ops-kpis .kpi{border:0;padding:18px 18px 16px}
.ops-kpis .kpi b{font-size:30px;display:block;letter-spacing:-.02em}
.ops-kpis .kpi small{display:block;margin-top:4px;color:#22c55e;font-size:13px;font-weight:500}
.ops-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:6px}
.ops-two>section h3,.ops-two>div>h3{margin:0 0 6px}
.ops-two .panel-pad h3{font-size:16px;font-weight:700}
.ops-svg{width:100%;height:auto;display:block}
.ops-t{font:700 11px 'Inter',sans-serif;fill:var(--ink)}.ops-t2{font:500 11px 'Inter',sans-serif;fill:var(--muted)}
.ops-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.ops-filters input{flex:1;min-width:220px}
.ops-filters span{color:var(--muted);font-size:13px}
.ops-filters .button{margin-left:auto}
.admin-view table.ad-table th{font-size:14px}
.ops-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:10px}
.ops-form.four{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.ops-form label{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--ink)}
.ops-form .wide{grid-column:1/-1}
.ops-form .ops-end{grid-column:1/-1}
.ops-form input:disabled{opacity:.75;background:var(--soft)}
.ops-sw{display:flex;align-items:center;gap:10px;font-weight:500;min-height:38px}
.ops-sw input{width:40px;height:22px;accent-color:var(--blue)}
.ops-note{margin:12px 0 0;color:var(--muted);font-size:13px}
.linklike{background:none;border:0;color:var(--blue);font-weight:700;cursor:pointer;padding:0}
.ops-tabs{display:flex;gap:8px;margin:20px 0 14px}
.ops-tabs button{padding:9px 18px;border-radius:8px;border:1.5px solid var(--line);background:var(--paper);font:600 14px 'Inter',sans-serif;color:var(--ink);cursor:pointer;transition:all .2s}
.ops-tabs button.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.ops-rv{display:flex;gap:14px;margin-bottom:12px}
.ops-rv .av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:700;font-size:13px}
.ops-rv p{margin:6px 0 10px;color:var(--ink2)}
.ops-rv small{color:var(--muted)}
.ops-rv-act{display:flex;gap:8px;flex-wrap:wrap}
.ops-ok{background:#22c55e!important;color:#fff!important;border:0!important}.ops-no{background:#ef4444!important;color:#fff!important;border:0!important}
.ops-live{position:fixed;right:24px;bottom:28px;width:225px;background:#0f172a;color:#e2e8f0;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.35);z-index:4000;font-size:13px;overflow:hidden}
.ops-live header{display:flex;align-items:center;gap:8px;padding:14px 16px 8px;font-weight:700;font-size:12px;letter-spacing:.8px;color:#94a3b8}
.ops-live header button{margin-left:auto;background:none;border:0;color:#64748b;cursor:pointer}
.ops-live>div{padding:0 16px}
.ops-live p{display:flex;justify-content:space-between;margin:0;padding:7px 0;border-bottom:1px solid #1e293b}
.ops-live p b{color:#fff}
.ops-live footer{padding:10px 16px;text-align:right;font-size:11px;color:#475569}
.ops-live.min>div,.ops-live.min footer{display:none}
body.has-topbar .ops-live{bottom:28px}
/* lighter legacy banner: heading-style */
.ops-banner{background:transparent;color:var(--ink);padding:0 0 4px;margin-bottom:18px;border-radius:0}
.ops-banner:after{display:none}
.ops-banner h2{color:var(--ink);font-size:26px;font-weight:800;letter-spacing:-.03em}
.ops-banner p{color:var(--muted);opacity:1;font-size:15px}
.ops-banner .ops-ic{display:none}
.ops-banner .button{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
@media(max-width:1200px){.ops-kpis.six{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-form.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ops-two{grid-template-columns:1fr}.ops-kpis.six{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-live{display:none}}
.side-nav>button,.side-nav>a,.nav-sub button,.nav-sub a{min-height:40px}
.ops-sw input{appearance:none;-webkit-appearance:none;width:40px;height:22px;border-radius:11px;background:#cbd5e1;position:relative;cursor:pointer;transition:.3s;padding:0;border:0;flex:none}
.ops-sw input:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.3s}
.ops-sw input:checked{background:var(--blue)}.ops-sw input:checked:before{transform:translateX(18px)}
.ops-sw em{font-style:normal}
.side-panel{display:flex;flex-direction:column;overflow:hidden}
.side-panel .side-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:block}
.side-panel .side-plan{flex:none;margin:8px 12px 12px}
.side-nav>button,.side-nav>a,.nav-sub button,.nav-sub a{min-height:36px}
.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}

/* ---- no flash of half-built admin: cover until ready ---- */
body[data-page=admin]:not(.admin-ready):not(.has-topbar)::before{content:"";position:fixed;inset:0;background:var(--bg);z-index:5400}
body[data-page=admin]:not(.admin-ready):not(.has-topbar)::after{content:"";position:fixed;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--blue);animation:spin .8s linear infinite;z-index:5401}

/* ---- sidebar contrast (light and dark) ---- */
body[data-page=admin] .side-nav button,body[data-page=admin] .side-nav a,body[data-page=admin] .side-nav a.nav-link,body[data-page=admin] .side-panel>a:not(.brand){color:#b8c3d8}
body[data-page=admin] .side-nav button:hover,body[data-page=admin] .side-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
body[data-page=admin] .side-nav button.active,body[data-page=admin] .side-nav a.active{background:#27365a;color:#fff;border-left-color:#818cf8;font-weight:600}
body[data-page=admin] .side-nav .nav-toggle{color:#e2e8f0}
body[data-page=admin] .side-nav .nav-group{color:#94a3b8}
body[data-page=admin] .side-panel .brand small{color:#94a3b8}
body[data-page=admin] .nav-sub{border-left-color:rgba(255,255,255,.2)}
body[data-page=admin] .side-nav .nav-count{background:rgba(255,255,255,.14);color:#e2e8f0}
body.dark[data-page=admin] .side-panel,body.dark[data-page=admin] .admin-side{background:#151b2e;border-right:1px solid #2a3350}
body.dark[data-page=admin] .side-nav button,body.dark[data-page=admin] .side-nav a{color:#c9d3e6}
body[data-page=workspace] .side-nav button,body[data-page=workspace] .side-nav a,body[data-page=workspace] .side-panel>a:not(.brand){color:#d3d9ff}
body[data-page=workspace] .side-nav .nav-group{color:#a5b4fc}
body.dark[data-page=workspace] .side-panel{background:#17153d;border-right:1px solid #2c2a66}

/* ======== shared admin kit: modal, toast, filters, tables ======== */
body.ad-modal-open{overflow:hidden}
.ad-modal{position:fixed;inset:0;z-index:6500;background:rgba(15,23,42,.62);display:flex;align-items:center;justify-content:center;padding:20px;animation:viewIn .18s ease}
.ad-modal-box{background:var(--paper);color:var(--ink);width:min(680px,100%);max-height:92dvh;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden}
.ad-modal-box.wide{width:min(980px,100%)}
.ad-modal.xl .ad-modal-box{width:min(1320px,100%);height:min(94dvh,960px)}
.ad-modal-box>header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}
.ad-modal-box>header h3{margin:0;font-size:17px;font-weight:800}
.ad-x{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--muted);padding:2px 8px;border-radius:6px}
.ad-x:hover{background:var(--soft);color:var(--ink)}
.ad-modal-body{padding:20px;overflow:auto;flex:1;min-height:0}
#adToast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;background:#0f172a;color:#fff;padding:12px 20px;border-radius:12px;font:600 14px 'Inter',sans-serif;z-index:7000;box-shadow:0 10px 40px rgba(0,0,0,.4);transition:all .25s;pointer-events:none;max-width:90vw}
#adToast.show{opacity:1;transform:translate(-50%,0)}#adToast.bad{background:#b91c1c}
.ops-click tbody tr{cursor:pointer;transition:background .15s}.ops-click tbody tr:hover td{background:var(--soft)}
.ad-table .r,.r{text-align:right;white-space:nowrap}
.ops-filterbox{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px}
.ops-f{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.ops-f input,.ops-f select{font-weight:500;text-transform:none;letter-spacing:0;min-height:38px}
.ops-f.grow,.grow{flex:1;min-width:200px}
.ops-pager{display:flex;gap:12px;align-items:center;justify-content:center;margin:16px 0}
.ops-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.ops-check{display:flex!important;align-items:center;gap:8px;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink)!important}
.ops-check input{width:auto}
.ops-st{color:var(--muted);font-size:13px}
.mono,code{font-family:'JetBrains Mono',monospace;font-size:12px}
.ops-form small{color:var(--muted);font-weight:500}
/* order detail */
.ord-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.ord-head h2{margin:0;font-size:24px}.ord-head p{margin:2px 0 0;color:var(--muted)}.ord-amt{font-size:26px;margin-left:12px}
.ord-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ord-grid section{background:var(--soft);border-radius:12px;padding:16px}.ord-grid h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.ord-grid dl{margin:0}.ord-grid dl>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}.ord-grid dt{color:var(--muted)}.ord-grid dd{margin:0;text-align:right;font-weight:600;word-break:break-word}
.ord-time{list-style:none;margin:0;padding:0}.ord-time li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13px}.ord-time small{color:var(--muted)}
.ord-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
/* error log */
.ops-elist{max-height:560px;overflow:auto;font:12.5px/1.5 'JetBrains Mono',monospace}
.ops-erow{display:grid;grid-template-columns:24px 64px 70px 1fr auto 150px;gap:10px;align-items:start;padding:10px 14px;border-bottom:1px solid #1e293b;color:#e2e8f0}
.ops-erow.done{opacity:.45}.ops-erow .msg b{display:block;font-weight:600;word-break:break-word}.ops-erow .msg small{color:#94a3b8}
.ops-erow .lv{font-weight:700}.lv.error{color:#f87171}.lv.warning{color:#fbbf24}.lv.info{color:#34d399}
.ops-erow .src{color:#94a3b8}.ops-erow .cnt{background:#1e293b;border-radius:10px;padding:1px 8px;color:#cbd5e1}.ops-erow .when{color:#64748b;text-align:right}
@media(max-width:900px){.ops-erow{grid-template-columns:24px 56px 1fr}.ops-erow .src,.ops-erow .cnt,.ops-erow .when{grid-column:3;text-align:left}.ord-grid{grid-template-columns:1fr}}
/* library */
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.lib-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .2s,transform .15s}
.lib-card:hover{box-shadow:0 10px 40px rgba(16,32,48,.14);transform:translateY(-3px)}.lib-card.off{opacity:.62}
.lib-card .template-preview-button,.lib-letter-btn{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;position:relative}
.lib-card .lib-thumb{height:300px!important;border-radius:0}
.lib-meta{padding:12px 14px;display:grid;gap:6px}.lib-meta small{color:var(--muted)}.lib-tags{display:flex;gap:6px;flex-wrap:wrap}.lib-act{display:flex;gap:8px;margin-top:4px}
/* site design */
.sd-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;align-items:start}
.sd-prev{position:sticky;top:12px}.sd-hero{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#eef2ff,#fff)}.sd-ann{background:linear-gradient(90deg,#1557d2,#6366f1);color:#fff;font-size:12px;text-align:center;padding:7px}
.sd-hero .lp-pill{margin:16px 16px 0}.sd-hero h4{font-size:24px;line-height:1.15;margin:12px 16px 6px;letter-spacing:-.03em}.sd-hero h4 em{color:var(--blue);font-style:normal;display:block}.sd-hero p{margin:0 16px 14px;color:var(--muted)}.sd-hero>div:last-child{padding:0 16px 18px}
.sd-table{display:grid;gap:12px}.sd-row{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px}
.sd-pg{display:grid;gap:4px;align-content:start}.sd-pg a{font-size:12px;color:var(--blue)}.sd-row label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}.sd-row small.ok{color:#16a34a}.sd-row small.warn{color:#d97706}
@media(max-width:1100px){.sd-grid{grid-template-columns:1fr}.sd-prev{position:static}.sd-row{grid-template-columns:1fr}}
/* mailer */
.mail-state{display:flex;align-items:center;gap:14px;padding:6px 0 14px;border-bottom:1px solid var(--line);margin-bottom:12px}.mail-state div{flex:1}.mail-state small{display:block;color:var(--muted)}
.mail-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0}.mail-dl dt{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase}.mail-dl dd{margin:2px 0 0;font-weight:600}
.mail-tpl{margin-bottom:10px}.mail-tpl summary{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none}.mail-tpl .mt-name{font-weight:700;flex:1}.mail-tpl>.ops-form{padding:0 18px 18px}
.mail-vars{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}.mail-vars .tag{cursor:pointer}
.mail-preview{display:grid;gap:8px}.mail-preview pre{white-space:pre-wrap;font:14px/1.6 'Inter',sans-serif;background:var(--soft);padding:16px;border-radius:10px;margin:0}.mail-preview small{color:var(--muted);display:inline-block;width:56px}
/* blog editor */
.seo-files{display:grid;gap:10px;margin-bottom:16px}.seo-files h3{margin:0}
.ed{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;height:100%}
.ed-main{display:grid;gap:12px;align-content:start;min-width:0}.ed-main label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.ed-main label input,.ed-main label textarea{text-transform:none;letter-spacing:0;font-weight:500}
.ed-url{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);flex-wrap:wrap}.ed-url input{flex:1;min-width:160px}
.ed-kw{display:grid;grid-template-columns:1fr 2fr;gap:12px}
.ed-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px;background:var(--soft);border:1px solid var(--line);border-radius:10px;position:sticky;top:-20px;z-index:2}.ed-tools button{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:5px 11px;font:600 13px 'Inter',sans-serif;cursor:pointer;color:var(--ink)}.ed-tools button:hover{border-color:var(--blue);color:var(--blue)}
.ed-split,.ed-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ed-split textarea{min-height:420px;font:13.5px/1.6 'JetBrains Mono',monospace;resize:vertical}.ed-prev{border:1.5px solid var(--line);border-radius:6px;padding:16px 20px;overflow:auto;max-height:560px;background:var(--paper);line-height:1.7}.ed-prev h1{font-size:26px;letter-spacing:-.03em;margin:0 0 12px}.ed-prev h2{font-size:20px;margin:22px 0 8px;border-bottom:1px solid var(--line);padding-bottom:6px}.ed-prev img{max-width:100%;border-radius:8px}
.ed-side{display:grid;gap:14px;align-content:start}.ed-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px;background:var(--paper)}.ed-card h4{margin:0;font-size:14px;display:flex;justify-content:space-between}.ed-card label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
.ed-checks{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13px}.ed-checks .ok{color:#16a34a}.ed-checks .no{color:var(--muted)}#eScore .ok{color:#16a34a}#eScore .mid{color:#d97706}#eScore .bad{color:#dc2626}
.ed-cover{min-height:90px;border-radius:8px;background:var(--soft);display:grid;place-items:center;overflow:hidden;font-size:13px;color:var(--muted)}.ed-cover img{width:100%;display:block}
.ed-faq{display:grid;grid-template-columns:1fr 1.6fr auto;gap:8px;margin-bottom:8px}.ed-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;position:sticky;bottom:0}
.url-grp{margin-bottom:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.url-grp summary{padding:10px 14px;cursor:pointer;font-weight:700;background:var(--soft)}
.hl-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.hl-st{font-size:20px;display:block}.hl-top small{color:var(--muted)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}.mv-steps{margin:0;padding-left:20px;display:grid;gap:10px;line-height:1.6}
@media(max-width:1000px){.ed{grid-template-columns:1fr}.ed-split{grid-template-columns:1fr}.ed-kw{grid-template-columns:1fr}.ed-faq{grid-template-columns:1fr}}

/* ======== resume / cover-letter preview popup: 70% document, 30% details, every device ======== */
#templateDialog .dialog-shell,#letterDialog .dialog-shell{width:min(1320px,calc(100vw - 20px));height:min(94dvh,940px);max-height:none;overflow:hidden;border-radius:16px;display:flex}
#templateDialog .template-dialog-content,#letterDialog .template-dialog-content{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:0;padding:0;width:100%;height:100%;min-height:0}
#dialogResume,#dialogLetter{overflow:auto;min-height:0;height:100%;padding:24px;background:linear-gradient(145deg,#e8edf6,#f6f8fc);border-radius:0;display:block!important;scrollbar-gutter:stable}
body.dark #dialogResume,body.dark #dialogLetter{background:#0b1220}
#dialogResume .ref-resume,#dialogLetter .letter-document{margin:0 auto!important;box-shadow:0 12px 50px rgba(15,23,42,.22);transform:none!important;position:static!important}
#templateDialog .template-info,#letterDialog .template-info{overflow:auto;padding:28px 24px 24px;border-left:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;gap:12px;min-height:0}
#templateDialog .template-info h2,#letterDialog .template-info h2{font-size:22px;margin:0}
#templateDialog .template-info ul,#letterDialog .template-info ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}
#templateDialog .dialog-actions,#letterDialog .dialog-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
#templateDialog .dialog-close,#letterDialog .dialog-close{position:absolute;top:10px;right:12px;z-index:10;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:22px;cursor:pointer;line-height:1}
@media(max-width:900px){
  #templateDialog .dialog-shell,#letterDialog .dialog-shell{width:100vw;height:100dvh;border-radius:0}
  #templateDialog .template-dialog-content,#letterDialog .template-dialog-content{grid-template-columns:1fr;grid-template-rows:minmax(0,64%) minmax(0,36%)}
  #dialogResume,#dialogLetter{padding:12px}
  #templateDialog .template-info,#letterDialog .template-info{border-left:0;border-top:1px solid var(--line);padding:16px}
}
.nav-sub{margin-left:12px}.nav-sub button,.nav-sub a{padding-left:10px;gap:8px}
.side-nav .nav-count{font-size:10px;padding:1px 7px;min-width:0}
.ops-form label{align-content:start}
.ops-live.min{width:auto}.ops-live.min header{padding:10px 14px}
.ed-actions{position:static!important;order:-1}

/* ---- theme: html + body both carry the dark state, so no light edges anywhere ---- */
html.dark,html[data-theme=dark]{--bg:#0f1117;--paper:#1a1f2e;--ink:#f1f5f9;--ink2:#cbd5e1;--muted:#94a3b8;--line:#2d3748;--soft:#1e293b;--canvas:#0f1117;--ink-2:#cbd5e1;color-scheme:dark;background:#0f1117}
html:not(.dark){color-scheme:light}
html.dark body{background:var(--bg);color:var(--ink)}
button[data-theme]{display:inline-grid;place-items:center;min-width:38px;min-height:38px;padding:0;line-height:0}
body.dark .site-header .brand img,body.dark .cv-brand-logo,body.dark .brand img{background:transparent!important;filter:brightness(0) invert(1);padding:0!important}
/* dark-mode contrast fixes */
html.dark .category-tabs button.active,body.dark .category-tabs button.active{background:#3b6cf0;color:#fff;border-color:#3b6cf0}
body.dark .pl-plus,body.dark .workspace-main b,body.dark .workspace-main em,body.dark .workspace-main small,body.dark .workspace-main s,body.dark dd#checkoutPrice,body.dark .workspace-main a.active,body.dark button.linklike,body.dark .workspace-main a:not(.button){--blue:#8fb2ff}
body.dark .pl-plus,body.dark dd#checkoutPrice,body.dark .workspace-main a.active,body.dark button.linklike,body.dark .workspace-main em{color:#8fb2ff}
body.dark .workspace-main button.button.secondary{color:#fca5a5;border-color:rgba(252,165,165,.35)}
body.dark .toc a,body.dark .toc b,body.dark aside.toc{color:#e2e8f0}
body.dark .toc a.active{color:#8fb2ff}
body.dark a.active,body.dark .nav a.active,body.dark nav a.active{color:#8fb2ff}
body.dark .toc,body.dark aside.toc{background:#1a1f2e!important}
body.dark .toc b,body.dark .toc a{color:#e2e8f0!important}
body.dark .checkout b,body.dark #checkoutDialog b,body.dark dialog b,body.dark main b{--x:1}
body.dark .button.secondary{color:#fca5a5}
body.dark .button.secondary[class*=primary]{color:inherit}
body.dark .blog-toc{background:#1a1f2e!important;border-color:#2d3748}
body.dark .pl-stats>div{background:#1e293b}
body.dark .pl-stats b,body.dark .pl-stats em{color:#8fb2ff}
body.dark a.active{color:#8fb2ff!important}
body.dark .workspace-main .button.secondary,body.dark .panel .button.secondary{color:#fca5a5}
body.dark .ad-danger,body.dark .danger,body.dark button.danger,body.dark [class*=danger]{color:#fca5a5!important}
body.dark button.button.secondary[style*="b91c1c"],body.dark button.button.secondary[style*="#b91c1c"]{color:#fca5a5!important}
body.dark [data-del]{color:#fca5a5!important}
/* table toolkit + reports */
.kit-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.kit-bar input[type=search]{flex:1 1 180px;min-width:140px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}
.kit-count{font-size:12px;color:var(--muted)}
.kit-menu{position:relative}.kit-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:200px;max-height:320px;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.18);padding:6px;display:grid;gap:2px}
.kit-pop[hidden]{display:none}.kit-pop button,.kit-pop label{display:flex;gap:8px;align-items:center;text-align:left;padding:8px 10px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.kit-pop button:hover,.kit-pop label:hover{background:var(--soft)}
th.kit-sort{cursor:pointer;user-select:none}th.kit-sort:after{content:" ↕";opacity:.35;font-size:11px}th[aria-sort=ascending]:after{content:" ↑";opacity:1}th[aria-sort=descending]:after{content:" ↓";opacity:1}
.rp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.rp-tabs button{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.rp-tabs button.active{background:#1557d2;border-color:#1557d2;color:#fff}
.rp-colgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 14px;margin:8px 0}.rp-colgrid label{font-size:13px;display:flex;gap:6px;align-items:center}
.rp-cols{margin:12px 0}.rp-cols summary{cursor:pointer;font-weight:700}
.rp-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:8px}.rp-btns{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.rp-presets{margin-top:10px;font-size:13px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.rp-chip{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.rp-chip button{border:0;background:var(--soft);color:var(--ink);padding:5px 10px;cursor:pointer;font:inherit}
body.dark .rp-tabs button.active{background:#3b6cf0;border-color:#3b6cf0}
/* feedback view */
.fb-card{max-width:760px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px 28px;box-shadow:0 12px 34px rgba(15,23,42,.06)}
.fb-head h2{margin:2px 0 6px}.fb-head p{color:var(--muted);margin:0 0 14px}
.fb-form{display:grid;gap:14px}.fb-form label{display:grid;gap:6px;font-weight:700;font-size:13px}
.fb-form input:not([type=radio]):not([type=checkbox]),.fb-form textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1.5px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);font:inherit}
.fb-stars{border:0;padding:0;margin:0}.fb-stars legend{font-weight:700;font-size:13px;margin-bottom:6px}
.fb-starrow{display:inline-flex;flex-direction:row-reverse;gap:4px}.fb-starrow input{position:absolute;opacity:0;pointer-events:none}
.fb-starrow label{font-size:32px;line-height:1;color:#cbd5e1;cursor:pointer;transition:color .15s,transform .15s}
.fb-starrow label:hover,.fb-starrow label:hover~label,.fb-starrow input:checked~label{color:#f59e0b}.fb-starrow label:hover{transform:scale(1.12)}
.fb-starrow input:focus-visible+label{outline:2px solid #1557d2;outline-offset:2px;border-radius:6px}
.fb-count{justify-self:end;color:var(--muted);font-weight:500}
.owner-my-feedback{margin-top:20px}.owner-my-feedback article{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0}
.side-domain{margin:12px 14px 16px;font-size:12px;color:rgba(255,255,255,.7);line-height:1.8}.side-domain a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.fb-form .connected-check{display:flex;gap:10px;align-items:flex-start;font-weight:500;line-height:1.5}.fb-form .connected-check input{width:18px;height:18px;margin-top:2px;flex:none}
.side-nav{overflow-y:auto}
/* Keep every page the same width: reserve the scrollbar space so short and long pages do not shift sideways. */
html{overflow-y:scroll;scrollbar-gutter:stable}

/* /site-polish.css */
/* One look across the whole site: the same headings, spacing, cards and buttons as the home page */
body[data-page] .page-hero{width:min(1180px,calc(100% - 38px));max-width:none;margin:0 auto;padding:clamp(40px,6vw,72px) 0 8px;text-align:left}
body[data-page] .page-hero .eyebrow{display:block;margin-bottom:10px}
body[data-page] .page-hero h1{font-size:clamp(34px,4.6vw,52px);line-height:1.08;font-weight:850;letter-spacing:-.03em;margin:0 0 14px;max-width:900px;color:var(--ink)}
body[data-page] .page-hero p{font-size:clamp(16px,1.4vw,18.5px);line-height:1.6;color:var(--muted);max-width:760px;margin:0 0 18px}
body[data-page] .page-hero .pill-row{justify-content:flex-start}
body[data-page] .page-hero .pill-row,.page-hero .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
body[data-page] .page-hero .pill{padding:7px 13px;border-radius:999px;background:color-mix(in srgb,var(--blue) 9%,var(--paper));border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));font-size:13px;font-weight:600;color:var(--ink)}
body[data-page] .section h2:not(.ref-resume h2,.letter-document h2,.studio-paper h2,.template-preview h2,.lp-doc h2,[class*="ref-suite"] h2,[class*="letter-"] h2),body[data-page] .section-heading h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;font-weight:850}
body[data-page] .legal-shell{width:min(860px,calc(100% - 38px));margin:0 auto;padding:clamp(36px,5vw,64px) 0 72px}
body[data-page] .legal-shell h1{font-size:clamp(32px,4.2vw,46px);line-height:1.1;font-weight:850;letter-spacing:-.03em;margin:0 0 14px;text-align:left}
body[data-page] .legal-shell>p:first-of-type{font-size:clamp(16px,1.4vw,18.5px);color:var(--muted);line-height:1.65}
body[data-page] .legal-shell h2{font-size:22px;letter-spacing:-.015em;font-weight:800;margin:34px 0 8px;padding-top:6px}
body[data-page] .legal-shell p,.legal-shell li{font-size:16px;line-height:1.7;color:var(--ink2,var(--ink))}
body[data-page] .legal-shell ul{padding-left:22px;display:grid;gap:6px}
body[data-page] .legal-shell a{color:var(--blue);font-weight:600}
body[data-page] .template-card,body[data-page] .cover-letter-card,body[data-page] .guide-card,body[data-page] .blog-card{border-radius:18px}
body[data-page].free-resume-preview{background:var(--bg)}

/* footer logo: the full-colour logo sits on a white tile so it reads on the dark footer */
body[data-page] .site-footer .cv-brand-logo{background:#fff;padding:9px 16px;border-radius:14px;height:auto;width:auto;max-width:210px;box-shadow:none}

/* ---- flat, transactional home: solid cards, thin borders, no heavy shadows ---- */
body[data-page=home] .lp-sec{padding-block:clamp(44px,6vw,72px)}
body[data-page=home] .lp-get-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
body[data-page=home] .lp-get-grid article{display:flex;flex-direction:column;gap:12px;padding:26px;border:1px solid var(--line,#e2e8f0);border-radius:16px;background:var(--surface,#fff);box-shadow:none}
body[data-page=home] .lp-get-grid article h3{margin:0;font-size:21px;letter-spacing:-.01em}
body[data-page=home] .lp-get-grid ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;flex:1}
body[data-page=home] .lp-get-grid li{position:relative;padding-left:26px;line-height:1.5}
body[data-page=home] .lp-get-grid li:before{content:"✓";position:absolute;left:0;top:0;color:#15803d;font-weight:800}
body[data-page=home] .lp-get-grid .button{align-self:flex-start}
body[data-page=home] .lp-get-main{border:2px solid #1557d2;background:linear-gradient(180deg,#f5f8ff,var(--surface,#fff) 60%)}
body[data-page=home] .lp-get-tag{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#1557d2;color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body[data-page=home] .lp-get-main small{color:var(--muted,#475569);line-height:1.5}
html.dark body[data-page=home] .lp-get-main{background:linear-gradient(180deg,#14213d,var(--surface,#0f172a) 60%)}
body[data-page=home] .lp-flow li,body[data-page=home] .lp-letters>*,body[data-page=home] .lp-spot>*{box-shadow:none}
body[data-page=home] .lp-flow li{border:1px solid var(--line,#e2e8f0);background:var(--surface,#fff)}
@media(max-width:900px){body[data-page=home] .lp-get-grid{grid-template-columns:1fr}}

/* contact: the heading is the page H1 and looks like the other section headings */
body[data-page=contact] .section-heading h1{margin:0 0 10px;font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;font-weight:850;line-height:1.15}

/* ---- sample resumes: professional, readable previews ---- */
body[data-page] .ref-resume{overflow-wrap:break-word;word-break:normal}
body[data-page] .ref-resume aside,body[data-page] .ref-resume aside *{overflow-wrap:break-word;word-break:normal;hyphens:manual}
body[data-page] .template-preview .ref-suite-prism .ref-columns,body[data-page] .template-preview .ref-suite-folio .ref-columns,body[data-page] .studio-template-paper .ref-suite-prism .ref-columns,body[data-page] .studio-template-paper .ref-suite-folio .ref-columns{grid-template-columns:minmax(0,1fr) minmax(112px,36%);gap:14px}
body[data-page] .template-preview .ref-resume .ref-columns aside{min-width:0}
body[data-page] .ref-resume .ref-photo-placeholder{font-size:0;line-height:0;color:transparent;border:1px solid #d5dbe6;background:#eef1f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239aa7bd'%3E%3Ccircle cx='12' cy='8.5' r='4.2'/%3E%3Cpath d='M3.5 21c0-4.7 3.8-7.5 8.5-7.5s8.5 2.8 8.5 7.5z'/%3E%3C/svg%3E") center 62%/62% no-repeat}
body[data-page] .ref-resume .ref-sample{position:absolute;top:7px;left:50%;transform:translateX(-50%);margin:0;padding:2px 10px;background:rgba(255,255,255,.95);color:#64748b;border-radius:999px;box-shadow:0 1px 3px rgba(15,23,42,.14);z-index:3;white-space:nowrap}
body[data-page] .template-preview .ref-resume .ref-sample{top:5px;padding:1px 7px}
body[data-page] .ref-resume .ref-header{display:flow-root}
body[data-page] .ref-resume .ref-columns{clear:both}
body[data-page] #dialogResume .ref-suite-prism .ref-columns,body[data-page] #dialogResume .ref-suite-folio .ref-columns{grid-template-columns:minmax(0,1fr) minmax(210px,35%)}
/* Footer: brand column plus four link columns (Product, Resources, Resume help, Legal); server fallback list before scripts run */
@media(min-width:1001px){.footer-main{grid-template-columns:1.4fr repeat(4,1fr)}}
.footer-links ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;width:min(1180px,calc(100% - 38px));margin:24px auto;padding:0}.footer-links a{color:inherit}
/* Fixed header: the menu stays at the top while the page scrolls (the wrapper sticks, so the header inside it does too) */
[data-header]{position:sticky;top:0;z-index:60;display:block;min-height:68px}
body.has-topbar [data-header]{top:44px}
[data-header]>.site-header{position:relative;top:auto}
/* One-click back to top */
.to-top{position:fixed;right:20px;bottom:24px;z-index:70;width:46px;height:46px;border-radius:50%;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:var(--ink,#0b1020);color:var(--paper,#fff);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(10,25,54,.22);transition:transform .18s ease,opacity .18s ease}
.to-top[hidden]{display:none}
.to-top:hover{transform:translateY(-2px)}
.to-top:focus-visible{outline:3px solid var(--blue,#1557d2);outline-offset:3px}
@media (max-width:760px){.to-top{right:14px;bottom:calc(78px + env(safe-area-inset-bottom))}}
@media print{.to-top{display:none}}
[data-header] .site-header{background:var(--paper)}