:root { --ink:#101b3b; --blue:#3b5cff; --blue2:#6246ea; --mint:#82edcf; --muted:#66708a; --line:#e4e7f2; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.6; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.container { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.section-pad { padding-block:112px; }

.announcement { color:white; background:var(--ink); font-size:13px; }
.announcement-inner { min-height:38px; display:flex; align-items:center; justify-content:center; gap:22px; }
.announcement span,.announcement a { display:inline-flex; align-items:center; gap:7px; }
.announcement span { color:var(--mint); font-weight:750; }
.announcement strong { color:#e9edff; font-weight:550; }
.announcement a { font-weight:750; }
.announcement a:hover { color:var(--mint); }

.site-header { position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(228,231,242,.8); background:rgba(255,255,255,.91); backdrop-filter:blur(18px); }
.nav-wrap { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:11px; flex:none; }
.brand-icon { width:42px; height:47px; position:relative; display:grid; place-items:center; border-radius:7px; background:linear-gradient(145deg,#5342e7,#2e66ed); box-shadow:-6px 0 0 rgba(83,66,231,.23),-11px 0 0 rgba(83,66,231,.1); transform:skew(-3deg); }
.brand-icon i { color:#fff; font-size:14px; font-style:normal; font-weight:850; transform:skew(3deg); }
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-copy strong { font-size:20px; letter-spacing:-.6px; }
.brand-copy small { margin-top:4px; color:#4e5971; font-size:9px; font-weight:800; letter-spacing:3.4px; }
.desktop-nav { display:flex; align-items:center; justify-content:center; gap:clamp(18px,2.4vw,34px); }
.desktop-nav a,.text-button { color:#34405d; font-size:14px; font-weight:650; }
.desktop-nav a:hover,.text-button:hover { color:var(--blue); }
.nav-actions { display:flex; align-items:center; gap:20px; }
.button { min-height:50px; padding:0 23px; border:1px solid var(--blue); border-radius:11px; display:inline-flex; align-items:center; justify-content:center; gap:9px; color:#fff; background:linear-gradient(135deg,var(--blue),var(--blue2)); font-size:14px; font-weight:780; box-shadow:0 12px 28px rgba(59,92,255,.2); transition:.2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 16px 34px rgba(59,92,255,.28); }
.button.small { min-height:44px; padding-inline:18px; }
.button.secondary,.button.outline { border-color:#dfe3f0; color:var(--ink); background:#fff; box-shadow:0 8px 18px rgba(16,27,59,.05); }
.button.mint-button { border-color:var(--mint); color:var(--ink); background:var(--mint); box-shadow:none; }
.button.white { border-color:#fff; color:var(--blue); background:#fff; box-shadow:none; }
.mobile-menu { display:none; }

/* Reusable end-customer resume builder demo. The host marketing chrome is hidden
   only on this isolated preview route so the product brand can stand on its own. */
body:has(.consumer-demo) > .announcement,
body:has(.consumer-demo) > .site-header,
body:has(.consumer-demo) > .final-cta,
body:has(.consumer-demo) > footer { display:none; }
body:has(.consumer-demo) { background:#f7f8fc; }

.consumer-demo { --cr-accent:#3157ff; --cr-accent-2:#6b47f5; --cr-soft:#edf2ff; --cr-ink:#101a36; min-height:100vh; position:relative; color:var(--cr-ink); background:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow:hidden; animation:cr-page-in .55s ease both; }
.consumer-demo * { box-sizing:border-box; }
.consumer-demo a { text-decoration:none; }
.cr-container { width:min(1220px,calc(100% - 40px)); margin-inline:auto; }
.cr-page-glow { width:900px; height:900px; position:absolute; top:-560px; right:-260px; border-radius:50%; pointer-events:none; background:radial-gradient(circle, color-mix(in srgb,var(--cr-accent) 16%,transparent),transparent 66%); }
.cr-header { height:78px; position:sticky; top:0; z-index:70; overflow:visible; border-bottom:1px solid rgba(221,226,239,.78); background:rgba(255,255,255,.85); backdrop-filter:blur(22px); }
.cr-nav { height:100%; position:relative; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.cr-brand-mark { display:flex; align-items:center; gap:11px; flex:none; }
.cr-brand-icon { width:42px; height:42px; position:relative; border-radius:13px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,var(--cr-accent),var(--cr-accent-2)); box-shadow:-5px 6px 0 color-mix(in srgb,var(--cr-accent) 16%,transparent); transform:rotate(-3deg); }
.cr-brand-icon svg { width:22px; }
.cr-brand-copy { display:flex; flex-direction:column; color:var(--cr-ink); line-height:1; }
.cr-brand-copy b { max-width:170px; overflow:hidden; font-size:19px; letter-spacing:-.6px; text-overflow:ellipsis; white-space:nowrap; }
.cr-brand-copy small { margin-top:5px; color:#778099; font-size:8px; font-weight:850; letter-spacing:2.7px; }
.cr-desktop-nav { display:flex; align-items:center; justify-content:center; gap:clamp(18px,2.15vw,30px); }
.cr-desktop-nav a,.cr-signin { color:#49546c; font-size:13px; font-weight:700; transition:.2s ease; }
.cr-desktop-nav a:hover,.cr-signin:hover { color:var(--cr-accent); }
.cr-nav-actions { display:flex; align-items:center; gap:18px; }
.cr-button { min-height:52px; padding:0 22px; border:1px solid var(--cr-accent); border-radius:14px; display:inline-flex; align-items:center; justify-content:center; gap:9px; color:#fff!important; background:linear-gradient(135deg,var(--cr-accent),var(--cr-accent-2)); font-size:14px; font-weight:800; box-shadow:0 14px 32px color-mix(in srgb,var(--cr-accent) 24%,transparent); transition:transform .25s ease,box-shadow .25s ease; }
.cr-button:hover { transform:translateY(-3px); box-shadow:0 20px 42px color-mix(in srgb,var(--cr-accent) 32%,transparent); }
.cr-button svg { width:17px; }
.cr-button.small { min-height:43px; padding-inline:17px; border-radius:12px; font-size:12px; }
.cr-button.ghost { border-color:#dce1ed; color:var(--cr-ink)!important; background:#fff; box-shadow:0 10px 24px rgba(16,26,54,.06); }
.cr-menu-button { width:42px; height:42px; padding:0; border:1px solid #e1e5ef; border-radius:12px; display:none; place-items:center; color:var(--cr-ink); background:#fff; }
.cr-menu-button svg { width:21px; }
.cr-mobile-menu { position:absolute; inset:78px 0 auto; z-index:95; padding:14px; border:1px solid #e2e6f0; border-radius:16px; display:grid; gap:5px; background:#fff; box-shadow:0 24px 50px rgba(16,26,54,.15); }
.cr-mobile-menu a { padding:12px; border-radius:10px; color:#3d4860; font-size:14px; font-weight:750; }
.cr-mobile-menu a:hover { color:var(--cr-accent); background:var(--cr-soft); }

.cr-hero { min-height:805px; position:relative; display:flex; align-items:center; background:radial-gradient(circle at 83% 24%,color-mix(in srgb,var(--cr-accent) 13%,transparent),transparent 30%),linear-gradient(180deg,#fbfcff,#fff); }
.cr-hero:before { content:''; width:520px; height:520px; position:absolute; left:-345px; top:120px; border:1px solid #edf0f7; border-radius:50%; box-shadow:0 0 0 85px rgba(247,248,252,.78),0 0 0 170px rgba(251,251,254,.9); }
.cr-hero-grid { padding-block:72px 78px; position:relative; display:grid; grid-template-columns:.87fr 1.13fr; gap:44px; align-items:center; }
.cr-pill { width:max-content; max-width:100%; padding:9px 13px; border:1px solid color-mix(in srgb,var(--cr-accent) 20%,#fff); border-radius:100px; display:flex; align-items:center; gap:8px; color:var(--cr-accent); background:color-mix(in srgb,var(--cr-soft) 78%,#fff); font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.cr-pill svg { width:15px; }
.cr-hero h1 { max-width:650px; margin:22px 0 25px; font-size:clamp(48px,5.7vw,78px); line-height:.98; letter-spacing:-.06em; }
.cr-hero h1 span { color:var(--cr-accent); }
.cr-hero-copy>p { max-width:605px; margin:0; color:#65708a; font-size:18px; line-height:1.74; }
.cr-hero-actions { margin-top:32px; display:flex; gap:12px; flex-wrap:wrap; }
.cr-trust-line { margin-top:27px; display:flex; flex-wrap:wrap; gap:16px; }
.cr-trust-line span { display:flex; align-items:center; gap:6px; color:#6e7890; font-size:11px; font-weight:700; }
.cr-trust-line svg { width:14px; color:#079270; }

.cr-product-stage { min-height:610px; position:relative; perspective:1200px; }
.cr-orbit { position:absolute; border:1px solid color-mix(in srgb,var(--cr-accent) 15%,transparent); border-radius:50%; }
.cr-orbit-one { width:500px; height:500px; top:1%; right:-9%; }
.cr-orbit-two { width:380px; height:380px; top:11%; right:1%; box-shadow:0 0 0 65px color-mix(in srgb,var(--cr-accent) 3%,transparent); }
.cr-editor-window { width:91%; position:absolute; top:48px; right:0; border:1px solid rgba(210,216,231,.9); border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 42px 110px rgba(26,36,86,.2); transform:rotateY(-4deg) rotateZ(1deg); }
.cr-window-bar { height:47px; padding:0 14px; border-bottom:1px solid #e7eaf2; display:flex; align-items:center; justify-content:space-between; color:#667086; background:#f8f9fc; font-size:10px; }
.cr-dots { display:flex; gap:5px; }.cr-dots i { width:8px; height:8px; border-radius:50%; background:#ff756c; }.cr-dots i:nth-child(2){background:#ffc45e}.cr-dots i:nth-child(3){background:#55d39a}
.cr-saved { display:flex; align-items:center; gap:4px; color:#16815f; font-weight:800; }.cr-saved svg{width:12px}
.cr-editor-toolbar { height:58px; padding:9px 14px; border-bottom:1px solid #eaedf4; display:flex; align-items:center; gap:7px; background:#fff; }
.cr-editor-toolbar button { height:36px; padding:0 13px; border:0; border-radius:9px; display:flex; align-items:center; gap:5px; color:#687289; background:transparent; font-size:9px; font-weight:850; text-transform:capitalize; }
.cr-editor-toolbar button svg { width:13px; }.cr-editor-toolbar button.active { color:var(--cr-accent); background:var(--cr-soft); }
.cr-editor-canvas { min-height:430px; display:grid; grid-template-columns:32% 68%; background:#eef1f7; }
.cr-editor-side { padding:24px 16px; border-right:1px solid #e0e4ed; display:flex; flex-direction:column; background:#fff; }
.cr-editor-side span { margin:0 0 6px; color:#9aa2b4; font-size:6px; font-weight:900; letter-spacing:.13em; }.cr-editor-side span:nth-of-type(2){margin-top:24px}
.cr-editor-side b { color:#313b53; font-size:8px; }.cr-editor-side p { margin:7px 0 0; padding:9px; border:1px solid #dfe3ec; border-radius:7px; color:#737c91; font-size:6px; line-height:1.55; }.cr-editor-side small{color:#848ca0;font-size:6px}
.cr-resume-sheet { width:295px; min-height:386px; margin:22px auto; background:#fff; box-shadow:0 13px 34px rgba(26,35,70,.14); }
.cr-sheet-head { height:93px; padding:16px 20px; display:flex; align-items:center; gap:12px; color:#fff; background:var(--cr-ink); }
.cr-sheet-head>span { width:54px; height:54px; border:3px solid color-mix(in srgb,var(--cr-accent) 45%,#fff); border-radius:50%; display:grid; place-items:center; color:var(--cr-ink); background:linear-gradient(145deg,#dce4ff,#d8fbef); font-size:10px; font-weight:900; }
.cr-sheet-head h3{margin:0;font-size:16px;line-height:1.1}.cr-sheet-head p{margin:4px 0 0;color:#d9ddec;font-size:7px}
.cr-sheet-body { padding:18px; display:grid; grid-template-columns:80px 1fr; gap:18px; color:#4f5a70; }
.cr-sheet-body aside,.cr-sheet-body main{display:flex;flex-direction:column}.cr-sheet-body b{margin:0 0 7px;padding-bottom:3px;border-bottom:1px solid #dfe3ea;color:#29344f;font-size:6px;letter-spacing:.07em}.cr-sheet-body aside b:nth-of-type(2),.cr-sheet-body main b:nth-of-type(2){margin-top:15px}.cr-sheet-body aside>i,.cr-sheet-body main>i{height:3px;margin-bottom:5px;border-radius:4px;background:#dfe3ea}.cr-sheet-body aside>i:nth-child(3){width:82%}.cr-sheet-body aside em{margin-top:5px;font-size:5px;font-style:normal}.cr-sheet-body aside span{height:3px;margin-top:2px;border-radius:4px;background:#e7eaf0}.cr-sheet-body aside span i{width:80%;height:100%;display:block;background:var(--cr-accent)}.cr-sheet-body h4{margin:0 0 2px;color:#29344f;font-size:6px}.cr-sheet-body small{margin-bottom:5px;color:var(--cr-accent);font-size:5px}.cr-sheet-body main>i:nth-of-type(1){width:95%}.cr-sheet-body main>i:nth-of-type(2){width:85%}.cr-sheet-body main>i:nth-of-type(3){width:68%;margin-bottom:10px}
.cr-insight-card { width:245px; min-height:178px; padding:18px; position:absolute; left:-7px; bottom:31px; border:1px solid rgba(213,219,234,.92); border-radius:17px; background:rgba(255,255,255,.93); backdrop-filter:blur(18px); box-shadow:0 28px 65px rgba(21,31,70,.18); transition:.3s ease; }
.cr-insight-card>div { display:flex; align-items:center; justify-content:space-between; color:var(--cr-accent); font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.cr-insight-card>div svg{width:16px}
.cr-insight-card h3 { margin:11px 0 6px; font-size:15px; line-height:1.25; }.cr-insight-card p{margin:0;color:#717b91;font-size:9px;line-height:1.55}.cr-insight-card button{margin-top:13px;padding:0;border:0;display:flex;align-items:center;gap:5px;color:var(--cr-accent);background:transparent;font-size:8px;font-weight:850}.cr-insight-card button svg{width:12px}
.cr-score-float { width:122px; height:122px; padding:21px 17px; position:absolute; right:-11px; top:5px; border:1px solid rgba(213,219,234,.9); border-radius:25px; display:flex; flex-direction:column; background:rgba(255,255,255,.9); backdrop-filter:blur(18px); box-shadow:0 24px 55px rgba(21,31,70,.15); animation:cr-float 5s ease-in-out infinite; }
.cr-score-float strong{font-size:29px;line-height:1}.cr-score-float span{margin:3px 0 10px;color:#768096;font-size:8px;font-weight:800}.cr-score-float>i{height:6px;border-radius:6px;background:#e8ebf2}.cr-score-float>i b{width:92%;height:100%;display:block;border-radius:6px;background:linear-gradient(90deg,var(--cr-accent),#50d5ab)}

.cr-proof { border-block:1px solid #e7eaf2; background:#fff; }
.cr-proof-grid { min-height:116px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; }
.cr-proof-grid div { min-height:58px; padding:0 34px; border-right:1px solid #e6e9f1; display:flex; flex-direction:column; justify-content:center; }.cr-proof-grid div:first-child{padding-left:0}.cr-proof-grid div:last-child{border:0}
.cr-proof-grid strong{font-size:25px;line-height:1.1}.cr-proof-grid span{margin-top:5px;color:#788198;font-size:11px}

.cr-bento-section,.cr-workspace-showcase,.cr-pricing,.cr-faq { padding:116px 0; }
.cr-bento-section { background:#f7f8fc; }
.cr-section-head { max-width:770px; margin:0 auto 52px; text-align:center; }.cr-section-head.left{margin-left:0;text-align:left}.cr-section-head.light{color:#fff}.cr-section-head>span,.cr-showcase-copy>span{color:var(--cr-accent);font-size:11px;font-weight:900;letter-spacing:.12em}.cr-section-head.light>span{color:#79f0d2}
.cr-section-head h2,.cr-showcase-copy h2{margin:14px 0 15px;font-size:clamp(37px,4.4vw,58px);line-height:1.06;letter-spacing:-.05em}.cr-section-head p,.cr-showcase-copy>p{margin:0;color:#6d778f;font-size:17px;line-height:1.75}.cr-section-head.light p{color:#bac3dc}
.cr-bento-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:18px; }
.cr-spot-card { --spot-x:50%; --spot-y:50%; min-height:300px; padding:30px; position:relative; overflow:hidden; border:1px solid #e1e5ef; border-radius:25px; background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--cr-accent) 10%,#fff),transparent 56%),#fff; box-shadow:0 12px 38px rgba(20,29,67,.045); transition:transform .3s ease,box-shadow .3s ease; }
.cr-spot-card:hover { transform:translateY(-5px); box-shadow:0 25px 55px rgba(20,29,67,.1); }
.cr-spot-card>span,.cr-card-copy>span { display:flex;align-items:center;gap:7px;color:var(--cr-accent);font-size:9px;font-weight:900;letter-spacing:.1em }.cr-spot-card>span svg,.cr-card-copy>span svg{width:15px}
.cr-spot-card h3 { margin:12px 0 10px;font-size:28px;line-height:1.1;letter-spacing:-.035em }.cr-spot-card p{max-width:500px;margin:0;color:#727c92;font-size:14px;line-height:1.65}.cr-spot-card a{margin-top:22px;display:flex;align-items:center;gap:6px;color:var(--cr-accent);font-size:12px;font-weight:850}.cr-spot-card a svg{width:14px}
.cr-bento-large { min-height:450px; grid-row:span 2; }.cr-bento-editor{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;align-items:center;background:radial-gradient(500px circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--cr-accent) 14%,#fff),transparent 60%),linear-gradient(145deg,#fff,#f4f6ff)}
.cr-card-copy h3{margin:14px 0 12px;font-size:34px;line-height:1.06;letter-spacing:-.045em}.cr-card-copy p{margin:0;color:#6d778f;font-size:14px;line-height:1.7}.cr-card-copy a{margin-top:24px;display:flex;align-items:center;gap:7px;color:var(--cr-accent);font-size:12px;font-weight:850}.cr-card-copy a svg{width:14px}
.cr-ai-demo { min-height:320px;padding:20px;border:1px solid rgba(211,217,233,.95);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 25px 55px rgba(36,45,98,.13);transform:rotate(2.5deg)}.cr-ai-top{display:flex;justify-content:space-between;color:#3b4660;font-size:10px;font-weight:800}.cr-ai-top svg{width:16px;color:var(--cr-accent)}.cr-ai-demo>p{margin:20px 0;padding:14px;border:1px solid #e2e5ed;border-radius:10px;font-size:10px;line-height:1.6}.cr-ai-demo>button{height:34px;padding:0 12px;border:0;border-radius:8px;color:#fff;background:var(--cr-accent);font-size:8px;font-weight:850}.cr-wave{height:62px;margin:22px 0 12px;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--cr-soft)}.cr-wave i{width:4px;border-radius:5px;background:var(--cr-accent);animation:cr-wave 1.1s ease-in-out infinite}.cr-wave i:nth-child(1),.cr-wave i:nth-child(7){height:12px}.cr-wave i:nth-child(2),.cr-wave i:nth-child(6){height:25px;animation-delay:.15s}.cr-wave i:nth-child(3),.cr-wave i:nth-child(5){height:37px;animation-delay:.3s}.cr-wave i:nth-child(4){height:23px;animation-delay:.45s}.cr-ai-demo small{display:flex;align-items:center;gap:5px;color:#6a758c;font-size:8px}.cr-ai-demo small svg{width:12px}
.cr-bento-score { color:#fff; background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--cr-accent) 70%,#fff),transparent 60%),var(--cr-ink); }.cr-bento-score>span,.cr-bento-score a{color:#7ff0d3}.cr-bento-score p{color:#c2c9dd}.cr-mini-score{width:92px;height:92px;margin-bottom:24px;border:7px solid rgba(255,255,255,.12);border-top-color:#7ff0d3;border-right-color:#7ff0d3;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.cr-mini-score strong{font-size:24px;line-height:1}.cr-mini-score span{margin-top:3px;color:#cfd5e7;font-size:6px;font-weight:900;letter-spacing:.08em}
.cr-bento-upload { min-height:370px; }.cr-upload-tile{margin-top:28px;padding:20px;border:1px dashed color-mix(in srgb,var(--cr-accent) 32%,#dbe0eb);border-radius:15px;display:flex;flex-direction:column;align-items:center;color:#758096;background:color-mix(in srgb,var(--cr-soft) 48%,#fff)}.cr-upload-tile svg{width:25px;color:var(--cr-accent)}.cr-upload-tile b{margin-top:8px;color:#3f4a64;font-size:10px}.cr-upload-tile small{font-size:8px}
.cr-bento-jobs,.cr-bento-review{min-height:285px}.cr-job-chips{margin-top:25px;display:grid;gap:8px}.cr-job-chips span{padding:11px 13px;border:1px solid #e0e4ed;border-radius:10px;display:flex;justify-content:space-between;color:#536078;background:#fff;font-size:9px;font-weight:750}.cr-job-chips b{color:#0b8a68}
.cr-bento-review { color:#fff; background:linear-gradient(140deg,var(--cr-accent),var(--cr-accent-2)); }.cr-bento-review>span,.cr-bento-review a{color:#fff}.cr-bento-review p{color:rgba(255,255,255,.78)}

.cr-toolkit { padding:120px 0; position:relative; overflow:hidden; background:radial-gradient(circle at 8% 5%,color-mix(in srgb,var(--cr-accent) 9%,transparent),transparent 28%),radial-gradient(circle at 93% 92%,color-mix(in srgb,var(--cr-accent-2) 10%,transparent),transparent 30%),#fff; }
.cr-toolkit:before{content:'';width:510px;height:510px;position:absolute;left:-290px;top:310px;border:1px solid color-mix(in srgb,var(--cr-accent) 12%,transparent);border-radius:50%;box-shadow:0 0 0 70px color-mix(in srgb,var(--cr-accent) 2%,transparent),0 0 0 140px color-mix(in srgb,var(--cr-accent) 2%,transparent);pointer-events:none}
.cr-toolkit-leads{display:grid;grid-template-columns:1.06fr .94fr;gap:20px}.cr-toolkit-leads .cr-spot-card{min-height:490px;padding:40px}
.cr-toolkit-label{display:flex;align-items:center;gap:8px;color:#7ff0d3;font-size:10px;font-weight:900;letter-spacing:.12em}.cr-toolkit-label svg{width:18px}
.cr-toolkit-leads h3{max-width:610px;margin:22px 0 14px;font-size:clamp(32px,3.2vw,48px);line-height:1.04;letter-spacing:-.05em}.cr-toolkit-leads p{max-width:650px;margin:0;font-size:15px;line-height:1.75}
.cr-toolkit-import{color:#fff;background:radial-gradient(480px circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--cr-accent) 42%,transparent),transparent 62%),linear-gradient(145deg,#101a36,#172752)!important;box-shadow:0 28px 70px rgba(20,31,70,.18)}.cr-toolkit-import p{color:#bdc7df}
.cr-camera-flow{margin:40px 0 30px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px}.cr-camera-flow>div{height:92px;border:1px solid rgba(255,255,255,.15);border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:rgba(255,255,255,.075);backdrop-filter:blur(12px)}.cr-camera-flow>div svg{width:25px;color:#7ff0d3}.cr-camera-flow>div span{font-size:10px;font-weight:850}.cr-camera-flow>svg{width:18px;color:#7ff0d3}
.cr-file-ribbon{display:flex;gap:8px;flex-wrap:wrap}.cr-file-ribbon span{padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;background:rgba(255,255,255,.07);font-size:8px;font-weight:850}.cr-toolkit-import>small{margin-top:14px;display:block;color:#8996b6;font-size:8px;line-height:1.55}
.cr-toolkit-write{background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--cr-accent-2) 18%,#fff),transparent 62%),linear-gradient(145deg,var(--cr-soft),#fff)!important}.cr-toolkit-write .cr-toolkit-label{color:var(--cr-accent)}.cr-toolkit-write p{color:#667189}
.cr-write-demo{margin-top:35px;padding:12px;border:1px solid color-mix(in srgb,var(--cr-accent) 13%,#dfe3ed);border-radius:19px;display:grid;gap:8px;background:rgba(255,255,255,.8);box-shadow:0 25px 55px rgba(28,38,83,.1)}
.cr-write-row{min-height:76px;padding:15px;border:1px solid #e6e9f1;border-radius:14px;display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:12px;background:#fff}.cr-write-row>svg:first-child{width:38px;height:38px;padding:10px;border-radius:11px;color:var(--cr-accent);background:var(--cr-soft)}.cr-write-row>span{display:flex;flex-direction:column;gap:4px}.cr-write-row b{font-size:11px}.cr-write-row small{color:#788299;font-size:8px}.cr-write-row>svg:last-child{width:19px;color:#0a9b73}.cr-write-row>i{display:flex;align-items:center;gap:3px}.cr-write-row>i em{width:3px;border-radius:4px;background:var(--cr-accent);animation:cr-wave 1s ease-in-out infinite}.cr-write-row>i em:nth-child(1),.cr-write-row>i em:nth-child(5){height:9px}.cr-write-row>i em:nth-child(2),.cr-write-row>i em:nth-child(4){height:18px;animation-delay:.14s}.cr-write-row>i em:nth-child(3){height:25px;animation-delay:.28s}
.cr-toolkit-grid{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cr-tool-card{min-height:265px;padding:26px;display:flex;flex-direction:column}.cr-tool-icon{width:48px;height:48px;margin-bottom:32px;border:1px solid color-mix(in srgb,var(--cr-accent) 12%,#e1e5ed);border-radius:14px;display:grid;place-items:center;color:var(--cr-accent);background:var(--cr-soft);transition:transform .25s ease,background .25s ease,color .25s ease}.cr-tool-icon svg{width:23px}.cr-tool-card:hover .cr-tool-icon{color:#fff;background:var(--cr-accent);transform:translateY(-4px) rotate(-4deg)}.cr-tool-card>span{color:var(--cr-accent);font-size:8px;font-weight:900;letter-spacing:.11em}.cr-tool-card h3{margin:10px 0 10px;font-size:20px;line-height:1.15;letter-spacing:-.035em}.cr-tool-card p{margin:0;color:#707a90;font-size:12px;line-height:1.65}
.cr-toolkit-bottom{margin-top:20px;padding:25px 27px;border:1px solid color-mix(in srgb,var(--cr-accent) 16%,#dfe3ed);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(100deg,var(--cr-soft),#fff);box-shadow:0 15px 45px rgba(21,31,70,.06)}.cr-toolkit-bottom-copy{display:flex;align-items:center;gap:15px}.cr-toolkit-bottom-copy>svg{width:47px;height:47px;padding:12px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--cr-accent),var(--cr-accent-2))}.cr-toolkit-bottom-copy>div{display:flex;flex-direction:column;gap:5px}.cr-toolkit-bottom-copy b{font-size:15px}.cr-toolkit-bottom-copy span{max-width:660px;color:#727d93;font-size:10px;line-height:1.5}.cr-toolkit-bottom .cr-button{white-space:nowrap}

.cr-story { padding:120px 0; background:#fff; }
.cr-story-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:78px; align-items:start; }
.cr-story-visual { min-height:670px; position:sticky; top:115px; display:flex; align-items:center; }
.cr-browser-frame { width:100%; padding:12px; border:1px solid #dfe4ee; border-radius:23px; background:#fff; box-shadow:0 40px 90px rgba(22,31,72,.15); transform:perspective(1200px) rotateY(4deg); }
.cr-browser-head { height:39px; padding:0 5px; display:flex; align-items:center; gap:5px; color:#7a8499; font-size:9px; }.cr-browser-head i{width:7px;height:7px;border-radius:50%;background:#ff756c}.cr-browser-head i:nth-child(2){background:#ffc45e}.cr-browser-head i:nth-child(3){background:#55d39a}.cr-browser-head span{margin-left:auto;margin-right:auto;padding-right:25px;font-weight:750}
.cr-browser-frame img { width:100%; height:auto; border-radius:14px; display:block; object-fit:contain; }
.cr-glass-note { padding:15px 18px; position:absolute; right:-24px; bottom:58px; border:1px solid rgba(213,219,232,.9); border-radius:15px; display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(21,31,70,.16)}.cr-glass-note>svg{width:22px;color:#0a9a73}.cr-glass-note div{display:flex;flex-direction:column}.cr-glass-note b{font-size:10px}.cr-glass-note span{color:#788197;font-size:7px}
.cr-story-copy { padding-top:22px; }.cr-story-step{padding:32px 0;border-top:1px solid #e5e8f0;display:grid;grid-template-columns:50px 1fr;gap:22px}.cr-story-step>span{color:var(--cr-accent);font-size:11px;font-weight:900}.cr-story-step>div{position:relative}.cr-story-step svg{width:23px;color:var(--cr-accent)}.cr-story-step h3{margin:12px 0 9px;font-size:24px;line-height:1.15;letter-spacing:-.035em}.cr-story-step p{margin:0;color:#717b91;font-size:14px;line-height:1.7}

.cr-template-section { padding:120px 0; color:#fff; background:radial-gradient(circle at 12% 30%,color-mix(in srgb,var(--cr-accent) 30%,transparent),transparent 28%),#0d1632; overflow:hidden; }
.cr-template-track { margin:30px -7vw 43px; display:flex; gap:18px; justify-content:center; perspective:1400px; }
.cr-template-card { width:245px; min-width:245px; padding:10px; position:relative; border:1px solid rgba(255,255,255,.13); border-radius:17px; color:var(--cr-ink); background:#fff; box-shadow:0 30px 70px rgba(0,0,0,.25); animation:cr-template-float 7s ease-in-out infinite; animation-delay:var(--delay); transition:transform .35s ease; }.cr-template-card:hover{z-index:4;transform:translateY(-14px) scale(1.04)!important}.cr-template-card:nth-child(odd){transform:rotate(-2deg)}.cr-template-card:nth-child(even){transform:rotate(2deg)}
.cr-template-card>span{padding:5px 8px;position:absolute;top:18px;left:18px;z-index:2;border-radius:100px;color:#fff;background:var(--cr-accent);font-size:7px;font-weight:900;letter-spacing:.08em}.cr-template-card img{width:100%;height:310px;border-radius:10px;display:block;object-fit:cover;object-position:top}.cr-template-card>div{padding:12px 6px 5px;display:flex;align-items:center;justify-content:space-between}.cr-template-card b{font-size:11px}.cr-template-card em{display:flex;align-items:center;gap:4px;color:var(--cr-accent);font-size:7px;font-style:normal;font-weight:850}.cr-template-card em svg{width:10px}.cr-button.light-button{border-color:#fff;color:var(--cr-accent)!important;background:#fff;box-shadow:none;margin-inline:auto;display:flex;width:max-content}
.cr-library-shell{margin-top:72px;padding:42px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px);box-shadow:0 34px 95px rgba(0,0,0,.2)}
.cr-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.cr-library-head>div:first-child>span{color:#79f0d2;font-size:9px;font-weight:900;letter-spacing:.12em}.cr-library-head h3{margin:9px 0 0;font-size:32px;line-height:1.1;letter-spacing:-.04em}.cr-library-filter{padding:5px;border:1px solid rgba(255,255,255,.13);border-radius:12px;display:flex;gap:4px;background:rgba(4,11,29,.36)}.cr-library-filter button{height:38px;padding:0 15px;border:0;border-radius:8px;color:#aeb8d1;background:transparent;font:inherit;font-size:9px;font-weight:850;cursor:pointer;transition:.2s ease}.cr-library-filter button:hover{color:#fff}.cr-library-filter button.active{color:var(--cr-ink);background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.cr-library-count{margin:18px 0 27px;color:#98a5c2;font-size:10px}.cr-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cr-library-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:17px;color:var(--cr-ink);background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.18);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.cr-library-card:hover{border-color:#86ecd2;transform:translateY(-7px);box-shadow:0 28px 58px rgba(0,0,0,.28)}.cr-library-image{aspect-ratio:595/760;overflow:hidden;background:#edf0f5}.cr-library-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:transform .38s ease}.cr-library-card:hover .cr-library-image img{transform:scale(1.025)}.cr-library-card-copy{min-height:143px;padding:17px;display:flex;flex-direction:column}.cr-library-card-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.cr-library-card-copy>div span,.cr-library-card-copy>div em{padding:4px 6px;border-radius:6px;color:#68738c;background:#f0f2f7;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.06em}.cr-library-card-copy>div em.ats{color:#087f64;background:#e4f9f2}.cr-library-card-copy>b{margin-top:12px;font-size:14px;line-height:1.2}.cr-library-card-copy>small{margin-top:4px;color:#7d879c;font-size:9px}.cr-library-card-copy>strong{margin-top:auto;padding-top:15px;display:flex;align-items:center;justify-content:space-between;color:var(--cr-accent);font-size:9px}.cr-library-card-copy>strong svg{width:13px}

.cr-workspace-showcase { background:#f7f8fc; }
.cr-showcase-grid { display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center }.cr-showcase-copy ul{margin:27px 0 31px;padding:0;display:grid;gap:11px;list-style:none}.cr-showcase-copy li{display:flex;align-items:center;gap:9px;color:#5f6a82;font-size:13px}.cr-showcase-copy li svg{width:16px;color:#0b9a72}.cr-workspace-window{padding:12px;border:1px solid #dce1ec;border-radius:22px;background:#fff;box-shadow:0 35px 80px rgba(21,31,70,.13);transform:perspective(1200px) rotateY(-4deg)}.cr-workspace-window img{width:100%;height:auto;display:block;border-radius:13px;object-fit:contain}

.cr-pricing { background:#fff; }.cr-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cr-price-grid article{min-height:455px;padding:34px;border:1px solid #dfe3ed;border-radius:23px;display:flex;flex-direction:column;background:#fff;box-shadow:0 15px 45px rgba(21,31,70,.06)}.cr-price-grid article.featured{position:relative;border:2px solid var(--cr-accent);background:linear-gradient(180deg,var(--cr-soft),#fff 45%);transform:translateY(-12px)}.cr-popular{padding:6px 12px;position:absolute;top:-14px;right:22px;border-radius:100px;color:#fff;background:var(--cr-accent);font-size:8px;font-weight:900;letter-spacing:.08em}.cr-price-grid small{color:var(--cr-accent);font-size:9px;font-weight:900;letter-spacing:.1em}.cr-price-grid h3{margin:10px 0 23px;font-size:24px}.cr-price-grid article>div{display:flex;align-items:baseline;gap:7px}.cr-price-grid strong{font-size:48px;line-height:1;letter-spacing:-.05em}.cr-price-grid article>div span{color:#768096;font-size:11px}.cr-price-grid ul{margin:30px 0;padding:0;display:grid;gap:12px;list-style:none}.cr-price-grid li{display:flex;align-items:center;gap:8px;color:#5d6880;font-size:12px}.cr-price-grid li svg{width:15px;color:#0b9a72}.cr-price-grid .cr-button{width:100%;margin-top:auto}

.cr-faq { background:#f7f8fc; }.cr-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;align-items:start}.cr-faq details{border-top:1px solid #dfe3ec}.cr-faq details:last-child{border-bottom:1px solid #dfe3ec}.cr-faq summary{padding:23px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#303b54;font-size:15px;font-weight:800;list-style:none}.cr-faq summary::-webkit-details-marker{display:none}.cr-faq summary svg{width:18px;transition:.2s ease}.cr-faq details[open] summary svg{transform:rotate(180deg);color:var(--cr-accent)}.cr-faq details p{margin:-7px 0 24px;color:#6c768c;font-size:14px;line-height:1.7}

.cr-final-cta { padding:38px 0 110px; background:#f7f8fc; }.cr-final-cta .cr-container>div{padding:70px;position:relative;overflow:hidden;border-radius:30px;color:#fff;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--cr-accent) 65%,#fff),transparent 36%),linear-gradient(135deg,#101a36,var(--cr-accent-2));box-shadow:0 32px 80px rgba(23,32,76,.2)}.cr-final-cta .cr-container>div:after{content:'';width:280px;height:280px;position:absolute;right:-85px;bottom:-170px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.03)}.cr-final-cta span{display:flex;align-items:center;gap:7px;color:#85f2d6;font-size:9px;font-weight:900;letter-spacing:.1em}.cr-final-cta span svg{width:14px;fill:#85f2d6}.cr-final-cta h2{max-width:760px;margin:15px 0;font-size:clamp(38px,5vw,63px);line-height:1.02;letter-spacing:-.05em}.cr-final-cta p{margin:0;color:#cbd2e8;font-size:16px}.cr-final-cta .cr-container>div>div{margin-top:27px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cr-final-cta .cr-container>div>div>a:last-child{color:#fff;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px}

.cr-footer { padding:76px 0 28px;color:#fff;background:#0a1228}.cr-footer .cr-brand-copy{color:#fff}.cr-footer .cr-brand-copy small{color:#8e99b5}.cr-footer-top{padding-bottom:37px;border-bottom:1px solid rgba(255,255,255,.11);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:45px}.cr-footer-top>p{max-width:490px;margin:0;color:#929db8;font-size:13px}.cr-footer-social{display:flex;gap:8px}.cr-footer-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.13);border-radius:10px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;transition:.2s ease}.cr-footer-social a:hover{border-color:var(--cr-accent);background:var(--cr-accent);transform:translateY(-2px)}.cr-footer-links{padding:45px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.cr-footer-links div{display:flex;flex-direction:column;gap:11px}.cr-footer-links b{margin-bottom:5px;font-size:12px}.cr-footer-links a{color:#919cb6;font-size:11px}.cr-footer-links a:hover{color:#fff}.cr-footer-bottom{padding-top:25px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;color:#7f8aa6;font-size:9px}.cr-footer-bottom>span:last-child{display:flex;gap:18px}

.cr-customizer-toggle { height:46px;padding:0 17px;position:fixed;right:22px;bottom:23px;z-index:90;border:1px solid rgba(255,255,255,.18);border-radius:13px;display:flex;align-items:center;gap:8px;color:#fff;background:#111b38;box-shadow:0 16px 40px rgba(13,22,50,.28);font-size:10px;font-weight:850}.cr-customizer-toggle svg{width:16px;color:#82f0d2}.cr-customizer{width:310px;padding:22px;position:fixed;right:22px;bottom:80px;z-index:95;border:1px solid #dce1ec;border-radius:20px;color:var(--cr-ink);background:rgba(255,255,255,.95);backdrop-filter:blur(20px);box-shadow:0 30px 80px rgba(16,26,54,.22);animation:cr-sheet-up .3s ease both}.cr-customizer-head{display:flex;align-items:flex-start;justify-content:space-between}.cr-customizer-head small{color:var(--cr-accent);font-size:7px;font-weight:900;letter-spacing:.1em}.cr-customizer-head h3{margin:4px 0 0;font-size:20px}.cr-customizer-head button{width:32px;height:32px;padding:0;border:0;border-radius:9px;display:grid;place-items:center;color:#59647b;background:#f0f2f7}.cr-customizer-head button svg{width:16px}.cr-customizer>label,.cr-customizer>div>label{margin:22px 0 7px;display:block;color:#667087;font-size:9px;font-weight:850}.cr-customizer input{width:100%;height:43px;padding:0 12px;border:1px solid #dbe0ea;border-radius:10px;color:var(--cr-ink);background:#fff;font-size:12px;outline:none}.cr-customizer input:focus{border-color:var(--cr-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cr-accent) 12%,transparent)}.cr-swatches{display:flex;gap:9px}.cr-swatches button{width:35px;height:35px;padding:0;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #dce1eb}.cr-swatches button.active{box-shadow:0 0 0 2px var(--cr-ink)}.cr-customizer>p{margin:20px 0 0;padding-top:16px;border-top:1px solid #e5e8ef;color:#778197;font-size:9px;line-height:1.55}
.cr-mobile-cta,.cr-sheet-overlay{display:none}

@keyframes cr-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes cr-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-10px) rotate(-1deg)}}
@keyframes cr-wave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@keyframes cr-template-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes cr-sheet-up{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}

@media(max-width:1100px){.cr-desktop-nav{gap:15px}.cr-desktop-nav a{font-size:11px}.cr-hero-grid{grid-template-columns:.94fr 1.06fr}.cr-product-stage{transform:scale(.9);transform-origin:center right;margin-left:-45px}.cr-template-track{justify-content:flex-start;overflow-x:auto;margin-inline:-20px;padding:20px;scrollbar-width:none}.cr-template-track::-webkit-scrollbar{display:none}.cr-template-card{animation:none}.cr-bento-editor{grid-template-columns:1fr}.cr-ai-demo{display:none}.cr-toolkit-grid{grid-template-columns:repeat(3,1fr)}.cr-library-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.cr-desktop-nav,.cr-signin,.cr-nav-actions>.cr-button{display:none}.cr-menu-button{display:grid}.cr-header{height:68px}.cr-mobile-menu{inset:68px 0 auto}.cr-hero{min-height:auto}.cr-hero-grid{padding-block:65px 70px;grid-template-columns:1fr}.cr-hero-copy{text-align:center}.cr-pill,.cr-hero-actions,.cr-trust-line{margin-inline:auto;justify-content:center}.cr-hero-copy>p{margin-inline:auto}.cr-product-stage{width:min(680px,100%);margin:0 auto;transform:none}.cr-proof-grid{grid-template-columns:repeat(2,1fr)}.cr-proof-grid div{padding:24px;border-bottom:1px solid #e6e9f1}.cr-proof-grid div:nth-child(2){border-right:0}.cr-bento-grid,.cr-story-grid,.cr-showcase-grid,.cr-faq-grid,.cr-toolkit-leads{grid-template-columns:1fr}.cr-bento-large{grid-row:auto}.cr-toolkit-grid{grid-template-columns:repeat(2,1fr)}.cr-toolkit-leads .cr-spot-card{min-height:auto}.cr-toolkit-bottom{align-items:flex-start;flex-direction:column}.cr-library-shell{padding:30px}.cr-library-head{align-items:flex-start;flex-direction:column}.cr-library-grid{grid-template-columns:repeat(2,1fr)}.cr-story-visual{min-height:auto;position:relative;top:0}.cr-story-copy{padding-top:0}.cr-showcase-copy{order:2}.cr-price-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.cr-price-grid article.featured{transform:none}.cr-footer-top{grid-template-columns:1fr}.cr-footer-social{justify-content:flex-start}}
@media(max-width:640px){.consumer-demo:has(.cr-sheet-overlay:not([hidden])){transform:none!important;animation:none!important}.consumer-demo:has(.cr-sheet-overlay:not([hidden])) .cr-hero{transform:none!important;opacity:1!important;transition:none!important}.consumer-demo:has(.cr-sheet-overlay:not([hidden])) .cr-product-stage{transform:none!important;perspective:none!important}.consumer-demo:has(.cr-sheet-overlay:not([hidden])) .cr-editor-window{overflow:visible!important}.consumer-demo:has(.cr-sheet-overlay:not([hidden])) .cr-mobile-cta,.consumer-demo:has(.cr-sheet-overlay:not([hidden])) .cr-customizer-toggle{visibility:hidden!important}.cr-container{width:min(100% - 28px,1220px)}.cr-header{background:rgba(255,255,255,.94)}.cr-brand-copy b{font-size:17px}.cr-hero-grid{padding-block:50px 45px}.cr-hero h1{font-size:clamp(42px,13vw,59px)}.cr-hero-copy>p{font-size:16px}.cr-hero-actions{display:grid}.cr-button{width:100%}.cr-trust-line{display:grid;gap:8px;text-align:left;width:max-content}.cr-product-stage{min-height:440px;margin-top:10px}.cr-editor-window{width:100%;top:30px;right:auto;transform:none}.cr-editor-canvas{min-height:300px;grid-template-columns:30% 70%}.cr-editor-side{padding:15px 9px}.cr-editor-side p{padding:6px}.cr-resume-sheet{width:205px;min-height:285px;margin:15px auto}.cr-sheet-head{height:67px;padding:10px 13px}.cr-sheet-head>span{width:39px;height:39px;font-size:7px}.cr-sheet-head h3{font-size:11px}.cr-sheet-body{padding:12px;grid-template-columns:56px 1fr;gap:11px}.cr-insight-card{width:190px;min-height:137px;padding:13px;left:-5px;bottom:0}.cr-insight-card h3{font-size:12px}.cr-insight-card p{font-size:7px}.cr-score-float{width:90px;height:90px;padding:15px 11px;right:-4px;top:1px;border-radius:18px}.cr-score-float strong{font-size:21px}.cr-score-float span{font-size:6px;margin-bottom:7px}.cr-proof-grid strong{font-size:21px}.cr-proof-grid span{font-size:9px}.cr-bento-section,.cr-workspace-showcase,.cr-pricing,.cr-faq,.cr-story,.cr-template-section,.cr-toolkit{padding:82px 0}.cr-section-head{margin-bottom:36px}.cr-section-head h2,.cr-showcase-copy h2{font-size:38px}.cr-section-head p,.cr-showcase-copy>p{font-size:15px}.cr-spot-card{padding:24px;border-radius:20px}.cr-bento-editor{display:block}.cr-card-copy h3,.cr-spot-card h3{font-size:27px}.cr-bento-large{min-height:340px}.cr-ai-demo{display:none}.cr-toolkit-leads .cr-spot-card{padding:25px}.cr-toolkit-leads h3{font-size:32px}.cr-toolkit-leads p{font-size:14px}.cr-camera-flow{margin:30px 0 24px;gap:6px}.cr-camera-flow>div{height:74px}.cr-camera-flow>svg{width:13px}.cr-file-ribbon span{font-size:7px}.cr-toolkit-grid{grid-template-columns:1fr;gap:12px}.cr-tool-card{min-height:auto;padding:24px}.cr-tool-icon{margin-bottom:24px}.cr-tool-card h3{font-size:22px}.cr-tool-card p{font-size:13px}.cr-toolkit-bottom{padding:22px}.cr-toolkit-bottom-copy{align-items:flex-start}.cr-toolkit-bottom-copy>svg{min-width:44px}.cr-write-row{grid-template-columns:36px 1fr auto}.cr-library-shell{margin-top:50px;padding:21px 10px;border-radius:22px}.cr-library-head{padding:0 8px}.cr-library-head h3{font-size:28px}.cr-library-filter{width:100%;overflow:auto}.cr-library-filter button{min-width:max-content;flex:1}.cr-library-count{padding:0 8px}.cr-library-grid{gap:9px}.cr-library-card{border-radius:12px}.cr-library-image{aspect-ratio:595/842}.cr-library-card-copy{min-height:130px;padding:12px 10px}.cr-library-card-copy>div em{font-size:6px}.cr-library-card-copy>b{font-size:11px}.cr-library-card-copy>small{font-size:7px}.cr-library-card-copy>strong{font-size:7px}.cr-story-grid{gap:40px}.cr-glass-note{right:9px;bottom:-20px}.cr-story-step{padding:25px 0;grid-template-columns:37px 1fr;gap:12px}.cr-template-card{width:72vw;min-width:72vw}.cr-template-card img{height:330px;object-fit:contain;background:#f3f4f8}.cr-showcase-grid{gap:40px}.cr-workspace-window{padding:7px;transform:none}.cr-price-grid article{min-height:410px;padding:27px}.cr-faq-grid{gap:15px}.cr-final-cta{padding:12px 0 82px}.cr-final-cta .cr-container>div{padding:45px 26px}.cr-final-cta h2{font-size:40px}.cr-footer{padding-bottom:95px}.cr-footer-links{grid-template-columns:repeat(2,1fr)}.cr-footer-bottom{align-items:flex-start;gap:14px;flex-direction:column}.cr-customizer-toggle{right:15px;bottom:77px}.cr-customizer-toggle span{display:none}.cr-customizer{width:calc(100% - 28px);right:14px;bottom:128px}.cr-mobile-cta{height:62px;padding:0 18px;position:fixed;left:12px;right:12px;bottom:10px;z-index:88;border:1px solid rgba(255,255,255,.28);border-radius:17px;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;color:#fff;background:linear-gradient(135deg,var(--cr-accent),var(--cr-accent-2));box-shadow:0 18px 50px color-mix(in srgb,var(--cr-accent) 42%,transparent);font-size:13px;font-weight:850;text-align:left}.cr-mobile-cta>svg{width:17px}.cr-mobile-cta>svg:last-child{transform:rotate(180deg)}.cr-sheet-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;background:rgba(6,13,32,.52);backdrop-filter:blur(5px)}.cr-bottom-sheet{width:100%;padding:14px 22px 28px;position:relative;border-radius:26px 26px 0 0;color:var(--cr-ink);background:#fff;animation:cr-bottom-up .35s ease both}.cr-sheet-handle{width:46px;height:4px;margin:0 auto 21px;border-radius:4px;display:block;background:#d7dbe5}.cr-sheet-close{width:35px;height:35px;padding:0;position:absolute;right:17px;top:17px;border:0;border-radius:10px;display:grid;place-items:center;color:#68738a;background:#f0f2f7}.cr-sheet-close svg{width:17px}.cr-sheet-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--cr-accent),var(--cr-accent-2))}.cr-sheet-icon svg{width:23px}.cr-bottom-sheet h3{margin:17px 0 8px;font-size:25px}.cr-bottom-sheet p{margin:0 0 21px;color:#717b91;font-size:14px}.cr-bottom-sheet .cr-button{margin-top:9px}}
@keyframes cr-bottom-up{from{transform:translateY(100%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.consumer-demo,.cr-score-float,.cr-wave i,.cr-template-card,.cr-bottom-sheet{animation:none!important}.cr-button,.cr-spot-card,.cr-template-card{transition:none!important}}

.hero { position:relative; padding-top:88px; background:radial-gradient(circle at 80% 20%,rgba(126,102,255,.11),transparent 34%),linear-gradient(180deg,#fcfcff,#fff); overflow:hidden; }
.hero:before { content:''; width:350px; height:350px; position:absolute; top:9%; left:-10%; border:1px solid #edf0fb; border-radius:50%; box-shadow:0 0 0 70px rgba(246,247,253,.8),0 0 0 140px rgba(250,250,254,.7); }
.hero-grid { position:relative; display:grid; grid-template-columns:.86fr 1.14fr; gap:52px; align-items:center; }
.hero-copy { padding-bottom:24px; }
.eyebrow { width:fit-content; padding:8px 12px; border:1px solid #dfe4ff; border-radius:100px; display:inline-flex; align-items:center; gap:8px; color:#4055ca; background:#f5f7ff; font-size:12px; line-height:1; font-weight:820; letter-spacing:.05em; text-transform:uppercase; }
.eyebrow.light { border-color:rgba(255,255,255,.18); color:var(--mint); background:rgba(255,255,255,.08); }
.hero h1 { max-width:650px; margin:23px 0 22px; font-size:clamp(48px,5.2vw,73px); line-height:.99; letter-spacing:-.055em; }
.hero h1 span { color:var(--blue); }
.hero-lead { max-width:615px; color:var(--muted); font-size:18px; line-height:1.75; }
.hero-actions { margin-top:34px; display:flex; align-items:center; gap:13px; flex-wrap:wrap; }
.trust-row { margin-top:34px; display:flex; align-items:center; gap:15px; }
.avatars { display:flex; }
.avatars span { width:38px; height:38px; margin-left:-8px; border:3px solid #fff; border-radius:50%; display:grid; place-items:center; color:#fff; background:#465bd6; font-size:9px; font-weight:800; }
.avatars span:first-child { margin-left:0; background:#15a881; }
.avatars span:nth-child(2) { background:#7b56df; }
.avatars span:nth-child(3) { background:#ef8d4c; }
.avatars span:last-child { color:var(--ink); background:#eef0f7; }
.stars { height:15px; display:flex; gap:2px; }
.stars svg { width:14px; fill:#ffb647; color:#ffb647; }
.trust-row p { margin:2px 0 0; color:var(--muted); font-size:12px; }

.resume-scene { min-height:635px; position:relative; }
.scene-glow { position:absolute; border-radius:50%; filter:blur(2px); }
.scene-glow-one { top:10%; right:-8%; width:460px; height:460px; background:rgba(86,76,232,.13); }
.scene-glow-two { bottom:0; left:7%; width:300px; height:300px; background:rgba(130,237,207,.15); }
.editor-shell { width:94%; position:absolute; top:32px; right:0; overflow:hidden; border:1px solid rgba(221,225,240,.95); border-radius:18px; background:#fff; box-shadow:0 35px 90px rgba(31,40,90,.16); transform:rotate(1.5deg); }
.editor-topbar { height:43px; padding:0 14px; border-bottom:1px solid #e8eaf3; display:flex; align-items:center; justify-content:space-between; color:#5a6379; background:#f8f9fd; font-size:10px; font-weight:750; }
.window-dots { display:flex; gap:5px; }
.window-dots i { width:7px; height:7px; border-radius:50%; background:#ff806d; }
.window-dots i:nth-child(2) { background:#ffc75d; }
.window-dots i:nth-child(3) { background:#54d692; }
.autosave { display:flex; align-items:center; gap:3px; color:#259a75; }
.editor-body { min-height:508px; display:grid; grid-template-columns:154px 1fr; }
.editor-panel { padding:18px 13px; border-right:1px solid #e8eaf2; background:#f7f8fc; }
.mini-profile { display:flex; align-items:center; gap:8px; }
.mini-avatar { width:29px; height:29px; border-radius:9px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#5756e9,#6a8eff); font-size:8px; font-weight:850; }
.mini-profile div:last-child { display:flex; flex-direction:column; line-height:1.3; }
.mini-profile b { font-size:8px; }
.mini-profile span { color:#7d8497; font-size:6px; }
.panel-label { margin:21px 5px 8px; color:#9a9fb0; font-size:6px; font-weight:850; letter-spacing:.11em; }
.panel-row { height:31px; padding:0 7px; margin-bottom:5px; border-radius:7px; display:grid; grid-template-columns:17px 1fr auto; align-items:center; color:#687087; font-size:7px; font-weight:750; }
.panel-row.active { color:#334ee5; background:#e9edff; }
.panel-template { width:100%; height:32px; margin-top:14px; border:1px solid #dfe3ef; border-radius:7px; display:flex; align-items:center; justify-content:center; gap:5px; color:#4c5671; background:#fff; font-size:7px; font-weight:750; }
.paper-wrap { padding:25px; display:grid; place-items:center; background:#eef1f8; }
.resume-paper { width:306px; min-height:432px; overflow:hidden; background:#fff; box-shadow:0 12px 30px rgba(24,34,76,.12); }
.resume-header { height:103px; padding:19px 22px; display:flex; align-items:center; gap:17px; color:#fff; background:#142044; }
.resume-avatar { width:61px; height:61px; border:3px solid var(--mint); border-radius:50%; display:grid; place-items:center; flex:none; color:#142044; background:linear-gradient(135deg,#d9e4ff,#b6f4e2); font-size:13px; font-weight:900; }
.resume-kicker { color:var(--mint); font-size:5px; font-weight:850; letter-spacing:.14em; }
.resume-header h3 { margin:2px 0 0; font-size:17px; line-height:1.1; }
.resume-header p { margin:4px 0 0; color:#d7dcec; font-size:7px; }
.resume-columns { padding:19px 20px; display:grid; grid-template-columns:82px 1fr; gap:20px; }
.resume-section-title { margin:0 0 8px; padding-bottom:3px; border-bottom:1px solid #dfe4ef; color:#29365a; font-size:7px; letter-spacing:.08em; }
.resume-section-title:not(:first-child) { margin-top:16px; }
.contact-lines { display:grid; gap:5px; }
.contact-lines i { width:75%; height:3px; border-radius:5px; background:#dfe3ee; }
.contact-lines i:nth-child(2) { width:95%; }
.contact-lines i:nth-child(3) { width:68%; }
.skill { margin-bottom:7px; }
.skill b { margin-bottom:2px; display:block; color:#56617c; font-size:5px; }
.skill>span { height:3px; display:block; overflow:hidden; border-radius:6px; background:#e6e9f0; }
.skill i { height:100%; display:block; border-radius:6px; background:#5366ef; }
.resume-small { margin:4px 0; color:#58627a; font-size:5px; }
.resume-copy { margin:0; color:#5d667b; font-size:5.5px; line-height:1.55; }
.timeline-item { margin-bottom:9px; display:grid; grid-template-columns:49px 1fr; gap:5px; color:#667086; font-size:5px; }
.timeline-item>span { color:#5264e3; font-size:4.5px; font-weight:850; }
.timeline-item div { padding-left:6px; border-left:1px solid #6774cc; }
.timeline-item b,.timeline-item small { display:block; color:#273451; font-size:5.5px; }
.timeline-item small { margin:1px 0; color:#5264e3; }
.timeline-item p { margin:2px 0 0; line-height:1.4; }
.ats-card { min-width:302px; min-height:102px; padding:14px 17px; position:absolute; right:-25px; bottom:8px; border:1px solid rgba(219,224,239,.9); border-radius:14px; display:flex; align-items:center; gap:13px; background:rgba(255,255,255,.96); box-shadow:0 22px 55px rgba(31,40,90,.18); }
.score-ring { width:70px; height:70px; padding-top:19px; position:relative; border-radius:50%; display:flex; align-items:baseline; justify-content:center; flex:none; background:conic-gradient(#4b63ef 0 92%,#e7eaf3 92%); }
.score-ring:before { content:''; position:absolute; inset:7px; border-radius:50%; background:#fff; }
.score-ring span,.score-ring small { position:relative; z-index:1; }
.score-ring span { font-size:20px; font-weight:850; }
.score-ring small { color:#7b8499; font-size:7px; }
.ats-title { display:flex; align-items:center; gap:5px; color:#1d2a4d; font-size:12px; font-weight:820; }
.ats-title svg { color:#19a77e; }
.ats-card p { margin:2px 0 7px; color:#5f6981; font-size:8px; }
.ats-tags { display:flex; gap:4px; }
.ats-tags span { padding:3px 5px; border-radius:4px; color:#248667; background:#e6faf4; font-size:6px; font-weight:750; }
.template-float { min-width:190px; padding:10px 12px; position:absolute; left:-5px; bottom:80px; border:1px solid rgba(219,224,239,.9); border-radius:12px; display:flex; align-items:center; background:rgba(255,255,255,.96); box-shadow:0 18px 45px rgba(31,40,90,.15); }
.template-thumb { width:31px; height:41px; margin-right:-10px; padding:5px; border:2px solid #fff; border-radius:4px; background:#f1f3f9; box-shadow:0 4px 10px rgba(16,27,59,.12); }
.template-thumb i { height:8px; display:block; background:#5542c9; }
.template-thumb b { width:75%; height:3px; margin-top:5px; display:block; background:#cdd3e2; }
.template-thumb.blue { background:#e2f3ff; transform:rotate(2deg); }
.template-thumb.blue i { background:#3182ce; }
.template-thumb.coral { margin-right:10px; background:#ffede7; transform:rotate(5deg); }
.template-thumb.coral i { background:#f26f54; }
.template-float>span { width:83px; color:#6a738a; font-size:7px; line-height:1.25; }
.template-float strong { display:block; color:var(--ink); font-size:14px; }

.proof-strip { border-block:1px solid var(--line); background:#fff; }
.refund-guarantee { padding:34px 0; border-bottom:1px solid #bfe9d8; background:linear-gradient(110deg,#e8fbf4,#f4fffb 55%,#edf4ff); }
.refund-guarantee-card { min-height:150px; padding:27px 34px; border:1px solid #b9e8d6; border-radius:24px; display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; background:rgba(255,255,255,.9); box-shadow:0 18px 48px rgba(18,111,83,.1); }
.refund-guarantee-icon { width:64px; height:64px; border-radius:19px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#0aa477,#087a5c); box-shadow:0 15px 30px rgba(8,131,95,.22); }
.refund-guarantee-icon svg { width:31px; height:31px; }
.refund-guarantee-card>div { display:grid; gap:5px; }
.refund-guarantee-card>div>small { color:#087a5c; font-size:9px; font-weight:900; letter-spacing:.12em; }
.refund-guarantee-card h2 { margin:0; color:#14213f; font-size:clamp(24px,2.5vw,34px); line-height:1.08; letter-spacing:-.035em; }
.refund-guarantee-card p { max-width:790px; margin:0; color:#59677c; font-size:14px; line-height:1.65; }
.refund-guarantee-card a { width:max-content; color:#087a5c; font-size:11px; font-weight:850; }
.refund-guarantee-seal { width:92px; height:92px; border:2px solid #19a87c; border-radius:50%; display:grid; align-content:center; justify-items:center; color:#087a5c; background:#effdf8; box-shadow:inset 0 0 0 6px #fff; }
.refund-guarantee-seal strong { font-size:32px; line-height:.9; }
.refund-guarantee-seal small { margin-top:5px; font-size:9px; font-weight:900; letter-spacing:.13em; }
.proof-grid { min-height:125px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; }
.proof-grid div { padding:5px 36px; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.proof-grid div:first-child { padding-left:0; }
.proof-grid div:last-child { border:0; }
.proof-grid strong { font-size:28px; line-height:1.15; letter-spacing:-.04em; }
.proof-grid span { color:var(--muted); font-size:12px; }

.section-heading { max-width:730px; margin-bottom:54px; }
.section-heading.centered { margin-inline:auto; display:flex; flex-direction:column; align-items:center; text-align:center; }
.section-heading.compact { margin-bottom:45px; }
.section-heading h2,.template-copy h2,.ai-copy h2,.offer-copy h2 { margin:18px 0 16px; font-size:clamp(34px,4.1vw,52px); line-height:1.08; letter-spacing:-.045em; }
.section-heading p,.template-copy>p,.ai-copy>p,.offer-copy>p { margin:0; color:var(--muted); font-size:17px; line-height:1.75; }
.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.feature-card { min-height:325px; padding:35px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#fbfcff; }
.feature-card:after { content:''; width:180px; height:180px; position:absolute; right:-76px; top:-76px; border-radius:50%; background:rgba(69,90,244,.08); }
.feature-card.purple:after { background:rgba(119,70,222,.08); }
.feature-card.mint:after { background:rgba(25,167,126,.09); }
.feature-card.orange:after { background:rgba(239,141,76,.1); }
.feature-icon { width:52px; height:52px; margin-bottom:30px; border-radius:14px; display:grid; place-items:center; color:#4059e6; background:#e9edff; }
.feature-card.purple .feature-icon { color:#7046d4; background:#f0eafe; }
.feature-card.mint .feature-icon { color:#138964; background:#dcf8ef; }
.feature-card.orange .feature-icon { color:#cf6435; background:#fff0e7; }
.feature-icon svg { width:25px; }
.feature-card>span { color:#7a8398; font-size:11px; font-weight:820; letter-spacing:.06em; text-transform:uppercase; }
.feature-card h3 { margin:7px 0 9px; font-size:27px; letter-spacing:-.03em; }
.feature-card p { max-width:460px; margin:0; color:var(--muted); font-size:15px; }
.feature-card a,.resource-card a { margin-top:25px; display:inline-flex; align-items:center; gap:6px; color:#4059e6; font-size:13px; font-weight:800; }

.template-section { color:#fff; background:var(--ink); overflow:hidden; }
.template-grid { display:grid; grid-template-columns:.83fr 1.17fr; gap:70px; align-items:center; }
.template-copy>p { color:#b8c0d9; }
.template-copy ul,.price-card ul { margin:28px 0 32px; padding:0; display:grid; gap:12px; list-style:none; }
.template-copy li,.price-card li { display:flex; align-items:center; gap:10px; color:#dbe1f3; font-size:14px; }
.template-copy li svg,.price-card li svg { width:17px; color:var(--mint); }
.template-gallery { height:540px; position:relative; perspective:1200px; }
.cv-card { width:225px; height:318px; padding:12px; position:absolute; overflow:hidden; border-radius:9px; color:var(--ink); background:#fff; box-shadow:0 35px 70px rgba(0,0,0,.3); transform-origin:center; }
.cv-card.cv-1 { left:4%; top:7%; transform:rotate(-9deg); }
.cv-card.cv-2 { left:28%; top:1%; z-index:2; transform:rotate(-2deg); }
.cv-card.cv-3 { left:51%; top:8%; z-index:3; transform:rotate(6deg); }
.cv-card.cv-4 { left:17%; top:34%; z-index:4; transform:rotate(-5deg); }
.cv-card.cv-5 { left:48%; top:38%; z-index:5; transform:rotate(4deg); }
.cv-band { height:75px; padding:12px; display:flex; align-items:center; gap:10px; background:#212d52; }
.cv-band i { width:40px; height:40px; border:3px solid #8ae6cf; border-radius:50%; background:#d7e4ff; }
.cv-band span { width:72px; height:9px; border-radius:2px; background:#fff; }
.cv-cols { height:185px; display:grid; grid-template-columns:35% 65%; }
.cv-cols aside { background:#eef1fa; }
.cv-cols main { padding:15px 11px; }
.cv-cols main i { width:100%; height:5px; margin-bottom:9px; display:block; border-radius:4px; background:#d8dce8; }
.cv-cols main i:first-child { width:70%; height:10px; background:#6170e8; }
.cv-card>b { font-size:8px; }
.cv-2 .cv-band,.cv-5 .cv-band { background:#5840ca; }
.cv-3 .cv-band { background:#d9664d; }
.cv-4 .cv-band { background:#167f70; }
.gallery-badge { padding:9px 13px; position:absolute; right:7%; bottom:4%; z-index:8; border:1px solid rgba(255,255,255,.16); border-radius:100px; display:flex; align-items:center; gap:7px; color:var(--mint); background:rgba(23,36,83,.82); backdrop-filter:blur(10px); font-size:11px; font-weight:800; }

.workflow { background:#fafbff; }
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.step-card { min-height:285px; padding:30px; position:relative; border:1px solid var(--line); border-radius:20px; background:#fff; }
.step-number { position:absolute; top:25px; right:27px; color:#e0e4f0; font-size:37px; line-height:1; font-weight:850; }
.step-icon { width:48px; height:48px; margin-bottom:32px; border-radius:13px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#3f5df0,#7255df); }
.step-icon svg { width:22px; }
.step-card h3 { margin:0 0 10px; font-size:23px; }
.step-card p { margin:0; color:var(--muted); font-size:14px; }
.step-arrow { width:19px; position:absolute; top:50%; right:-20px; z-index:3; color:#9aa2b8; }

.ai-section { color:#fff; background:linear-gradient(125deg,#2e38ab,#5a3ad3 62%,#7134cb); }
.ai-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:75px; align-items:center; }
.ai-panel { padding:24px; border:1px solid rgba(255,255,255,.19); border-radius:22px; background:rgba(255,255,255,.1); box-shadow:0 30px 80px rgba(18,17,79,.32); backdrop-filter:blur(18px); }
.assistant-head { padding-bottom:17px; border-bottom:1px solid rgba(255,255,255,.14); display:flex; align-items:center; gap:11px; }
.assistant-head>div { width:40px; height:40px; position:relative; border-radius:12px; display:grid; place-items:center; color:#2c35a3; background:var(--mint); }
.assistant-head>div span { width:9px; height:9px; position:absolute; right:-2px; bottom:-1px; border:2px solid #5845c9; border-radius:50%; background:#68e5bd; }
.assistant-head b { font-size:15px; }
.assistant-head small { margin-left:auto; padding:4px 8px; border-radius:100px; color:var(--mint); background:rgba(130,237,207,.12); font-size:9px; font-weight:800; }
.assistant-score { margin-top:22px; padding:20px; border-radius:14px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; background:rgba(11,16,74,.25); }
.assistant-score span { color:#d8dcfa; font-size:13px; }
.assistant-score strong { color:var(--mint); font-size:24px; }
.assistant-score i { height:8px; grid-column:1/-1; border-radius:100px; background:rgba(255,255,255,.12); }
.assistant-score i b { width:92%; height:100%; display:block; border-radius:100px; background:var(--mint); }
.assistant-message { margin-top:14px; padding:17px; border-radius:14px; display:flex; align-items:flex-start; gap:10px; color:#ecedff; background:rgba(255,255,255,.1); }
.assistant-message svg { flex:none; color:var(--mint); }
.assistant-message p { margin:0; font-size:13px; line-height:1.6; }
.assistant-actions { margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.assistant-actions button { height:42px; border:1px solid var(--mint); border-radius:9px; color:#202772; background:var(--mint); font-size:11px; font-weight:850; }
.assistant-actions button:last-child { border-color:rgba(255,255,255,.25); color:#fff; background:transparent; }
.ai-copy>p { color:#d3d7f2; }
.tick-columns { margin-top:28px; display:grid; grid-template-columns:1fr 1fr; gap:14px 20px; }
.tick-columns span { display:flex; align-items:center; gap:8px; color:#edf0ff; font-size:13px; }
.tick-columns svg { width:16px; color:var(--mint); }

.offer { background:#f6f8ff; }
.offer-card { padding:62px; border:1px solid #dfe4f2; border-radius:28px; display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; background:#fff; box-shadow:0 28px 70px rgba(26,38,90,.08); }
.offer-copy h2 { font-size:clamp(34px,3.5vw,48px); }
.offer-note { margin-top:25px; padding:14px 16px; border-radius:10px; display:flex; align-items:center; gap:10px; color:#4055ca; background:#f0f3ff; font-size:12px; }
.bonus-stack { display:grid; gap:14px; }
.bonus-card { min-height:132px; padding:22px; border:1px solid var(--line); border-radius:18px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:17px; }
.bonus-icon { width:53px; height:53px; border-radius:14px; display:grid; place-items:center; color:#5b43d3; background:#eeeafd; }
.bonus-icon.guide { color:#168c68; background:#e0f8f0; }
.bonus-card small { color:#81899e; font-size:9px; font-weight:850; letter-spacing:.08em; }
.bonus-card h3 { margin:2px 0 1px; font-size:18px; }
.bonus-card p { margin:0; color:var(--muted); font-size:11px; }
.bonus-card>b { padding:5px 8px; border-radius:6px; color:#128664; background:#e1f9f1; font-size:10px; }

.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; }
.price-card { min-height:440px; padding:34px; position:relative; border:1px solid var(--line); border-radius:20px; background:#fff; }
.price-card.featured { border:2px solid var(--blue); box-shadow:0 25px 60px rgba(51,76,213,.13); }
.popular { padding:6px 12px; position:absolute; top:-15px; left:50%; transform:translateX(-50%); border-radius:100px; color:#fff; background:var(--blue); font-size:10px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.price-card h3 { margin:0 0 5px; font-size:23px; }
.price-card>p { min-height:50px; margin:0; color:var(--muted); font-size:13px; }
.price { margin:22px 0 10px; display:flex; align-items:baseline; gap:6px; }
.price strong { font-size:44px; line-height:1; letter-spacing:-.05em; }
.price span { color:var(--muted); font-size:11px; }
.price-card ul { min-height:145px; margin:29px 0; }
.price-card li { color:#535e78; }
.price-card .button { width:100%; }
.price-card button.button { min-height:52px; cursor:pointer; }
.price-card button.button:disabled { cursor:wait; opacity:.78; }
.checkout-spin { animation:checkout-spin .8s linear infinite; }
.checkout-loader { position:fixed; inset:0; z-index:9999; display:grid; place-items:center; padding:24px; background:rgba(10,18,45,.58); backdrop-filter:blur(9px); }
.checkout-loader>div { min-width:min(390px,calc(100vw - 40px)); padding:32px; border:1px solid rgba(255,255,255,.2); border-radius:22px; display:grid; justify-items:center; gap:8px; color:#fff; background:linear-gradient(145deg,#162451,#4939ba); box-shadow:0 30px 90px rgba(5,10,35,.4); text-align:center; }
.checkout-loader svg { width:34px; height:34px; margin-bottom:6px; color:var(--mint); }
.checkout-loader strong { font-size:19px; }
.checkout-loader span { color:#dce2f6; font-size:14px; }
@keyframes checkout-spin { to { transform:rotate(360deg); } }
.checkout-note { margin:24px 0 0; display:flex; align-items:center; justify-content:center; gap:7px; color:#66708a; font-size:12px; }
.checkout-note svg { color:#168c68; }
.plan-license { display:flex; align-items:center; gap:7px; width:max-content; max-width:100%; margin:16px 0 4px; padding:7px 10px; border:1px solid #dce4ff; border-radius:999px; background:#f4f7ff; color:#34466f; font-size:12px; font-weight:750; line-height:1.3; }
.price-card.featured .plan-license { border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.1); color:#fff; }
.license-channel-note { display:flex; align-items:flex-start; gap:8px; margin:18px 20px 0; padding:14px 16px; border:1px solid #dce4ff; border-radius:12px; background:#f7f9ff; color:#53617e; font-size:14px; line-height:1.55; }
.license-channel-note svg { flex:0 0 auto; margin-top:3px; color:#3157db; }

.resources { padding-top:50px; background:#fafbff; }
.resource-grid { display:grid; grid-template-columns:1.5fr .5fr; gap:20px; }
.resource-main,.resource-card { min-height:330px; overflow:hidden; border-radius:22px; }
.video-cover { height:100%; padding:35px; position:relative; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; background:radial-gradient(circle at 70% 28%,rgba(124,237,207,.24),transparent 20%),linear-gradient(125deg,#121d43,#3c3ac1 78%,#5634d1); }
.video-cover:after { content:''; width:260px; height:330px; position:absolute; top:45px; right:8%; border:1px solid rgba(255,255,255,.2); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04)); transform:rotate(7deg); }
.video-pill { width:fit-content; margin-bottom:auto; padding:6px 10px; border-radius:100px; color:var(--mint); background:rgba(255,255,255,.11); font-size:9px; font-weight:850; letter-spacing:.08em; }
.video-cover>a { width:64px; height:64px; position:absolute; top:50%; left:57%; z-index:2; transform:translate(-50%,-50%); border:0; border-radius:50%; display:grid; place-items:center; color:var(--blue); background:#fff; box-shadow:0 13px 35px rgba(0,0,0,.25); cursor:pointer; }
.video-cover>a svg { width:29px; height:29px; }
.video-cover div { position:relative; z-index:2; }
.video-cover small,.resource-card small { color:var(--mint); font-size:9px; font-weight:850; letter-spacing:.1em; }
.video-cover h3 { max-width:430px; margin:5px 0 0; font-size:27px; line-height:1.2; }
.resource-card { padding:35px; border:1px solid var(--line); background:#fff; }
.resource-icon { width:50px; height:50px; margin-bottom:34px; border-radius:14px; display:grid; place-items:center; color:#5b43d3; background:#eeeafd; }
.resource-card h3 { margin:7px 0; font-size:25px; }
.resource-card p { margin:0; color:var(--muted); font-size:14px; }

.final-cta { padding-block:64px; color:#fff; background:linear-gradient(110deg,#3a55ee,#623dcf); }
.final-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.final-cta-inner>div:first-child span { display:flex; align-items:center; gap:7px; color:var(--mint); font-size:11px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.final-cta h2 { margin:8px 0 0; font-size:clamp(30px,3.5vw,45px); line-height:1.1; letter-spacing:-.04em; }
.final-cta-inner>div:last-child { display:flex; align-items:center; gap:23px; flex:none; }
.cta-link { font-size:13px; font-weight:800; text-decoration:underline; text-underline-offset:5px; }

footer { padding-top:72px; color:#cad0e1; background:#0b1431; }
.footer-brand .original-brand { width:220px; height:auto; padding:10px 14px; border-radius:12px; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.14); }
.footer-grid { padding-bottom:60px; display:grid; grid-template-columns:1.7fr repeat(4,1fr); gap:38px; }
footer .brand-copy strong { color:#fff; }
footer .brand-copy small { color:#aeb6ce; }
.footer-brand p { max-width:300px; margin:20px 0 0; color:#9099b2; font-size:13px; }
.footer-grid>div:not(:first-child) { display:flex; flex-direction:column; gap:11px; }
.footer-grid b { margin-bottom:7px; color:#fff; font-size:13px; }
.footer-grid a { color:#9ba4bd; font-size:12px; }
.footer-grid a:hover { color:var(--mint); }
.footer-socials { display:flex; align-items:center; gap:10px; margin-top:22px; }
.footer-socials a { width:38px; height:38px; border:1px solid rgba(255,255,255,.14); border-radius:10px; display:grid; place-items:center; color:#d8def0; background:rgba(255,255,255,.06); transition:.2s ease; }
.footer-socials a:hover { transform:translateY(-2px); border-color:rgba(130,237,207,.55); color:#0b1431; background:var(--mint); }
.footer-socials svg { width:18px; height:18px; }
.footer-bottom { min-height:68px; border-top:1px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:space-between; color:#7e88a4; font-size:11px; }

@media (max-width:1050px) {
  .desktop-nav { display:none; }
  .mobile-menu { display:block; }
  .mobile-menu-trigger { width:44px; height:44px; padding:0; border:1px solid var(--line); border-radius:10px; display:grid; place-items:center; color:var(--ink); background:#fff; cursor:pointer; }
  .mobile-menu-panel { width:min(360px,calc(100vw - 30px)); padding:25px; position:absolute; top:72px; right:20px; border:1px solid var(--line); border-radius:16px; display:flex; flex-direction:column; gap:4px; background:#fff; box-shadow:0 25px 60px rgba(16,27,59,.18); }
  .mobile-menu-panel>a:not(.button) { padding:10px 4px; border-bottom:1px solid #eef0f5; font-size:14px; font-weight:700; }
  .mobile-menu-title { margin-bottom:10px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; }
  .mobile-menu-title>span:nth-child(2) { display:flex; flex-direction:column; line-height:1; }
  .mobile-menu-title strong { font-size:18px; }
  .mobile-menu-title small { margin-top:4px; color:#5d6780; font-size:8px; font-weight:800; letter-spacing:3px; }
  .mobile-menu-title button { width:34px; height:34px; padding:0; border:0; display:grid; place-items:center; color:#8590a8; background:transparent; cursor:pointer; }
  .mobile-brand-icon { width:38px; height:41px; border-radius:7px; display:grid!important; place-items:center; color:#fff; background:linear-gradient(145deg,#5342e7,#2e66ed); font-size:12px; font-weight:850; }
  .nav-actions { margin-left:auto; }
  .hero-grid { grid-template-columns:1fr; }
  .hero-copy { max-width:760px; margin-inline:auto; text-align:center; }
  .hero-copy .eyebrow,.hero-lead { margin-inline:auto; }
  .hero-actions,.trust-row { justify-content:center; }
  .resume-scene { width:min(720px,100%); margin-inline:auto; }
  .template-grid,.ai-grid,.offer-card { grid-template-columns:1fr; }
  .template-copy,.ai-copy,.offer-copy { max-width:740px; }
  .template-gallery { max-width:670px; width:100%; margin-inline:auto; }
  .offer-card { gap:40px; }
}

@media (max-width:760px) {
  .container { width:min(calc(100% - 28px),620px); }
  .section-pad { padding-block:80px; }
  .announcement-inner { padding-block:9px; flex-wrap:wrap; gap:4px 15px; }
  .announcement strong { display:none; }
  .nav-wrap { min-height:70px; }
  .nav-actions { display:none; }
  .brand-icon { width:37px; height:41px; }
  .brand-copy strong { font-size:18px; }
  .mobile-menu-panel { top:63px; right:14px; }
  .hero { padding-top:68px; }
  .hero h1 { font-size:clamp(42px,12vw,58px); }
  .hero-lead { font-size:16px; }
  .hero-actions .button { width:100%; }
  .resume-scene { min-height:505px; }
  .editor-shell { width:100%; top:20px; }
  .editor-body { min-height:405px; grid-template-columns:103px 1fr; }
  .editor-panel { padding:14px 8px; }
  .mini-profile div:last-child,.panel-row svg:last-child { display:none; }
  .panel-row { grid-template-columns:15px 1fr; font-size:6px; }
  .paper-wrap { padding:14px 8px; overflow:hidden; }
  .resume-paper { width:250px; min-height:354px; transform:scale(.88); }
  .ats-card { min-width:244px; min-height:82px; right:-5px; bottom:-5px; }
  .score-ring { width:55px; height:55px; padding-top:13px; }
  .score-ring span { font-size:17px; }
  .ats-tags span:last-child { display:none; }
  .template-float { display:none; }
  .proof-grid { padding-block:22px; grid-template-columns:1fr 1fr; }
  .proof-grid div { min-height:75px; padding:13px 18px; border-bottom:1px solid var(--line); }
  .proof-grid div:first-child { padding-left:18px; }
  .proof-grid div:nth-child(2) { border-right:0; }
  .proof-grid div:nth-child(3),.proof-grid div:nth-child(4) { border-bottom:0; }
  .section-heading h2,.template-copy h2,.ai-copy h2,.offer-copy h2 { font-size:36px; }
  .section-heading p,.template-copy>p,.ai-copy>p,.offer-copy>p { font-size:15px; }
  .feature-grid,.steps-grid,.pricing-grid,.resource-grid { grid-template-columns:1fr; }
  .feature-card { min-height:auto; padding:28px; }
  .template-grid { gap:35px; }
  .template-gallery { height:420px; width:125%; transform:scale(.78); transform-origin:top left; }
  .step-arrow { display:none; }
  .ai-grid { gap:45px; }
  .tick-columns { grid-template-columns:1fr; }
  .offer-card { width:min(calc(100% - 28px),620px); padding:35px 24px; }
  .bonus-card { grid-template-columns:auto 1fr; }
  .bonus-card>b { display:none; }
  .resource-main { min-height:350px; }
  .video-cover:after { right:-50px; opacity:.55; }
  .video-cover>a { left:50%; }
  .final-cta-inner { align-items:flex-start; flex-direction:column; }
  .final-cta-inner>div:last-child { width:100%; }
  .final-cta .button { flex:1; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
}

/* Resume writer campaign landing page */
.writers-landing { background:#fff; }
.writers-hero { min-height:760px; padding:100px 0 105px; position:relative; overflow:hidden; background:radial-gradient(circle at 78% 13%,rgba(107,75,226,.16),transparent 31%),radial-gradient(circle at 12% 86%,rgba(130,237,207,.18),transparent 27%),linear-gradient(180deg,#fcfcff,#f7f9ff); }
.writers-hero:before { width:570px; height:570px; content:""; position:absolute; top:-330px; left:-260px; border:1px solid rgba(92,101,217,.1); border-radius:50%; box-shadow:0 0 0 85px rgba(83,101,233,.025),0 0 0 170px rgba(83,101,233,.018); }
.writers-orb { position:absolute; border-radius:42% 58% 61% 39%; filter:blur(.2px); }
.writers-orb-one { width:190px; height:190px; right:4%; top:9%; border:1px solid rgba(89,73,215,.17); background:rgba(97,70,223,.06); transform:rotate(19deg); }
.writers-orb-two { width:150px; height:150px; left:45%; bottom:-45px; border:1px solid rgba(23,163,124,.16); background:rgba(130,237,207,.08); transform:rotate(-24deg); }
.writers-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:.94fr 1.06fr; gap:70px; align-items:center; }
.writers-hero-copy h1 { max-width:620px; margin:23px 0 24px; font-size:clamp(50px,5.5vw,75px); line-height:.98; letter-spacing:-.06em; }
.writers-hero-copy h1 span { color:#4e5ee9; }
.writers-hero-copy>p { max-width:625px; margin:0; color:#5f6a83; font-size:18px; line-height:1.75; }
.writers-trust { margin-top:31px; display:flex; align-items:center; gap:14px; }
.writers-stars { display:flex; gap:3px; }
.writers-stars svg,.review-top>div svg { width:16px; height:16px; color:#ffae36; fill:#ffae36; }
.writers-trust p { margin:0; display:grid; line-height:1.35; }
.writers-trust strong { font-size:13px; }
.writers-trust a { display:flex; align-items:center; gap:4px; color:#5364dc; font-size:11px; font-weight:750; }
.writers-hero-visual { min-height:570px; position:relative; }
.writers-screen-card { overflow:hidden; border:1px solid #dfe4f2; border-radius:22px; background:#fff; box-shadow:0 36px 90px rgba(29,39,90,.18); }
.writers-editor-card { width:min(72%,430px); position:absolute; top:-35px; right:11%; transform:rotate(1.1deg); }
.writers-editor-card img { width:100%; height:auto; aspect-ratio:595/842; object-fit:contain; object-position:top center; display:block; background:#f4f6fb; }
.writers-ats-badge { position:absolute; right:12px; top:64px; z-index:2; padding:9px 12px; border:1px solid rgba(88,104,217,.18); border-radius:999px; display:flex; align-items:center; gap:6px; color:#344bc7; background:rgba(255,255,255,.96); box-shadow:0 14px 35px rgba(29,39,90,.16); font-size:10px; font-weight:850; letter-spacing:.035em; text-transform:uppercase; }
.writers-floating-review,.writers-floating-lead { position:absolute; z-index:3; border:1px solid rgba(218,224,240,.92); display:flex; align-items:center; background:rgba(255,255,255,.96); box-shadow:0 22px 55px rgba(29,39,90,.17); backdrop-filter:blur(15px); }
.writers-floating-review { min-width:315px; padding:17px; right:-24px; bottom:26px; border-radius:17px; }
.writers-floating-lead { min-width:265px; padding:15px; left:-24px; bottom:122px; border-radius:15px; }
.writers-floating-review>span,.writers-floating-lead>span { width:46px; height:46px; margin-right:12px; border-radius:13px; display:grid; place-items:center; flex:none; color:#4057df; background:#e9edff; }
.writers-floating-review>span { color:#147b5e; background:#def8ef; }
.writers-floating-review small { color:#5d6edb; font-size:8px; font-weight:850; letter-spacing:.08em; }
.writers-floating-review strong,.writers-floating-lead strong { display:block; font-size:14px; line-height:1.25; }
.writers-floating-review p { margin:3px 0 0; color:#7c8599; font-size:10px; }
.writers-floating-lead small { display:block; color:#7c8599; font-size:9px; }

@keyframes writersHeroReveal { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }
@keyframes writersHeroVisualReveal { from { opacity:0; transform:translateY(34px) scale(.965); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes writersCardFloat { 0%,100% { translate:0 0; } 50% { translate:0 -10px; } }
@keyframes writersOrbDriftOne { 0%,100% { transform:translate(0,0) rotate(19deg); } 50% { transform:translate(-34px,24px) rotate(31deg); } }
@keyframes writersOrbDriftTwo { 0%,100% { transform:translate(0,0) rotate(-24deg); } 50% { transform:translate(31px,-20px) rotate(-11deg); } }
.writers-hero-copy [data-hero-reveal] { animation:writersHeroReveal .86s cubic-bezier(.22,1,.36,1) both; }
.writers-hero-copy [data-hero-reveal]:nth-child(2) { animation-delay:.1s; }
.writers-hero-copy [data-hero-reveal]:nth-child(3) { animation-delay:.2s; }
.writers-hero-copy [data-hero-reveal]:nth-child(4) { animation-delay:.3s; }
.writers-hero-copy [data-hero-reveal]:nth-child(5) { animation-delay:.4s; }
.writers-hero-visual[data-hero-reveal] { animation:writersHeroVisualReveal 1s cubic-bezier(.22,1,.36,1) .16s both; }
.writers-floating-review { animation:writersCardFloat 5s ease-in-out infinite; }
.writers-floating-lead { animation:writersCardFloat 5.8s ease-in-out -1.2s infinite; }
.writers-orb-one { animation:writersOrbDriftOne 8s ease-in-out infinite; }
.writers-orb-two { animation:writersOrbDriftTwo 9.5s ease-in-out infinite; }
.writers-risk-strip { color:#fff; background:#101b3e; }
.writers-risk-strip .container { min-height:105px; display:flex; align-items:center; justify-content:space-between; gap:55px; }
.writers-risk-strip strong { max-width:470px; color:#fff; font-size:20px; line-height:1.35; }
.writers-risk-strip span { max-width:580px; color:#c4cce1; font-size:14px; line-height:1.7; }

.writers-problem { background:#fff; }
.writers-problem-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.writers-problem-grid article { min-height:290px; padding:34px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#fbfcff; }
.writers-problem-grid article:after { width:150px; height:150px; content:""; position:absolute; right:-62px; top:-58px; border-radius:50%; background:rgba(69,90,244,.06); }
.writers-problem-grid article>span { color:#4c5ee2; font-size:12px; font-weight:850; letter-spacing:.1em; }
.writers-problem-grid h3 { max-width:290px; margin:40px 0 12px; font-size:27px; line-height:1.17; letter-spacing:-.03em; }
.writers-problem-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.75; }

.writers-opportunity { color:#fff; background:linear-gradient(128deg,#121f49,#30329c 59%,#5837c5); }
.writers-opportunity-head { margin-bottom:50px; display:grid; grid-template-columns:1fr .82fr; gap:70px; align-items:end; }
.writers-opportunity-head span,.writers-tutorial-heading span,.writers-faq-heading>span { color:var(--mint); font-size:11px; font-weight:850; letter-spacing:.11em; }
.writers-opportunity-head h2 { max-width:700px; margin:12px 0 0; font-size:clamp(38px,4.5vw,56px); line-height:1.05; letter-spacing:-.05em; }
.writers-opportunity-head>p { margin:0; color:#c4cbe1; font-size:16px; line-height:1.75; }
.writers-benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.writers-benefit-grid article { min-height:315px; padding:27px; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:19px; background:rgba(255,255,255,.075); }
.writers-benefit-grid article>div { width:48px; height:48px; margin:34px 0 25px; border-radius:13px; display:grid; place-items:center; color:#1d2b62; background:var(--mint); }
.writers-benefit-number { position:absolute; top:24px; right:25px; color:rgba(255,255,255,.28); font-size:12px; font-weight:850; }
.writers-benefit-grid h3 { margin:0 0 9px; color:#fff; font-size:21px; }
.writers-benefit-grid p { margin:0; color:#c9d0e3; font-size:13px; line-height:1.72; }
.writers-flow { margin-top:32px; padding:24px; border:1px solid rgba(255,255,255,.13); border-radius:22px; display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:13px; align-items:center; background:rgba(8,14,49,.23); }
.writers-flow article { min-height:210px; padding:21px; border-radius:15px; color:var(--ink); background:#fff; }
.writers-flow article>span { width:40px; height:40px; margin-bottom:26px; border-radius:11px; display:grid; place-items:center; color:#4b5dde; background:#edf0ff; }
.writers-flow small { color:#5668d9; font-size:8px; font-weight:850; letter-spacing:.09em; }
.writers-flow h3 { margin:4px 0 7px; font-size:17px; line-height:1.25; }
.writers-flow p { margin:0; color:#707a90; font-size:11px; line-height:1.6; }
.writers-flow .prism-flow-pair>svg { width:17px; color:var(--mint); }

.writers-product { color:#fff; background:#0d1735; }
.writers-product .section-heading { max-width:880px; }
.writers-product .section-heading h2 { color:#fff; }
.writers-product .section-heading p { color:#bac3da; }
.writers-product-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:20px; align-items:stretch; }
.writers-product-main,.writers-product-stack>article { overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:rgba(255,255,255,.06); }
.writers-product-main>img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; object-position:top center; display:block; }
.writers-product-main>div:last-child { padding:31px; }
.writers-product-main small,.writers-product-stack article>div:last-child small { color:var(--mint); font-size:9px; font-weight:850; letter-spacing:.09em; }
.writers-product-main h3 { margin:7px 0 8px; color:#fff; font-size:28px; }
.writers-product-main p { margin:0; color:#c2c9dd; font-size:14px; line-height:1.72; }
.writers-product-stack { display:grid; gap:20px; }
.writers-product-stack>article:first-child img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; object-position:top center; display:block; }
.writers-product-stack>article:first-child>div:last-child { padding:22px; display:flex; align-items:center; gap:12px; }
.writers-product-stack>article:first-child>div:last-child>svg { color:var(--mint); flex:none; }
.writers-product-stack>article:first-child>div:last-child span { display:grid; }
.writers-product-stack>article:first-child>div:last-child b { color:#fff; font-size:14px; }
.writers-ai-card { padding:30px; position:relative; background:linear-gradient(145deg,rgba(71,75,201,.4),rgba(109,61,202,.4))!important; }
.writers-ai-card>span { width:50px; height:50px; border-radius:14px; display:grid; place-items:center; color:#1d2b62; background:var(--mint); }
.writers-ai-card>small { display:block; margin-top:27px; color:var(--mint); font-size:9px; font-weight:850; letter-spacing:.1em; }
.writers-ai-card h3 { margin:6px 0 8px; color:#fff; font-size:24px; line-height:1.2; }
.writers-ai-card p { margin:0; color:#c7cee2; font-size:13px; line-height:1.7; }
.writers-ai-card ul { margin:20px 0 0; padding:0; display:grid; gap:7px; list-style:none; }
.writers-ai-card li { display:flex; align-items:center; gap:7px; color:#e3e7f4; font-size:12px; }
.writers-ai-card li svg { width:14px; color:var(--mint); }

.writers-proof { background:#f7f8fc; }
.writers-review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.writers-review-grid article { min-height:300px; padding:32px; border:1px solid var(--line); border-radius:21px; display:flex; flex-direction:column; background:#fff; box-shadow:0 18px 45px rgba(30,40,87,.06); }
.review-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.review-top>div { display:flex; gap:3px; }
.review-top>svg { width:30px; height:30px; color:#d9deec; }
.writers-review-grid blockquote { margin:34px 0; color:#273452; font-size:20px; line-height:1.55; font-weight:680; letter-spacing:-.015em; }
.review-author { margin-top:auto; padding-top:20px; border-top:1px solid var(--line); display:flex; align-items:center; gap:12px; }
.review-author>span { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#445ced,#7544d4); font-size:14px; font-weight:850; }
.review-author p { margin:0; display:grid; }
.review-author strong { font-size:13px; }
.review-author a { display:flex; align-items:center; gap:5px; color:#5262dc; font-size:11px; font-weight:750; }

.writers-tutorials { color:#fff; background:linear-gradient(135deg,#222d78,#5635c8); }
.writers-tutorial-heading { margin-bottom:38px; display:grid; grid-template-columns:1fr .8fr; gap:70px; align-items:end; }
.writers-tutorial-heading h2 { max-width:700px; margin:11px 0 0; font-size:clamp(37px,4.4vw,54px); line-height:1.06; letter-spacing:-.05em; }
.writers-tutorial-heading p { margin:0; color:#ccd2e7; font-size:15px; line-height:1.75; }
.writers-tutorial-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.writers-tutorial-grid article { overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:21px; background:rgba(255,255,255,.07); box-shadow:0 24px 60px rgba(14,14,59,.22); }
.writers-tutorial-grid article>a { aspect-ratio:16/9; position:relative; overflow:hidden; display:block; background:#09102e; }
.writers-tutorial-grid article>a:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(7,10,35,.78)); }
.writers-tutorial-grid img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.writers-tutorial-grid article>a:hover img { transform:scale(1.025); }
.writers-tutorial-grid article>a span { position:absolute; left:21px; bottom:18px; z-index:2; display:flex; align-items:center; gap:8px; color:#fff; font-size:12px; font-weight:800; }
.writers-tutorial-grid article>a span svg { width:27px; height:27px; }
.writers-tutorial-grid article>div { padding:26px; }
.writers-tutorial-grid small { color:var(--mint); font-size:9px; font-weight:850; letter-spacing:.1em; }
.writers-tutorial-grid h3 { margin:7px 0 8px; color:#fff; font-size:25px; }
.writers-tutorial-grid p { margin:0; color:#cbd1e4; font-size:13px; line-height:1.7; }

.writers-plans { background:#fff; }
.writers-pricing-grid .price-card { min-height:610px; }
.writers-pricing-grid .price-card .button { margin-top:auto; }
.writers-pricing-grid .popular { white-space:nowrap; }
.writers-pricing-note { margin:25px 0 0; display:flex; align-items:center; justify-content:center; gap:8px; color:#758097; font-size:12px; }
.writers-pricing-note svg { color:#168d6a; }

.writers-services { background:#f5f7fc; }
.writers-services-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:22px; }
.writers-services-grid article { min-height:560px; padding:48px; position:relative; overflow:hidden; border-radius:25px; }
.writers-launch-service { color:#fff; background:linear-gradient(138deg,#111e48,#30339f 60%,#5c38c9); }
.writers-launch-service:after { width:300px; height:300px; content:""; position:absolute; right:-120px; bottom:-150px; border:1px solid rgba(255,255,255,.16); border-radius:40% 60% 63% 37%; background:rgba(255,255,255,.06); transform:rotate(21deg); }
.writers-services-grid article>span { width:54px; height:54px; border-radius:15px; display:grid; place-items:center; color:#1c2b61; background:var(--mint); }
.writers-services-grid article>small { display:block; margin-top:29px; font-size:10px; font-weight:850; letter-spacing:.1em; }
.writers-launch-service>small { color:var(--mint); }
.writers-services-grid h2 { margin:8px 0 14px; font-size:36px; line-height:1.1; letter-spacing:-.04em; }
.writers-launch-service>p { max-width:650px; margin:0; color:#c9d0e4; font-size:15px; line-height:1.72; }
.writers-first-ten { width:fit-content; margin-top:18px; padding:9px 12px; border:1px solid rgba(130,237,207,.34); border-radius:10px; color:var(--mint); background:rgba(130,237,207,.08); font-size:11px; font-weight:850; letter-spacing:.02em; }
.writers-service-price { margin:27px 0 20px; display:flex; align-items:end; gap:12px; }
.writers-service-price strong { font-size:46px; line-height:1; }
.writers-service-price span { color:#cbd2e6; font-size:12px; }
.writers-services-grid ul { margin:0 0 28px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:9px 16px; list-style:none; }
.writers-services-grid li { display:flex; align-items:center; gap:7px; color:#e8ebf7; font-size:12px; }
.writers-services-grid li svg { width:14px; color:var(--mint); }
.writers-launch-service .button { position:relative; z-index:2; }
.writers-custom-service { border:1px solid #dfe4f1; background:#fff; }
.writers-custom-service>span { color:#5162e5!important; background:#ebeeff!important; }
.writers-custom-service>small { color:#5767d9; }
.writers-custom-service>p { margin:0 0 33px; color:var(--muted); font-size:15px; line-height:1.75; }

.writers-faq { background:#fff; }
.writers-faq-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:75px; align-items:start; }
.writers-faq-heading { position:sticky; top:135px; }
.writers-faq-heading>span { color:#5667dc; }
.writers-faq-heading h2 { margin:13px 0 14px; font-size:42px; line-height:1.08; letter-spacing:-.045em; }
.writers-faq-heading p { margin:0; color:var(--muted); font-size:15px; }
.writers-faq-heading a { margin-top:27px; display:inline-flex; align-items:center; gap:6px; color:#4c5ede; font-size:13px; font-weight:800; }
.writers-faq-list { display:grid; gap:12px; }
.writers-faq-list details { border:1px solid var(--line); border-radius:16px; background:#fbfcff; }
.writers-faq-list summary { padding:21px 55px 21px 22px; position:relative; cursor:pointer; list-style:none; color:#24304f; font-size:16px; font-weight:780; }
.writers-faq-list summary::-webkit-details-marker { display:none; }
.writers-faq-list summary:after { content:"+"; position:absolute; right:22px; top:18px; color:#5263df; font-size:22px; font-weight:500; }
.writers-faq-list details[open] summary:after { content:"−"; }
.writers-faq-list p { margin:0; padding:0 22px 22px; color:#657087; font-size:14px; line-height:1.75; }

.writers-close { padding:35px 0 100px; background:#fff; }
.writers-landing + .final-cta { display:none; }
.writers-close-inner { padding:58px; position:relative; overflow:hidden; border-radius:27px; display:flex; align-items:center; justify-content:space-between; gap:55px; color:#fff; background:linear-gradient(125deg,#192657,#4b3ac2 67%,#6239cf); }
.writers-close-inner:after { width:280px; height:280px; content:""; position:absolute; right:-120px; top:-120px; border:1px solid rgba(255,255,255,.14); border-radius:42% 58% 64% 36%; background:rgba(255,255,255,.05); }
.writers-close-inner>div:first-child { max-width:750px; position:relative; z-index:2; }
.writers-close-inner>div:first-child>span { width:49px; height:49px; margin-bottom:24px; border-radius:14px; display:grid; place-items:center; color:#1c2b61; background:var(--mint); }
.writers-close-inner small { color:var(--mint); font-size:10px; font-weight:850; letter-spacing:.1em; }
.writers-close-inner h2 { margin:8px 0 12px; font-size:40px; line-height:1.08; letter-spacing:-.045em; }
.writers-close-inner p { margin:0; color:#d0d6e8; font-size:15px; }
.writers-close-inner>div:last-child { min-width:230px; position:relative; z-index:2; display:grid; gap:15px; justify-items:center; }
.writers-close-inner>div:last-child>a:last-child { color:#e4e8f5; font-size:12px; font-weight:800; }

/* Audience decision-journey landing pages */
.prism-landing { --audience-accent:#4e5ee9; }
.prism-landing .writers-hero-copy h1 span,.prism-landing .writers-trust a,.prism-landing .review-author a { color:var(--audience-accent); }
.prism-landing .button:not(.white):not(.secondary) { background:var(--audience-accent); }
.prism-hero { padding-top:88px; }
.prism-workspace-card { width:min(94%,650px); top:40px; right:0; transform:rotate(1deg); }
.prism-workspace-card img { height:auto; aspect-ratio:auto; object-fit:contain; object-position:top center; }
.prism-workspace-card .writers-ats-badge { top:59px; }
.prism-urgent-strip { position:relative; z-index:4; color:#fff; background:linear-gradient(105deg,#d4492f,#f07438 50%,#d8494a); box-shadow:0 18px 55px rgba(140,45,35,.22); }
.prism-urgent-inner { min-height:126px; padding-block:20px; display:grid; grid-template-columns:1fr auto auto; gap:30px; align-items:center; }
.prism-urgent-inner>div:first-child { display:grid; gap:4px; }
.prism-urgent-inner>div:first-child>span { color:#ffe29b; font-size:10px; font-weight:900; letter-spacing:.11em; }
.prism-urgent-inner>div:first-child>strong { max-width:620px; font-size:18px; line-height:1.4; }
.prism-urgent-inner>div:first-child>small { color:#ffe1dc; font-size:11px; }
.prism-countdown { padding:12px 15px; border:1px solid rgba(255,255,255,.28); border-radius:14px; display:flex; align-items:center; gap:9px; background:rgba(70,9,10,.19); box-shadow:inset 0 1px rgba(255,255,255,.1); }
.prism-countdown>svg { width:20px; color:#ffe29b; }
.prism-countdown>div { min-width:42px; display:grid; justify-items:center; }
.prism-countdown strong { color:#fff; font-size:24px; line-height:1; font-variant-numeric:tabular-nums; }
.prism-countdown small { margin-top:4px; color:#ffd7cf; font-size:7px; font-weight:850; letter-spacing:.08em; }
.prism-countdown>b { color:#ffc3b6; font-size:18px; }
.prism-countdown.expired { min-width:260px; justify-content:center; color:#fff; font-size:13px; font-weight:750; }
.prism-map { position:sticky; top:88px; z-index:8; border-bottom:1px solid #e4e8f2; background:rgba(255,255,255,.94); backdrop-filter:blur(18px); }
.prism-map .container { min-height:74px; display:grid; grid-template-columns:repeat(5,1fr); align-items:stretch; }
.prism-map a { padding:12px 18px; border-right:1px solid #edf0f6; display:flex; align-items:center; justify-content:center; gap:10px; color:#68738b; font-size:12px; font-weight:800; }
.prism-map a:first-child { border-left:1px solid #edf0f6; }
.prism-map a:hover { color:var(--audience-accent); background:#f8f9ff; }
.prism-map b { width:31px; height:31px; border-radius:9px; display:grid; place-items:center; color:#fff; background:var(--audience-accent); font-size:13px; }
.prism-stage { position:relative; overflow:hidden; }
.prism-section-label { width:max-content; margin:0 auto 28px; padding:8px 13px 8px 8px; border:1px solid #dde3f1; border-radius:999px; display:flex; align-items:center; gap:8px; color:#626d85; background:#fff; box-shadow:0 10px 28px rgba(32,43,91,.07); }
.prism-section-label b { width:31px; height:31px; border-radius:50%; display:grid; place-items:center; color:#fff; background:var(--audience-accent); font-size:14px; }
.prism-section-label span { color:#9ba3b5; font-size:8px; font-weight:900; letter-spacing:.11em; }
.prism-section-label strong { font-size:12px; }
.prism-react { color:#fff; background:radial-gradient(circle at 10% 10%,rgba(240,97,70,.18),transparent 30%),linear-gradient(130deg,#141a34,#202d59 58%,#3c274d); }
.prism-react .prism-section-label { border-color:rgba(255,255,255,.17); color:#fff; background:rgba(255,255,255,.08); box-shadow:none; }
.prism-react .prism-section-label span { color:#ffb7a6; }
.prism-react-head { margin-bottom:40px; display:grid; grid-template-columns:1fr .75fr; gap:70px; align-items:end; }
.prism-react-head span { color:#ff9b7f; font-size:10px; font-weight:900; letter-spacing:.11em; }
.prism-react-head h2 { max-width:760px; margin:10px 0 0; color:#fff; font-size:clamp(38px,4.4vw,56px); line-height:1.05; letter-spacing:-.05em; }
.prism-react-head>p { margin:0; color:#c8cede; font-size:16px; line-height:1.75; }
.prism-react-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.prism-react-grid article { min-height:235px; padding:28px; border:1px solid rgba(255,255,255,.13); border-radius:19px; display:flex; flex-direction:column; justify-content:space-between; background:rgba(255,255,255,.065); }
.prism-react-grid article>b { color:#ff9277; font-size:11px; letter-spacing:.1em; }
.prism-react-grid h3 { margin:0 0 9px; color:#fff; font-size:22px; line-height:1.25; }
.prism-react-grid p { margin:0; color:#c4cada; font-size:13px; line-height:1.7; }
.prism-inline-cta { margin-top:24px; padding:22px 25px; border:1px solid rgba(255,255,255,.13); border-radius:17px; display:flex; align-items:center; justify-content:space-between; gap:25px; background:rgba(0,0,0,.16); }
.prism-inline-cta strong { max-width:690px; font-size:17px; line-height:1.45; }
.prism-flow-pair { display:contents; }
.prism-success { background:linear-gradient(180deg,#fff,#f5f8ff); }
.prism-success-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.prism-success-grid article { min-height:300px; padding:33px; border:1px solid #dfe4f1; border-radius:22px; background:#fff; box-shadow:0 20px 50px rgba(30,42,91,.065); }
.prism-success-grid article>span { width:46px; height:46px; margin-bottom:36px; border-radius:13px; display:grid; place-items:center; color:#fff; background:var(--audience-accent); }
.prism-success-grid article>small { color:var(--audience-accent); font-size:9px; font-weight:900; letter-spacing:.1em; }
.prism-success-grid h3 { margin:8px 0 10px; font-size:25px; line-height:1.2; letter-spacing:-.025em; }
.prism-success-grid p { margin:0; color:#68738b; font-size:14px; line-height:1.75; }
.prism-offer { color:#fff; background:radial-gradient(circle at 90% 7%,rgba(255,170,66,.18),transparent 27%),linear-gradient(130deg,#101d48,#30329d 56%,#6a39c8); }
.prism-offer .prism-section-label { border-color:rgba(255,255,255,.18); color:#fff; background:rgba(255,255,255,.09); box-shadow:none; }
.prism-offer .prism-section-label span { color:var(--mint); }
.prism-offer-shell { padding:42px; border:1px solid rgba(255,255,255,.15); border-radius:28px; display:grid; grid-template-columns:1.02fr .98fr; gap:44px; background:rgba(255,255,255,.07); box-shadow:0 30px 90px rgba(4,10,42,.3); }
.prism-offer-copy>span { color:#ffd165; font-size:10px; font-weight:900; letter-spacing:.11em; }
.prism-offer-copy h2 { margin:10px 0 14px; color:#fff; font-size:clamp(36px,4vw,52px); line-height:1.06; letter-spacing:-.05em; }
.prism-offer-copy>p { margin:0 0 25px; color:#cbd2e6; font-size:15px; line-height:1.75; }
.prism-offer-copy>.prism-countdown { width:max-content; margin-bottom:22px; background:rgba(0,0,0,.18); }
.prism-offer-actions { display:flex; flex-wrap:wrap; gap:11px; }
.prism-offer-actions .secondary.light { border-color:rgba(255,255,255,.3); color:#fff; background:transparent; }
.prism-offer-copy>small { max-width:610px; margin-top:18px; display:block; color:#aeb8d2; font-size:10px; line-height:1.6; }
.prism-bonus-grid { display:grid; gap:15px; }
.prism-bonus-grid article { padding:24px; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:rgba(8,16,55,.34); }
.prism-bonus-grid article>span { width:46px; height:46px; margin-bottom:23px; border-radius:13px; display:grid; place-items:center; color:#1b2860; background:var(--mint); }
.prism-bonus-grid small { color:#9fead4; font-size:8px; font-weight:900; letter-spacing:.1em; }
.prism-bonus-grid h3 { max-width:430px; margin:7px 0 8px; color:#fff; font-size:22px; line-height:1.2; }
.prism-bonus-grid p { margin:0; color:#c0c8dd; font-size:12px; line-height:1.7; }
.prism-bonus-grid b { width:max-content; margin-top:17px; padding:6px 9px; border-radius:8px; display:block; color:#17245a; background:#ffd165; font-size:9px; letter-spacing:.08em; }
.prism-career-coaches .writers-opportunity,.prism-career-coaches .writers-tutorials { background:linear-gradient(128deg,#24164e,#55329c 58%,#7a43c5); }
.prism-recruitment-agencies .writers-opportunity,.prism-recruitment-agencies .writers-tutorials { background:linear-gradient(128deg,#101f49,#244bad 58%,#3d65da); }
.prism-job-seekers .writers-opportunity,.prism-job-seekers .writers-tutorials { background:linear-gradient(128deg,#0c2b35,#0a6b62 58%,#109b75); }
.prism-job-seekers .writers-editor-card { border-color:rgba(14,151,113,.25); }

@media (max-width:1120px) {
  .writers-hero-grid { grid-template-columns:1fr; gap:55px; }
  .writers-hero-copy { max-width:800px; }
  .writers-hero-visual { width:min(850px,100%); min-height:600px; margin-inline:auto; }
  .writers-benefit-grid { grid-template-columns:1fr 1fr; }
  .writers-flow { grid-template-columns:1fr 1fr; }
  .writers-flow .prism-flow-pair>svg { display:none; }
  .writers-product-grid { grid-template-columns:1fr; }
  .writers-product-stack { grid-template-columns:1fr 1fr; }
  .prism-urgent-inner { grid-template-columns:1fr auto; }
  .prism-urgent-inner>.button { grid-column:1/-1; width:max-content; }
  .prism-workspace-card { width:min(88%,690px); right:auto; left:6%; }
}

@media (max-width:900px) {
  .writers-risk-strip .container,.writers-opportunity-head,.writers-tutorial-heading { align-items:flex-start; flex-direction:column; display:flex; gap:14px; padding-block:27px; }
  .writers-problem-grid,.writers-review-grid { grid-template-columns:1fr; }
  .writers-services-grid,.writers-faq-grid { grid-template-columns:1fr; }
  .writers-faq-heading { position:static; }
  .writers-services-grid article { min-height:0; }
  .prism-react-head,.prism-offer-shell { grid-template-columns:1fr; gap:32px; }
  .prism-react-grid,.prism-success-grid { grid-template-columns:1fr; }
  .prism-react-grid article,.prism-success-grid article { min-height:0; }
  .prism-map { top:76px; }
}

@media (max-width:760px) {
  .refund-guarantee { padding:22px 0; }
  .refund-guarantee-card { padding:25px 22px; grid-template-columns:auto 1fr; gap:17px; }
  .refund-guarantee-icon { width:52px; height:52px; border-radius:15px; }
  .refund-guarantee-seal { width:72px; height:72px; grid-column:1/-1; justify-self:start; }
  .refund-guarantee-seal strong { font-size:26px; }
  .writers-hero { min-height:0; padding:70px 0 75px; }
  .writers-hero-copy h1 { font-size:45px; }
  .writers-hero-copy>p { font-size:16px; }
  .writers-hero-visual { min-height:410px; }
  .writers-editor-card { width:min(74%,390px); position:relative; top:0; right:auto; margin-inline:auto; }
  .writers-floating-review { min-width:0; right:-4px; bottom:8px; }
  .writers-floating-lead { min-width:0; left:-4px; bottom:95px; }
  .writers-benefit-grid,.writers-flow,.writers-product-stack,.writers-tutorial-grid { grid-template-columns:1fr; }
  .writers-flow article { min-height:0; }
  .writers-services-grid article { padding:31px 25px; }
  .writers-services-grid ul { grid-template-columns:1fr; }
  .writers-review-grid blockquote { font-size:18px; }
  .writers-close { padding-bottom:65px; }
  .writers-close-inner { padding:35px 26px; align-items:flex-start; flex-direction:column; }
  .writers-close-inner h2 { font-size:32px; }
  .writers-close-inner>div:last-child { width:100%; justify-items:stretch; }
  .writers-close-inner>div:last-child>a:last-child { text-align:center; }
  .prism-urgent-inner { grid-template-columns:1fr; gap:18px; }
  .prism-urgent-inner>.button { grid-column:auto; width:100%; }
  .prism-countdown { width:max-content; max-width:100%; }
  .prism-map { position:relative; top:auto; overflow-x:auto; }
  .prism-map .container { width:680px; min-height:64px; }
  .prism-map a { padding:9px 14px; }
  .prism-react-head { display:block; }
  .prism-react-head>p { margin-top:15px; }
  .prism-inline-cta { align-items:flex-start; flex-direction:column; }
  .prism-inline-cta .button { width:100%; }
  .prism-offer-shell { padding:28px 22px; }
  .prism-offer-actions { display:grid; }
  .prism-workspace-card { width:96%; left:2%; }
}

@media (max-width:430px) {
  .writers-hero-copy h1 { font-size:39px; }
  .writers-trust { align-items:flex-start; flex-direction:column; }
  .writers-hero-visual { min-height:350px; }
  .writers-editor-card { width:min(78%,330px); }
  .writers-ats-badge { right:8px; top:52px; }
  .writers-floating-lead { display:none; }
  .writers-floating-review { padding:12px; bottom:0; }
  .writers-floating-review>span { width:38px; height:38px; }
  .writers-opportunity-head h2,.writers-tutorial-heading h2 { font-size:36px; }
  .writers-faq-heading h2 { font-size:34px; }
  .prism-hero { padding-top:55px; }
  .prism-urgent-inner>div:first-child>strong { font-size:16px; }
  .prism-countdown { padding:10px 11px; gap:6px; }
  .prism-countdown>svg { display:none; }
  .prism-countdown>div { min-width:38px; }
  .prism-countdown strong { font-size:21px; }
  .prism-section-label { margin-bottom:20px; }
  .prism-offer-copy h2,.prism-react-head h2 { font-size:34px; }
}

@media (prefers-reduced-motion:reduce) {
  .writers-hero-copy [data-hero-reveal],.writers-hero-visual[data-hero-reveal],.writers-floating-review,.writers-floating-lead,.writers-orb-one,.writers-orb-two { animation:none!important; opacity:1; transform:none; translate:none; }
}

@media (max-width:430px) {
  .hero h1 { font-size:41px; }
  .hero-actions { flex-direction:column; }
  .trust-row { align-items:flex-start; text-align:left; }
  .editor-body { grid-template-columns:84px 1fr; }
  .resume-paper { transform:scale(.73); }
  .paper-wrap { justify-items:start; }
  .ats-card { transform:scale(.92); transform-origin:bottom right; }
  .template-gallery { width:155%; height:350px; transform:scale(.63); }
  .bonus-card { padding:18px; }
  .assistant-actions { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-brand { grid-column:auto; }
  .footer-bottom { padding-block:18px; align-items:flex-start; flex-direction:column; gap:5px; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { transition-duration:.01ms!important; animation-duration:.01ms!important; } }

/* Revised platform positioning and shared site chrome */
.wide-container { width:min(1420px,calc(100% - 22px)); margin-inline:auto; }
.original-brand { width:158px; height:54px; display:flex; align-items:center; }
.original-brand img { width:100%; height:100%; object-fit:contain; object-position:left center; }
.site-header .nav-wrap { min-height:76px; gap:11px; }
.site-header .desktop-nav { flex:1; gap:clamp(6px,.68vw,12px); white-space:nowrap; }
.site-header .desktop-nav a { font-size:12px; }
.site-header .nav-actions { gap:9px; white-space:nowrap; }
.site-header .nav-actions .button { min-width:94px; padding-inline:11px; }

.hero-blob,.inner-blob,.calculator-blob { position:absolute; pointer-events:none; opacity:.7; filter:blur(2px); }
.hero-blob.blob-one { width:390px; height:340px; top:7%; right:2%; border-radius:65% 35% 48% 52% / 50% 56% 44% 50%; background:linear-gradient(145deg,rgba(94,67,224,.22),rgba(77,115,255,.07)); }
.hero-blob.blob-two { width:270px; height:260px; left:-6%; bottom:3%; border-radius:38% 62% 62% 38% / 54% 45% 55% 46%; background:linear-gradient(145deg,rgba(130,237,207,.23),rgba(72,98,236,.04)); }
.hero-blob.blob-three { width:130px; height:120px; left:47%; top:15%; border-radius:62% 38% 48% 52%; background:rgba(94,67,224,.08); }
.business-card { min-width:155px; padding:13px 15px; position:absolute; top:17px; right:-3px; z-index:4; border:1px solid rgba(219,224,239,.9); border-radius:13px; display:flex; flex-direction:column; background:rgba(255,255,255,.97); box-shadow:0 18px 45px rgba(31,40,90,.16); }
.business-card small { color:#8992a7; font-size:7px; font-weight:850; letter-spacing:.1em; }
.business-card strong { margin:2px 0; font-size:22px; line-height:1.2; letter-spacing:-.04em; }
.business-card span { color:#66708a; font-size:7px; }
.business-card span b { color:#168c68; }

.builder-benefit { padding:8px 10px; border-radius:8px; color:#3c4ed0!important; background:#edf0ff; font-weight:750; }
.plan-table-wrap { margin-top:60px; padding:32px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 18px 55px rgba(26,38,90,.07); scroll-margin-top:110px; }
.plan-table-heading { margin-bottom:26px; display:grid; grid-template-columns:1fr .8fr; gap:50px; align-items:end; }
.plan-table-heading span { color:#5365e9; font-size:11px; font-weight:850; letter-spacing:.09em; }
.plan-table-heading h2,.plan-table-heading h3 { margin:5px 0 0; font-size:30px; line-height:1.2; letter-spacing:-.035em; }
.plan-table-heading p { margin:0; color:var(--muted); font-size:14px; }
.plan-table { min-width:760px; border-collapse:separate; border-spacing:0; }
.plan-table th { height:58px; padding:14px 17px; border-bottom:1px solid var(--line); color:#66708a; background:#f7f8fd; font-size:13px; font-weight:780; }
.plan-table th:first-child { border-radius:12px 0 0 0; }
.plan-table th:last-child { border-radius:0 12px 0 0; }
.plan-table td { padding:15px 17px; border-bottom:1px solid #eef0f6; color:#3f4a65; font-size:13px; }
.plan-table td:first-child { font-weight:690; }
.plan-table .builder-column { background:#f0f3ff; }
.yes { display:inline-flex; align-items:center; gap:6px; color:#168c68; font-weight:750; }
.yes svg { width:15px; }
.no { color:#b0b7c7; }
.price-card.template-plan { border:2px solid #684bdc; box-shadow:0 25px 60px rgba(89,64,194,.15); }

/* Interactive SaaS revenue planner */
.calculator-section { position:relative; overflow:hidden; color:#fff; background:#0e193c; }
.calculator-blob { width:500px; height:460px; right:-8%; top:-22%; border-radius:61% 39% 47% 53%; background:radial-gradient(circle at 35% 35%,rgba(130,237,207,.28),rgba(91,65,222,.08) 68%); }
.calculator-grid { position:relative; display:grid; grid-template-columns:.8fr 1.2fr; gap:72px; align-items:center; }
.calculator-copy h2 { margin:20px 0 18px; font-size:clamp(38px,4.2vw,57px); line-height:1.08; letter-spacing:-.045em; }
.calculator-copy>p { margin:0; color:#b7c0d9; font-size:17px; }
.calculator-tip { margin-top:28px; padding:16px; border:1px solid rgba(255,255,255,.12); border-radius:13px; display:flex; align-items:center; gap:12px; color:#d8def0; background:rgba(255,255,255,.06); font-size:13px; }
.calculator-tip svg { width:21px; flex:none; color:var(--mint); }
.calculator-card { padding:34px; border:1px solid rgba(255,255,255,.16); border-radius:24px; color:var(--ink); background:#fff; box-shadow:0 32px 80px rgba(0,0,0,.23); }
.calc-control { margin-bottom:27px; }
.calc-control>div { margin-bottom:12px; display:flex; align-items:center; justify-content:space-between; gap:15px; }
.calc-control>div>span { color:#47536f; font-size:14px; font-weight:700; }
.calc-control strong { font-size:18px; }
.calc-slider { width:100%; height:7px; border-radius:999px; appearance:none; cursor:pointer; background:linear-gradient(90deg,#3b5cff 0%,#6846df 34%,#e7eaf3 34%,#e7eaf3 100%); }
.calc-slider::-webkit-slider-thumb { width:18px; height:18px; border:4px solid #fff; border-radius:50%; appearance:none; background:#4f5ee8; box-shadow:0 0 0 2px #4f5ee8; }
.calc-slider::-moz-range-thumb { width:11px; height:11px; border:4px solid #fff; border-radius:50%; background:#4f5ee8; box-shadow:0 0 0 2px #4f5ee8; }
.calc-slider:focus-visible { outline:3px solid rgba(79,94,232,.28); outline-offset:5px; }
.calc-result { margin:5px 0 20px; padding:22px; border-radius:16px; display:grid; grid-template-columns:1fr auto; align-items:center; background:linear-gradient(135deg,#eff2ff,#f7f5ff); }
.calc-result span { color:#53607b; font-size:13px; font-weight:750; }
.calc-result strong { color:#3f51dc; font-size:36px; line-height:1; letter-spacing:-.05em; }
.calc-result small { margin-top:4px; grid-column:1/-1; color:#7d879c; font-size:11px; }
.calculator-card .button { width:100%; }

/* Inner pages */
.inner-hero { min-height:600px; padding-block:112px; position:relative; overflow:hidden; display:flex; align-items:center; text-align:center; background:radial-gradient(circle at 50% 15%,rgba(105,72,224,.12),transparent 36%),#fafbff; }
.inner-hero-content { max-width:940px; position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; }
.inner-hero h1 { max-width:920px; margin:24px 0 20px; font-size:clamp(48px,6vw,78px); line-height:1.02; letter-spacing:-.055em; }
.inner-hero p { max-width:760px; margin:0; color:var(--muted); font-size:18px; line-height:1.75; }
.inner-hero .hero-actions { justify-content:center; }
.inner-blob.blob-one { width:330px; height:290px; top:11%; left:-7%; border-radius:63% 37% 48% 52%; background:linear-gradient(140deg,rgba(82,100,237,.17),rgba(130,237,207,.09)); }
.inner-blob.blob-two { width:390px; height:350px; right:-11%; bottom:-12%; border-radius:39% 61% 56% 44%; background:linear-gradient(140deg,rgba(105,72,224,.14),rgba(248,139,101,.08)); }

.feature-directory { background:#fff; }
.feature-group { padding-block:40px 80px; }
.feature-group+.feature-group { border-top:1px solid var(--line); }
.feature-group-heading { margin-bottom:32px; display:grid; grid-template-columns:.36fr 1fr; gap:45px; align-items:start; }
.feature-group-heading span { color:#5365e9; font-size:12px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.feature-group-heading h2 { max-width:720px; margin:0; font-size:37px; line-height:1.15; letter-spacing:-.04em; }
.directory-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.directory-grid article { min-height:310px; padding:26px; border:1px solid var(--line); border-radius:18px; background:#fbfcff; }
.directory-grid article>div { width:46px; height:46px; margin-bottom:30px; border-radius:12px; display:grid; place-items:center; color:#5365e9; background:#e9edff; }
.directory-grid h3 { margin:0 0 10px; font-size:20px; line-height:1.3; }
.directory-grid p { margin:0; color:var(--muted); font-size:14px; }
.directory-grid a { margin-top:24px; display:inline-flex; align-items:center; gap:6px; color:#4d5ee0; font-size:12px; font-weight:800; }
.integration-ribbon { padding-block:56px; color:#fff; background:#111c40; }
.integration-ribbon .container { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.integration-ribbon span { color:var(--mint); font-size:11px; font-weight:850; letter-spacing:.11em; }
.integration-ribbon div div { display:flex; flex-wrap:wrap; gap:34px; }
.integration-ribbon b { color:#d9dff0; font-size:17px; }

.inner-pricing { background:#fff; }
.basic-page { background:#fff; }
.basic-page-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:center; }
.basic-card-list { display:grid; gap:15px; }
.basic-card-list article { padding:25px; border:1px solid var(--line); border-radius:18px; display:grid; grid-template-columns:auto 1fr; gap:18px; background:#fbfcff; }
.basic-card-list article>span { width:48px; height:48px; border-radius:13px; display:grid; place-items:center; color:#5062e8; background:#e9edff; }
.basic-card-list h2 { margin:0 0 5px; font-size:20px; }
.basic-card-list p { margin:0; color:var(--muted); font-size:14px; }
.portal-preview { overflow:hidden; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 28px 70px rgba(26,38,90,.13); }
.portal-top { height:48px; padding:0 18px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:6px; color:#65708a; background:#f8f9fd; font-size:11px; font-weight:750; }
.portal-top i { width:8px; height:8px; border-radius:50%; background:#ff806d; }
.portal-top i:nth-child(2) { background:#ffc75d; }
.portal-top i:nth-child(3) { background:#54d692; }
.portal-top span { margin-left:auto; }
.portal-body { min-height:410px; display:grid; grid-template-columns:170px 1fr; }
.portal-body>aside { padding:25px 18px; display:flex; flex-direction:column; gap:11px; color:#69738b; background:#111c40; }
.portal-body>aside b,.portal-body>aside span { padding:9px 11px; border-radius:8px; font-size:11px; }
.portal-body>aside b { color:#111c40; background:var(--mint); }
.portal-body>main { padding:32px; }
.portal-welcome { padding:24px; border-radius:15px; color:#fff; background:linear-gradient(125deg,#3b55eb,#6a42d8); }
.portal-welcome small { color:var(--mint); font-size:8px; font-weight:850; letter-spacing:.1em; }
.portal-welcome h3 { margin:4px 0 0; font-size:23px; }
.portal-stats { margin-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.portal-stats span { min-height:82px; padding:13px; border:1px solid var(--line); border-radius:11px; display:flex; flex-direction:column; color:#778198; font-size:9px; }
.portal-stats b { color:var(--ink); font-size:21px; }
.portal-row { margin-top:17px; padding:18px; border:1px solid var(--line); border-radius:12px; display:grid; gap:10px; }
.portal-row i { height:8px; border-radius:10px; background:#e7eaf2; }
.portal-row i:nth-child(2) { width:82%; }
.portal-row i:nth-child(3) { width:61%; }

.contact-section { background:#f8f9fd; }
.contact-grid,.employer-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:35px; }
.contact-options { display:grid; gap:16px; }
.contact-options article,.employer-benefits,.contact-form,.employer-form { padding:34px; border:1px solid var(--line); border-radius:21px; background:#fff; }
.contact-options svg { color:#5464e7; }
.contact-options h2 { margin:20px 0 7px; font-size:22px; }
.contact-options p { margin:0; color:var(--muted); }
.contact-form,.employer-form { display:grid; gap:17px; }
.contact-form label,.employer-form label { display:grid; gap:7px; color:#44506a; font-size:13px; font-weight:750; }
.contact-form input,.contact-form select,.contact-form textarea,.employer-form input { width:100%; padding:14px 15px; border:1px solid #dfe3ed; border-radius:10px; color:var(--ink); background:#fafbfe; font:inherit; font-size:14px; outline:none; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.employer-form input:focus { border-color:#5365e9; box-shadow:0 0 0 3px rgba(83,101,233,.1); }

.job-board { background:#f7f8fc; }
.job-search { max-width:850px; margin:0 auto 35px; padding:9px 9px 9px 18px; border:1px solid var(--line); border-radius:14px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; background:#fff; box-shadow:0 12px 35px rgba(26,38,90,.08); }
.job-search svg { color:#7b859c; }
.job-search input { min-width:0; border:0; outline:0; font:inherit; }
.job-search button,.job-card button { padding:12px 18px; border:0; border-radius:9px; color:#fff; background:#4659e8; font-size:13px; font-weight:780; }
.job-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.job-card { padding:30px; border:1px solid var(--line); border-radius:20px; background:#fff; }
.job-logo { width:50px; height:50px; margin-bottom:25px; border-radius:14px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#465bea,#7244d7); font-size:13px; font-weight:850; }
.job-card>span { color:#5365e9; font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.job-card h2 { margin:7px 0 2px; font-size:22px; }
.job-card p { margin:0; color:#56627c; }
.job-card small { display:block; margin:9px 0 26px; color:#8a92a5; }
.job-card>div:last-child { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.job-card a { color:#4357df; font-size:12px; font-weight:780; }

.employer-section { background:#f8f9fd; }
.employer-benefits>span { width:57px; height:57px; border-radius:15px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#465bea,#7244d7); }
.employer-benefits h2,.employer-form h2 { margin:24px 0 10px; font-size:28px; line-height:1.2; }
.employer-benefits ul { margin:25px 0 0; padding:0; display:grid; gap:14px; list-style:none; }
.employer-benefits li { display:flex; align-items:center; gap:9px; color:#55617a; }
.employer-benefits li svg { width:17px; color:#168c68; }
.employer-form p { margin:0 0 10px; color:var(--muted); }

.tutorial-grid-section { background:#f8f9fd; }
.tutorial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.tutorial-card { padding:27px; border:1px solid var(--line); border-radius:19px; background:#fff; }
.tutorial-thumb { height:172px; margin:0!important; border-radius:13px; display:block!important; position:relative; overflow:hidden; color:#fff!important; background:linear-gradient(135deg,#15224b,#5542d5); }
.tutorial-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.tutorial-thumb:hover img { transform:scale(1.035); }
.tutorial-thumb:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(8,14,38,.72)); }
.tutorial-thumb>span { z-index:2; position:absolute; top:13px; right:15px; padding:5px 8px; border-radius:999px; color:#fff; background:rgba(15,25,64,.78); font-size:11px; font-weight:850; }
.tutorial-thumb>i { z-index:2; position:absolute; inset:0; display:grid; place-items:center; }
.tutorial-thumb>i svg { width:46px; height:46px; filter:drop-shadow(0 8px 18px rgba(0,0,0,.35)); }
.tutorial-card>small { display:block; margin-top:19px; color:#5365e9; font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.tutorial-card h2 { margin:22px 0 8px; font-size:20px; }
.tutorial-card>small+h2 { margin-top:6px; }
.tutorial-card p { margin:0; color:var(--muted); font-size:13px; }
.tutorial-card .tutorial-link { margin-top:22px; display:inline-flex; align-items:center; gap:6px; color:#4659df; font-size:12px; font-weight:800; }
.tutorial-master-section { color:#fff; background:#111d43; }
.tutorial-master-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.tutorial-master-card { overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:rgba(255,255,255,.06); box-shadow:0 25px 65px rgba(0,0,0,.22); }
.tutorial-master-card>a { aspect-ratio:16/9; display:block; position:relative; overflow:hidden; background:#070d22; }
.tutorial-master-card>a img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.tutorial-master-card>a:hover img { transform:scale(1.025); }
.tutorial-master-card>a:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(5,10,28,.75)); }
.tutorial-master-card>a span { z-index:2; position:absolute; left:22px; bottom:20px; display:flex; align-items:center; gap:8px; color:#fff; font-size:13px; font-weight:800; }
.tutorial-master-card>a span svg { width:29px; height:29px; }
.tutorial-master-card>div { padding:27px; }
.tutorial-master-card small { color:var(--mint); letter-spacing:.09em; font-size:10px; font-weight:850; }
.tutorial-master-card h2 { margin:8px 0 9px; font-size:25px; line-height:1.2; }
.tutorial-master-card p { margin:0; color:#c9d0e3; font-size:14px; line-height:1.65; }

.changelog-section { background:#fff; }
.changelog-list { max-width:900px; display:grid; gap:18px; }
.changelog-list article { padding:35px; border:1px solid var(--line); border-radius:20px; background:#fbfcff; }
.changelog-list article>div { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.changelog-list article>div span { color:#5365e9; font-size:11px; font-weight:850; letter-spacing:.08em; }
.changelog-list article>div small { padding:4px 8px; border-radius:100px; color:#168c68; background:#e3f8f1; font-size:9px; font-weight:850; }
.changelog-list h2 { margin:17px 0 8px; font-size:28px; }
.changelog-list p { margin:0; color:var(--muted); }

/* Real template marketplace */
.template-copy-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.template-plan-link { color:#dce2f4; font-size:13px; font-weight:800; text-decoration:underline; text-underline-offset:5px; }
.featured-template-gallery { padding:19px; position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:13px; border:1px solid rgba(255,255,255,.12); border-radius:23px; background:rgba(255,255,255,.055); box-shadow:0 35px 90px rgba(0,0,0,.24); }
.template-preview-card { min-width:0; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:17px; display:flex; flex-direction:column; color:var(--ink); background:#fff; box-shadow:0 15px 38px rgba(25,35,77,.08); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.template-preview-card:hover { z-index:3; border-color:#8a91ef; transform:translateY(-6px); box-shadow:0 24px 50px rgba(20,31,75,.18); }
.template-preview-image { height:365px; position:relative; overflow:hidden; background:#eef0f5; }
.template-preview-image img { object-fit:cover; object-position:top center; transition:transform .35s ease; }
.template-preview-card:hover .template-preview-image img { transform:scale(1.025); }
.template-preview-card.compact { border-radius:12px; box-shadow:0 16px 35px rgba(0,0,0,.22); }
.template-preview-card.compact .template-preview-image { height:225px; }
.template-preview-info { padding:15px 16px 11px; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.template-preview-info>div:first-child { min-width:0; display:flex; flex-direction:column; }
.template-preview-info strong { font-size:15px; }
.template-preview-info>div:first-child span { margin-top:2px; overflow:hidden; color:#79839a; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.template-preview-card.compact .template-preview-info { padding:10px 11px 8px; }
.template-preview-card.compact .template-preview-info strong { font-size:12px; }
.template-preview-card.compact .template-preview-info>div:first-child span { font-size:9px; }
.template-tags { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
.template-tags>span { padding:4px 7px; border-radius:999px; font-size:9px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.template-tags .free { color:#147559; background:#dff7ef; }
.template-tags .pro { color:#fff; background:#5e48d8; }
.template-tags .ats { color:#9e4b15; background:#fff0dd; }
.template-tags .non-ats { color:#315a75; background:#e7f3fb; }
.template-tags .number { color:#5c6578; background:#eef0f5; }
.template-preview-card.compact .template-tags>span { padding:3px 5px; font-size:7px; }
.template-use { margin-top:auto; padding:0 16px 15px; display:flex; align-items:center; justify-content:space-between; color:#4659df; font-size:11px; font-weight:800; }
.template-use svg { width:14px; }
.template-preview-card.compact .template-use { padding:0 11px 10px; font-size:9px; }
.real-gallery-badge { padding:8px 12px; position:absolute; right:22px; bottom:-17px; z-index:5; border:1px solid rgba(255,255,255,.16); border-radius:999px; display:flex; align-items:center; gap:7px; color:var(--mint); background:#182651; box-shadow:0 12px 28px rgba(0,0,0,.22); font-size:10px; font-weight:800; }
.real-gallery-badge svg { width:14px; }
.template-page-hero { padding:105px 0 95px; position:relative; overflow:hidden; text-align:center; background:radial-gradient(circle at 50% 0,rgba(97,75,225,.14),transparent 43%),#fafbff; }
.template-page-hero .container { max-width:900px; position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; }
.template-page-hero .eyebrow svg { width:15px; }
.template-page-hero h1 { margin:23px 0 20px; font-size:clamp(48px,6vw,76px); line-height:1.03; letter-spacing:-.055em; }
.template-page-hero p { max-width:760px; margin:0; color:var(--muted); font-size:18px; line-height:1.7; }
.template-library-section { background:#f7f8fc; }
.template-filter { width:max-content; margin:0 auto; padding:6px; border:1px solid var(--line); border-radius:13px; display:flex; gap:5px; background:#fff; }
.template-filter button { min-width:82px; padding:11px 16px; border:0; border-radius:9px; color:#68738c; background:transparent; font:inherit; font-size:13px; font-weight:800; cursor:pointer; }
.template-filter button.active { color:#fff; background:linear-gradient(110deg,#435df0,#6844db); box-shadow:0 8px 20px rgba(72,75,206,.2); }
.template-count { margin:17px 0 34px; color:#7b8499; font-size:13px; text-align:center; }
.full-template-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:21px; }

/* Template-preserving registration flow */
.registration-flow-section { min-height:850px; background:radial-gradient(circle at 16% 8%,rgba(76,99,235,.11),transparent 28%),#f7f8fc; }
.registration-heading { max-width:790px; margin:0 auto 45px; text-align:center; }
.registration-heading>span { color:#5365e9; font-size:11px; font-weight:850; letter-spacing:.1em; }
.registration-heading h1 { margin:12px 0 14px; font-size:clamp(39px,5vw,58px); line-height:1.06; letter-spacing:-.05em; }
.registration-heading p { margin:0; color:var(--muted); font-size:16px; }
.registration-flow-grid { max-width:1020px; margin:0 auto; display:grid; grid-template-columns:.72fr 1.28fr; gap:25px; align-items:stretch; }
.selected-template-panel,.registration-form { padding:27px; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 22px 58px rgba(26,38,90,.09); }
.selected-label { margin-bottom:16px; display:flex; align-items:center; gap:7px; color:#168c68; font-size:11px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.selected-label svg { width:15px; }
.selected-template-image { height:430px; position:relative; overflow:hidden; border-radius:11px; background:#eceff5; }
.selected-template-image img,.workspace-template-image img { object-fit:cover; object-position:top center; }
.selected-template-name { margin:17px 0 14px; display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.selected-template-name>div:first-child { display:flex; flex-direction:column; }
.selected-template-name strong { font-size:18px; }
.selected-template-name>div:first-child span { color:#7b859b; font-size:12px; }
.selected-template-panel>a { display:flex; align-items:center; gap:7px; color:#4659df; font-size:12px; font-weight:800; }
.selected-template-panel>a svg { width:14px; }
.registration-form { display:flex; flex-direction:column; justify-content:center; }
.registration-steps { margin-bottom:31px; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.registration-steps span { padding:10px; border-radius:10px; display:flex; align-items:center; gap:7px; color:#929aab; background:#f3f4f8; font-size:11px; font-weight:850; }
.registration-steps span b { font-size:10px; }
.registration-steps span.done { color:#147559; background:#e4f8f1; }
.registration-steps span.active { color:#fff; background:#5162e8; }
.registration-form label { margin-bottom:17px; display:grid; gap:7px; color:#45516a; font-size:13px; font-weight:780; }
.registration-form input { width:100%; padding:14px 15px; border:1px solid #dfe3ed; border-radius:10px; color:var(--ink); background:#fafbfe; font:inherit; font-size:14px; outline:none; }
.registration-form input:focus { border-color:#5365e9; box-shadow:0 0 0 3px rgba(83,101,233,.1); }
.registration-form .button { width:100%; margin-top:5px; }
.registration-form>small { margin-top:14px; color:#8b94a8; font-size:10px; text-align:center; }
.pro-note { margin:15px 0 0; padding:11px; border-radius:9px; display:flex; align-items:flex-start; gap:8px; color:#6d587f; background:#f5effd; font-size:11px; }
.pro-note svg { width:15px; flex:none; }
.selected-workspace { padding:55px 0; color:#fff; background:#101b40; }
.selected-workspace-card { display:grid; grid-template-columns:160px 1fr auto; gap:34px; align-items:center; }
.workspace-template-image { height:220px; position:relative; overflow:hidden; border:7px solid rgba(255,255,255,.12); border-radius:12px; background:#fff; box-shadow:0 20px 40px rgba(0,0,0,.2); }
.selected-workspace-card>div:nth-child(2)>span { display:flex; align-items:center; gap:7px; color:var(--mint); font-size:11px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.selected-workspace-card>div:nth-child(2)>span svg { width:15px; }
.selected-workspace-card h1 { max-width:680px; margin:9px 0; color:#fff; font-size:34px; line-height:1.12; letter-spacing:-.04em; }
.selected-workspace-card p { max-width:650px; margin:0 0 13px; color:#bdc5da; font-size:14px; }
.selected-workspace-card .button { min-width:190px; }

/* Blog */
.blog-preview-section,.blog-archive { background:#f7f8fc; }
.blog-heading { margin-bottom:38px; display:flex; align-items:end; justify-content:space-between; gap:28px; text-align:left; }
.blog-heading>div { max-width:760px; }
.blog-heading h2 { margin:18px 0 0; }
.blog-heading .button { flex:none; }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.blog-card { overflow:hidden; border:1px solid var(--line); border-radius:21px; background:#fff; box-shadow:0 16px 45px rgba(26,38,90,.06); transition:transform .25s ease,box-shadow .25s ease; }
.blog-card:hover { transform:translateY(-6px); box-shadow:0 24px 55px rgba(26,38,90,.11); }
.blog-visual { height:205px; padding:24px; position:relative; overflow:hidden; display:flex; align-items:flex-start; justify-content:space-between; color:#fff; }
.blog-visual:after { width:180px; height:180px; content:""; position:absolute; right:-48px; bottom:-72px; border:1px solid rgba(255,255,255,.22); border-radius:42% 58% 60% 40%; background:rgba(255,255,255,.1); transform:rotate(24deg); }
.blog-visual span { padding:7px 10px; border:1px solid rgba(255,255,255,.24); border-radius:999px; background:rgba(255,255,255,.12); font-size:11px; font-weight:800; letter-spacing:.04em; }
.blog-visual svg { width:55px; height:55px; position:absolute; left:28px; bottom:24px; opacity:.88; }
.blog-visual.visual-1 { background:linear-gradient(135deg,#192956,#5368ed); }
.blog-visual.visual-2 { background:linear-gradient(135deg,#4937b7,#8e58e6); }
.blog-visual.visual-3 { background:linear-gradient(135deg,#087e72,#31b19a); }
.blog-card-body { padding:27px; }
.blog-meta { display:flex; align-items:center; flex-wrap:wrap; gap:16px; color:#7d879d; font-size:11px; font-weight:650; }
.blog-meta span { display:inline-flex; align-items:center; gap:5px; }
.blog-meta svg { width:13px; height:13px; }
.blog-card h2,.blog-card h3 { margin:15px 0 11px; font-size:23px; line-height:1.25; letter-spacing:-.025em; }
.blog-card h2 a,.blog-card h3 a { color:var(--ink); }
.blog-card p { margin:0; color:var(--muted); font-size:14px; }
.blog-link { margin-top:22px; display:inline-flex; align-items:center; gap:7px; color:#4659df; font-size:13px; font-weight:800; }
.article-hero { padding:100px 0 90px; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 0,rgba(97,75,225,.13),transparent 42%),#fafbff; }
.article-container { width:min(820px,calc(100% - 34px)); margin-inline:auto; position:relative; z-index:1; }
.article-back { width:max-content; margin-bottom:45px; display:flex; align-items:center; gap:7px; color:#4d5ee0; font-size:13px; font-weight:800; }
.article-back svg { width:16px; }
.article-hero .article-container>span { display:block; color:#5365e9; font-size:12px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.article-hero h1 { margin:18px 0 22px; font-size:clamp(46px,6vw,72px); line-height:1.02; letter-spacing:-.055em; }
.article-hero p { max-width:760px; margin:0 0 24px; color:var(--muted); font-size:18px; line-height:1.7; }
.article-body { padding-block:80px 110px; }
.article-body>p,.article-body section p { color:#4e5a73; font-size:17px; line-height:1.9; }
.article-intro { padding:27px 30px; border-left:4px solid #5365e9; border-radius:0 15px 15px 0; background:#f3f5ff; font-size:19px!important; }
.article-body section { margin-top:55px; }
.article-body h2 { margin:0 0 14px; font-size:32px; letter-spacing:-.035em; }
.article-checklist { margin-top:70px; padding:38px; border-radius:23px; color:#fff; background:linear-gradient(135deg,#121e45,#543bd0); }
.article-checklist h2 { color:#fff; }
.article-checklist ul { margin:25px 0 28px; padding:0; display:grid; gap:12px; list-style:none; }
.article-checklist li { display:flex; align-items:center; gap:9px; color:#dfe4f5; }
.article-checklist li svg { width:17px; color:var(--mint); }

@media (max-width:1120px) {
  .site-header .desktop-nav,.site-header .nav-actions { display:none; }
  .site-header .mobile-menu { display:block; margin-left:auto; }
  .original-brand { width:158px; }
  .mobile-menu-panel { max-height:82vh; overflow-y:auto; }
  .mobile-menu-title img { width:150px; height:auto; }
  .directory-grid { grid-template-columns:repeat(2,1fr); }
  .full-template-gallery { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:900px) {
  .calculator-grid,.basic-page-grid,.contact-grid,.employer-grid { grid-template-columns:1fr; }
  .plan-table-heading,.feature-group-heading { grid-template-columns:1fr; gap:12px; }
  .job-grid,.tutorial-grid { grid-template-columns:1fr 1fr; }
  .blog-grid { grid-template-columns:1fr 1fr; }
  .featured-template-gallery { grid-template-columns:repeat(3,1fr); }
  .full-template-gallery { grid-template-columns:repeat(2,1fr); }
  .registration-flow-grid { grid-template-columns:.85fr 1.15fr; }
  .selected-workspace-card { grid-template-columns:140px 1fr; }
  .selected-workspace-card>.button { grid-column:2; width:max-content; }
  .integration-ribbon .container { align-items:flex-start; flex-direction:column; }
}

@media (max-width:760px) {
  .wide-container { width:min(calc(100% - 28px),620px); }
  .original-brand { width:146px; height:48px; }
  .mobile-menu-title { grid-template-columns:1fr auto; }
  .mobile-menu-title img { width:150px; }
  .mobile-menu-title>span { display:none!important; }
  .hero-blob.blob-one { right:-48%; }
  .hero-blob.blob-three,.business-card { display:none; }
  .plan-table-wrap { padding:18px; }
  .plan-table-heading h2,.plan-table-heading h3 { font-size:25px; }
  .calculator-grid { gap:45px; }
  .calculator-card { padding:23px; }
  .calc-result { grid-template-columns:1fr; gap:7px; }
  .calc-result strong { font-size:32px; }
  .inner-hero { min-height:540px; padding-block:85px; }
  .inner-hero h1 { font-size:43px; }
  .inner-hero p { font-size:16px; }
  .directory-grid,.job-grid,.tutorial-grid { grid-template-columns:1fr; }
  .blog-grid { grid-template-columns:1fr; }
  .featured-template-gallery { padding:12px; grid-template-columns:repeat(2,1fr); gap:10px; }
  .template-preview-card.compact .template-preview-image { height:225px; }
  .full-template-gallery { grid-template-columns:1fr; }
  .template-preview-image { height:auto; aspect-ratio:595/842; }
  .template-filter { width:100%; overflow-x:auto; }
  .template-filter button { min-width:70px; }
  .template-page-hero { padding-block:78px; }
  .template-page-hero h1 { font-size:43px; }
  .template-page-hero p { font-size:16px; }
  .registration-flow-grid { grid-template-columns:1fr; }
  .selected-template-image { height:auto; aspect-ratio:595/842; }
  .registration-steps span { justify-content:center; }
  .registration-steps span b { display:none; }
  .selected-workspace-card { grid-template-columns:100px 1fr; gap:20px; }
  .workspace-template-image { height:145px; }
  .selected-workspace-card h1 { font-size:26px; }
  .selected-workspace-card>.button { grid-column:1/-1; width:100%; }
  .blog-heading { align-items:flex-start; flex-direction:column; }
  .article-hero { padding-block:75px; }
  .article-hero h1 { font-size:43px; }
  .article-checklist { padding:27px; }
  .feature-group-heading h2 { font-size:31px; }
  .portal-body { grid-template-columns:95px 1fr; }
  .portal-body>aside { padding:18px 9px; }
  .portal-body>aside b,.portal-body>aside span { padding:8px 7px; font-size:8px; }
  .portal-body>main { padding:17px; }
  .portal-stats { grid-template-columns:1fr; }
  .job-search { grid-template-columns:auto 1fr; }
  .job-search button { grid-column:1/-1; }
  .job-card>div:last-child { align-items:flex-start; flex-direction:column; }
}

/* Detailed feature experience */
.feature-atlas { background:#fff; }
.feature-atlas-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-atlas-card { min-height:300px; padding:30px; position:relative; overflow:hidden; scroll-margin-top:120px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,#fff,#f8f9ff); transition:transform .25s ease,box-shadow .25s ease; }
.feature-atlas-card:hover { transform:translateY(-5px); box-shadow:0 24px 55px rgba(24,36,84,.1); }
.feature-atlas-card>span { position:absolute; top:25px; right:27px; color:#dfe4f1; font-size:31px; font-weight:850; }
.feature-atlas-card>div { width:52px; height:52px; margin-bottom:38px; border-radius:15px; display:grid; place-items:center; color:#465ae8; background:#e9edff; }
.feature-atlas-card:nth-child(3n+2)>div { color:#6b43d0; background:#f0eafd; }
.feature-atlas-card:nth-child(3n)>div { color:#118665; background:#ddf8ef; }
.feature-atlas-card h3 { margin:0 0 10px; font-size:22px; line-height:1.25; }
.feature-atlas-card p { margin:0; color:var(--muted); font-size:15px; line-height:1.7; }
.feature-workflows { background:#f5f7fc; }
.workflow-showcases { display:grid; gap:90px; }
.workflow-showcase { display:grid; grid-template-columns:.78fr 1.22fr; gap:55px; align-items:center; }
.workflow-showcase>* { min-width:0; }
.workflow-showcase.reverse { grid-template-columns:1.22fr .78fr; }
.workflow-showcase.reverse .workflow-copy { grid-column:2; grid-row:1; }
.workflow-showcase.reverse .real-screen { grid-column:1; grid-row:1; }
.workflow-copy>span { color:#4d60e2; font-size:12px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.workflow-copy h3 { margin:12px 0 15px; font-size:clamp(30px,3vw,43px); line-height:1.1; letter-spacing:-.04em; }
.workflow-copy>p { margin:0; color:var(--muted); font-size:16px; line-height:1.75; }
.workflow-copy ul { margin:25px 0 0; padding:0; display:grid; gap:11px; list-style:none; }
.workflow-copy li { display:flex; align-items:center; gap:9px; color:#43506b; font-size:14px; font-weight:700; }
.workflow-copy li svg { width:17px; color:#159272; }
.real-screen { position:relative; overflow:hidden; border:1px solid rgba(190,199,225,.9); border-radius:24px; background:#fff; box-shadow:0 34px 85px rgba(24,35,82,.18),0 8px 24px rgba(77,61,218,.08); transform:translateZ(0); transition:transform .35s ease,box-shadow .35s ease; }
.real-screen::after { content:""; position:absolute; inset:43px 0 auto; height:1px; background:linear-gradient(90deg,transparent,rgba(79,70,229,.25),transparent); }
.real-screen:hover { transform:translateY(-5px); box-shadow:0 42px 95px rgba(24,35,82,.22),0 10px 30px rgba(77,61,218,.12); }
.screen-bar { height:43px; padding:0 16px; border-bottom:1px solid #e8ebf3; display:flex; align-items:center; gap:6px; color:#6a748d; background:linear-gradient(180deg,#fff,#f6f7fb); }
.screen-bar i { width:8px; height:8px; border-radius:50%; background:#ff806d; }
.screen-bar i:nth-child(2) { background:#ffc75d; }
.screen-bar i:nth-child(3) { background:#54d692; }
.screen-bar b { margin-left:9px; font-size:12px; }
.screen-bar em { margin-left:auto; font-size:11px; font-style:normal; font-weight:700; color:#59627a; letter-spacing:.04em; text-transform:uppercase; }
.real-screen img { width:100%; height:auto; max-width:100%; object-fit:contain; object-position:top center; display:block; background:#eef1f8; }
.product-screen-image { width:100%; height:auto!important; max-width:100%; max-height:none!important; aspect-ratio:auto!important; object-fit:contain!important; object-position:top center!important; display:block; background:#eef1f8; }
.feature-outcomes { color:#fff; background:linear-gradient(120deg,#111d43,#3f3aba 62%,#5f38d5); }
.feature-outcome-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.feature-outcome-grid>div { padding:45px; border:1px solid rgba(255,255,255,.17); border-radius:24px; background:rgba(255,255,255,.08); }
.feature-outcome-grid span { color:var(--mint); font-size:12px; font-weight:850; letter-spacing:.09em; }
.feature-outcome-grid h2 { margin:13px 0; font-size:34px; line-height:1.15; }
.feature-outcome-grid p { margin:0 0 26px; color:#d8def0; font-size:16px; }

/* Native-style authentication */
.auth-page { padding:95px 0 110px; background:radial-gradient(circle at 12% 8%,rgba(80,99,237,.14),transparent 31%),radial-gradient(circle at 88% 80%,rgba(130,237,207,.18),transparent 28%),#f6f8fd; }
.auth-shell { min-height:690px; display:grid; grid-template-columns:1fr .82fr; overflow:hidden; border:1px solid #dfe4f1; border-radius:28px; background:#fff; box-shadow:0 35px 90px rgba(24,36,84,.12); }
.auth-story { padding:70px; position:relative; overflow:hidden; color:#fff; background:linear-gradient(145deg,#131f48,#3f3bb8 65%,#643bd2); }
.auth-story:after { content:""; width:330px; height:330px; position:absolute; right:-120px; bottom:-145px; border:1px solid rgba(255,255,255,.18); border-radius:41% 59% 66% 34%; background:rgba(255,255,255,.06); transform:rotate(21deg); }
.auth-story>span { color:var(--mint); font-size:12px; font-weight:850; letter-spacing:.1em; }
.auth-story h1 { max-width:610px; margin:19px 0 22px; font-size:clamp(42px,4.5vw,62px); line-height:1.03; letter-spacing:-.055em; }
.auth-story>p { max-width:570px; margin:0; color:#d8def2; font-size:17px; line-height:1.75; }
.auth-story ul { margin:34px 0; padding:0; display:grid; gap:13px; list-style:none; }
.auth-story li { display:flex; align-items:center; gap:9px; color:#eef1ff; font-size:14px; }
.auth-story li svg { width:18px; color:var(--mint); }
.auth-role-link { max-width:390px; margin-top:50px; padding:17px; border:1px solid rgba(255,255,255,.16); border-radius:15px; display:flex; gap:12px; background:rgba(255,255,255,.08); }
.auth-role-link>svg { flex:none; color:var(--mint); }
.auth-role-link div { display:grid; }
.auth-role-link b { font-size:14px; }
.auth-role-link a { margin-top:3px; display:flex; align-items:center; gap:5px; color:#dfe5ff; font-size:13px; }
.auth-card { padding:60px; align-self:center; }
.auth-card-heading { margin-bottom:31px; display:flex; align-items:center; gap:14px; }
.auth-card-heading>span { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; color:#475be9; background:#ebeeff; }
.auth-card-heading small,.contact-form-heading small { color:#6d78d4; font-size:10px; font-weight:850; letter-spacing:.1em; }
.auth-card-heading h2,.contact-form-heading h2 { margin:2px 0 0; font-size:27px; letter-spacing:-.035em; }
.auth-card form { display:grid; gap:18px; }
.auth-card form>label,.registration-form label { display:grid; gap:7px; color:#3f4b66; font-size:14px; font-weight:760; }
.auth-card input,.registration-form input { min-height:50px; }
.auth-card input { width:100%; padding:13px 15px; border:1px solid #dce1ec; border-radius:11px; color:var(--ink); background:#fafbfe; font:inherit; font-size:15px; outline:none; }
.auth-card input:focus { border-color:#5365e9; box-shadow:0 0 0 3px rgba(83,101,233,.1); }
.auth-password,.registration-password { position:relative; }
.auth-password>button,.registration-password>button { width:42px; height:42px; padding:0; position:absolute; top:4px; right:5px; border:0; display:grid; place-items:center; color:#7a849b; background:transparent; cursor:pointer; }
.auth-password svg,.registration-password svg { width:18px; }
.auth-options { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#606b82; font-size:13px; }
.auth-options label { display:flex; align-items:center; gap:7px; }
.auth-options input { min-height:0; width:auto; }
.auth-options a,.auth-switch a { color:#4058df; font-weight:800; }
.auth-submit { width:100%; margin-top:4px; }
.auth-divider { margin:7px 0; display:flex; align-items:center; gap:11px; color:#939bad; font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
.auth-divider:before,.auth-divider:after { height:1px; content:""; flex:1; background:#e3e6ef; }
.social-auth { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.social-auth button { min-height:44px; border:1px solid #dfe3ed; border-radius:10px; color:#46516a; background:#fff; font-size:12px; font-weight:750; cursor:pointer; }
.social-auth b { color:#435be5; }
.auth-switch { margin:22px 0 0; color:#70798e; font-size:14px; text-align:center; }
.preview-disclaimer { margin-top:14px; display:block; color:#9aa1b0; font-size:11px; text-align:center; }
.registration-error { margin:0 0 17px; padding:12px 14px; border:1px solid #ffc9c9; border-radius:9px; color:#a43d3d; background:#fff3f3; font-size:13px; }
.registration-password input { padding-right:50px; }
.generate-password { width:max-content; margin:-8px 0 16px; padding:7px 10px; border:0; display:flex; align-items:center; gap:6px; color:#4058df; background:transparent; font-size:12px; font-weight:800; cursor:pointer; }
.generate-password svg { width:15px; }
.captcha-question { color:#d64f50; }
.registration-form .auth-divider { margin-top:18px; }

/* Native documentation hub */
.docs-hero { padding:105px 0 95px; position:relative; overflow:hidden; text-align:center; background:radial-gradient(circle at 50% 0,rgba(91,75,225,.15),transparent 45%),#fafbff; }
.docs-hero .container { max-width:950px; position:relative; z-index:2; }
.docs-hero .container>span { display:inline-flex; align-items:center; gap:8px; color:#4a5de1; font-size:13px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.docs-hero h1 { margin:22px 0 18px; font-size:clamp(48px,6vw,74px); line-height:1.03; letter-spacing:-.055em; }
.docs-hero p { max-width:800px; margin:0 auto; color:var(--muted); font-size:18px; line-height:1.7; }
.docs-search { max-width:730px; margin:36px auto 0; padding:8px 18px; border:1px solid #dce1ef; border-radius:15px; display:flex; align-items:center; gap:11px; background:#fff; box-shadow:0 18px 50px rgba(31,42,92,.1); }
.docs-search svg { color:#5868e5; }
.docs-search input { width:100%; min-height:48px; border:0; color:var(--ink); background:transparent; font:inherit; font-size:15px; outline:none; }
.docs-video-section { padding:70px 0; color:#fff; background:#111d43; }
.docs-video-grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:50px; align-items:center; }
.docs-video-copy>span { color:var(--mint); font-size:11px; font-weight:850; letter-spacing:.1em; }
.docs-video-copy h2 { margin:11px 0; font-size:36px; line-height:1.12; }
.docs-video-copy p { margin:0 0 24px; color:#bdc5da; font-size:15px; }
.docs-video { aspect-ratio:16/9; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:19px; background:#070d22; box-shadow:0 25px 60px rgba(0,0,0,.3); }
.docs-video iframe { width:100%; height:100%; border:0; }
.docs-video-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:35px; margin-bottom:34px; }
.docs-video-heading>div { max-width:730px; }
.docs-video-heading>div>span { color:var(--mint); letter-spacing:.1em; font-size:11px; font-weight:850; }
.docs-video-heading h2 { margin:11px 0; font-size:38px; line-height:1.12; }
.docs-video-heading p { margin:0; color:#bdc5da; font-size:15px; line-height:1.7; }
.docs-video-library { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.docs-video-library article { min-width:0; }
.docs-video-library h3 { margin:18px 0 5px; font-size:22px; }
.docs-video-library article>p { margin:0; color:#bdc5da; font-size:14px; line-height:1.65; }
.docs-library { background:#f7f8fc; }
.docs-tabs { display:grid!important; grid-template-columns:260px 1fr; gap:32px!important; align-items:start; }
.docs-tabs-list { width:100%!important; height:auto!important; padding:12px!important; position:sticky; top:132px; border:1px solid var(--line); display:grid!important; gap:5px!important; background:#fff!important; }
.docs-tabs-list button { width:100%!important; min-height:52px; padding:12px 13px!important; border-radius:10px!important; justify-content:flex-start!important; color:#667087!important; font-size:14px!important; }
.docs-tabs-list button[data-active] { color:#fff!important; background:linear-gradient(110deg,#435df0,#6844db)!important; }
.docs-tabs-list button>span { margin-left:auto; padding:2px 7px; border-radius:999px; color:#5261d4; background:#edf0ff; font-size:10px; }
.docs-tabs-list button[data-active]>span { color:#fff; background:rgba(255,255,255,.16); }
.docs-tab-panels { min-width:0; }
.docs-panel-head { margin-bottom:25px; padding:31px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.docs-panel-head>span,.docs-results-head>span { color:#5062df; font-size:11px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.docs-panel-head h2,.docs-results-head h2 { margin:7px 0 5px; font-size:32px; letter-spacing:-.035em; }
.docs-panel-head p { margin:0; color:var(--muted); font-size:15px; }
.docs-accordion { display:grid!important; gap:12px; }
.docs-accordion-item { overflow:hidden; border:1px solid var(--line)!important; border-radius:17px; background:#fff; }
.docs-accordion-trigger { padding:20px!important; text-decoration:none!important; }
.docs-accordion-trigger>span { width:40px; height:40px; border-radius:11px; display:grid; place-items:center; flex:none; color:#4c5edf; background:#edf0ff; font-size:12px; font-weight:850; }
.docs-accordion-trigger>div { padding-right:20px; display:grid; gap:3px; }
.docs-accordion-trigger b { color:var(--ink); font-size:18px; line-height:1.3; }
.docs-accordion-trigger small { color:#707a91; font-size:13px; line-height:1.55; font-weight:500; }
.docs-accordion-content { padding:0 72px 25px!important; }
.docs-accordion-content>p { color:#536079; font-size:15px; line-height:1.75; }
.docs-accordion-content ol { margin:19px 0; padding:0; display:grid; gap:10px; list-style:none; }
.docs-accordion-content li { display:flex; gap:9px; color:#36435f; font-size:14px; }
.docs-accordion-content li svg { width:17px; flex:none; color:#159272; }
.docs-accordion-content>div { display:flex; gap:18px; flex-wrap:wrap; }
.docs-accordion-content a { display:flex; align-items:center; gap:6px; color:#4058dc; font-size:13px; font-weight:800; text-decoration:none!important; }
.docs-results { max-width:900px; margin:0 auto; }
.docs-results-head { margin-bottom:25px; text-align:center; }
.docs-empty { padding:70px 25px; border:1px solid var(--line); border-radius:18px; color:#788298; background:#fff; text-align:center; }
.docs-empty svg { width:35px; height:35px; }
.docs-empty h3 { margin:12px 0 4px; color:var(--ink); }
.docs-empty p { margin:0; }
.docs-support { padding:33px 0; color:#fff; background:linear-gradient(110deg,#253bb7,#6540d6); }
.docs-support .container { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.docs-support .container>div { display:flex; align-items:center; gap:13px; }
.docs-support .container>div>svg { color:var(--mint); }
.docs-support b { display:block; }

/* Implementation and CV writer offers */
.implementation-service { margin-top:42px; padding:34px; position:relative; overflow:hidden; border:1px solid #ccd5ff; border-radius:22px; display:grid; grid-template-columns:180px 1fr 245px; gap:30px; align-items:center; background:linear-gradient(135deg,#f7f9ff,#edf1ff); }
.implementation-price { display:flex; flex-direction:column; }
.implementation-price span { color:#5061dd; font-size:10px; font-weight:850; letter-spacing:.09em; }
.implementation-price strong { margin:5px 0 0; font-size:43px; line-height:1; }
.implementation-price small { color:#79839a; font-size:12px; }
.implementation-copy h3 { margin:0 0 7px; font-size:24px; line-height:1.25; }
.implementation-copy>p { margin:0; color:#657089; font-size:14px; }
.implementation-copy .implementation-onboarding { margin-top:13px; color:#56637f; font-size:11px; line-height:1.6; }
.implementation-copy>div { margin-top:13px; display:grid; grid-template-columns:1fr 1fr; gap:7px 15px; }
.implementation-copy span { display:flex; align-items:center; gap:6px; color:#485572; font-size:12px; font-weight:700; }
.implementation-copy svg { width:14px; color:#159272; }
.implementation-actions { position:relative; z-index:2; display:grid; gap:11px; }
.implementation-actions>a:last-child { display:flex; align-items:center; justify-content:center; gap:7px; color:#4f5f80; font-size:12px; font-weight:750; }
.implementation-actions>a:last-child svg { width:15px; }
.implementation-watermark { width:170px; height:170px; position:absolute; right:-35px; bottom:-62px; color:#6375ea; opacity:.07; }
.writer-section { color:#fff; background:linear-gradient(120deg,#101b3e,#272b79 55%,#5038bd); }
.writer-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:60px; align-items:center; }
.writer-copy>span { color:var(--mint); font-size:12px; font-weight:850; letter-spacing:.09em; }
.writer-copy h2 { margin:14px 0 17px; font-size:clamp(36px,4vw,50px); line-height:1.08; letter-spacing:-.045em; }
.writer-copy>p { margin:0; color:#c9d0e6; font-size:16px; }
.writer-copy ul { margin:25px 0 31px; padding:0; display:grid; gap:10px; list-style:none; }
.writer-copy li { display:flex; align-items:center; gap:8px; color:#e5e9f6; font-size:14px; }
.writer-copy li svg { width:17px; color:var(--mint); }
.writer-copy>div { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.writer-blog-link { color:#dbe1f5; font-size:13px; font-weight:800; }
.writer-workflow { min-height:520px; padding:36px; position:relative; border:1px solid rgba(255,255,255,.16); border-radius:27px; display:grid; gap:12px; background:rgba(255,255,255,.08); box-shadow:0 30px 80px rgba(0,0,0,.2); }
.writer-workflow article { padding:20px; position:relative; z-index:2; border:1px solid rgba(255,255,255,.13); border-radius:16px; display:grid; grid-template-columns:50px 1fr; column-gap:15px; color:var(--ink); background:#fff; }
.writer-workflow article>span { width:50px; height:50px; grid-row:1/4; border-radius:14px; display:grid; place-items:center; color:#4e5fe6; background:#e9edff; }
.writer-workflow small { color:#6473dc; font-size:9px; font-weight:850; letter-spacing:.09em; }
.writer-workflow h3 { margin:1px 0 3px; font-size:18px; }
.writer-workflow p { margin:0; color:#6b7488; font-size:13px; }
.writer-workflow>svg:not(.writer-mark) { width:20px; justify-self:center; color:var(--mint); transform:rotate(90deg); }
.writer-mark { width:170px; height:170px; position:absolute; right:-25px; bottom:-25px; color:var(--mint); opacity:.06; }

/* Contact experience */
.contact-grid { grid-template-columns:.88fr 1.12fr; align-items:start; }
.contact-options article { position:relative; overflow:hidden; }
.contact-options article>span { margin-top:16px; display:block; color:#5969df; font-size:10px; font-weight:850; letter-spacing:.09em; }
.contact-options article h2 { margin:5px 0 7px; }
.contact-options article strong { position:absolute; top:30px; right:28px; color:#4058df; font-size:24px; }
.contact-form { position:sticky; top:132px; }
.contact-form-heading { margin-bottom:8px; display:flex; align-items:center; gap:13px; }
.contact-form-heading>span { width:47px; height:47px; border-radius:14px; display:grid; place-items:center; color:#485ce7; background:#eaeeff; }
.contact-form label { font-size:14px; }
.contact-form input,.contact-form select,.contact-form textarea { font-size:15px; }
.contact-form button.button { width:100%; }
.contact-form button:disabled { opacity:.7; cursor:wait; }
.contact-honeypot { width:1px!important; height:1px!important; position:absolute!important; left:-9999px!important; overflow:hidden!important; }
.contact-status { margin:0; padding:12px 14px; border-radius:10px; display:flex; align-items:center; gap:8px; font-size:13px; }
.contact-status.success { color:#12654d; background:#e1f8f0; }
.contact-status.error { color:#9b3e3e; background:#fff0f0; }
.contact-status svg { width:17px; }
.contact-privacy { color:#8b94a7; text-align:center; }

@media (max-width:1050px) {
  .feature-atlas-grid { grid-template-columns:repeat(2,1fr); }
  .workflow-showcase,.workflow-showcase.reverse { grid-template-columns:1fr; gap:30px; }
  .workflow-showcase.reverse .workflow-copy,.workflow-showcase.reverse .real-screen { grid-column:auto; grid-row:auto; }
  .auth-shell { grid-template-columns:1fr; }
  .auth-story { padding:55px; }
  .auth-card { padding:50px; }
  .docs-video-grid,.writer-grid { grid-template-columns:1fr; }
  .implementation-service { grid-template-columns:150px 1fr; }
  .implementation-actions { grid-column:1/-1; grid-template-columns:1fr 1fr; align-items:center; }
}

@media (max-width:760px) {
  .feature-atlas-grid,.feature-outcome-grid { grid-template-columns:1fr; }
  .tutorial-master-grid,.tutorial-grid { grid-template-columns:1fr; }
  .workflow-showcases { gap:65px; }
  .workflow-copy h3 { font-size:32px; }
  .auth-page { padding:45px 0 70px; }
  .auth-shell { width:min(calc(100% - 28px),620px); border-radius:20px; }
  .auth-story,.auth-card { padding:31px 24px; }
  .auth-story h1 { font-size:39px; }
  .social-auth { grid-template-columns:1fr; }
  .docs-hero { padding-block:75px; }
  .docs-hero h1 { font-size:43px; }
  .docs-hero p { font-size:16px; }
  .docs-video-grid { gap:30px; }
  .docs-video-heading { align-items:flex-start; flex-direction:column; }
  .docs-video-library { grid-template-columns:1fr; }
  .docs-tabs { grid-template-columns:1fr; }
  .docs-tabs-list { position:static; grid-template-columns:1fr 1fr!important; }
  .docs-accordion-trigger { padding:16px!important; }
  .docs-accordion-trigger small { display:none; }
  .docs-accordion-content { padding:0 20px 22px!important; }
  .docs-support .container { align-items:flex-start; flex-direction:column; }
  .implementation-service { padding:25px; grid-template-columns:1fr; }
  .implementation-copy>div,.implementation-actions { grid-template-columns:1fr; }
  .writer-workflow { padding:22px; }
  .contact-form { position:static; }
}

[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0}
.cr-brand-logo{overflow:hidden;background:#fff!important}.cr-brand-logo img{width:100%;height:100%;object-fit:contain}.cr-reveal{opacity:0;transform:translateY(22px);transition:opacity .58s ease,transform .58s ease}.cr-reveal.cr-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.cr-reveal{opacity:1;transform:none;transition:none}}

/* Keep the full library fast and compact: exactly two grid rows are shown
   before JavaScript takes over, then the visitor can reveal two more rows. */
.cr-library-more{margin-top:30px;display:flex;justify-content:center}
.cr-load-more{min-width:265px;height:54px;padding:0 19px;border:1px solid rgba(255,255,255,.2);border-radius:15px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:11px;color:#fff;background:rgba(255,255,255,.08);font:inherit;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 14px 34px rgba(3,9,28,.18);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.cr-load-more:hover{border-color:#79f0d2;background:rgba(255,255,255,.13);transform:translateY(-2px)}
.cr-load-more:focus-visible{outline:3px solid #79f0d2;outline-offset:4px}
.cr-load-more i{width:9px;height:9px;border-right:2px solid #79f0d2;border-bottom:2px solid #79f0d2;transform:rotate(45deg) translate(-1px,-1px)}
.cr-load-more small{color:#a8b5d1;font-size:8px;font-weight:750;white-space:nowrap}
.cr-load-more.is-loading{cursor:wait;opacity:.78}
.cr-load-more.is-loading i{width:16px;height:16px;border:2px solid rgba(255,255,255,.28);border-top-color:#79f0d2;border-radius:50%;transform:none;animation:cr-load-spin .72s linear infinite}
.cr-load-more[hidden]{display:none}
@keyframes cr-load-spin{to{transform:rotate(360deg)}}
@media(min-width:1101px){.cr-library-grid:not(.is-ready) .cr-library-card:nth-child(n+9){display:none}}
@media(min-width:901px) and (max-width:1100px){.cr-library-grid:not(.is-ready) .cr-library-card:nth-child(n+7){display:none}}
@media(max-width:900px){.cr-library-grid:not(.is-ready) .cr-library-card:nth-child(n+5){display:none}}
@media(max-width:640px){.cr-library-more{margin-top:22px}.cr-load-more{width:100%;min-width:0}}
@media(min-width:901px) and (max-width:1180px){.cr-desktop-nav{gap:12px}.cr-desktop-nav a,.cr-signin{font-size:11px}.cr-brand-copy{display:none}.cr-nav-actions{gap:10px}}