:root{--navy:#172543;--navy-deep:#101c35;--paper:#f7f8fb;--ink:#1a2540;--muted:#758098;--line:#e7eaf1;--accent:#6858d8;--accent-hover:#5143b8;--green:#0d9774;--shadow:0 10px 32px rgba(24,38,75,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a9a0f5;outline-offset:3px}input,textarea,select{color:var(--ink)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-70px;padding:10px;background:#fff;z-index:500}.skip-link:focus{top:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:var(--navy-deep);color:#f5f6fe;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 17px}.brand{display:flex;align-items:center;gap:12px;padding:6px 9px 38px}.brand-icon{display:grid;place-items:center;background:#f0f1ff;color:#202a4e;font-weight:850;font-size:28px;letter-spacing:-2px;width:43px;height:43px;border-radius:13px}.brand-icon span{color:#8773e9}.brand-copy{display:flex;flex-direction:column;line-height:1.25}.brand-copy strong{font-size:23px;letter-spacing:-.8px}.brand-copy small{font-size:9px;letter-spacing:2.6px;color:#9da9c6;font-weight:750;margin-top:4px}.side-group-label{color:#7987a6;letter-spacing:1.7px;font-size:10px;font-weight:800;margin:0 11px 13px}.side-links{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;padding:11px 12px;color:#b4bfd5;border-radius:10px;font-size:13px;font-weight:600;transition:.18s}.nav-link:hover,.nav-link.active{background:#29375a;color:#fff}.nav-link.active{box-shadow:inset 3px 0 0 #a99cf7}.nav-icon{width:25px;height:23px;display:grid;place-items:center;color:#bbc8e6;font-size:21px}.sidebar-bottom{margin-top:auto}.private-note{padding:15px;border:1px solid #344060;background:#1b2949;border-radius:14px;display:flex;flex-direction:column;gap:5px}.private-note-icon{font-size:20px;color:#b5eece}.private-note strong{font-size:12px;color:#fff}.private-note small{font-size:11px;color:#a9b5cf;line-height:1.6}.outside-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:20px 9px;color:#c8d2e4}.side-footer{font-size:10px;text-align:center;color:#6e7d9e;letter-spacing:1.3px;padding:8px}.workspace{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:75px;background:rgba(255,255,255,.87);border-bottom:1px solid var(--line);padding:0 42px;display:flex;justify-content:space-between;align-items:center;gap:18px}.breadcrumbs{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px;color:#7f8aa0}.breadcrumbs strong{color:#26334b;font-weight:700}.slash{color:#c4cbd7}.top-actions{display:flex;align-items:center;gap:24px}.pill{display:flex;align-items:center;gap:8px;background:#f0f9f5;color:#18795d;border:1px solid #d7f1e6;font-size:11px;font-weight:700;padding:7px 12px;border-radius:50px;white-space:nowrap}.live-dot{height:7px;width:7px;border-radius:50%;background:#26bd8c}.top-link{font-size:12px;font-weight:700;color:#63708b}.top-link:hover{color:#3b3489}main{width:100%;max-width:1500px;margin:0 auto;padding:35px 42px 60px;flex:1}.page{width:100%}.hero{background:linear-gradient(113deg,#1b2c52 0%,#263c6e 62%,#584f9b 120%);border-radius:21px;min-height:345px;padding:48px 50px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative;color:#fff}.hero::before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-140px;top:-200px;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 135px rgba(255,255,255,.025)}.hero-content{max-width:570px;position:relative;z-index:1}.eyebrow{font-weight:800;letter-spacing:1.8px;font-size:10px;color:#c7beff}.eyebrow-mark{color:#adf2d4;font-size:16px;vertical-align:middle;margin-right:7px}.eyebrow.dark{color:#6e5dba}.hero h1{font-size:clamp(34px,3.7vw,54px);font-weight:760;letter-spacing:-2.1px;line-height:1.12;margin:19px 0}.hero h1 em{font-style:normal;color:#baf4df}.hero p{color:#cbd5e8;line-height:1.75;font-size:14px;max-width:490px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;min-height:41px;font-size:12px;font-weight:750;border-radius:9px;padding:11px 17px;transition:background .18s,border-color .18s,transform .18s}.button:hover{transform:translateY(-1px)}.button-white{background:#fff;color:#1d2c50}.button-white:hover{background:#e8ecfc}.button-outline-light{color:#fff;border-color:#7c8bac;background:rgba(255,255,255,.07)}.button-outline-light:hover{background:rgba(255,255,255,.14)}.button-primary{background:#6455d7;color:#fff}.button-primary:hover{background:#5041bb}.button-secondary{background:#fff;color:#374161;border-color:#dfe3ef}.button-secondary:hover{background:#f2f2fb}.button-tertiary{background:transparent;color:#6b7590}.button-tertiary:hover{background:#f1f2f7}.hero-art{width:275px;height:240px;flex-shrink:0;position:relative;margin-right:16px}.art-paper{position:absolute;background:#fff;border-radius:12px;box-shadow:0 20px 40px #131e4490}.paper-back{width:173px;height:218px;top:8px;left:88px;transform:rotate(12deg);background:#d8dcf5}.paper-front{width:191px;height:233px;left:25px;top:0;transform:rotate(-7deg);padding:23px}.art-head{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e2e7ee;padding-bottom:19px}.art-avatar{width:41px;height:41px;background:#ece9ff;color:#7669d6;border-radius:50%;display:grid;place-items:center;font-size:22px}.art-text{flex:1}.art-text span,.art-lines span{display:block;background:#d6dbeb;border-radius:4px;height:7px;margin:7px 0}.art-text span:first-child{width:85%;background:#9e96d9}.art-text span:nth-child(2){width:64%;height:5px}.art-lines{margin-top:23px}.art-lines span{height:6px;margin-top:12px}.art-lines span:nth-child(2){width:82%}.art-lines span:nth-child(3){width:67%}.art-highlight{position:absolute;bottom:19px;left:20px;color:#2f8f77;font-size:9px;font-weight:800;background:#dbf8ed;border-radius:7px;padding:7px}.art-spark{color:#b7fee3;font-size:31px;position:absolute}.spark-one{right:-6px;top:-18px}.spark-two{left:1px;bottom:-15px}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;margin-top:20px}.stats-strip>div{padding:21px 26px;display:flex;align-items:center;gap:14px}.stats-strip>div+div{border-left:1px solid var(--line)}.stats-strip strong{font-size:27px;letter-spacing:-1px;color:#252e52}.stats-strip span{font-size:12px;color:#79839a;max-width:150px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:43px 0 20px}.section-heading h2{font-size:25px;letter-spacing:-.8px;margin:6px 0}.section-heading p{font-size:13px;color:#8190a3;margin:0}.subtle-label{font-size:10px;font-weight:800;letter-spacing:1px;color:#9a9fb0}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tool-card{min-height:260px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:15px;background:#fff;padding:24px;box-shadow:0 5px 20px #24334b05;transition:transform .2s,border-color .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);border-color:#cfc9ee;box-shadow:var(--shadow)}.tool-icon{height:51px;width:51px;border-radius:14px;display:grid;place-items:center;font-size:30px;font-weight:800;margin-bottom:22px}.icon-purple{background:#eeeafb;color:#6c5de1}.icon-blue{background:#e8f2fb;color:#387bb7}.icon-peach{background:#fff1e6;color:#d18c56}.tool-number{font-size:10px;font-weight:800;letter-spacing:1.15px;color:#929bad}.tool-card h3{font-size:18px;letter-spacing:-.3px;margin:6px 0 5px}.tool-card p{font-size:12px;line-height:1.7;color:#7f8b9e;margin:0 0 20px}.card-action{display:flex;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid #edf0f5;color:#6555ca;font-weight:800;font-size:12px}.info-callout{margin-top:22px;background:#edf3fb;border:1px solid #dde7f4;border-radius:12px;padding:17px;display:flex;gap:14px;align-items:start}.info-symbol{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#d7e5fa;color:#426a9f;font-weight:800;font-size:12px}.info-callout p{font-size:12px;color:#586981;line-height:1.7;margin:0}.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 42px;border-top:1px solid var(--line);font-size:11px;color:#9aa3b5}.page-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:5px 0 28px}.page-heading h1{font-size:clamp(29px,3vw,37px);margin:6px 0 4px;letter-spacing:-1.2px}.page-heading p{color:#7a889d;font-size:13px;margin:0}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.split-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:22px;align-items:start}.work-panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 25px rgba(20,34,65,.03)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:19px}.panel-title h2{font-size:17px;margin:0}.tag-muted{border-radius:50px;padding:5px 12px;background:#f4f3fc;color:#6a5dbb;font-size:10px;font-weight:800}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:12px;color:#43516c;font-weight:750}.field small{font-size:10px;color:#949eae;font-weight:500}.field b{color:#bb5674}.field input,.field textarea,.field select{width:100%;background:#fff;border:1px solid #dee3ed;border-radius:8px;padding:11px 12px;outline:none;font-size:12px;font-weight:400;line-height:1.6;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#887be1;box-shadow:0 0 0 3px #9e8ffc1b}.field input::placeholder,.field textarea::placeholder{color:#a5aebc}.form-section-title{font-size:10px;font-weight:850;letter-spacing:1.3px;color:#908aaf;margin:21px 0 14px;padding-top:16px;border-top:1px solid #edf0f5}.form-section-title:first-of-type{border-top:none;padding-top:0}.form-section-heading{display:flex;justify-content:space-between;align-items:center}.form-section-heading .form-section-title{flex:1}.text-button{border:0;background:none;color:#6455cf;font-size:11px;font-weight:800}.text-button:hover{text-decoration:underline}.repeater-list{display:flex;flex-direction:column;gap:13px}.repeater-card{border:1px solid #e6e9f2;border-radius:10px;padding:14px;background:#fbfcfe}.repeater-card-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:12px}.repeater-card .field{margin-bottom:10px}.remove-repeater{background:none;border:0;color:#a45069;font-size:11px;font-weight:700}.field-note{font-size:10px;color:#8693a7;font-weight:500}.form-bottom{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.microcopy{color:#97a1b0;font-size:11px;line-height:1.7;margin:10px 0}.preview-column{position:sticky;top:20px;min-width:0}.preview-controls{display:flex;align-items:center;justify-content:space-between;margin:3px 0 13px;gap:14px}.preview-controls>div:first-child{display:flex;flex-direction:column}.preview-controls strong{font-size:14px}.preview-controls span{color:#99a1b2;font-size:11px}.select-inline{display:flex;gap:8px;align-items:center;color:#8290a5;font-size:11px}.select-inline select{background:white;border:1px solid var(--line);border-radius:8px;padding:7px;font-size:11px}.resume-paper{min-height:590px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 40px #24344c14;padding:35px 34px;overflow-wrap:anywhere}.resume-doc{color:#29334b;font-size:11px;line-height:1.56}.resume-doc .resume-header{border-bottom:2px solid #6c5bd6;padding-bottom:16px;margin-bottom:18px}.resume-doc h1{font-size:28px;letter-spacing:-.8px;margin:0;color:#1d2b4b}.resume-doc .job-title{font-size:12px;font-weight:700;color:#695cba;margin:3px 0 7px}.resume-doc .contact-line{display:flex;gap:7px;flex-wrap:wrap;color:#718096;font-size:10px}.resume-doc .contact-line span+span:before{content:'•';padding-right:7px;color:#afb8c8}.resume-doc h2{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:#695cba;padding-bottom:5px;border-bottom:1px solid #e4e6f0;margin:17px 0 7px}.resume-doc p{margin:6px 0;white-space:pre-line}.resume-doc .resume-item{margin:10px 0}.resume-doc .resume-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.resume-doc .resume-item-top strong{font-size:11px}.resume-doc .resume-item-top time{font-size:9px;color:#8791a0;white-space:nowrap}.resume-doc .resume-place{color:#6e7b91;font-size:10px}.resume-doc .resume-bullets{padding-left:16px;margin:4px 0}.resume-doc li{margin:2px 0}.resume-doc .skills-line{line-height:1.8}.resume-doc.classic .resume-header{text-align:center;border-color:#252d44}.resume-doc.classic h1{font-family:Georgia,'Times New Roman',serif}.resume-doc.classic .job-title,.resume-doc.classic h2{color:#283b58}.resume-doc.classic .contact-line{justify-content:center}.resume-doc.classic h2{border-color:#d1d6e2}.preview-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.preview-buttons .button{flex:1}.checker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.checker-grid .work-panel{padding:22px}.large-textarea{height:300px;min-height:220px}.field-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9ca6b5}.checker-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.form-error{border:1px solid #f7cdcd;border-radius:10px;background:#fff0f0;color:#ac3e3e;padding:14px;font-size:12px}.results-heading{margin:34px 0 18px}.results-summary{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:16px}.score-card,.result-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;min-width:0}.score-label{text-transform:uppercase;font-size:10px;letter-spacing:1px;font-weight:800;color:#8f9bae}.big-score{font-size:50px;font-weight:800;line-height:1.1;letter-spacing:-2px;color:#3a3976;margin:12px 0}.big-score span{font-size:25px;color:#9599c7}.progress-track{height:8px;background:#ebeaf6;border-radius:8px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#8275df,#42bfa7);transition:width .3s}.score-explainer{font-size:11px;line-height:1.6;color:#8290a1;margin-bottom:0}.result-title{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:15px}.result-dot{height:8px;width:8px;border-radius:50%;flex-shrink:0}.result-dot.green{background:#2eac87}.result-dot.orange{background:#ec9d4d}.count{margin-left:auto;color:#8e98ac;font-size:10px}.chip-container{display:flex;gap:7px;flex-wrap:wrap}.keyword-chip{padding:6px 9px;border-radius:7px;background:#edf8f3;color:#1f8064;font-size:10px;font-weight:700}.keyword-chip.missing{background:#fff3e8;color:#b7743b}.no-keywords{font-size:11px;color:#8a96aa}.mode-switch{display:flex;background:#eaeef6;border-radius:11px;padding:5px;gap:3px;max-width:max-content;margin-bottom:22px}.mode-button{font-size:12px;background:transparent;color:#738098;border:0;padding:10px 17px;border-radius:8px;font-weight:700}.mode-button.selected{background:#fff;color:#352d84;box-shadow:0 1px 5px #27395518}.letter-output-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:20px}.letter-output-panel textarea{display:block;border:0;resize:vertical;width:100%;outline:none;min-height:410px;font-size:12px;line-height:1.9;color:#37415b;white-space:pre-wrap}.letter-output-panel textarea::placeholder{color:#a6afbd}.toast{position:fixed;bottom:22px;right:22px;z-index:200;background:#192949;color:#fff;border-radius:10px;padding:12px 20px;font-size:12px;box-shadow:0 8px 24px #14254340}#print-root{display:none}
@media(min-width:1550px){.hero{padding:56px 62px}.hero-art{margin-right:60px}.tool-card{min-height:273px}}
@media(max-width:1180px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:24px 12px}.topbar{padding:0 24px}main{padding:30px 24px 45px}.hero{padding:38px 34px}.hero-art{transform:scale(.8);transform-origin:center right;margin-right:0}.hero-content{max-width:450px}.split-layout{grid-template-columns:1fr}.preview-column{position:static}.resume-paper{max-width:800px;margin:auto;width:100%}.results-summary{grid-template-columns:1fr 1fr}.score-card{grid-column:1/-1}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;height:auto;min-height:0;padding:12px 15px}.brand{padding:3px 4px 12px}.brand-icon{width:34px;height:34px;font-size:22px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:8px}.side-group-label,.sidebar-bottom{display:none}.side-links{flex-direction:row;overflow-x:auto;gap:5px;padding-bottom:4px}.nav-link{gap:6px;white-space:nowrap;padding:9px 11px;font-size:11px}.nav-icon{width:19px;font-size:17px}.topbar{height:54px;padding:0 18px}.top-actions .top-link{display:none}.pill{font-size:9px;padding:5px 9px}.breadcrumbs{font-size:11px;gap:7px}main{padding:20px 16px 36px}.hero{padding:30px 24px;min-height:0}.hero-art{display:none}.hero h1{font-size:35px}.stats-strip{grid-template-columns:1fr 1fr}.stats-strip>div{padding:14px 17px}.stats-strip>div:last-child{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.stats-strip strong{font-size:23px}.stats-strip span{font-size:10px}.section-heading{margin-top:34px}.section-heading h2{font-size:22px}.subtle-label{display:none}.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{min-height:0;padding:20px}.tool-icon{margin-bottom:12px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:28px}.work-panel{padding:18px}.checker-grid{grid-template-columns:1fr}.checker-grid .work-panel{padding:15px}.large-textarea{height:220px}.results-summary{grid-template-columns:1fr}.score-card{grid-column:auto}.site-footer{padding:17px;display:block}.site-footer span{display:block;margin-bottom:6px}.resume-paper{padding:25px 19px;min-height:470px}.resume-doc h1{font-size:23px}.preview-buttons .button{flex:none}.letter-output-panel{padding:15px}}
@media(max-width:420px){.field-grid{grid-template-columns:1fr}.topbar{gap:5px}.top-actions .pill{font-size:8px;letter-spacing:-.2px}.nav-link{font-size:10px;padding:9px}.page-heading h1{font-size:26px}.heading-actions .button{min-height:35px}.hero p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@page{size:A4;margin:16mm}
@media print{body.printing{background:#fff!important;color:#171d2e}body.printing>.app-shell,body.printing>.toast,body.printing>.skip-link{display:none!important}body.printing>#print-root{display:block!important;width:100%;margin:0 auto;color:#171d2e}#print-root .resume-doc{font-size:10.2pt;line-height:1.5}#print-root .resume-doc h1{font-size:25pt}#print-root .resume-doc h2{font-size:10pt;page-break-after:avoid}#print-root .resume-doc .resume-item{break-inside:avoid}#print-root .plain-print{font:11pt/1.6 Georgia,'Times New Roman',serif;white-space:pre-wrap;overflow-wrap:anywhere}#print-root .resume-doc .resume-header{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Version 1.1 onboarding guidance and FAQ */
.user-guidance{margin:0 0 22px}.howto-box,.tool-help,.privacy-panel,.onboarding-home{border:1px solid #e1e4ee;background:#fff;border-radius:15px;box-shadow:0 5px 20px rgba(24,38,75,.035)}.howto-box{overflow:hidden}.howto-box>summary{cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:750;color:#26334b;padding:16px 20px;list-style:none}.howto-box>summary::-webkit-details-marker{display:none}.howto-box>summary::after{content:'⌄';font-size:20px;margin-left:auto;color:#7365c5}.howto-box[open]>summary::after{content:'⌃'}.guide-hint{font-size:11px;font-weight:500;color:#7f8ca1}.howto-content{border-top:1px solid #edf0f5;padding:17px 24px 19px}.howto-content ol{padding-left:23px;margin:0 0 16px;color:#4b5970;font-size:13px;line-height:1.9}.howto-content li{padding-left:5px;margin-bottom:5px}.guide-tip{font-size:12px;line-height:1.7;color:#3f5c5a;background:#eff9f4;border:1px solid #ddf0e7;border-radius:10px;padding:12px 15px;margin:0}.tool-help{margin-top:24px;padding:22px 25px}.tool-help h2,.onboarding-home h2,.privacy-panel h2{font-size:17px;letter-spacing:-.25px;margin:0 0 14px}.faq-item{border-top:1px solid #e9edf3}.faq-item>summary{cursor:pointer;padding:12px 4px;font-size:12.5px;font-weight:700;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#37415b}.faq-item>summary::after{content:'+';font-size:19px;color:#7064c7}.faq-item[open]>summary::after{content:'−'}.faq-item>p{color:#657089;font-size:12px;line-height:1.8;margin:0 0 14px;padding:0 6px}.onboarding-home,.privacy-panel{margin-top:24px;padding:25px}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.onboarding-steps>div{background:#f6f7fd;border-radius:11px;padding:16px;display:flex;flex-direction:column;gap:7px}.onboarding-steps b{background:#e7e2fa;color:#574ab9;width:26px;height:26px;border-radius:8px;display:grid;place-items:center}.onboarding-steps strong{font-size:13px}.onboarding-steps p,.privacy-panel p{font-size:12px;color:#657089;line-height:1.8;margin:0}.privacy-panel p+p{margin-top:10px}@media(max-width:720px){.onboarding-steps{grid-template-columns:1fr}.howto-box>summary{flex-wrap:wrap}.guide-hint{display:none}.howto-content{padding:15px}.onboarding-home,.privacy-panel,.tool-help{padding:18px}}

/* Official BeAT logo: visible in the navigation on desktop and mobile. */
.brand {gap:12px;padding:5px 5px 26px}
.brand-logo {display:block;flex:0 0 auto;width:66px;height:66px;object-fit:cover;border-radius:50%;background:#000;box-shadow:0 0 0 1px rgba(96,164,255,.28),0 0 18px rgba(0,132,255,.12)}
.brand-copy {min-width:0}
@media (max-width:760px) {
  .brand {gap:11px;padding:3px 4px 13px}
  .brand-logo {width:52px;height:52px}
}