@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#253831;background:#f6f8f7;font-size:16px;--green:#146449;--dark:#173d32;--muted:#738078;--line:#e3e8e4;--lime:#d9ed9b;--white:#fff}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #66a68d;outline-offset:3px}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}button{border:0;background:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Manrope','DM Sans',Arial,sans-serif}h1{font-size:34px;letter-spacing:-1.25px;font-weight:750;line-height:1.3}h2{font-size:20px;letter-spacing:-.45px}h3{font-size:18px;letter-spacing:-.3px}h4{font-size:15px;line-height:1.5}p{line-height:1.6}a{text-decoration:none}.skip{position:fixed;left:16px;top:-60px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:#123c32;color:#e9f0ed;padding:32px 20px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:10px;align-items:center;padding:0 9px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.1px}.brand-mark{background:#d7ed9c;color:#173d32;width:37px;height:39px;border-radius:11px;display:grid;place-items:center}.brand-mark .icon{height:27px;width:27px}.brand-light{font-weight:450}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1.7px;font-weight:500;color:#a8c3b8;margin-top:6px}.nav-caption{font-size:10px;letter-spacing:1.6px;color:#b0c7bd;margin:53px 12px 14px}.nav-item{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border-radius:7px;padding:13px 11px;margin:4px 0;font-size:14px;color:#bcd0c7;white-space:nowrap}.nav-item .icon{width:18px}.nav-item:hover{background:#204d40}.nav-item.active{background:#d9ed9b;color:#1b3e29;font-weight:650}.nav-count{font-size:10px;margin-left:auto;border:1px solid #547366;border-radius:4px;padding:2px 4px}.side-note{margin-top:auto;border:1px solid #426657;border-radius:10px;padding:18px 15px;background:#194537}.note-icon{display:block;color:#d9ed9b;margin-bottom:13px}.side-note strong{font-family:Manrope,sans-serif;font-size:17px;line-height:1.65;letter-spacing:-.4px}.side-note p{font-size:12px;color:#b7d0c2;margin-top:9px;line-height:1.7}.side-foot{display:flex;align-items:center;gap:8px;color:#a9c3b5;font-size:11px;padding:22px 10px 0}.side-foot .icon{width:14px}.workspace{margin-left:222px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:77px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:13px;color:#7d8780}.breadcrumb span{padding:0 14px;color:#bbc2bd}.breadcrumb strong{font-weight:500;color:#39473e}.top-actions{display:flex;gap:22px;align-items:center}.text-button{display:flex;align-items:center;gap:6px;font-size:13px}.text-button:hover{color:var(--green)}.text-button .icon{width:16px}.avatar{width:31px;height:31px;border-radius:100%;border:4px solid white;box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;background:#e7e9f4;color:#6f7598;font-size:11px;font-weight:600}main{padding:34px 38px 44px;max-width:1660px;width:100%;margin:0 auto;flex:1}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;color:#6c7e73;margin-bottom:9px}.page-title p{font-size:14px;color:#708075;margin-top:8px}.local-badge{display:flex;align-items:center;gap:7px;font-size:12px;background:white;border:1px solid var(--line);padding:7px 12px;border-radius:24px;color:#53735d;white-space:nowrap}.local-badge .icon{width:15px}.project-layout{display:grid;grid-template-columns:324px minmax(0,1fr);gap:28px;align-items:start}.brief-panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 2px 3px #233b2410}.panel-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 20px}.panel-heading h2{font-size:15px;display:flex;align-items:center;gap:8px}.panel-heading h2 .icon{width:16px}.example-badge{background:#f0f4e9;color:#667853;font-size:10px;padding:5px 7px;border-radius:4px}form{padding:18px 20px 0}form>label, .form-grid label,#platform-field>label{display:block;font-size:12px;font-weight:600;margin-bottom:8px;margin-top:20px}form>label:first-child{margin-top:0}input:not([type="checkbox"]),textarea,select{width:100%;padding:11px 12px;border-radius:6px;border:1px solid #dfe5df;background:#fff;color:#34483a;font-size:13px;line-height:1.5;min-height:42px}input::placeholder,textarea::placeholder{color:#87948b}textarea{resize:vertical;min-height:114px}select{padding-right:22px}.field-note{font-size:11px;color:#7c887f;line-height:1.6;margin-top:6px}.form-divider{height:1px;background:var(--line);margin:22px 0 20px}.segmented{display:flex;padding:3px;background:#f2f5f2;border:1px solid #e7ebe6;border-radius:6px;gap:2px}.segmented button{padding:8px 3px;flex:1;font-size:11px;border-radius:4px;color:#7d887f}.segmented button.selected{background:#fff;color:#236047;box-shadow:0 1px 4px #13372215;font-weight:650}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label small{display:block;font-weight:400;color:#809084;margin-top:3px;font-size:10px}.unit-input{position:relative}.unit-input input{padding-right:43px}.unit-input span{position:absolute;right:12px;top:13px;font-size:11px;color:#829085;pointer-events:none}.form-details{margin-top:19px;border-top:1px solid var(--line);padding-top:16px}.form-details summary{font-size:12px;font-weight:600;cursor:pointer;list-style-position:outside;margin-left:12px}.form-details summary::marker{font-size:9px;color:#748578}.form-details summary span{float:right;background:#f0f3ef;border-radius:4px;padding:0 6px;color:#768374;font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.chip{position:relative;cursor:pointer}.chip input{position:absolute;opacity:0;width:1px;height:1px}.chip span{display:block;padding:5px 8px;border:1px solid #e1e6e0;border-radius:5px;font-size:11px;color:#6f7c72}.chip input:checked+span{background:#e9f3e9;border-color:#9dbfa7;color:#285937}.chip input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}.feature-list{display:grid;grid-template-columns:1fr;gap:11px;margin-top:16px}.feature-list label{font-size:12px;display:flex;align-items:center;gap:7px;color:#526458;cursor:pointer}.feature-list input{accent-color:var(--green);width:14px;height:14px;margin:0}.detect-button{font-size:11px;display:flex;align-items:center;gap:5px;color:var(--green);margin-top:16px;padding:0;text-align:left}.detect-button .icon{width:13px}.form-details>input{margin-top:7px}.analyze-wrap{background:white;padding:18px 0 15px;position:sticky;bottom:0}.primary-button{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fff;padding:13px 12px;border-radius:6px;width:100%;font-size:13px;font-weight:600;transition:background .2s}.primary-button:hover{background:#0b4934}.primary-button>.icon:last-child{margin-left:auto;width:17px}.primary-button>.icon:first-child{width:17px}.analyze-wrap p{text-align:center;font-size:10px;margin-top:9px}.result-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:4px 0 23px}.result-heading .eyebrow{font-size:9px;margin-bottom:6px}.result-heading h2{font-size:22px;line-height:1.4;overflow-wrap:anywhere}.result-subline{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap;font-size:11px;color:#7d877e}.result-subline>span>span{margin:0 5px}.type-badge{border:1px solid #e1e7df;background:#fff;padding:4px 8px;border-radius:5px;color:#536b59;font-size:10px}.icon-button{display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;width:36px;height:36px;flex-shrink:0}.icon-button:hover{background:#e7eee6}.export .icon{width:16px}.metrics{display:grid;grid-template-columns:1.1fr 1fr 1fr;border:1px solid var(--line);border-radius:9px;background:#fff;padding:19px 0;margin-bottom:23px}.metrics>div{padding:0 20px;border-right:1px solid var(--line);min-width:0}.metrics>div:last-child{border-right:0}.metrics>div>span{display:flex;gap:6px;align-items:center;color:#7a897e;font-size:11px;margin-bottom:9px}.metrics .icon{width:14px;height:14px}.metrics strong{font-family:Manrope,sans-serif;display:block;font-size:23px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}.metrics strong small{font-size:13px;letter-spacing:0;font-weight:500;color:#7e887c}.metrics p{font-size:10px;color:#899286;margin-top:5px}.difficulty{display:flex;align-items:center;gap:4px;height:16px}.difficulty i{height:4px;width:15px;background:#e7ece4;border-radius:3px}.difficulty i.filled{background:#8fba68}.difficulty em{font-style:normal;font-size:9px;margin-left:3px}.results-tabs{display:flex;gap:24px;border-bottom:1px solid #dce3db}.results-tabs button{border-bottom:2px solid transparent;margin-bottom:-1px;padding:9px 0 13px;font-size:12px;color:#7c887c;display:flex;gap:6px;align-items:center;white-space:nowrap}.results-tabs button[aria-selected="true"]{border-color:var(--green);color:var(--green);font-weight:650}.results-tabs button span{background:#e3eddb;border-radius:4px;padding:1px 5px;font-size:10px}.section-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 0 17px}.section-intro h3{font-size:15px;letter-spacing:-.25px}.section-intro p{font-size:11px;color:#7d897e;margin-top:5px}.subtle-tag{font-size:10px;color:#829080;white-space:nowrap}.stack-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:19px}.stack-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #dfe6dc;border-radius:8px;background:#fff;padding:13px 14px;transition:background .15s,border .15s;min-width:0}.stack-card:hover{border-color:#77a985}.stack-card.chosen{border:1.5px solid #488764;background:#f1f7ee;padding:12.5px 13.5px;box-shadow:0 0 0 2px #cfe2c61a}.card-label{display:flex;align-items:center;gap:3px;font-size:8px;letter-spacing:.5px;font-weight:650;color:#607b5c;margin-bottom:19px}.card-label>.icon{width:12px;height:12px}.selection-circle{width:14px;height:14px;border:1px solid #d5dfd0;border-radius:100%;margin-left:auto;flex-shrink:0;display:grid;place-items:center}.selection-circle .icon{width:9px;height:9px}.chosen .selection-circle{background:#478263;color:white;border-color:#478263}.logo-row{display:flex;gap:5px;margin-bottom:13px}.tech-logo{width:29px;height:29px;border-radius:6px;background:#edf1ed;border:1px solid #dde5dc;color:#50755c;display:inline-flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:700;font-size:12px;flex-shrink:0}.logo-vue{color:#279c73;background:#e9f5ef}.logo-react,.logo-expo{color:#208dad;background:#eaf6fb}.logo-pockebase,.logo-sqlite{color:#448bac;background:#eaf1f4}.logo-django{color:#fff;background:#205340}.logo-svelte,.logo-laravel,.logo-html{color:#d16a40;background:#fff0e8}.logo-htmx{color:#307b9f}.logo-godot{background:#e5f1fb;color:#4084b5}.logo-postgres{color:#406e97}.stack-card h4{font-size:14px;line-height:1.45;letter-spacing:-.4px;overflow-wrap:anywhere}.stack-card>p{font-size:11px;line-height:1.65;color:#7b8979;margin-top:7px;margin-bottom:17px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;border-top:1px solid #e4eadd;padding-top:11px;margin-top:auto;font-size:10px;color:#59724f}.card-bottom span:first-child{font-weight:600}.card-bottom span:last-child{font-size:9px}.stack-detail{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.detail-title{display:flex;align-items:center;gap:10px;padding:21px 22px 17px}.detail-icon{display:grid;place-items:center;background:#f0f4ec;width:36px;height:36px;border-radius:8px;color:#5a7751}.detail-title .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:4px}.detail-title h3{font-size:16px;letter-spacing:-.4px}.stack-components{display:flex;flex-wrap:wrap;gap:8px;padding:0 22px 18px}.stack-components>a{display:flex;align-items:center;gap:8px;background:#f8faf6;border:1px solid #e5ebdf;border-radius:6px;padding:9px 10px;flex:1 1 160px}.stack-components>a:hover{border-color:#92b386}.stack-components strong{display:block;font-size:11px;font-weight:600}.stack-components small{font-size:9px;color:#8b9585}.stack-components .icon{width:12px;height:12px;color:#9ba592;margin-left:auto}.stack-components .tech-logo{width:25px;height:25px;font-size:10px}.detail-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;padding:20px 22px;border-top:1px solid #edf0e9}.detail-columns h4{font-size:12px;font-weight:650;margin-bottom:10px}.detail-columns h4 .icon{width:14px;height:14px;margin-right:3px;color:#6c9561}.reasons{padding-left:14px;margin:0}.reasons li{font-size:11px;color:#7a8674;line-height:1.7;padding-left:1px;margin:5px 0}.reasons li::marker{color:#8dae7d}.caution{border-left:1px solid #e9ede4;padding-left:22px}.caution h4{color:#8c7950}.caution p{color:#8b8b79;font-size:11px;line-height:1.75}.detail-footer{background:#fbfcf8;border-top:1px solid #ecf0e6;padding:13px 22px;display:flex;align-items:center;gap:12px;justify-content:space-between}.detail-footer>span{font-size:9px;color:#929b88}.link-button{color:#42714c;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:0}.link-button .icon{width:14px}.link-button:hover{text-decoration:underline}.scope-callout{display:flex;align-items:center;gap:14px;background:#eaf0df;border:1px solid #e1e9d7;border-radius:8px;padding:18px 21px;margin-top:20px}.scope-symbol{font-size:23px;color:#a1b57e;font-weight:500;letter-spacing:-1px}.scope-callout strong{font-size:12px;color:#577047;display:block}.scope-callout p{font-size:11px;color:#8a987b;margin-top:4px;line-height:1.7}.scope-callout>.icon{margin-left:auto;color:#95ac7b}.estimate-note{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap;font-size:9px;line-height:1.6;color:#929b88;margin-top:17px}.estimate-note .icon{width:11px;height:11px;margin-top:1px}.estimate-note button{padding:0;text-decoration:underline;color:#7e9271;font-size:9px}.footer{padding:20px 38px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;font-size:10px;color:#8c978d}.footer-dot{padding:0 6px}.capacity-note{display:flex;flex-direction:column;gap:5px;background:#eaf2e6;border:1px solid #d6e6d0;border-radius:8px;padding:17px 20px;font-size:13px;color:#527749;margin:3px 0 24px}.capacity-note span{font-size:12px}.capacity-note.warning{background:#fbf4e7;border-color:#e9dcc2;color:#8b7447}.timeline{padding:0 0 0 4px}.phase{display:flex;gap:18px;position:relative}.phase:not(:last-child):before{content:'';position:absolute;left:17px;top:35px;bottom:0;width:1px;background:#d8e3d3}.phase-marker{display:grid;place-items:center;background:#edf4e8;border:1px solid #d2e2c8;color:#71915f;width:35px;height:35px;flex-shrink:0;border-radius:10px;font-size:11px;z-index:1}.phase-content{background:white;border:1px solid var(--line);border-radius:8px;padding:18px 20px;margin-bottom:17px;flex:1;min-width:0}.phase-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.phase-heading h4{font-size:14px}.phase-heading span{font-size:10px;color:#8a9682;white-space:nowrap}.phase-content ul{padding-left:16px;margin:12px 0 0}.phase-content li{font-size:12px;color:#73816b;line-height:1.8;margin:3px 0}.assessment-list{display:flex;flex-direction:column;gap:12px}.assessment-item{display:flex;gap:14px;padding:20px;border:1px solid var(--line);background:white;border-radius:8px}.assessment-icon{width:27px;height:27px;border-radius:100%;background:#e9f3e5;color:#649656;display:grid;place-items:center;flex-shrink:0;font-size:13px}.assessment-icon .icon{width:15px}.assessment-item.warn .assessment-icon{color:#9d823b;background:#fbf2d9}.assessment-item.info .assessment-icon{color:#758cab;background:#eaf0f6}.assessment-item h4{font-size:14px}.assessment-item p{font-size:13px;color:#7c8875;margin-top:5px}.simplify{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;margin-top:20px}.simplify h3{font-size:16px;margin-bottom:8px}.simplify>div{border-bottom:1px solid var(--line);padding:15px 0}.simplify>div:last-child{border:0;padding-bottom:0}.simplify strong{font-size:13px}.simplify p{font-size:12px;color:#7d8976;margin-top:3px}.resource-section-label{font-size:10px;letter-spacing:1px;color:#8a9580;margin:10px 0 12px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}.resource-card{border:1px solid var(--line);background:white;border-radius:8px;display:flex;gap:12px;padding:19px}.resource-card:hover{border-color:#9bbd8c}.resource-card h4{font-size:13px}.resource-card p{font-size:12px;color:#7d8975;margin-top:6px}.resource-link{font-size:11px;color:#649256;display:inline-flex;gap:6px;align-items:center;margin-top:12px}.resource-link .icon{width:11px;height:11px}.language-badge{display:inline-block;font-size:9px;background:#f0f4ec;border-radius:3px;padding:1px 4px;color:#839576;vertical-align:middle;margin-left:3px;font-weight:500;letter-spacing:0}.catalog-toolbar{display:flex;gap:20px;align-items:center;margin-top:35px}.search-box{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;max-width:480px;width:100%;padding:0 14px;gap:5px}.search-box .icon{color:#91a083}.search-box input{border:0;background:none;padding:13px 10px;font-size:14px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 26px}.filter-chips button{border:1px solid #e0e7dc;border-radius:6px;padding:7px 13px;color:#7f8c74;font-size:12px;background:white}.filter-chips .selected{background:#dcedd1;border-color:#a7c595;color:#476b33}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.catalog-card{background:white;border:1px solid var(--line);border-radius:9px;padding:24px;display:flex;flex-direction:column}.catalog-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.catalog-card-top>.tech-logo{height:36px;width:36px;font-size:15px}.catalog-card-top>span:last-child{font-size:10px;color:#8f9a83}.catalog-card h3{font-size:16px}.catalog-card p{font-size:13px;color:#7f8b74;margin:10px 0 22px}.catalog-card>a{font-size:12px;color:#517d3f;margin-top:auto;display:flex;align-items:center;gap:8px}.catalog-card>a .icon{width:12px;height:12px}.empty-state{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:8px;padding:50px}.empty-state p{margin:10px 0 20px;color:#809273;font-size:14px}.method-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.method-main{background:white;border:1px solid var(--line);border-radius:9px;padding:30px}.method-main h2{font-size:21px;margin-bottom:25px}.method-step{display:flex;gap:18px;margin-bottom:29px}.method-step>span{color:#7f9f60;border:1px solid #dce8d1;border-radius:7px;background:#f0f6e9;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.method-step h3{font-size:16px;margin:4px 0 10px}.method-step p{font-size:14px;color:#7c8970;margin-bottom:10px}.formula{padding:18px;background:#f0f5e9;border-radius:7px;font-size:13px;color:#729054;line-height:1.8;margin:15px 0}.method-main>h3{font-size:17px;margin-top:24px}.method-list{font-size:14px;line-height:1.8;padding-left:18px;color:#7b896c}.method-list li{margin:8px 0}.feature-table{margin-top:15px}.feature-table>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #e8eddf;font-size:13px;color:#7a896a}.feature-table strong{color:#577440}.method-note{background:#e5efda;border:1px solid #d8e5c9;border-radius:9px;padding:25px}.method-note>.icon{width:30px;height:30px;color:#749250;margin-bottom:20px}.method-note h3{font-size:18px}.method-note p{font-size:14px;color:#7a8e67;margin-top:12px}.privacy-note{padding:26px 3px}.privacy-note h3{font-size:16px}.privacy-note p{font-size:13px;line-height:1.8;color:#899779;margin-top:12px}.toast{position:fixed;bottom:24px;left:calc(50% + 111px);transform:translateX(-50%);max-width:calc(100vw - 40px);padding:14px 22px;border-radius:8px;background:#173e2b;color:white;box-shadow:0 6px 30px #123b2c26;font-size:13px;z-index:25}.toast[hidden]{display:none}[hidden]{display:none!important}
/* Comfortable typography for the working surface. */
form>label,.form-grid label,#platform-field>label,.form-details summary,.panel-heading h2,.feature-list label{font-size:14px}.chip span,.segmented button,input:not([type="checkbox"]),textarea,select,.primary-button{font-size:14px}.field-note,.analyze-wrap p{font-size:12px}.card-label{font-size:10px;letter-spacing:.25px}.stack-card h4{font-size:16px}.stack-card>p,.card-bottom,.card-bottom span:last-child{font-size:12px}.metrics>div>span,.metrics p,.result-subline,.type-badge,.section-intro p,.results-tabs button,.resource-link,.resource-card p{font-size:12px}.reasons li,.caution p,.scope-callout p,.detail-footer>span{font-size:13px}.detail-columns h4,.scope-callout strong,.stack-components strong,.link-button{font-size:14px}.stack-components small,.detail-title .eyebrow,.estimate-note,.estimate-note button{font-size:12px}.section-intro h3{font-size:17px}.detail-title h3{font-size:18px}.page-title p{font-size:16px}.nav-caption,.side-note p,.side-foot,.brand small{font-size:12px}.side-note p{color:#c1d2c9}.stack-card>p,.reasons li,.caution p,.scope-callout p,.estimate-note,.estimate-note button,.field-note,.metrics p{color:#657360}.footer{font-size:12px}.results-tabs{gap:20px}.metrics strong{font-size:24px}.metrics>div{padding:0 17px}.card-label{flex-wrap:wrap}.card-label .selection-circle{position:absolute;right:12px;top:14px}.stack-card{position:relative}.card-label{padding-right:16px;min-height:15px}.resource-card h4{font-size:15px}.resource-card p,.assessment-item p,.phase-content li,.method-step p,.method-list,.catalog-card p{font-size:14px}.detect-button{font-size:12px}.example-badge{font-size:11px}.nav-item{font-size:14px}.scope-callout{background:#e9f1df}.eyebrow{font-size:11px}.result-heading .eyebrow{font-size:10px}.footer{color:#717d70}.analyze-wrap{position:static}.catalog-card h3{font-size:18px}.catalog-card-top>span:last-child,.language-badge{font-size:12px}.results-tabs button{font-size:14px}
@media(min-width:1600px){.project-layout{grid-template-columns:360px minmax(0,1fr);gap:34px}.stack-card{padding:18px}.stack-card.chosen{padding:17.5px}.card-label{font-size:11px}.results-tabs{gap:35px}.metrics strong{font-size:28px}.metrics p{font-size:13px}.detail-columns{padding:25px}.stack-components{padding-bottom:24px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.sidebar{width:190px;padding:30px 12px 20px}.brand{font-size:23px;padding:0 5px}.nav-item{padding:12px 8px;font-size:12px;gap:7px}.nav-count{display:none}.workspace{margin-left:190px}.topbar{padding:0 25px}main{padding:30px 25px}.project-layout{grid-template-columns:290px minmax(0,1fr);gap:20px}.panel-heading{padding:18px 15px;flex-wrap:wrap}form{padding:18px 15px 0}.metrics>div{padding:0 12px}.metrics strong{font-size:21px}.metrics p{font-size:11px}.metrics>div>span{font-size:11px}.stack-cards{gap:8px}.stack-card{padding:11px}.stack-card.chosen{padding:10.5px}.stack-card h4{font-size:14px}.card-label{font-size:8px}.stack-card>p{font-size:12px}.card-bottom{flex-wrap:wrap;gap:6px}.results-tabs{gap:15px}.results-tabs button{font-size:12px}.detail-columns{grid-template-columns:1fr;gap:15px}.caution{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.detail-footer{align-items:flex-start;flex-direction:column}.section-intro{align-items:flex-start}.subtle-tag{display:none}.result-heading h2{font-size:20px}.method-layout{grid-template-columns:1fr 240px}.resource-grid{grid-template-columns:1fr}.toast{left:calc(50% + 95px)}}
@media(max-width:1000px){.sidebar{width:76px;padding:27px 12px}.brand{padding:0;justify-content:center}.brand>span:last-child,.nav-caption,.nav-item:not(.active) .nav-count,.side-note,.side-foot{display:none}.nav-item{font-size:0;justify-content:center;height:44px;margin:8px 0;padding:12px}.nav-item .icon{width:21px}.sidebar nav{margin-top:35px}.workspace{margin-left:76px}.page-title{align-items:flex-start}.page-title h1{font-size:29px}.page-title p{font-size:14px}.local-badge{display:none}.project-layout{grid-template-columns:280px minmax(0,1fr);gap:18px}main{padding:28px 22px}.stack-cards{grid-template-columns:1fr}.stack-card,.stack-card.chosen{display:grid;grid-template-columns:80px 1fr 90px;column-gap:10px;padding:13px 15px}.card-label{grid-column:1/-1;margin-bottom:12px;font-size:10px;min-height:auto}.logo-row{grid-column:1;grid-row:2/4;flex-wrap:wrap;align-content:center;margin:0;gap:3px}.stack-card h4{grid-column:2;grid-row:2;font-size:14px}.stack-card>p{grid-column:2;grid-row:3;margin:5px 0 0}.card-bottom{grid-column:3;grid-row:2/4;flex-direction:column;border-top:0;padding:0;border-left:1px solid var(--line);justify-content:center;margin:0}.metrics{padding:14px 0}.metrics strong{font-size:18px}.metrics>div{padding:0 8px}.metrics>div>span{font-size:10px;gap:4px}.metrics>div>span .icon{display:none}.metrics strong small{font-size:11px}.metrics p{font-size:10px}.results-tabs{gap:0;justify-content:space-between}.results-tabs button{font-size:11px}.result-heading h2{font-size:18px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 38px)}.method-layout{grid-template-columns:1fr}.method-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.method-aside .primary-button{grid-column:1/-1}.scope-callout{padding:15px}.scope-symbol{display:none}.result-heading{padding-top:0}.form-grid{gap:8px}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:16px 20px}.brand{font-size:22px}.brand>span:last-child{display:block}.brand small{display:none}.brand-mark{width:32px;height:34px}.brand-mark .icon{width:24px;height:24px}.sidebar nav{margin:0;display:flex;gap:7px}.nav-item{margin:0;width:38px;height:36px;border-radius:6px}.nav-item .icon{width:19px}.workspace{margin:0}.topbar{height:57px;padding:0 20px}.top-actions{gap:12px}.text-button{font-size:12px}.breadcrumb{font-size:12px}.breadcrumb span{padding:0 7px}.avatar{display:none}main{padding:26px 20px 30px}.page-title{margin-bottom:24px}.page-title h1{font-size:28px;letter-spacing:-1px}.eyebrow{font-size:10px}.page-title p{font-size:14px}.project-layout{grid-template-columns:1fr;gap:28px}.panel-heading{padding:18px 20px;flex-wrap:nowrap}form{padding:20px 20px 0}.form-grid{gap:15px}.chips{gap:8px}.chip span{font-size:13px;padding:6px 10px}.feature-list{grid-template-columns:1fr 1fr;gap:13px 8px}.feature-list label{font-size:12px}.segmented button{font-size:13px}.result-heading h2{font-size:23px}.result-heading .eyebrow{font-size:11px}.metrics{padding:19px 0}.metrics strong{font-size:24px}.metrics>div{padding:0 14px}.metrics>div>span{font-size:11px}.metrics p{font-size:11px}.metrics strong small{font-size:12px}.results-tabs button{font-size:13px}.stack-card,.stack-card.chosen{grid-template-columns:90px 1fr 95px;padding:17px}.stack-card h4{font-size:16px}.stack-card>p{font-size:13px}.logo-row{gap:5px}.stack-card .tech-logo{width:33px;height:33px}.card-label{font-size:10px;margin-bottom:15px}.card-label .selection-circle{top:18px;right:17px}.detail-columns{grid-template-columns:1fr}.detail-footer{flex-direction:row;align-items:center}.detail-footer>span{display:none}.section-intro h3{font-size:17px}.section-intro p{font-size:13px}.stack-components>a{flex-basis:170px}.scope-callout{padding:20px}.footer{padding:20px;flex-direction:column;gap:8px;font-size:11px}.resource-grid{grid-template-columns:1fr 1fr}.catalog-grid{gap:12px}.catalog-card{padding:18px}.catalog-card p{font-size:13px}.catalog-card h3{font-size:16px}.method-main{padding:23px}.method-step{gap:12px}.method-step p{font-size:14px}.method-aside{display:block}.toast{left:50%;width:max-content}.estimate-note{font-size:11px}.phase-heading{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:430px){main{padding-left:15px;padding-right:15px}.brand{font-size:20px}.sidebar{padding:15px}.page-title h1{font-size:26px}.metrics>div{padding:0 10px}.metrics strong{font-size:21px}.metrics p{font-size:10px}.stack-card,.stack-card.chosen{grid-template-columns:62px 1fr 73px;padding:15px 12px;gap:0 9px}.stack-card .tech-logo{width:27px;height:27px;font-size:11px}.stack-card h4{font-size:14px}.stack-card>p{font-size:12px}.card-bottom,.card-bottom span:last-child{font-size:11px}.results-tabs button{font-size:12px}.results-tabs button span{display:none}.detail-title{padding:20px 17px}.detail-title h3{font-size:16px}.detail-columns{padding:18px}.catalog-grid,.resource-grid{grid-template-columns:1fr}.method-step>span{display:none}.feature-list{grid-template-columns:1fr}.top-actions .text-button{font-size:11px}.topbar{padding:0 15px}.breadcrumb{font-size:11px}.result-heading h2{font-size:20px}.scope-callout>.icon{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.plan-empty{border:1px dashed #cbd8c9;border-radius:12px;padding:65px 40px;text-align:center;background:#f2f6ed}.empty-compass{display:inline-grid;place-items:center;border-radius:16px;background:#e1edcf;color:#638a41;width:66px;height:66px;margin-bottom:25px}.empty-compass .icon{width:38px;height:38px}.plan-empty h2{font-size:25px;margin:12px 0}.plan-empty p{font-size:16px;color:#748468;max-width:460px;margin:auto}.empty-facts{display:flex;justify-content:center;gap:30px;margin-top:40px;font-size:12px;color:#849376}.empty-facts strong{display:block;font-size:25px;color:#54763a;margin-bottom:7px}.analyze-wrap{position:sticky;bottom:0;z-index:2;border-top:1px solid #e4eadd;margin-top:16px}.analyze-wrap:before{content:'';position:absolute;left:-20px;right:-20px;top:0;bottom:0;background:#fff;z-index:-1}.nav-item:focus-visible{outline-color:#d9ed9b}.assessment-item p,.phase-content li,.resource-card p,.catalog-card p,.method-step p,.method-list,.privacy-note p{color:#617158}.scope-callout strong{color:#405e34}.caution p{color:#706f59}.card-label{color:#42683e}.side-foot{color:#c1d3c6}.method-note p{color:#60764d}.resource-section-label{font-size:12px}.catalog-card>a{font-size:14px}.phase-heading h4{font-size:16px}.phase-heading span{font-size:12px}.filter-chips button{font-size:14px}.capacity-note span{font-size:14px}.assessment-item h4{font-size:16px}.feature-table>div{font-size:14px}.method-step p{font-size:16px}.method-list{font-size:16px}.nav-caption{font-size:11px}.brand small{font-size:9px}.method-main>h3{font-size:19px}.catalog-card p,.resource-card p,.assessment-item p{font-size:16px}.reasons li,.caution p{font-size:14px}.field-note{color:#64745e}.feature-list label{line-height:1.45}.chip span{min-height:30px}.detect-button{min-height:32px}.phase-content li{font-size:14px}
@media(max-width:760px){.analyze-wrap{position:static}.empty-facts{gap:20px}.plan-empty{padding:40px 23px}.plan-empty h2{font-size:22px}.brand small{display:none}.card-label{font-size:10px}.metrics p{font-size:12px}.metrics>div>span{font-size:12px}}
@media print{.sidebar,.topbar,.brief-panel,.footer,.export,.results-tabs,.toast{display:none!important}.workspace{margin:0}main{padding:0}.project-layout{display:block}.results{width:100%}.stack-card,.stack-detail,.phase{break-inside:avoid}body{background:white}}
/* Production créative : mêmes repères visuels, besoins propres à chaque métier. */
.skill-group-label{flex-basis:100%;font-size:12px;font-weight:650;color:#52694c;margin:8px 0 3px}.form-details>label:not(.chip){display:block;font-size:14px;font-weight:600;margin:16px 0 8px}.equipment-options{max-height:260px;overflow:auto;padding:2px 5px 3px 0}.production-card{background:white;border:1px solid var(--line);border-radius:9px;padding:23px;margin-bottom:17px}.production-card h3{font-size:18px;margin-bottom:12px}.production-card h4{font-size:15px;margin:20px 0 7px}.production-card p,.production-card li{font-size:15px;line-height:1.7;color:#62715a}.production-card ul{padding-left:19px;margin:15px 0 0}.production-card li{margin:9px 0}.production-scope{display:flex;flex-direction:column;gap:6px;background:#edf3e7;border-radius:7px;padding:15px;margin:17px 0;color:#426c3c}.production-scope strong{font-size:15px}.production-scope span{font-size:12px;line-height:1.6}.equipment-checklist{margin-top:15px}.equipment-checklist>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.equipment-checklist>div:last-child{border:0}.equipment-checklist span{display:flex;align-items:center;gap:8px;font-size:14px}.equipment-checklist .icon{width:16px;height:16px;color:#879c79}.equipment-checklist strong{font-size:12px;font-weight:500;color:#987e45;white-space:nowrap}.equipment-checklist strong.available{color:#427d49}.production-tools{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:17px 0}.production-tools>div{border:1px solid var(--line);border-radius:7px;padding:16px}.production-tools>div>strong{font-size:14px}.tool-policy{display:flex;flex-direction:column;gap:7px;margin:12px 0 18px;font-size:12px;color:#6d805e;line-height:1.5}.tool-policy span{background:#f0f4e9;padding:5px 7px;border-radius:4px;align-self:flex-start}.tool-policy small{font-size:12px;color:#7c8a71}.production-note{grid-column:1/-1;background:white;border:1px solid var(--line);border-radius:8px;padding:20px;font-size:15px}.production-note p{margin-top:8px;line-height:1.7;color:#62735a}.results-tabs{gap:0;justify-content:space-between}.results-tabs button{padding-left:3px;padding-right:3px;min-height:45px}.catalog-card .tool-policy{margin-top:auto}.catalog-card>a{margin-top:0}.stack-cards:has(>.stack-card:only-child){grid-template-columns:1fr}.stack-cards:has(>.stack-card:only-child) .stack-card{max-width:400px}
@media(max-width:1050px){.production-tools{grid-template-columns:1fr}.production-card{padding:19px}.equipment-checklist>div{gap:9px}.equipment-checklist span{font-size:13px}.equipment-checklist strong{font-size:11px}}
@media(max-width:430px){.results-tabs button{font-size:12px}.equipment-checklist>div{align-items:flex-start;flex-direction:column;gap:5px}.equipment-checklist strong{padding-left:24px}}