/* SkillLaunchpad visual system: ink, cobalt and selective violet accents. */
:root{--ink:#101d36;--paper:#f7f8fc;--line:#e4e8f1;--accent:#2457f5;--accent-strong:#1945d8;--violet:#7251df;--mint:#12836d;--amber:#b97718;--coral:#d76455;color-scheme:light}
body{color:var(--ink);background:var(--paper);font-family:'DM Sans',Inter,Arial,sans-serif;line-height:1.55}
header{height:72px;position:sticky;top:0;z-index:100;padding-inline:max(24px,calc((100vw - 1200px)/2));background:#f9faffed;border-bottom:1px solid #dfe5f0;backdrop-filter:blur(16px)}
.brand{font-family:Manrope,sans-serif;color:var(--ink)}.brand-logo{width:190px}
nav{gap:3px;color:#43516b;font-size:12px;font-weight:600}nav a{padding:10px 11px;border-radius:9px;transition:color .18s,background .18s}nav a:hover,nav a[aria-current=page]{background:#edf1ff;color:var(--accent)}nav .navbtn{background:var(--accent);color:white;border-radius:10px;padding:11px 15px;box-shadow:0 5px 14px #2457f52a}nav .navbtn:hover{background:var(--accent-strong);color:white}
.platform-nav-extra{gap:8px}.platform-nav-extra button,.platform-nav-extra select{border:1px solid #d9dfeb!important;border-radius:9px!important;background:#fff!important;color:#273958!important;min-height:38px;padding:8px 11px!important;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.theme-control{display:flex;align-items:center;gap:6px;color:#68758c;font-size:10px}.theme-control select{min-width:76px}
#menu,#platform-menu{border:0;background:transparent;color:var(--ink)}.wrap{width:min(1200px,calc(100% - 56px))}
.eyebrow{color:#395bc2;font-size:10px;letter-spacing:1.35px}.hero{min-height:630px;grid-template-columns:minmax(0,1fr) minmax(430px,.93fr);gap:36px;padding:70px 0 76px;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-2;inset:12px calc((1200px - 100vw)/2) 26px 24%;background:radial-gradient(ellipse at 84% 28%,#dce4ff 0 13%,transparent 13.5%),radial-gradient(ellipse at 71% 80%,#eee8ff 0 11%,transparent 11.5%),linear-gradient(130deg,#f4f6ff,#f3f6fc 60%,#f6f5ff);border:1px solid #e7ebf7;border-radius:32px}
.hero .eyebrow{display:inline-flex;padding:8px 11px;border:1px solid #d9e1fb;border-radius:8px;background:#fff;color:#3557ba;font-size:9px}.hero h1{max-width:660px;margin:20px 0 18px;font:800 clamp(43px,5.3vw,68px)/1.02 Manrope,sans-serif;letter-spacing:-3.8px;color:#111e38}.hero h1 em,h2 em{font-family:Manrope,sans-serif;font-style:normal;font-weight:800;letter-spacing:inherit;color:var(--accent)}.lede{max-width:550px;color:#53617a;font-size:16px;line-height:1.75}.actions{gap:14px}.btn,.platform-btn,.platform-main button{border-radius:10px;background:var(--accent);box-shadow:0 7px 17px #2457f526;font-size:12px;transition:transform .18s,background .18s,box-shadow .18s}.btn:hover,.platform-btn:hover,.platform-main button:hover{background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 11px 20px #2457f533}.hero .link{padding:11px 2px;border-color:#bbc8f4;color:#354c90}.proof{color:#6f7b91;font-size:11px;letter-spacing:.15px;margin-top:22px}.bottom{color:#8994a8;font-size:8px;letter-spacing:1px}
/* Product preview replaces the abstract hero art. */
.art{height:auto;min-height:455px;display:block;transform:none!important;margin:0!important;position:relative;padding:20px 8px}.art:before{content:"";position:absolute;inset:0 2% 2% 7%;border:1px solid #dfe5f2;border-radius:26px;background:linear-gradient(145deg,#fff 3%,#f4f6ff 100%);box-shadow:0 28px 70px #17295116;transform:rotate(1.2deg)}.journey-product{position:relative;z-index:1;padding:23px 24px 20px}.journey-product-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #e7ebf3}.journey-product-head small{display:block;color:#6d7890;font-size:8px;font-weight:800;letter-spacing:1.15px}.journey-product-head b{display:block;margin-top:5px;color:#142340;font:700 15px Manrope}.live-status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #bde8db;border-radius:8px;background:#eaf8f3;color:#18765e;font-size:9px;font-weight:700}.live-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#22a27b}.journey-product-body{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding-top:15px}.hero-stage-list{display:grid;gap:7px}.hero-stage{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid #e9edf5;border-radius:11px;background:#fff;transition:transform .18s,border-color .18s}.hero-stage:hover{transform:translateX(3px);border-color:#aebdf5}.hero-stage .stage-num{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef2ff;color:#355ad2;font:700 10px Manrope}.hero-stage:nth-child(2n) .stage-num{background:#f1edff;color:#7051ce}.hero-stage b{display:block;color:#1d2c4a;font:700 11px Manrope}.hero-stage small{display:block;color:#758198;font-size:8px}.hero-stage .stage-arrow{color:#8390a6;font-size:13px}.hero-project{display:flex;flex-direction:column;gap:11px;padding:13px;border:1px solid #e2e7f2;border-radius:14px;background:#fff;box-shadow:0 7px 20px #18355e0c}.hero-project .project-preview-label{display:flex;justify-content:space-between;color:#79859a;font-size:8px;font-weight:800;letter-spacing:.8px}.hero-project .project-art{display:grid;place-items:center;min-height:128px;border-radius:10px;background:linear-gradient(145deg,#e8edff,#eaf7f4);overflow:hidden}.mini-browser{width:78%;height:92px;padding:8px;border:1px solid #d9dfeb;border-radius:8px;background:#fff;box-shadow:0 8px 16px #1d32611a}.mini-browser-top{height:7px;border-bottom:1px solid #e8ebf2;margin-bottom:8px}.mini-browser-hero{height:31px;border-radius:5px;background:linear-gradient(100deg,#315cf0 0 48%,#eff2ff 48%)}.mini-browser-lines{display:grid;gap:4px;margin-top:7px}.mini-browser-lines i{height:3px;width:75%;border-radius:5px;background:#dce3f1}.mini-browser-lines i:last-child{width:48%}.hero-project .project-caption b{display:block;color:#1d2c4a;font:700 13px Manrope}.hero-project .project-caption small{color:#748097;font-size:9px}.hero-project .project-link{margin-top:auto;padding-top:9px;border-top:1px solid #edf0f6;color:var(--accent);font-size:9px;font-weight:700}.hero-product-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:13px;margin-top:13px;border-top:1px solid #e7ebf3;color:#738098;font-size:9px}.hero-product-foot b{color:#34496f}.hero-product-foot .hero-mini-progress{width:92px;height:5px;background:#edf0f6;border-radius:9px;overflow:hidden}.hero-product-foot i{display:block;width:17%;height:100%;background:var(--accent);border-radius:inherit}
.value{background:#eef1fa;border-color:#e0e5f1}.values>div{border-color:#dce2ef}.values b{color:#21345b}.values small{color:#6d7890}.section{padding-block:82px}.section h2,.tool h2,.approach h2{color:#14233f;font:800 clamp(30px,4vw,43px)/1.12 Manrope;letter-spacing:-1.8px}.sub{color:#63708a;font-size:14px;max-width:650px}.filters{gap:8px;flex-wrap:wrap}.filter{padding:9px 12px;border-radius:8px;background:#eef1f8;color:#5b6680}.filter.active{background:#1a2b4c;color:#fff;border:0}.filters select,.filters input{border:1px solid #dce2ee;border-radius:8px;background:#fff;color:#43516b;padding:10px 12px;font:11px 'DM Sans',sans-serif}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:12px;border:1px solid #e3e8f1;border-radius:16px;background:#fff;box-shadow:0 8px 25px #1c2c4c0b}.card:hover{transform:translateY(-4px);border-color:#b5c4f7;box-shadow:0 15px 32px #1c2c4c17}.visual{border-radius:11px}.green{background:linear-gradient(140deg,#dff5eb,#e9f8f0)}.blue{background:linear-gradient(140deg,#dce7ff,#eef1ff)}.peach{background:linear-gradient(140deg,#ffe7d8,#fff1e9)}.purple{background:linear-gradient(140deg,#ece4ff,#f5f0ff)}.card label{font-size:9px;color:#4c61a0}.card h3{color:#14233f;font-size:16px}.card p{color:#616e87;font-size:12px}.card>a{color:#3159d4;font-size:11px}.card>a b{color:var(--accent)}
.path-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.path-step{min-height:205px;border-color:#e1e6f1;border-radius:15px;background:#fff;box-shadow:0 8px 20px #1c2c4c08}.path-number{color:#71809b}.path-icon{background:#edf1ff;color:#2854da;border-radius:10px}.path-step:nth-child(2n) .path-icon{background:#f1edff;color:#7251df}.path-step>b{color:#162644}.path-step>span:not(.path-number):not(.path-icon){color:#65728b}.path-step>strong{color:#3159d4}.path-step:hover{border-color:#aebdf5;box-shadow:0 14px 28px #1d326116}.path-step:not(:last-child):after{border-color:#9eace3}
.skill-grid a{min-height:190px;border-radius:15px;border-color:#e2e7f1;background:#fff;box-shadow:0 7px 22px #182a4d09;position:relative;overflow:hidden;padding:18px}.skill-grid a:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--skill-accent,#2457f5)}.skill-grid a:nth-child(1){--skill-accent:#2457f5}.skill-grid a:nth-child(2){--skill-accent:#7251df}.skill-grid a:nth-child(3){--skill-accent:#df7255}.skill-grid a:nth-child(4){--skill-accent:#16836d}.skill-grid a:nth-child(5){--skill-accent:#bb811c}.skill-grid a:nth-child(6){--skill-accent:#6d58d8}.skill-grid a:nth-child(7){--skill-accent:#1297a6}.skill-grid a:nth-child(8){--skill-accent:#65738f}.skill-grid a:nth-child(9){--skill-accent:#cf5c86}.skill-grid a small{color:var(--skill-accent);font-size:8px}.skill-grid a b{color:#14233f}.skill-grid a strong{color:var(--skill-accent)}.skill-project{display:block;margin-top:3px;color:#65728b;font-size:10px}
.start-card{border-color:#dfe5f2;border-radius:20px;background:linear-gradient(120deg,#eef2ff,#fff 64%,#f2efff);box-shadow:0 18px 45px #1d326110}.start-copy h2,.today-card h2{color:#14233f}.start-preview>div{border-radius:12px;border-color:#e2e7f1}.start-preview small,.path-step>small,.make-card>small,.tool-category-grid small{color:#3b5ecb}.start-preview>div:nth-child(even){background:#fbfaff}.start-preview b{color:#1a2b49}
.make-section{position:relative}.make-section:before{content:"";position:absolute;z-index:-1;inset:0 calc((1200px - 100vw)/2);background:#eef1fa}.make-card{border-radius:14px;border-color:#dfe5f1;box-shadow:0 7px 19px #1d32610a}.make-card>b{color:#162644}.make-card>span i{border-radius:6px;background:#eef1ff;color:#405aa6}.make-card:nth-child(6n+2)>span i{background:#f1edff;color:#664dc1}.make-card:nth-child(6n+3)>span i{background:#fff0e8;color:#a8583f}.make-card:nth-child(6n+4)>span i{background:#eaf7f1;color:#19765e}.make-card:nth-child(6n+5)>span i{background:#fff6e5;color:#906219}.make-card:nth-child(6n)>span i{background:#e9f7f9;color:#167687}.text-link,.make-card>strong{color:var(--accent)}
.first-project{background:#142644;border-radius:18px;box-shadow:0 22px 48px #12254b20}.brief-facts>div{background:#1d3458}.brief-main h2 em{color:#aebfff}.brief-main .btn{background:#fff;color:#1d47ce;box-shadow:none}.brief-label small,.brief-main .eyebrow,.brief-facts small{color:#bfd0ff}
.challenge-preview{border-radius:14px;border-color:#e0e6f1;box-shadow:0 7px 22px #1d326109}.mini-progress i{background:var(--accent)}.challenge-days span{border:1px solid #e7ebf3;border-radius:9px;background:#f4f6fb}.challenge-days .today{background:#eaf0ff;border-color:#bdcafa}.challenge-days b,.challenge-top small{color:#395bc2}.today-card{border-color:#dfe5f2;border-radius:17px;background:#eef1fa}.today-checklist span{border-color:#e0e6f1;border-radius:9px}
.tool{background:#142340;color:#fff}.tool:after{border-color:#ffffff14;box-shadow:0 0 0 36px #ffffff08,0 0 0 78px #ffffff05}.tool h2{color:#fff}.tool h2 em{color:#aebfff}.tool .eyebrow{color:#b8c8ff}.tool .sub{color:#d0d8ea}.tool .btn{background:#fff;color:#194bd8}.tool .btn:hover{background:#e9eeff}.tool .link{color:#e4eaff;border-color:#7d94d5}.tool .fine{color:#aebbd4}.sheet{border:1px solid #e2e7f0;border-radius:11px;transform:rotate(-3deg)}.free{background:#ebe7ff;color:#5f43c0}
.tool-categories{padding-block:52px 75px}.tool-category-grid>a{border-radius:13px;border-color:#e0e6f1;box-shadow:0 7px 19px #1d326109}.tool-category-grid b{color:#172746}.tool-category-grid i{color:#3159d4}
.approach{gap:56px}.steps p{color:#62708b;border-color:#dfe5f1;font-size:12px}.steps b{color:#152542}.closing{background:#11213e}.close .btn{background:#fff;color:#2049cb}.close .btn:hover{background:#eaf0ff}.close-secondary{color:#e2e9ff;border-color:#90a4e4}footer{background:#f1f3f9}.foot{border-color:#dfe4ef;color:#50607d}.foot>span{color:#65728b}.copyright{color:#79859c}
/* Shared application components. */
.platform-main{max-width:1200px;padding-top:48px}.platform-head{border-color:#e1e6f0}.platform-head .eyebrow{color:#4763c5}.platform-head h1{color:#111f3b}.platform-head p{color:#596780;font-size:15px}.platform-card,.platform-panel,.journey-grid a{border-color:#e1e6f0;border-radius:14px;background:#fff;box-shadow:0 8px 23px #16284b0a}.platform-card h2,.platform-card h3,.platform-panel h2{color:#172746}.platform-card p,.platform-panel p{color:#5e6c84}.platform-card small,.platform-tag{color:#536acc}.platform-btn,.platform-main button{border-radius:9px}.platform-btn.secondary,.platform-main button.secondary{background:#eef1fb;color:#344d94;box-shadow:none}.platform-main input,.platform-main select,.platform-main textarea{border-color:#d4dbea;border-radius:9px;color:#172746}.platform-main input:focus,.platform-main select:focus,.platform-main textarea:focus{outline:3px solid #2457f52a;border-color:#6986ed}.platform-progress i{background:var(--accent)}.platform-result{background:#edf2ff;border-color:#ced9ff}.platform-toolbar input{min-height:44px}
.dashboard-overview{background:linear-gradient(125deg,#eaf0ff,#f7f8ff 66%,#f2efff)}.dashboard-lead>div:first-child>small,.next-action-card>div>small{color:#4461c7}.overall-progress{border-color:#d9e1fb;border-right-color:var(--accent)}.overall-progress strong{color:#234fd0}.dashboard-metrics small{color:#5269bb}.dashboard-metrics b{color:#172746}.next-action-card{background:#142644;border-radius:15px}.next-action-card .platform-btn{background:#fff;color:#2149cb}.dashboard-next-icon{background:#ffffff14;color:#c6d2ff}
.guide-next{margin:28px 0;padding:24px;border:1px solid #dce4f7;border-radius:15px;background:#eef2ff}.guide-next>small{color:#405fc6;font-size:9px;font-weight:800;letter-spacing:1px}.guide-next h2{color:#14233f}.guide-next-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.guide-next-actions .secondary{padding:10px 12px;border:1px solid #d4dcef;border-radius:9px;background:#fff;color:#314b97;font-size:11px;font-weight:700}.guide-complete{border:0;background:none;color:#3159d4;font-size:11px;font-weight:700;cursor:pointer}
.portfolio-layout{gap:18px}.portfolio-layout>form{top:90px}.portfolio-output{border-radius:12px}.portfolio-output header h2{color:#132240}.portfolio-output header small,.portfolio-output section>small{color:#365bcb}.portfolio-tags span{background:#eef1ff;color:#2b50bf}.portfolio-quiet{background:#fff}.portfolio-studio{border-top-color:#7251df;background:#fbfaff}.simulator-brief{background:#eef2ff;border-color:#d9e2ff}.simulator-brief small,.sim-score small{color:#415fc2}.sim-score strong{color:#2457f5}.sim-feedback-grid>section{border-color:#e0e6f1}.sim-feedback-grid h3{color:#1c2e4f}.sim-better summary{color:#3159d4}
.site-search-dialog{border-radius:16px;background:#fff}.site-search-dialog::backdrop{background:#111e39ad}.search-results-group h3,.search-empty a{color:#3159d4}.search-hint,.search-empty{background:#f1f3fa;color:#5f6c83}.search-hint button{border-radius:7px;color:#3159d4!important}
.platform-empty a,dialog a{color:#3159d4}.article h1,.faq h1{color:#111f3b}.article article,.faq details p{color:#53617a}.article h2,.faq summary{color:#172746}.article-cta,.faq-cta{background:#eef2ff;border-left-color:#3159d4}
/* Premium, contrast-safe dark theme across all product surfaces. */
body[data-theme=dark]{--ink:#edf2ff;--paper:#0c1425;--line:#283550;background:#0c1425;color:#edf2ff;color-scheme:dark}body[data-theme=dark] header{background:#0f1a2deb;border-color:#26334f}body[data-theme=dark] nav{color:#c2cce2}body[data-theme=dark] nav a:hover,body[data-theme=dark] nav a[aria-current=page]{background:#202e4c;color:#c7d3ff}
body[data-theme=dark] .platform-nav-extra button,body[data-theme=dark] .platform-nav-extra select{background:#14213a!important;color:#e5ebfc!important;border-color:#354461!important}body[data-theme=dark] .hero:before{background:radial-gradient(ellipse at 84% 28%,#21305a 0 13%,transparent 13.5%),radial-gradient(ellipse at 71% 80%,#30265a 0 11%,transparent 11.5%),linear-gradient(130deg,#111e35,#121c33 60%,#1d1937);border-color:#2a3650}body[data-theme=dark] .hero h1,body[data-theme=dark] .section h2,body[data-theme=dark] .tool h2,body[data-theme=dark] .approach h2,body[data-theme=dark] .steps b,body[data-theme=dark] .platform-head h1{color:#edf2ff}body[data-theme=dark] .lede,body[data-theme=dark] .sub,body[data-theme=dark] .steps p,body[data-theme=dark] .platform-head p{color:#b3bfd8}
body[data-theme=dark] .art:before{background:linear-gradient(145deg,#15233d,#121c34);border-color:#2b3958;box-shadow:0 28px 70px #0005}body[data-theme=dark] .journey-product-head,body[data-theme=dark] .hero-product-foot{border-color:#2c3a56}body[data-theme=dark] .journey-product-head b,body[data-theme=dark] .hero-project .project-caption b,body[data-theme=dark] .hero-stage b{color:#e8edfb}body[data-theme=dark] .hero-stage,body[data-theme=dark] .hero-project{background:#172541;border-color:#2b3a58}body[data-theme=dark] .hero-stage small,body[data-theme=dark] .hero-project .project-caption small,body[data-theme=dark] .hero-product-foot{color:#aebbd5}body[data-theme=dark] .hero-project .project-art{background:linear-gradient(145deg,#29385e,#1c3b48)}body[data-theme=dark] .mini-browser{background:#edf1ff}
body[data-theme=dark] .value,body[data-theme=dark] .make-section:before,body[data-theme=dark] .today-card,body[data-theme=dark] .platform-empty{background:#121e34;border-color:#293752}body[data-theme=dark] .values b,body[data-theme=dark] .start-copy h2,body[data-theme=dark] .today-card h2,body[data-theme=dark] .make-card>b,body[data-theme=dark] .tool-category-grid b,body[data-theme=dark] .start-preview b,body[data-theme=dark] .path-step>b,body[data-theme=dark] .skill-grid a b{color:#eaf0ff}body[data-theme=dark] .start-card{background:linear-gradient(120deg,#172544,#141f35 64%,#211c3c);border-color:#2b3a57}body[data-theme=dark] .start-copy p,body[data-theme=dark] .today-card p,body[data-theme=dark] .start-copy>small{color:#b6c2d8}body[data-theme=dark] .start-preview>div,body[data-theme=dark] .path-step,body[data-theme=dark] .skill-grid a,body[data-theme=dark] .make-card,body[data-theme=dark] .challenge-preview,body[data-theme=dark] .tool-category-grid>a,body[data-theme=dark] .today-checklist span,body[data-theme=dark] .platform-card,body[data-theme=dark] .platform-panel,body[data-theme=dark] .journey-grid a,body[data-theme=dark] .dashboard-metrics>div,body[data-theme=dark] .overall-progress{background:#15223a;border-color:#2b3a55;box-shadow:none}body[data-theme=dark] .path-step>span:not(.path-number):not(.path-icon),body[data-theme=dark] .skill-grid a span,body[data-theme=dark] .platform-card p,body[data-theme=dark] .platform-panel p{color:#b9c5dc}body[data-theme=dark] .path-number{color:#a7b5d2}body[data-theme=dark] .path-icon{background:#25365f;color:#c2ceff}
body[data-theme=dark] .first-project,body[data-theme=dark] .next-action-card{background:#172b4e}body[data-theme=dark] .brief-facts>div{background:#203a65}body[data-theme=dark] .brief-main>p{color:#d0d9ec}body[data-theme=dark] .challenge-days span{background:#202d47;border-color:#2d3e5d;color:#d0d9eb}body[data-theme=dark] .challenge-days .today{background:#263864;border-color:#465e9a}body[data-theme=dark] .dashboard-overview{background:linear-gradient(125deg,#18284a,#17213a 66%,#282044);border-color:#344360}body[data-theme=dark] .dashboard-lead h2,body[data-theme=dark] .dashboard-metrics b{color:#edf2ff}body[data-theme=dark] .dashboard-lead p,body[data-theme=dark] .dashboard-metrics span{color:#bac6dd}
body[data-theme=dark] .platform-main input,body[data-theme=dark] .platform-main select,body[data-theme=dark] .platform-main textarea,body[data-theme=dark] .filters input,body[data-theme=dark] .filters select{background:#14213a;color:#ecf1fd;border-color:#364664}body[data-theme=dark] .platform-result{background:#1a2a4a;border-color:#354975}body[data-theme=dark] .platform-main button.secondary,body[data-theme=dark] .platform-btn.secondary{background:#263654;color:#d2dcf4}body[data-theme=dark] footer{background:#0e192c;border-color:#25334e}body[data-theme=dark] .foot,body[data-theme=dark] .foot>span,body[data-theme=dark] .copyright,body[data-theme=dark] .platform-footer>div>a{color:#aab7d0}body[data-theme=dark] .platform-footer>div>b{color:#e0e8fa}
body[data-theme=dark] .article,body[data-theme=dark] .faq,body[data-theme=dark] .article h1,body[data-theme=dark] .article h2,body[data-theme=dark] .faq h1,body[data-theme=dark] .faq summary{color:#edf2ff}body[data-theme=dark] .article article,body[data-theme=dark] .faq details p{color:#bdc8dc}body[data-theme=dark] .article-cta,body[data-theme=dark] .faq-cta,body[data-theme=dark] .guide-next{background:#182747;border-color:#2d4168;color:#eaf0ff}body[data-theme=dark] .guide-next h2{color:#edf2ff}body[data-theme=dark] .guide-next-actions .secondary{background:#17233b;border-color:#354765;color:#d5def1}body[data-theme=dark] .portfolio-output{background:#14213a;color:#edf2ff;border-color:#324360}body[data-theme=dark] .portfolio-output header,body[data-theme=dark] .portfolio-output article,body[data-theme=dark] .sim-feedback-grid>section,body[data-theme=dark] .project-card details{border-color:#2c3c59}body[data-theme=dark] .portfolio-output section h3,body[data-theme=dark] .portfolio-output article h4,body[data-theme=dark] .sim-feedback-grid h3{color:#edf2ff}body[data-theme=dark] .portfolio-output section p,body[data-theme=dark] .portfolio-output .portfolio-title,body[data-theme=dark] .project-card dd{color:#bdc9df}body[data-theme=dark] .portfolio-tags span{background:#25365e;color:#d6dfff}body[data-theme=dark] .portfolio-studio{background:#211f3b}body[data-theme=dark] .simulator-brief,body[data-theme=dark] .sim-feedback-grid>section,body[data-theme=dark] .sim-better>p{background:#1a2a49;color:#dbe4f5;border-color:#344765}body[data-theme=dark] .site-search-dialog,body[data-theme=dark] .site-search-dialog .platform-panel{background:#111d32;color:#edf2ff}body[data-theme=dark] .search-hint,body[data-theme=dark] .search-empty{background:#182744;color:#c5d0e4}body[data-theme=dark] .search-results-group>a{border-color:#2d3b57}body[data-theme=dark] .search-results-group>a span{color:#aebbd2}
@media(max-width:1050px){header{padding-inline:22px}nav{gap:0}nav a{padding:9px 8px;font-size:11px}.hero{grid-template-columns:1fr minmax(370px,.9fr);gap:20px}.hero h1{font-size:clamp(43px,5.4vw,60px)}.path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.path-step:not(:last-child):after{display:none}}
@media(max-width:760px){header{height:66px;padding-inline:18px}.brand-logo{width:164px}#menu,#platform-menu{display:block;font-size:21px}header nav{display:none;position:fixed;top:66px;right:0;left:auto;bottom:0;width:min(350px,88vw);height:calc(100dvh - 66px);padding:23px 18px;background:#fbfcff;border-left:1px solid #e1e6f0;box-shadow:-20px 0 50px #101d3620;flex-direction:column;align-items:stretch;gap:6px}header nav.open{display:flex}header nav a{padding:14px;border-radius:9px;font-size:14px}.platform-nav-extra{margin-left:auto}.theme-control>span{display:none}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding:52px 0 66px}.hero:before{inset:12px -18px 18px 3%;border-radius:23px}.hero h1{font-size:clamp(45px,9vw,62px);letter-spacing:-2.9px}.art{width:100%;max-width:570px;min-height:0;margin:12px auto 0!important;padding:15px 7px}.journey-product{padding:17px}.journey-product-body{gap:9px}.hero-stage{padding:7px}.hero-project .project-art{min-height:115px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-footer .brand,.platform-footer .footer-tagline{grid-column:1/-1;grid-row:auto}}
@media(max-width:520px){.wrap{width:calc(100% - 34px)}header{padding-inline:13px;gap:5px}.brand-logo{width:132px}.platform-nav-extra{gap:4px}.platform-nav-extra button,.platform-nav-extra select{min-height:35px;padding:6px 8px!important;font-size:10px}.theme-control select{min-width:64px}.hero{padding-top:40px}.hero h1{font-size:clamp(39px,10vw,51px);letter-spacing:-2.5px}.lede{font-size:14px}.actions{align-items:flex-start}.hero .btn{padding:13px 14px}.art{padding-inline:0}.art:before{inset:0;border-radius:18px}.journey-product{padding:14px 12px}.journey-product-head b{font-size:13px}.journey-product-body{grid-template-columns:1fr 1fr;gap:7px}.hero-stage{grid-template-columns:24px 1fr;gap:7px;padding:7px}.hero-stage .stage-num{width:23px;height:23px}.hero-stage .stage-arrow{display:none}.hero-stage b{font-size:9px}.hero-stage small{font-size:7px}.hero-project{padding:9px;gap:8px}.hero-project .project-art{min-height:99px}.mini-browser{height:78px}.mini-browser-hero{height:26px}.hero-product-foot{font-size:8px}.hero-product-foot .hero-mini-progress{width:55px}.section{padding-block:58px}.section h2,.tool h2,.approach h2{font-size:32px}.filters{align-items:stretch;gap:7px}.filters input{min-width:100%;margin:0}.grid,.platform-grid{grid-template-columns:1fr;gap:13px}.visual{height:180px}.path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.path-step{min-height:184px;padding:13px 11px}.path-step>b{font-size:14px}.path-step>span:not(.path-number):not(.path-icon){font-size:10px}.skill-grid a{min-height:160px}.start-card{padding:20px}.start-preview{gap:7px}.start-preview>div{min-height:92px;padding:11px}.start-preview b{font-size:12px}.make-grid{grid-template-columns:1fr}.make-card{min-height:137px}.first-project{grid-template-columns:1fr;gap:15px;padding:21px}.brief-label{flex-direction:row;justify-content:space-between;align-items:center}.brief-main h2{font-size:31px}.brief-facts{grid-template-columns:1fr}.challenge-days{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-top{grid-template-columns:1fr;gap:12px}.challenge-top>div:first-child{justify-content:space-between}.today-card{grid-template-columns:1fr;padding:19px;gap:14px}.today-checklist{grid-template-columns:1fr 1fr;gap:7px}.today-checklist span{padding:9px;font-size:10px}.tool{padding:47px 0}.toolrow,.approach{grid-template-columns:1fr;gap:22px}.sheet{margin:0 auto}.close{flex-wrap:wrap}.close .btn{width:100%;text-align:center;margin:8px 0 0}.close-secondary{margin-left:0}.foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.foot .brand,.foot .footer-tagline{grid-column:1/-1;grid-row:auto}.platform-main{width:calc(100% - 30px);padding-top:28px}.platform-head h1{font-size:36px}.platform-form-grid{grid-template-columns:1fr}.platform-toolbar{align-items:stretch;flex-direction:column}.project-filters{grid-template-columns:1fr}.starting-path-steps{grid-template-columns:1fr}.dashboard-lead{align-items:flex-start}.overall-progress{min-width:78px;min-height:78px;border-width:6px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dashboard-metrics>div{padding:10px}.next-action-card{padding:18px}.portfolio-layout{grid-template-columns:1fr}.portfolio-layout>form{position:static;max-height:none;overflow:visible}.portfolio-preview{min-height:0}.portfolio-form-actions{display:grid;grid-template-columns:1fr}.portfolio-output{padding:16px}.sim-feedback-grid{grid-template-columns:1fr}.guide-next-actions{flex-direction:column}.guide-next-actions a{text-align:center}}
@media(max-width:350px){.brand-logo{width:116px}.theme-control select{min-width:58px}.platform-nav-extra button,.platform-nav-extra select{padding-inline:6px!important}.hero h1{font-size:38px}.journey-product-body{grid-template-columns:1fr}.hero-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stage{grid-template-columns:22px 1fr}.hero-stage .stage-arrow{display:none}.hero-project .project-art{min-height:82px}.path-grid{grid-template-columns:1fr 1fr}.today-checklist{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Roadmaps, tool directory and small-win milestones. */
.roadmap-journey{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:22px;align-items:start}.roadmap-stages{display:grid;gap:14px}.roadmap-stage{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 22px #14234009}.roadmap-stage-head{display:flex;align-items:center;gap:13px;padding:0 0 14px;border-bottom:1px solid var(--line)}.roadmap-stage-head>i{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#edf1ff;color:var(--accent);font:700 12px Manrope;font-style:normal}.roadmap-stage-head span{display:grid;gap:3px}.roadmap-stage-head small,.roadmap-summary>small{color:#71809a;font-size:9px;font-weight:800;letter-spacing:1px}.roadmap-stage-head b{font:700 15px Manrope}.roadmap-step{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:12px 6px;border-bottom:1px solid #edf0f5;color:#475671;font-size:13px}.roadmap-step:last-child{border:0}.roadmap-step.current{color:#14234a;font-weight:700}.roadmap-step input{accent-color:var(--accent);width:17px;height:17px}.roadmap-step em{font-size:10px;font-style:normal;color:#8490a4}.roadmap-step.current em{color:var(--accent)}.roadmap-summary{position:sticky;top:94px;padding:22px;border:1px solid #dce3f2;border-radius:17px;background:linear-gradient(155deg,#fff,#f3f5ff);box-shadow:0 12px 30px #192d5010}.roadmap-summary h2{margin:8px 0;color:#152440}.roadmap-summary p{color:#63718a;font-size:13px}.roadmap-progress-label{display:flex;justify-content:space-between;margin-top:18px;color:#68758d;font-size:11px}.roadmap-summary .platform-btn{display:flex;justify-content:center;margin-top:10px}.roadmap-feature{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:25px;border:1px solid #dce3f3;border-radius:18px;background:linear-gradient(120deg,#eef2ff,#fff 72%)}.roadmap-feature h2{margin:6px 0}.roadmap-feature-stages{display:flex;gap:5px;align-items:center;color:#465c90;font-size:10px;font-weight:700}.roadmap-feature-stages span{padding:8px;background:#fff;border:1px solid #dfe5f3;border-radius:8px}.roadmap-feature-stages i{color:#8392b4;font-style:normal}
.tool-category{margin:30px 0 50px}.tool-category-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.tool-category-head small,.achievement-heading small{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:1.3px}.tool-category-head h2{margin:5px 0;font:800 24px Manrope;letter-spacing:-.7px}.tool-category-head p{margin:0;color:#66738a;font-size:13px}.tool-category-index{color:#d8deec;font:800 48px Manrope}.tool-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-directory-card{display:flex;min-height:206px;flex-direction:column;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 20px #1527460a;transition:transform .18s,border-color .18s,box-shadow .18s}.tool-directory-card:hover{transform:translateY(-3px);border-color:#b9c7f5;box-shadow:0 13px 27px #15274612}.tool-directory-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef1ff;color:var(--accent);font-size:17px}.tool-category-2 .tool-directory-icon{background:#f1edff;color:var(--violet)}.tool-category-3 .tool-directory-icon{background:#fff1e8;color:#be6737}.tool-category-4 .tool-directory-icon{background:#e8f7f1;color:var(--mint)}.tool-card-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.tool-card-title h3{margin:0;font:700 14px Manrope}.tool-card-title>span{padding:4px 6px;border-radius:5px;background:#eff7f3;color:#19785f;font-size:8px;font-weight:800;letter-spacing:.6px}.tool-directory-card p{margin:8px 0 14px;color:#65728a;font-size:12px;line-height:1.55}.tool-directory-card>a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:var(--accent);font-size:11px;font-weight:700}.tool-directory-card>a b{font-size:16px;transition:transform .18s}.tool-directory-card:hover>a b{transform:translateX(3px)}
.achievement-section{margin:28px 0}.achievement-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.achievement-heading h2{margin:5px 0;font:800 23px Manrope}.achievement-heading>span{color:#66738a;font-size:11px}.achievement-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.achievement-card{display:flex;align-items:center;gap:10px;min-height:75px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.achievement-card>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:#f0f2f7;color:#7b8799;font-size:11px;font-weight:800}.achievement-card.earned{border-color:#c9e9dc;background:#f7fcf9}.achievement-card.earned>span{background:#ddf4e9;color:#168064}.achievement-card div{display:grid;gap:3px}.achievement-card b{font:700 10px Manrope}.achievement-card small{color:#778399;font-size:9px;line-height:1.3}
body[data-theme=dark] .roadmap-stage,body[data-theme=dark] .tool-directory-card,body[data-theme=dark] .achievement-card{background:#14213a;border-color:#344360;color:#edf2ff}body[data-theme=dark] .roadmap-summary,body[data-theme=dark] .roadmap-feature{background:linear-gradient(145deg,#182847,#172039);border-color:#344360;color:#edf2ff}body[data-theme=dark] .roadmap-stage-head,body[data-theme=dark] .roadmap-step{border-color:#2b3c59}body[data-theme=dark] .roadmap-step{color:#c4cee0}body[data-theme=dark] .roadmap-summary h2,body[data-theme=dark] .tool-category-head h2,body[data-theme=dark] .achievement-heading h2,body[data-theme=dark] .tool-card-title h3{color:#edf2ff}body[data-theme=dark] .tool-category-head p,body[data-theme=dark] .tool-directory-card p,body[data-theme=dark] .roadmap-feature-stages{color:#bac6dc}body[data-theme=dark] .roadmap-feature-stages span{background:#1a2a49;border-color:#364765;color:#dce4f5}body[data-theme=dark] .achievement-card.earned{background:#152d32;border-color:#28605a}body[data-theme=dark] .achievement-card.earned>span{background:#1f4945;color:#a5ecd6}
@media(max-width:760px){.roadmap-journey{grid-template-columns:1fr}.roadmap-summary{position:static;grid-row:1}.tool-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roadmap-feature{grid-template-columns:1fr}.roadmap-feature-stages{flex-wrap:wrap}}
@media(max-width:520px){.tool-directory-grid{grid-template-columns:1fr}.tool-directory-card{min-height:0}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-heading{align-items:start;gap:8px}.tool-category-index{font-size:36px}.roadmap-stage{padding:13px}.roadmap-step{font-size:12px}}