:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#11162a;background:#06101f}
*{box-sizing:border-box}
html{scroll-behavior:smooth;min-height:100%;background:#06101f}
body{margin:0;background:#06101f;color:#11162a}
body>.site-footer{margin-top:32px}
a{color:#664de7}
a:hover{color:#4f37c8}
.wrap{width:min(1120px,calc(100% - 36px));margin:0 auto}

.site-nav{position:sticky;top:0;z-index:30;background:#07101f;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.site-nav .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{font-size:23px;font-weight:900;letter-spacing:-.045em;text-decoration:none;color:#a995ff}
.nav-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.nav-links a{font-size:15px;font-weight:750;text-decoration:none;color:#c8d0df}
.nav-links a[aria-current="page"],.nav-links a:hover{color:#fff}

.hero{padding:48px 0 30px}
.eyebrow{display:inline-block;font-size:14.5px;font-weight:900;letter-spacing:.14em;color:#745cff;text-transform:uppercase}
.hero h1{font-size:clamp(38px,5.4vw,62px);line-height:1.02;letter-spacing:-.05em;margin:10px 0 14px;max-width:830px}
.lead{font-size:18.5px;line-height:1.65;color:#667085;max-width:800px;margin:0}
.guide-meta{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:18px;color:#858d9d;font-size:15px;font-weight:650}

.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:10px;background:linear-gradient(135deg,#7158ff,#8d63ff);color:#fff!important;font-weight:850;text-decoration:none;font-size:16px;border:0;box-shadow:0 10px 28px rgba(113,88,255,.18)}
.muted-button{background:#111a2b;color:#fff!important;box-shadow:none}

.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{background:#fff;border:1px solid #e4e7ee;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(27,35,54,.05)}
.card h2,.card h3{margin-top:0}
.card p{color:#6d7688;line-height:1.65}

.article{max-width:940px;margin:0 auto;padding:12px 0 56px}
.article>.hero{padding-bottom:22px}
.article h2{font-size:24px;letter-spacing:-.025em;margin:28px 0 10px;padding-top:22px;border-top:1px solid #e5e8ef}
.article h3{font-size:18px;margin:20px 0 8px}
.article p,.article li{font-size:17px;line-height:1.72;color:#4f596c}
.article ul,.article ol{padding-left:22px}
.article>p:not(.seo-more-guides),.article>ul,.article>ol,.article>h2,.article>h3,.article>.callout,.article>.related-guides{max-width:760px}
.article>p:not(.seo-more-guides),.article>ul,.article>ol,.article>h2,.article>h3,.article>.callout{margin-left:auto;margin-right:auto}
.article>.hero,.article>.guide-meta,.article>nav[aria-label="Breadcrumb"]{max-width:860px;margin-left:auto;margin-right:auto}
.article>nav[aria-label="Breadcrumb"]{color:#8a92a2;font-size:15px!important}
.article>nav[aria-label="Breadcrumb"] a{color:#6c7280;text-decoration:none}
.callout{background:#f1efff;border:1px solid #ddd5ff;border-radius:14px;padding:15px 17px;color:#4d3cb0!important;margin-top:18px;margin-bottom:18px}
.related-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px auto 0}
.related-guides a{display:grid;gap:7px;background:#fff;border:1px solid #e5e8ef;border-radius:14px;padding:15px;text-decoration:none;font-weight:850;color:#252c39}
.related-guides a span{font-size:15px;color:#788193;font-weight:500;line-height:1.45}
.seo-more-guides{max-width:760px;margin:20px auto 0!important;padding:14px 16px;background:#eef1f7;border-radius:12px;color:#687184!important;font-size:16px!important}

.publisher-note{width:min(940px,calc(100% - 36px));margin:24px auto 40px;padding:18px;border-radius:16px;background:#fff;border:1px solid #e4e7ee}
.publisher-note h2{font-size:18px;margin:0 0 6px}
.publisher-note p{font-size:16px;color:#6d7688;line-height:1.55;margin:0}
.publisher-note .links{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:15px;font-weight:800}

.site-footer{background:#07101f;color:#9da8bd;margin-top:48px}
.site-footer .wrap{padding:28px 0;display:flex;justify-content:space-between;gap:22px;align-items:center;font-size:15px}
.small-links{display:flex;gap:16px;flex-wrap:wrap}
.small-links a{color:#aeb7c9;text-decoration:none}

/* resources hub */
.resources-page{background:#08111f;color:#f6f8ff}
.resources-page .site-nav{background:#07101f}
.resource-hub{padding:34px 0 52px}
.resource-hub-hero{display:grid;grid-template-columns:1.18fr .82fr;gap:28px;align-items:stretch;padding:20px 0 28px}
.resource-hub-hero h1{font-size:clamp(38px,5vw,60px);line-height:1;letter-spacing:-.05em;margin:9px 0 13px;max-width:760px}
.resources-page .lead{color:#b7c0d1}
.resources-page .guide-meta{color:#8f9ab2}
.resource-start-card{border-radius:20px;padding:23px;background:linear-gradient(145deg,#172239,#0e1728);border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;justify-content:center}
.resource-start-kicker{font-size:13.5px;letter-spacing:.14em;color:#8f7aff;text-transform:uppercase;font-weight:900}
.resource-start-card h2{font-size:23px;margin:8px 0}
.resource-start-card p{color:#aeb8cc;font-size:16px;line-height:1.55;margin:0 0 18px}
.resource-start-link{font-size:15px;font-weight:800;color:#a995ff;text-decoration:none;margin-top:12px}
.topic-nav{display:flex;gap:9px;flex-wrap:wrap;padding:0 0 28px}
.topic-nav a{padding:8px 12px;border-radius:999px;background:#111b2f;border:1px solid rgba(255,255,255,.08);color:#cbd3e4;text-decoration:none;font-size:14.5px;font-weight:800}
.topic-nav a:first-child{background:#7158ff;color:#fff;border-color:#7158ff}
.resource-cluster{padding:28px 0;border-top:1px solid rgba(255,255,255,.08)}
.cluster-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:17px}
.cluster-heading>div{max-width:700px}
.cluster-heading h2{font-size:27px;letter-spacing:-.03em;margin:6px 0 5px}
.cluster-heading p{color:#8f9ab2;font-size:16px;margin:0;line-height:1.55}
.resource-grid{display:grid;gap:12px}
.resource-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.resource-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.resource-tile{min-height:165px;background:#fff;color:#11162a!important;border-radius:15px;padding:17px;text-decoration:none;border:1px solid #e4e7ee;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.resource-tile.featured{box-shadow:inset 0 3px 0 #745cff,0 8px 24px rgba(0,0,0,.08)}
.resource-tag{display:inline-flex;align-self:flex-start;padding:5px 8px;border-radius:999px;background:#efedff;color:#624bd6;font-size:12.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.resource-tile h3{font-size:18px;line-height:1.22;margin:11px 0 7px}
.resource-tile p{font-size:15px;line-height:1.5;color:#6f788a;margin:0 0 12px}
.resource-arrow{margin-top:auto;color:#7158e6;font-size:14.5px;font-weight:900}
.resource-tile-cta{background:linear-gradient(145deg,#7058ff,#8b64ff);color:#fff!important;border:0}
.resource-tile-cta .resource-tag{background:rgba(255,255,255,.16);color:#fff}
.resource-tile-cta p{color:#eeeaff}
.resource-tile-cta .button{background:#fff;color:#5b43d2!important;box-shadow:none;margin-top:auto}
.resource-bottom-panel{margin-top:30px;padding:23px;border-radius:18px;background:linear-gradient(145deg,#141f34,#0d1728);border:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;align-items:center;gap:24px}
.resource-bottom-panel h2{font-size:24px;margin:6px 0}
.resource-bottom-panel p{color:#9aa6bc;max-width:720px;margin:0;font-size:16px;line-height:1.55}
.resource-bottom-actions{display:flex;gap:10px;flex-wrap:wrap}

/* public legal/about pages */
body:not(.resources-page) main.wrap>.grid{margin-bottom:30px}
body:not(.resources-page) main.wrap>.article{background:transparent}

@media(max-width:900px){
  .nav-links{gap:12px}.resource-hub-hero{grid-template-columns:1fr}.resource-grid-3{grid-template-columns:repeat(2,1fr)}.related-guides{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.cluster-heading{display:block}.resource-bottom-panel{align-items:flex-start;flex-direction:column}
}
@media(max-width:640px){
  .wrap{width:min(100% - 24px,1120px)}.site-nav .wrap{height:auto;min-height:62px;padding:10px 0}.brand{font-size:20px}.nav-links{justify-content:flex-end}.nav-links a:nth-child(n+4){display:none}
  .hero{padding:34px 0 22px}.hero h1{font-size:38px}.lead{font-size:17px}
  .grid,.resource-grid-3,.resource-grid-2,.related-guides{grid-template-columns:1fr}.resource-hub{padding-top:18px}.resource-hub-hero h1{font-size:39px}
  .resource-tile{min-height:145px}.article{padding-bottom:36px}.article h2{font-size:21px}.article p,.article li{font-size:16.5px}.site-footer .wrap{align-items:flex-start;flex-direction:column}
}

/* 2026-09-20 approved Tunquest mock: dark, calm, compact public resources */
body:not(.resources-page){background:radial-gradient(circle at 80% 12%,#15213a 0,#091426 36%,#06101f 76%);color:#f7f9ff}
body:not(.resources-page) .article{max-width:860px}
body:not(.resources-page) .article>.hero{padding:38px 0 18px}
body:not(.resources-page) .article .hero h1{color:#f7f9ff;font-size:clamp(38px,5vw,58px);max-width:780px}
body:not(.resources-page) .article .lead{color:#aeb8ca}
body:not(.resources-page) .article .guide-meta{color:#8995aa}
body:not(.resources-page) .article h2{color:#f7f9ff;border-top-color:rgba(255,255,255,.09)}
body:not(.resources-page) .article h3{color:#f7f9ff}
body:not(.resources-page) .article p,body:not(.resources-page) .article li{color:#aeb8ca}
body:not(.resources-page) .article>nav[aria-label="Breadcrumb"],body:not(.resources-page) .article>nav[aria-label="Breadcrumb"] a{color:#8d98ac}
body:not(.resources-page) .callout{background:#101b31;border-color:rgba(126,94,255,.38);color:#c9bdff!important}
body:not(.resources-page) .related-guides a{background:#0d192c;border-color:rgba(255,255,255,.09);color:#f5f7ff}
body:not(.resources-page) .related-guides a span{color:#929db1}
body:not(.resources-page) .seo-more-guides{background:#0d192c;color:#9da8bb!important}
.resources-page .resource-hub{max-width:1040px}
.resources-page .resource-hub-hero{grid-template-columns:1fr;padding-top:26px}
.resources-page .resource-hub-hero h1{max-width:720px;font-size:clamp(36px,4.6vw,52px)}
.resources-page .resource-start-card{display:none}
.resources-page .topic-nav{padding-bottom:20px}
.resources-page .resource-cluster{padding:24px 0}
.resources-page .resource-grid-3,.resources-page .resource-grid-2{grid-template-columns:repeat(3,minmax(0,1fr))}
.resources-page .resource-tile{min-height:142px;background:#0d192c;color:#f7f9ff!important;border-color:rgba(255,255,255,.09);box-shadow:none}
.resources-page .resource-tile p{color:#9ba6ba}
.resources-page .resource-tag{background:rgba(117,88,255,.16);color:#b8a9ff}
.resources-page .resource-tile-cta{background:linear-gradient(145deg,#5f48db,#7957ee)}
.resources-page .resource-bottom-panel{display:none}
@media(max-width:900px){.resources-page .resource-grid-3,.resources-page .resource-grid-2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body:not(.resources-page) .article .hero h1{font-size:34px}.resources-page .resource-grid-3,.resources-page .resource-grid-2{grid-template-columns:1fr}.resources-page .resource-hub-hero h1{font-size:36px}}

/* 2026-09-20 visual consistency pass */
:root{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-nav .wrap{height:72px}.brand{font-family:"Plus Jakarta Sans","DM Sans",sans-serif;font-size:24px}.nav-links a{font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700}
.hero h1,.cluster-heading h2,.resource-tile h3,.article h2,.article h3,.card h2,.card h3{font-family:"Plus Jakarta Sans","DM Sans",sans-serif}
body:not(.resources-page) main.wrap>.grid{background:transparent;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);gap:0}
body:not(.resources-page) main.wrap>.grid .card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:24px 28px}
body:not(.resources-page) main.wrap>.grid .card+.card{border-left:1px solid rgba(255,255,255,.08)!important}
body:not(.resources-page) main.wrap>.grid .card h2{color:#f6f8ff;font-size:18.5px}
body:not(.resources-page) main.wrap>.grid .card p{color:#9ca8bb;font-size:16px;line-height:1.6}
.resources-page .resource-hub{padding-top:26px}
.resources-page .resource-cluster{padding:20px 0}
.resources-page .resource-tile{min-height:126px;padding:15px}
.resources-page .resource-tile h3{font-size:17px}.resources-page .resource-tile p{font-size:15px}
@media(max-width:900px){.site-nav .wrap{height:64px}.nav-links{gap:18px}.nav-links a{font-size:15px}}
@media(max-width:640px){body:not(.resources-page) main.wrap>.grid .card+.card{border-left:0!important;border-top:1px solid rgba(255,255,255,.08)!important}}

/* Tunquest-native guide experience: scannable + actionable */
.article{counter-reset:guideStep}
.article>h2{position:relative;padding-left:52px;min-height:38px;display:flex;align-items:center}
.article>h2:not(:last-of-type)::before{counter-increment:guideStep;content:counter(guideStep);position:absolute;left:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(117,88,255,.14);border:1px solid rgba(142,119,255,.28);color:#b9aaff;font-size:15px;font-weight:900}
.article>h2+ p{position:relative;padding-left:52px}
.article>h2+ p::before{content:"";position:absolute;left:15px;top:0;bottom:-20px;width:1px;background:linear-gradient(rgba(126,99,255,.28),rgba(126,99,255,.04))}
.article .callout{position:relative;padding:17px 18px 17px 48px}
.article .callout::before{content:"✦";position:absolute;left:18px;top:16px;color:#9f8cff;font-size:18px}
.article .related-guides{margin-top:12px}
.article .related-guides a{transition:transform .2s ease,border-color .2s ease}
.article .related-guides a:hover{transform:translateY(-2px);border-color:rgba(126,99,255,.35)}
.article .button{background:linear-gradient(135deg,#7158ff,#8d63ff)}
@media(max-width:640px){.article>h2,.article>h2+p{padding-left:42px}.article>h2:not(:last-of-type)::before{width:28px;height:28px}.article>h2+p::before{left:13px}}

/* Canonical public header — identical across all static/indexed pages */
.site-nav{height:64px!important;background:#07111f!important;border-bottom:1px solid rgba(255,255,255,.075)!important;position:relative;z-index:50}
.site-nav .wrap{width:min(1160px,calc(100% - 36px))!important;height:64px!important;min-height:64px!important;margin:auto!important;padding:0!important;display:flex!important;align-items:center!important}
.site-nav .brand{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:20px!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1!important;color:#f4f6ff!important;text-decoration:none!important}
.site-nav .nav-links{display:flex!important;align-items:center!important;gap:28px!important;margin-left:auto!important}
.site-nav .nav-links a{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px!important;font-weight:600!important;letter-spacing:0!important;line-height:1!important;color:#aeb8c9!important;text-decoration:none!important}
.site-nav .nav-links a:hover,.site-nav .nav-links a[aria-current="page"]{color:#fff!important}
.site-lang-toggle{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.035);flex:0 0 auto}
.site-nav .site-lang-toggle a{min-width:28px!important;padding:6px 8px!important;border-radius:6px!important;text-align:center!important;font-size:10px!important;font-weight:850!important;color:#8e9aaf!important;line-height:1!important}
.site-nav .site-lang-toggle a.active{background:#755cff!important;color:#fff!important}
.site-nav .site-signin{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;margin-left:10px!important;padding:7px 10px!important;border:1px solid rgba(145,118,255,.38)!important;border-radius:9px!important;background:rgba(117,88,255,.13)!important;color:#e7e1ff!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
.site-nav .site-signin:hover{background:rgba(117,88,255,.22)!important;border-color:rgba(145,118,255,.58)!important;color:#fff!important}
@media(max-width:700px){.site-nav .nav-links{min-width:0!important;flex:1 1 auto!important}.site-nav .site-signin{margin-left:6px!important;padding:6px 8px!important;font-size:10px!important}}
@media(max-width:700px){.site-nav{height:58px!important}.site-nav .wrap{height:58px!important;min-height:58px!important;width:calc(100% - 28px)!important}.site-nav .nav-links{gap:14px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none}.site-nav .nav-links::-webkit-scrollbar{display:none}.site-nav .nav-links a{font-size:13.5px!important}.site-nav .nav-links a:nth-child(n){display:block!important}}


/* 2026-09-20 useful resources pass */
.resources-page .resource-grid{align-items:stretch}
.resources-page .resource-tile{height:100%;justify-content:flex-start}
.resources-page .resource-tile .resource-arrow{margin-top:auto;padding-top:12px}
.resource-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.resource-example-grid .resource-tile{min-height:180px}
.resource-role-links{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-top:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.07);color:#8f9ab2;font-size:15px}
.resource-role-links>span{font-weight:800;color:#cbd3e4}
.resource-role-links a{color:#b8a9ff;text-decoration:none;font-weight:750}
.resource-role-links a:hover{color:#fff}
@media(max-width:640px){.resource-example-grid{grid-template-columns:1fr}.resource-role-links{align-items:flex-start;flex-direction:column;gap:8px}}


/* 2026-09-20 professional public-page redesign */
.about-pro{padding:48px 0 44px}
.about-pro .about-hero{max-width:850px;padding:24px 0 30px}
.about-pro .about-hero h1{font-size:clamp(40px,5.6vw,66px);line-height:1;letter-spacing:-.055em;margin:10px 0 16px;color:#f7f9ff}
.about-pro .about-hero .lead{max-width:720px;color:#aeb8ca}
.about-actions,.resume-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.about-pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.about-pro-card{padding:24px 24px 24px 0}
.about-pro-card+.about-pro-card{border-left:1px solid rgba(255,255,255,.09);padding-left:24px}
.about-pro-card span{color:#8f79ff;font-size:14.5px;font-weight:900;letter-spacing:.08em}
.about-pro-card h2{font-size:18px;color:#f7f9ff;margin:8px 0 7px}
.about-pro-card p{font-size:16px;color:#9ca8bb;line-height:1.6;margin:0}
.about-flow{padding:36px 0 10px}
.about-flow-head{display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:18px}
.about-flow-head h2{font-size:30px;letter-spacing:-.035em;margin:5px 0 0;color:#f7f9ff}
.about-flow-head p{max-width:470px;color:#9ca8bb;line-height:1.55;font-size:16px;margin:0}
.about-flow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.about-flow-list article{background:#0d192c;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px}
.about-flow-list b{display:inline-grid;width:28px;height:28px;border-radius:9px;place-items:center;background:rgba(117,88,255,.15);color:#b9aaff;font-size:14.5px}
.about-flow-list h3{font-size:16.5px;margin:12px 0 6px;color:#f7f9ff}
.about-flow-list p{font-size:15px;line-height:1.5;color:#919db1;margin:0}
.about-trust-strip{margin-top:24px;border-radius:16px;background:linear-gradient(145deg,#101a2d,#0b1526);border:1px solid rgba(255,255,255,.09);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.about-trust-strip p{margin:0;color:#9ca8bb;font-size:15.5px;line-height:1.55;max-width:760px}
.about-trust-links{display:flex;gap:12px;flex-wrap:wrap;font-size:14.5px;font-weight:800;white-space:nowrap}

.resume-sample-page{background:radial-gradient(circle at 80% 12%,#15213a 0,#091426 36%,#06101f 76%);color:#f7f9ff}
.resume-showcase{padding:24px 0 48px}
.resume-breadcrumb{font-size:14.5px;color:#7f8aa0;padding:8px 0 18px}
.resume-breadcrumb a{color:#9ea8ba;text-decoration:none}
.resume-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}
.resume-copy .eyebrow{color:#9e8bff}
.resume-copy h1{font-size:clamp(40px,5.3vw,62px);line-height:1.01;letter-spacing:-.055em;margin:9px 0 14px;color:#f7f9ff}
.resume-copy .lead{color:#aeb8ca;max-width:560px}
.resume-meta-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.resume-meta-pills span{font-size:10px;font-weight:800;color:#bec7d8;background:#0e1a2d;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:7px 10px}
.resume-preview-shell{background:linear-gradient(145deg,#111d32,#0b1526);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.resume-preview-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#8793a8;font-size:10px;margin-bottom:10px}
.resume-preview-top strong{color:#cfd6e4}
.resume-paper{background:#fff;color:#172033;border-radius:10px;padding:24px 26px 22px;min-height:430px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.resume-paper .rp-name{font-size:27px;font-weight:900;letter-spacing:-.035em}
.resume-paper .rp-role{font-size:12px;font-weight:850;color:#7158ff;margin-top:4px}
.resume-paper .rp-contact{font-size:8.5px;color:#697386;margin-top:8px;padding-bottom:12px;border-bottom:1px solid #e6e9ef}
.resume-paper h3{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#7158ff;margin:14px 0 6px}
.resume-paper p,.resume-paper li{font-size:8.5px;line-height:1.48;color:#364152}
.resume-paper p{margin:0}.resume-paper ul{margin:4px 0 0;padding-left:15px}
.resume-paper .rp-job{display:flex;justify-content:space-between;gap:10px;font-size:9.5px;font-weight:850;margin-top:8px;color:#172033}
.resume-paper .rp-sub{font-size:8px;color:#657184;font-style:italic;margin-top:2px}
.resume-insights{padding:36px 0 0}
.resume-insights-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:16px}
.resume-insights-head h2{font-size:29px;color:#f7f9ff;margin:4px 0 0;letter-spacing:-.03em}
.resume-insights-head p{max-width:490px;color:#919db1;font-size:15.5px;line-height:1.55;margin:0}
.resume-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.resume-insight-grid article{background:#0d192c;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px}
.resume-insight-grid span{color:#8f79ff;font-size:13.5px;font-weight:900}
.resume-insight-grid h3{color:#f7f9ff;font-size:16.5px;margin:8px 0 6px}
.resume-insight-grid p{color:#929eb2;font-size:15px;line-height:1.5;margin:0}
.resume-bottom-strip{margin-top:20px;padding:16px 18px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;align-items:center}
.resume-bottom-strip p{font-size:15px;color:#96a1b4;margin:0}
.resume-bottom-strip div{display:flex;gap:14px;flex-wrap:wrap;font-size:14.5px;font-weight:800}
.sample-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:12px}
.sample-actions .sample-download{display:inline-flex;padding:8px 10px;border-radius:8px;background:#745cff;color:#fff!important;font-size:10px;font-weight:900}
.sample-actions .sample-view{display:inline-flex;padding:8px 10px;border-radius:8px;background:rgba(117,88,255,.12);color:#b8a9ff!important;font-size:10px;font-weight:900}

@media(max-width:900px){
  .about-pro-grid{grid-template-columns:1fr}.about-pro-card,.about-pro-card+.about-pro-card{padding:18px 0;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.about-pro-card:first-child{border-top:0}
  .about-flow-head,.resume-insights-head{display:block}.about-flow-head p,.resume-insights-head p{margin-top:8px}
  .about-flow-list{grid-template-columns:repeat(2,1fr)}
  .resume-hero-grid{grid-template-columns:1fr}.resume-preview-shell{max-width:680px}
}
@media(max-width:640px){
  .about-pro{padding-top:28px}.about-pro .about-hero h1{font-size:39px}.about-flow-list,.resume-insight-grid{grid-template-columns:1fr}
  .about-trust-strip,.resume-bottom-strip{align-items:flex-start;flex-direction:column}
  .resume-showcase{padding-top:12px}.resume-copy h1{font-size:38px}.resume-preview-shell{padding:10px}.resume-paper{min-height:0;padding:20px}
}

/* ═════ 2026-09-20 v2: shared public-page system (tools/public_pages/build.py) ═════ */
/* Footer pinned to the bottom: no more empty dark block under short pages. */
html,body{min-height:100%}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
body>.site-footer,body>.pp-footer{flex-shrink:0}
body.pp{background:radial-gradient(circle at 82% 0,#16223c 0,#0a1528 32%,#06101f 70%) fixed #06101f;color:#f7f9ff}
.pp a{color:#b8a9ff}.pp a:hover{color:#fff}
.pp .eyebrow{color:#9e8bff}
.pp .lead{color:#b4bed0;font-size:18.5px;line-height:1.65;max-width:760px}
.g-main{padding:10px 0 56px}
.g-crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:15px;color:#7f8aa0;padding:18px 0 4px}
.g-crumbs a{color:#9ea8ba!important;text-decoration:none}
.g-hero{max-width:860px;padding:22px 0 30px}
.g-hero h1,.g-sample-copy h1,.hub-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 16px;color:#f7f9ff}
.g-meta{display:flex;gap:6px 18px;flex-wrap:wrap;margin-top:16px;font-size:15px;color:#8894a9;font-weight:650}
.g-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.g-small{font-size:15px;color:#7f8aa0;margin-top:14px}
.g-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:48px;align-items:start;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}
.g-article{min-width:0;max-width:760px}
.g-section{padding-top:18px}
.g-section h2,.g-aplibot h2,.g-faq h2,.g-related h2{font-size:25px;letter-spacing:-.025em;line-height:1.2;margin:18px 0 12px;color:#f7f9ff}
.g-section h3{font-size:18.5px;margin:22px 0 8px;color:#f1f3fb}
.g-section p,.g-section li,.g-faq p{font-size:17.5px;line-height:1.72;color:#b4bed0}
.g-section ul,.g-section ol{padding-left:22px}.g-section li{margin:6px 0}
.g-section strong{color:#eef1fa}
.g-section code{font-size:16px;background:#0f1b30;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:1px 6px;color:#d9d2ff}
.g-check,.g-cross{list-style:none;padding-left:0!important}
.g-check li,.g-cross li{position:relative;padding-left:30px;margin:10px 0}
.g-check li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:6px;background:rgba(92,214,160,.14);color:#6fe0ae;font-size:15px;font-weight:900;display:grid;place-items:center}
.g-cross li::before{content:"✕";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:6px;background:rgba(255,120,120,.12);color:#ff9a9a;font-size:14.5px;font-weight:900;display:grid;place-items:center}
.g-note{margin:18px 0;padding:14px 16px;border-radius:12px;border:1px solid rgba(126,94,255,.35);background:#101b31}
.g-note strong{display:block;font-size:14.5px;letter-spacing:.1em;text-transform:uppercase;color:#b8a9ff;margin-bottom:4px}
.g-note p{margin:0!important;font-size:17px!important}
.g-note-warn{border-color:rgba(255,184,77,.35);background:#1a1710}.g-note-warn strong{color:#ffc873}
.g-note-canada{border-color:rgba(255,110,110,.32);background:#1a1216}.g-note-canada strong{color:#ff9a9a}
.g-example{margin:14px 0;padding:16px 18px;border-radius:12px;background:#0d192c;border:1px solid rgba(255,255,255,.09);border-left:3px solid #7158ff}
.g-example figcaption{font-size:14.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#9e8bff;margin-bottom:6px}
.g-example p{margin:0!important;color:#dfe4ef!important;font-size:17px!important}
.g-rewrites{display:grid;gap:10px;margin:16px 0}
.g-rw{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.09)}
.g-rw>div{padding:12px 14px}.g-rw span{display:block;font-size:13.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.g-rw p{margin:0!important;font-size:16.5px!important;line-height:1.55!important}
.g-rw-before{background:#171320}.g-rw-before span{color:#ff9a9a}.g-rw-before p{color:#a8a3b5!important}
.g-rw-after{background:#0e1f24}.g-rw-after span{color:#6fe0ae}.g-rw-after p{color:#e3f3ec!important}
.g-table-wrap{overflow-x:auto;margin:14px 0;border:1px solid rgba(255,255,255,.09);border-radius:12px}
.g-table{width:100%;border-collapse:collapse;font-size:16.5px}
.g-table th{text-align:left;background:#101c31;color:#e9ecf6;font-size:15px;letter-spacing:.03em;padding:10px 12px}
.g-table td{padding:10px 12px;border-top:1px solid rgba(255,255,255,.07);color:#b4bed0;line-height:1.5;vertical-align:top}
.g-aplibot{margin:34px 0 10px;padding:22px 22px 20px;border-radius:18px;background:linear-gradient(145deg,#1b1840,#0f1a33);border:1px solid rgba(126,94,255,.35)}
.g-aplibot h2{margin-top:6px!important}
.g-aplibot ol{padding-left:20px;margin:0}.g-aplibot li{color:#d4d8ea;font-size:17px;line-height:1.65;margin:8px 0}
.g-faq{margin-top:24px}
.g-faq details{border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0d192c;margin:8px 0}
.g-faq summary{cursor:pointer;padding:14px 16px;font-weight:750;color:#f1f3fb;font-size:17px;list-style:none}
.g-faq summary::-webkit-details-marker{display:none}
.g-faq summary::after{content:"+";float:right;color:#9e8bff;font-weight:900}
.g-faq details[open] summary::after{content:"–"}
.g-faq details p{margin:0;padding:0 16px 14px}
.g-side{position:sticky;top:18px;display:grid;gap:14px;padding-top:26px}
.g-toc{display:grid;gap:2px;padding:14px;border-radius:14px;background:#0d192c;border:1px solid rgba(255,255,255,.08)}
.g-toc strong{font-size:14.5px;letter-spacing:.1em;text-transform:uppercase;color:#8894a9;margin-bottom:6px}
.g-toc a{font-size:16px;color:#c3cadb!important;text-decoration:none;padding:5px 0;line-height:1.35}
.g-toc a:hover{color:#fff!important}
.g-side-cta{padding:16px;border-radius:14px;background:linear-gradient(145deg,#5f48db,#7957ee)}
.g-side-cta strong{color:#fff}.g-side-cta p{color:#eeeaff;font-size:16px;line-height:1.5;margin:6px 0 12px}
.g-side-cta .button{background:#fff!important;color:#4f37c8!important;box-shadow:none}
.g-related{margin-top:40px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.g-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.g-related a{display:grid;gap:6px;align-content:start;padding:16px;border-radius:14px;background:#0d192c;border:1px solid rgba(255,255,255,.09);text-decoration:none}
.g-related a:hover{border-color:rgba(126,94,255,.45)}
.g-related strong{color:#f5f7ff;font-size:17px;line-height:1.3}
.g-related a>span:last-child{color:#929db1;font-size:15.5px;line-height:1.5}
.g-tag{display:inline-flex;justify-self:start;padding:4px 8px;border-radius:999px;background:rgba(117,88,255,.16);color:#b8a9ff;font-size:13.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.g-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.g-pills span{font-size:14.5px;font-weight:800;color:#c4ccdc;background:#0e1a2d;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:7px 11px}

/* resume example hero with the real rendered template */
.g-sample-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:start;padding:20px 0 34px}
.g-sample{margin:0;padding:14px;border-radius:20px;background:linear-gradient(145deg,#111d32,#0b1526);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.g-sample-top{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:#8793a8;margin-bottom:10px}
.g-sample-top strong{color:#e6e9f3}.g-sample-top a{font-weight:800;text-decoration:none}
.g-sample-paper{display:block;position:relative;background:#fff;border-radius:8px;overflow:hidden;aspect-ratio:8.5/11}
.g-sample-paper img{display:block;width:100%;height:auto}
.g-sample-fallback{display:none}
.g-sample-paper.is-missing img{display:none}
.g-sample-paper.is-missing .g-sample-fallback{display:grid;place-items:center;position:absolute;inset:0;color:#4f37c8;font-weight:800;font-size:14px;padding:20px;text-align:center}
.g-sample figcaption{font-size:15px;color:#7f8aa0;line-height:1.5;margin-top:10px}
.g-sample code{font-size:14.5px;color:#b8a9ff}

/* resources hub */
.hub-hero{max-width:900px;padding:30px 0 26px}
.hub-jump{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.hub-jump a{padding:8px 13px;border-radius:999px;background:#111b2f;border:1px solid rgba(255,255,255,.09);color:#d0d7e6!important;text-decoration:none;font-size:15px;font-weight:800}
.hub-jump a:first-child{background:#7158ff;border-color:#7158ff;color:#fff!important}
.hub-section,.how-block{padding:30px 0;border-top:1px solid rgba(255,255,255,.08);scroll-margin-top:12px}
.hub-head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:18px}
.hub-head h2{font-size:28px;letter-spacing:-.03em;margin:6px 0 0;color:#f7f9ff}
.hub-head p{max-width:460px;color:#98a3b8;font-size:16.5px;line-height:1.55;margin:0}
.tpl-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tpl-card{display:flex;flex-direction:column}
.tpl-thumb{position:relative;display:block;background:#fff;border-radius:10px;overflow:hidden;aspect-ratio:8.5/11;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(0,0,0,.25);transition:transform .2s}
.tpl-thumb:hover{transform:translateY(-3px)}
.tpl-thumb img{width:100%;height:auto;display:block}
.tpl-thumb span{position:absolute;left:8px;bottom:8px;background:#7158ff;color:#fff;font-size:10px;font-weight:900;padding:4px 8px;border-radius:999px}
.tpl-thumb.is-missing img{display:none}
.tpl-card h3{font-size:18px;margin:12px 0 4px;color:#f5f7ff}
.tpl-card p{font-size:15.5px;color:#98a3b8;line-height:1.5;margin:0 0 8px}
.tpl-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;font-size:15px;font-weight:800}
.tpl-links a{text-decoration:none}
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hub-tile{display:flex;flex-direction:column;gap:6px;padding:17px;border-radius:15px;background:#0d192c;border:1px solid rgba(255,255,255,.09);text-decoration:none;min-height:170px}
.hub-tile:hover{border-color:rgba(126,94,255,.45)}
.hub-tile h3{font-size:18px;line-height:1.3;margin:6px 0 0;color:#f5f7ff}
.hub-tile p{font-size:16px;color:#98a3b8;line-height:1.5;margin:0}
.hub-arrow{margin-top:auto;padding-top:8px;font-size:15px;font-weight:900;color:#b8a9ff}
.hub-cta{margin-top:24px;padding:24px;border-radius:18px;background:linear-gradient(145deg,#1b1840,#0f1a33);border:1px solid rgba(126,94,255,.35);display:flex;justify-content:space-between;align-items:center;gap:22px}
.hub-cta h2{font-size:24px;margin:0 0 6px;color:#fff}.hub-cta p{margin:0;color:#b4bed0;font-size:16.5px;line-height:1.55}
.hub-cta .g-actions{margin-top:0}

/* how it works */
.how-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.how-steps-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.how-steps li{padding:18px;border-radius:15px;background:#0d192c;border:1px solid rgba(255,255,255,.09)}
.how-steps b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(117,88,255,.16);color:#c3b6ff;font-size:16px}
.how-steps h3{font-size:18px;margin:12px 0 6px;color:#f5f7ff}
.how-steps p{font-size:16.5px;line-height:1.6;color:#a4afc3;margin:0}
.how-note{margin:14px 0 0;font-size:16px;color:#8f9ab0}
.how-two{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.how-two h3{color:#f5f7ff;font-size:18.5px;margin:0 0 6px}
.how-two li{color:#b4bed0;font-size:17px;line-height:1.6}

/* about */
.about-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.about-pillars article{padding:22px 22px 22px 0}
.about-pillars article+article{border-left:1px solid rgba(255,255,255,.09);padding-left:22px}
.about-pillars span{color:#8f79ff;font-size:14.5px;font-weight:900}
.about-pillars h2{font-size:18px;margin:8px 0 6px;color:#f7f9ff}
.about-pillars p{font-size:16.5px;color:#a4afc3;line-height:1.6;margin:0}
.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px 44px;padding-top:10px}

/* rich footer used by every static page */
.pp-footer{background:#050c18;border-top:1px solid rgba(255,255,255,.07);color:#8f9ab0;margin-top:0}
.pp-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px;padding:38px 0 26px}
.pp-footer .brand{font-size:20px!important;color:#f4f6ff!important;text-decoration:none;font-weight:800}
.pp-footer-brand p{font-size:16px;line-height:1.55;margin:10px 0 0;max-width:260px}
.pp-footer h2{font-size:14.5px;letter-spacing:.12em;text-transform:uppercase;color:#cfd6e4;margin:4px 0 10px}
.pp-footer-grid>div:not(.pp-footer-brand){display:grid;gap:8px;align-content:start}
.pp-footer-grid a{color:#9aa5ba!important;text-decoration:none;font-size:16px}
.pp-footer-grid a:hover{color:#fff!important}
.pp-footer-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0 26px;border-top:1px solid rgba(255,255,255,.06);font-size:15px}

@media(max-width:1000px){.tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-footer-grid{grid-template-columns:repeat(3,1fr)}.pp-footer-brand{grid-column:1/-1}}
@media(max-width:900px){
  .g-layout{grid-template-columns:1fr;gap:0}.g-side{position:static;order:-1;padding-top:14px}.g-side-cta{display:none}
  .g-sample-hero{grid-template-columns:1fr}.g-sample{max-width:520px}
  .hub-grid,.g-related>div,.how-steps,.how-steps-6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-head{display:block}.hub-head p{margin-top:8px}.hub-cta{flex-direction:column;align-items:flex-start}
  .about-cols,.how-two{grid-template-columns:1fr}
}
@media(max-width:640px){
  .g-hero h1,.g-sample-copy h1,.hub-hero h1{font-size:34px}.pp .lead{font-size:17.5px}
  .g-rw{grid-template-columns:1fr}.tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-grid,.g-related>div,.how-steps,.how-steps-6,.about-pillars{grid-template-columns:1fr}
  .about-pillars article,.about-pillars article+article{padding:16px 0;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.about-pillars article:first-child{border-top:0}
  .g-section p,.g-section li{font-size:17px}.pp-footer-grid{grid-template-columns:1fr 1fr}
}
.hub-tile .g-tag,.g-related .g-tag{align-self:flex-start;justify-self:start}
@media(max-width:700px){.site-nav .nav-links{flex-wrap:nowrap!important}}

/* Tunquest Team + visible editorial authorship */
.team-section{margin:34px 0 22px;padding:28px;border-radius:20px;background:linear-gradient(145deg,#101b30,#0b1526);border:1px solid rgba(255,255,255,.09)}
.team-head{max-width:760px;margin-bottom:18px}.team-head h2{font-size:30px;letter-spacing:-.035em;margin:7px 0;color:#f7f9ff}.team-head p{color:#9ca8bb;line-height:1.6;margin:0}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.team-card{display:grid;grid-template-columns:112px 1fr;gap:18px;padding:18px;border-radius:16px;background:#0d192c;border:1px solid rgba(255,255,255,.09);align-items:start}
.team-photo-link{display:block}.team-photo{display:block;width:112px;height:112px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#111b2f}
.team-role{display:block;color:#9e8bff;font-size:13.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin:2px 0 5px}.team-card h3{color:#f7f9ff;font-size:20px;margin:0 0 7px}.team-card p{color:#aeb8ca;font-size:16px;line-height:1.58;margin:0 0 11px}
.team-link{font-size:15px;font-weight:850;text-decoration:none}.team-source{margin:13px 0 0;color:#77849a;font-size:15px}
.guide-byline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-12px 0 22px;padding:10px 12px;border-radius:11px;background:#0d192c;border:1px solid rgba(255,255,255,.08);color:#8f9ab0;font-size:15px;line-height:1.45}
.guide-byline strong{color:#d9deea}.guide-byline a{font-weight:800;text-decoration:none}
@media(max-width:760px){.team-grid{grid-template-columns:1fr}.team-card{grid-template-columns:82px 1fr}.team-photo{width:82px;height:82px;border-radius:14px}}
@media(max-width:460px){.team-card{grid-template-columns:1fr}.team-photo{width:96px;height:96px}.team-section{padding:18px}}

/* About v2: circular portraits, richer team cards, editorial standards (2026-10) */
.team-card{grid-template-columns:132px 1fr;gap:22px;padding:22px;align-items:center}
.team-photo-link{display:block;width:132px;height:132px;border-radius:50%;padding:3px;background:linear-gradient(140deg,#9f8cff,#34d3a0 70%,#3b82f6);box-shadow:0 14px 34px rgba(3,8,20,.45);transition:transform .2s ease}
.team-photo-link:hover{transform:translateY(-2px)}
.team-photo-link picture{display:block;width:100%;height:100%}
.team-photo{width:100%!important;height:100%!important;border-radius:50%!important;border:3px solid #0d192c!important;object-fit:cover;object-position:50% 38%;background:#111b2f}
.team-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 12px}
.team-tags li{font-size:14.5px;font-weight:750;color:#cfc6ff;background:rgba(124,92,255,.12);border:1px solid rgba(159,140,255,.25);border-radius:999px;padding:4px 9px}
.team-link{display:inline-flex;align-items:center;gap:6px}
.about-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 4px}
.about-facts div{padding:16px;border-radius:14px;background:#0d192c;border:1px solid rgba(255,255,255,.08)}
.about-facts strong{display:block;color:#f7f9ff;font-size:22px;letter-spacing:-.02em}
.about-facts span{display:block;color:#9ca8bb;font-size:15.5px;line-height:1.45;margin-top:3px}
.about-standards{margin:30px 0 8px;padding:26px 28px;border-radius:20px;background:#0b1526;border:1px solid rgba(255,255,255,.09)}
.about-standards h2{font-size:26px;letter-spacing:-.03em;color:#f7f9ff;margin:6px 0 8px}
.about-standards>p{color:#a4afc3;line-height:1.65;max-width:820px;margin:0 0 14px}
.about-standards ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;padding:0;margin:0;list-style:none;counter-reset:std}
.about-standards li{counter-increment:std;position:relative;padding-left:38px;color:#b4bed0;font-size:17px;line-height:1.62}
.about-standards li::before{content:counter(std,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:14.5px;font-weight:900;color:#9e8bff;background:rgba(124,92,255,.12);border-radius:8px;padding:4px 6px}
.about-standards li strong{color:#eef1fa}
@media(max-width:900px){.about-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.about-standards ol{grid-template-columns:1fr}}
@media(max-width:760px){.team-card{grid-template-columns:96px 1fr;gap:16px;padding:18px}.team-photo-link{width:96px;height:96px}}
@media(max-width:480px){.team-card{grid-template-columns:1fr;justify-items:start}.team-photo-link{width:112px;height:112px}.about-standards{padding:20px 18px}.about-facts strong{font-size:19px}}
.about-standards+.about-pillars{margin-top:26px}

/* 2026-10-07 v3.5.24 mobile readability pass */
/* The free-builder card was hidden below 900px; show a compact version above "On this page". */
@media(max-width:900px){.g-side-cta{display:block;order:-1;padding:14px 16px}.g-side-cta p{display:none}.g-side-cta .button{margin-top:8px}}
/* A right-aligned, horizontally scrolling nav pushed "Free Resume" off-screen to the left. */
@media(max-width:700px){.site-nav .nav-links{justify-content:flex-start!important}.site-nav .nav-links a[href$="/about"],.site-nav .nav-links a[href$="/acerca-de"]{display:none!important}}

/* ── V60: animated "how it works" flow + readable quick-start blocks ── */
.ab-flow{position:relative;margin:30px 0 8px;padding:28px 24px 24px;border-radius:22px;background:radial-gradient(circle at 15% 0,#1d1946 0,#0c1528 55%);border:1px solid rgba(139,114,255,.28);overflow:hidden}
.ab-flow-title{margin:0 0 20px;font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#b9a9ff}
.ab-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.ab-flow ol:before{content:"";position:absolute;left:8%;right:8%;top:38px;height:3px;border-radius:3px;background:rgba(255,255,255,.08)}
.ab-flow ol:after{content:"";position:absolute;top:33px;left:8%;width:13px;height:13px;border-radius:50%;background:#a58bff;box-shadow:0 0 18px 6px rgba(139,105,255,.55);animation:abTravel 8s cubic-bezier(.6,0,.4,1) infinite}
.ab-flow li{position:relative;z-index:1;text-align:center;padding:0 4px}
.ab-step-icon{width:78px;height:78px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;font-size:34px;background:#111b31;border:2px solid rgba(255,255,255,.1);animation:abLight 8s infinite}
.ab-flow li:nth-child(2) .ab-step-icon{animation-delay:2s}.ab-flow li:nth-child(3) .ab-step-icon{animation-delay:4s}.ab-flow li:nth-child(4) .ab-step-icon{animation-delay:6s}
.ab-flow h3{margin:0 0 6px;font-size:19px;color:#fff;letter-spacing:-.01em}
.ab-flow p{margin:0;font-size:16px;line-height:1.5;color:#c3cbe0}
.ab-sources{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}
.ab-sources span{font-size:13px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(117,88,255,.16);color:#d8cfff;animation:abPop 8s infinite}
.ab-sources span:nth-child(2){animation-delay:.25s}.ab-sources span:nth-child(3){animation-delay:.5s}.ab-sources span:nth-child(4){animation-delay:.75s}.ab-sources span:nth-child(5){animation-delay:1s}
.ab-score{display:inline-flex;align-items:baseline;gap:4px;margin-top:10px;padding:5px 12px;border-radius:999px;background:rgba(52,211,153,.14);color:#6ee7b7;font-weight:900;font-size:18px}
.ab-flow-note{margin:26px 0 0;text-align:center;font-size:16px;color:#c3cbe0}
@keyframes abTravel{0%{left:8%}22%,25%{left:calc(36% - 6px)}47%,50%{left:calc(64% - 6px)}72%,100%{left:calc(92% - 13px)}}
@keyframes abLight{0%,20%{border-color:#8f74ff;background:#221b4d;box-shadow:0 0 0 6px rgba(139,105,255,.16)}30%,100%{border-color:rgba(255,255,255,.1);background:#111b31;box-shadow:none}}
@keyframes abPop{0%,14%{transform:translateY(0);opacity:.55}20%{transform:translateY(-3px);opacity:1}30%,100%{transform:none;opacity:1}}
@media(max-width:760px){.ab-flow{padding:22px 16px}.ab-flow ol{grid-template-columns:1fr;gap:16px}.ab-flow ol:before{left:38px;right:auto;top:20px;bottom:20px;width:3px;height:auto}.ab-flow ol:after{display:none}.ab-flow li{display:grid;grid-template-columns:78px 1fr;gap:14px;text-align:left;align-items:center}.ab-step-icon{margin:0}.ab-sources{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.ab-flow ol:after,.ab-step-icon,.ab-sources span{animation:none!important}}
.ab-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0}
.ab-path{padding:24px;border-radius:20px;background:#0d192c;border:1px solid rgba(255,255,255,.1);color:#f4f6ff}
.ab-path.is-main{border-color:rgba(139,114,255,.5);background:linear-gradient(160deg,#1c1745,#0d192c)}
.ab-path .tag{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c5b9ff;margin-bottom:8px}
.ab-path h2{margin:0 0 12px;font-size:26px;letter-spacing:-.02em;color:#fff}
.ab-path ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}
.ab-path li{font-size:17px;line-height:1.45;color:#d3d9e8;padding-left:28px;position:relative}
.ab-path li:before{content:"✓";position:absolute;left:0;top:0;color:#6ee7b7;font-weight:900}
.ab-path .button{font-size:16px;padding:13px 20px}
.ab-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 8px}
.ab-plan{padding:20px;border-radius:18px;background:#0d192c;border:1px solid rgba(255,255,255,.1);color:#f4f6ff}
.ab-plan b{display:block;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#c5b9ff}
.ab-plan strong{display:block;margin:6px 0 10px;font-size:30px;letter-spacing:-.03em;color:#fff}
.ab-plan p{margin:0;font-size:16px;line-height:1.5;color:#c3cbe0}
.ab-big-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.ab-big-cta .button{font-size:17px;padding:14px 22px}
@media(max-width:760px){.ab-paths,.ab-plans{grid-template-columns:1fr}.ab-path h2{font-size:23px}.ab-big-cta{display:grid}}

/* Professional inline SVGs for static, indexable public pages. */
.apli-inline-icon{display:inline-block;vertical-align:-.15em;flex-shrink:0;color:inherit}.ab-step-icon .apli-inline-icon{width:32px;height:32px;color:#a99aff}
.g-sample-top a .apli-inline-icon,.team-card a .apli-inline-icon{margin-left:4px}

/* ── V71: account call-to-action at the end of every guide ── */
.g-account-cta{display:flex;align-items:center;gap:18px;margin:22px 0 8px;padding:18px 20px;border-radius:16px;background:#0d192c;border:1px solid rgba(126,94,255,.45)}
.g-account-cta strong{display:block;color:#f5f7ff;font-size:18px;margin-bottom:4px}
.g-account-cta p{margin:0;color:#c3cadb;font-size:16px;line-height:1.55}
.g-account-cta .button{flex-shrink:0;white-space:nowrap}
@media(max-width:640px){.g-account-cta{flex-direction:column;align-items:flex-start}.g-account-cta .button{width:100%;text-align:center}}