.decision-guide{background:#07121c;color:#f4f9fb}.guide-shell{max-width:1200px;margin:auto;padding:0 32px}.decision-guide .editorial-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.edition{font-size:11px;letter-spacing:.16em;color:#9bacb7}.guide-intro{padding:76px 0 40px;max-width:850px}.guide-intro h1{font-size:clamp(58px,8.5vw,106px);letter-spacing:-.065em;line-height:.98;margin:24px 0 28px;font-weight:650}.guide-intro h1 em{font-style:normal;color:#8ceaff}.guide-lead{font-size:clamp(22px,3vw,30px);margin:0 0 14px}.intro-copy{max-width:610px;color:#b5c6d1;line-height:1.8}.method{display:flex;flex-wrap:wrap;gap:28px;margin-top:36px;font-size:12px;letter-spacing:.08em;color:#8ceaff}.example-bar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;border-top:1px solid #29404e;border-bottom:1px solid #29404e}.example-bar p{font-size:13px;color:#a7bbc8;margin:7px 0 0}.example-actions,.brief-actions{display:flex;flex-wrap:wrap;gap:8px}.decision-guide button{font:inherit;font-size:13px;padding:12px 15px;border:1px solid #385160;background:#0d202d;color:#eaf8ff;border-radius:6px;cursor:pointer;min-height:44px}.decision-guide button:hover{background:#183442;border-color:#8ceaff}.decision-guide button[aria-pressed=true]{color:#07121c;background:#8ceaff;border-color:#8ceaff}.decision-guide :focus-visible{outline:3px solid #8ceaff;outline-offset:4px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin:40px 0 68px;align-items:start}.input-panel fieldset{border:0;border-bottom:1px solid #29404e;padding:0 0 28px;margin:0 0 28px;min-width:0}.input-panel legend{font-size:21px;font-weight:600;margin-bottom:20px}.input-panel legend span{color:#8ceaff;font-size:12px;margin-right:12px;vertical-align:middle}.input-panel label{display:block;font-size:14px;font-weight:550;margin:20px 0 10px}.input-panel input,.input-panel textarea,.input-panel select{box-sizing:border-box;display:block;width:100%;padding:13px 14px;color:#edf7fc;background:#0c1b27;border:1px solid #39505f;border-radius:5px;font:inherit;font-size:15px;line-height:1.5;min-height:48px}.input-panel textarea{resize:vertical}.input-panel input::placeholder,.input-panel textarea::placeholder{color:#859dab}.decision-guide .primary-button{width:100%;display:flex;justify-content:space-between;background:#8ceaff;color:#07121c;font-weight:650;font-size:15px;padding:17px}.privacy,.brief-note{font-size:12px;color:#a7bbc8;line-height:1.7}.brief-panel{position:sticky;top:24px;padding:30px;background:linear-gradient(145deg,#112b3b,#0b1e2b);border:1px solid #385666;border-radius:10px;overflow-wrap:anywhere}.brief-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.brief-top>span{font-size:11px;color:#8ba9bb}.brief-top .eyebrow{font-size:11px;margin:0}.brief-panel h2{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin:26px 0}.status{font-size:12px;color:#9fbccf;line-height:1.6;min-height:20px}.brief-section{border-top:1px solid #345061;padding-top:17px;margin-top:20px}.brief-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#8ceaff;margin:0 0 10px}.brief-section p,.brief-section li{font-size:14px;line-height:1.75;color:#d4e3ec;margin:0 0 10px;white-space:pre-wrap}.brief-section ol{padding-left:20px;margin:0}.brief-actions{margin-top:28px}.brief-note{margin:18px 0 0}.guide-outro{border-top:1px solid #29404e;padding:44px 0;max-width:700px}.guide-outro h2{font-size:30px;letter-spacing:-.03em;line-height:1.2}.guide-outro p:not(.eyebrow){color:#b5c6d1;line-height:1.8}.guide-outro a,.guide-footer a,.notice a{color:#8ceaff}.guide-footer{border-top:1px solid #29404e;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 0 40px;font-size:13px}.guide-footer p{color:#a7bbc8}.notice{padding:24px;border:1px solid #8ceaff}[hidden]{display:none!important}@media(max-width:850px){.guide-grid{grid-template-columns:1fr;gap:24px}.brief-panel{position:static}.example-bar{align-items:start;flex-direction:column}.guide-footer{flex-wrap:wrap}.guide-intro{padding-top:48px}}@media(max-width:480px){.guide-shell{padding:0 20px}.edition{display:none}.decision-guide .editorial-header a{font-size:12px}.guide-intro h1{font-size:58px}.method{gap:14px;font-size:10px}.brief-panel{padding:22px}.example-actions button{font-size:12px;padding:11px}.input-panel select{font-size:14px}.guide-footer{align-items:start;flex-direction:column}.guide-grid{margin-top:28px}}@media print{.decision-guide{background:white!important;color:#111!important}.editorial-header,.guide-intro,.example-bar,.input-panel,.brief-actions,.privacy,.guide-outro,.guide-footer,.skip-link{display:none!important}.guide-shell{max-width:none;padding:0}.guide-grid{display:block;margin:0}.brief-panel{position:static;background:white;border:0;color:#111;padding:0}.brief-panel h2,.brief-section h3,.brief-section p,.brief-section li,.brief-note,.status,.brief-top .eyebrow,.brief-top>span{color:#111!important}.brief-section{break-inside:avoid;border-color:#aaa}.brief-panel h2{font-size:24px}.brief-section p,.brief-section li{font-size:11px}.brief-top:before{content:'Before You Build the AI · Ahmadreza Samadi';font-size:12px}.brief-top .eyebrow,.brief-top>span{display:none}.brief-note:after{content:' Source: https://a-samadi.com/tools/before-you-build-ai.html'}}

.decision-guide button:disabled{opacity:.45;cursor:not-allowed}
.decision-guide .primary-button:hover{background:#b7f2ff;color:#07121c}
