: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; }

.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; }
.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>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%; aspect-ratio:1.62/1; object-fit:cover; 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%; aspect-ratio:1.65/1; object-fit:cover; 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; }

@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>svg { display:none; }
  .writers-product-grid { grid-template-columns:1fr; }
  .writers-product-stack { grid-template-columns:1fr 1fr; }
}

@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; }
}

@media (max-width:760px) {
  .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; }
}

@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; }
}

@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.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%; aspect-ratio:1.82/1; object-fit:cover; object-position:top center; display:block; background:#eef1f8; }
.feature-screen-2 img { aspect-ratio:1.58/1; }
.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; }
}