:root{--ink:#12211f;--navy:#102a43;--blue:#1f6feb;--sky:#d9ecff;--muted:#5e6f69;--paper:#f6efe3;--paper-strong:#fffaf0;--reef:#0f766e;--reef-dark:#0d4f4b;--sun:#f2b84b;--clay:#d9653b;--line:#12211f24;--shadow:0 24px 70px #1c302c2e;--font-display:Georgia, "Times New Roman", serif;--font-body:"Trebuchet MS", "Aptos", sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg, #d9ecffcc, transparent 32rem), radial-gradient(circle at top left, #f2b84b4d, transparent 30rem), radial-gradient(circle at bottom right, #0f766e38, transparent 34rem), var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-body);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}.landing-nav{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6efe3db;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.landing-nav nav,.hero-actions,.detail-actions,.modal-actions{flex-wrap:wrap;gap:.75rem;display:flex}.brand{color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;background:0 0;border:0;font-size:1.25rem;font-weight:800}.brand.stacked{text-align:left;margin-bottom:1rem}.landing-nav nav button,.sidebar button,.text-button,.back-link{color:var(--ink);background:0 0;border:0}.primary,.ghost,.danger{border:0;border-radius:999px;padding:.9rem 1.25rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.primary{background:var(--reef);color:#fff;box-shadow:0 12px 30px #0f766e47}.primary.dark{background:var(--ink)}.primary.full{width:100%}.primary.compact,.ghost.compact{padding:.65rem 1rem}.ghost{color:var(--ink);border:1px solid var(--line);background:#fffaf0d1}.danger{color:#a33a1f;background:#fee4da}.primary:hover,.ghost:hover,.danger:hover{transform:translateY(-2px)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,8vw,7rem) clamp(1rem,5vw,5rem);display:grid}.hero h1,.page-heading h1,.auth-card h1,.cta-band h2{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,6vw,5.8rem);line-height:.95}.hero p,.section-card p,.muted,.insight-card p{color:var(--muted);line-height:1.7}.hero-copy{position:relative}.eyebrow{color:var(--clay);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.78rem;font-weight:900}.demo-account{background:#fffaf0a8;border:1px dashed #12211f3d;border-radius:1.25rem;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.4rem;padding:.75rem;display:flex}.demo-account span{color:var(--muted)}.concept-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.2rem;display:grid}.concept-strip article,.scope-pills span{background:#fffaf0c7;border:1px solid #1f6feb33;box-shadow:0 12px 34px #102a4314}.concept-strip article{border-radius:1.25rem;gap:.35rem;min-height:8rem;padding:1rem;display:grid}.concept-strip span{color:var(--blue);font-weight:900}.concept-strip strong{font-family:var(--font-display);font-size:1.25rem}.concept-strip small,.window-summary span{color:var(--muted);line-height:1.55}.auth-demo-box{background:#0f766e14;border:1px dashed #0f766e5c;border-radius:1.2rem;gap:.35rem;margin:1rem 0;padding:1rem;display:grid}.auth-demo-box span,.auth-demo-box small{color:var(--muted)}.hero-panel{position:relative}.metric-card,.mock-window,.section-card,.auth-card,.kpi-grid article,.insight-card,.product-detail,.product-list,.modal,.notice{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf0db;border-radius:2rem}.metric-card.featured{z-index:2;padding:1.1rem 1.3rem;position:absolute;top:-2rem;right:-1rem;transform:rotate(3deg)}.metric-card span,.section-card span,.kpi-grid span,.badge{color:var(--reef-dark);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:900;display:block}.mock-window{background:linear-gradient(160deg,#fffaf0eb,#d9ecffc7),#fffaf0db;min-height:28rem;padding:1.2rem}.window-dots{gap:.45rem;margin-bottom:2rem;display:flex}.window-dots span{background:var(--sun);border-radius:999px;width:.75rem;height:.75rem}.kanban{gap:1rem;display:grid}.kanban article{background:linear-gradient(135deg, var(--navy), var(--reef));color:#fff;border-radius:1.4rem;min-height:6rem;padding:1.3rem}.kanban small{opacity:.82;margin-top:.4rem;display:block}.window-summary{background:#fff9;border:1px solid #102a431f;border-radius:1.2rem;gap:.35rem;margin-top:1rem;padding:1rem;display:grid}.six-pack{grid-template-columns:repeat(5,minmax(12rem,1fr));gap:1rem;padding:0 clamp(1rem,5vw,5rem) clamp(3rem,7vw,6rem);display:grid}.section-card{min-height:16rem;padding:1.4rem;transition:transform .2s}.section-card:hover{transform:translateY(-4px)}.section-card h2{font-family:var(--font-display);letter-spacing:-.04em}.cta-band{color:#fff;background:linear-gradient(120deg,#12211ff5,#0f766eeb),repeating-linear-gradient(45deg,#0000,#0000 12px,#ffffff0d 12px 24px);border-radius:2.4rem;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 clamp(1rem,5vw,5rem) 4rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.proposal-board{gap:1rem;margin:0 clamp(1rem,5vw,5rem) 4rem;display:grid}.readiness-board{grid-template-columns:minmax(0,.92fr) minmax(18rem,1.08fr);gap:1rem;margin:0 clamp(1rem,5vw,5rem) 4rem;display:grid}.proposal-copy,.timeline-grid article,.deliverable-panel,.readiness-main,.input-checklist,.quality-strip{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf0db;border-radius:2rem}.proposal-copy{padding:clamp(1.5rem,4vw,2.5rem)}.readiness-main,.input-checklist,.quality-strip{padding:clamp(1.2rem,3vw,2rem)}.proposal-copy h2,.readiness-main h2{max-width:54rem;font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4.6vw,4rem);line-height:1}.proposal-copy p,.timeline-grid p,.readiness-main p{color:var(--muted);line-height:1.7}.input-checklist{gap:.75rem;display:grid}.input-checklist article{background:#d9ecff85;border:1px solid #1f6feb24;border-radius:1.1rem;gap:.25rem;padding:.95rem;display:grid}.input-checklist strong{color:var(--navy)}.input-checklist span{color:var(--muted)}.quality-strip{flex-wrap:wrap;grid-column:1/-1;gap:.55rem;display:flex}.quality-strip span{color:var(--reef-dark);background:#0f766e1a;border-radius:999px;padding:.55rem .8rem;font-weight:900}.timeline-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.timeline-grid article{min-height:13rem;padding:1.2rem}.timeline-grid span{background:var(--sky);min-width:4rem;min-height:2rem;color:var(--navy);border-radius:999px;place-items:center;font-weight:900;display:inline-grid}.timeline-grid strong{font-family:var(--font-display);margin-top:.9rem;font-size:1.45rem;display:block}.deliverable-panel{grid-template-columns:1fr 1fr;gap:1.25rem;padding:1.25rem;display:grid}.deliverable-panel h3{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.6rem}.deliverable-list,.excluded-list{flex-wrap:wrap;gap:.55rem;display:flex}.deliverable-list span,.excluded-list span{border-radius:999px;padding:.5rem .75rem;font-weight:900}.deliverable-list span{color:var(--reef-dark);background:#0f766e1a}.excluded-list span{color:#a33a1f;background:#d9653b1f}.auth-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{width:min(34rem,100%);padding:clamp(1.5rem,4vw,3rem)}.form-stack,.form-grid{gap:1rem;display:grid}label{color:var(--ink);gap:.45rem;font-weight:800;display:grid}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf6;border-radius:1rem;outline:none;padding:.95rem 1rem}textarea{resize:vertical;min-height:7rem}input:focus,textarea:focus,select:focus{border-color:var(--reef);box-shadow:0 0 0 4px #0f766e1f}.form-error{color:#ad3519;margin:0;font-weight:800}.text-button,.back-link{color:var(--reef-dark);margin-top:1rem;font-weight:800}.shell{grid-template-columns:15.5rem minmax(0,1fr);min-height:100vh;transition:grid-template-columns .24s;display:grid}.shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebar{background:#12302d;flex-direction:column;gap:.4rem;height:100vh;padding:1.5rem;transition:transform .24s,opacity .24s,padding .24s;display:flex;position:sticky;top:0;overflow:hidden}.shell.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;padding-left:0;padding-right:0;transform:translate(-100%)}.sidebar button{color:#f9f1df;text-align:left;border-radius:1rem;padding:.85rem}.sidebar button:hover{background:#ffffff1a}.workspace{min-width:0}.topbar-user{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.sidebar-toggle{color:var(--reef);cursor:pointer;background:#fffaf0db;border:1px solid #0f766e3d;border-radius:999px;padding:.62rem .95rem;font-weight:900;box-shadow:0 .8rem 2rem #0f766e1a}.sidebar-toggle:hover{background:#fffaf0}.topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6efe3d1;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.topbar div{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.topbar small{color:var(--muted);font-weight:900}.status-dot{background:#2fb673;border-radius:999px;width:.75rem;height:.75rem;box-shadow:0 0 0 6px #2fb67324}.dashboard,.products-page{padding:clamp(1rem,3vw,2rem)}.page-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-heading h1{max-width:53rem;font-size:clamp(2rem,4.5vw,4.3rem)}.page-heading.split{align-items:center}.notice{color:var(--reef-dark);margin-bottom:1rem;padding:1rem;font-weight:800}.concept-note{color:var(--navy);background:linear-gradient(135deg,#d9ecffe6,#fffaf0e6)}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.kpi-grid article{padding:1.25rem}.kpi-grid strong{font-family:var(--font-display);margin:.6rem 0;font-size:2rem;display:block}.kpi-grid small{color:var(--muted)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.wide-card{grid-column:1/-1}.action-card{color:#fff;background:linear-gradient(135deg,#102a43f0,#0f766ee6),#102a43f0}.action-card p{color:#fffaf0d1}.insight-card{padding:1.5rem}.recent-table,.product-controls{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf0db;border-radius:1.6rem;margin-top:1rem;padding:1rem}.table-head,.table-row{grid-template-columns:minmax(12rem,1fr) 7rem 8rem 7rem;align-items:center;gap:.75rem;display:grid}.table-head{justify-content:space-between;margin-bottom:.75rem;display:flex}.table-head h2{font-family:var(--font-display);margin:0}.table-row{border-top:1px solid var(--line);padding:.85rem 0}.table-row span,.table-row small,.empty-inline{color:var(--muted)}.product-controls{grid-template-columns:minmax(16rem,1fr) minmax(10rem,.4fr) minmax(10rem,.4fr);gap:1rem;margin-bottom:1rem;display:grid}.scope-pills{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.scope-pills span{color:var(--navy);border-radius:999px;padding:.45rem .75rem;font-size:.82rem;font-weight:900}.product-layout{grid-template-columns:minmax(15rem,24rem) minmax(0,1fr);gap:1rem;display:grid}.product-list{min-height:32rem;padding:.75rem}.product-row{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:1.1rem;padding:1rem}.product-row.active,.product-row:hover{background:#0f766e1a}.product-row span{font-weight:900;display:block}.product-row small{color:var(--muted)}.product-detail{grid-template-columns:minmax(14rem,.85fr) minmax(0,1.15fr);gap:1.5rem;min-height:32rem;padding:1rem;display:grid}.preview{background:linear-gradient(135deg,#0f766ed9,#f2b84bdb),repeating-linear-gradient(45deg,#0000,#0000 12px,#ffffff14 12px 24px);border-radius:1.4rem;min-height:24rem;overflow:hidden}.preview img,.modal-preview{object-fit:cover;width:100%;height:100%}.image-placeholder{color:#fff;place-items:center;height:100%;font-weight:900;display:grid}.detail-copy{padding:1rem}.detail-copy h2{font-family:var(--font-display);letter-spacing:-.05em;margin:.5rem 0;font-size:clamp(2rem,4vw,3.6rem)}.detail-copy p{color:var(--muted);line-height:1.7}dl{gap:.75rem;display:grid}dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding-bottom:.65rem;display:flex}dt{color:var(--muted)}dd{margin:0;font-weight:900}.empty-state{text-align:center;min-height:16rem;color:var(--muted);place-items:center;gap:.5rem;display:grid}.empty-state.large{grid-column:1/-1}.modal-backdrop{z-index:20;background:#12211f85;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:min(42rem,100%);max-height:92vh;padding:1.3rem;overflow:auto}.modal-head{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.modal-head h2{font-family:var(--font-display);margin:0;font-size:2.4rem}.icon-button{color:#a33a1f;background:#fee4da;border:0;border-radius:999px;width:2.4rem;height:2.4rem;font-size:1.4rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}.modal-preview{border-radius:1rem;max-height:13rem;margin-top:1rem;display:block}.toast{z-index:50;background:var(--ink);color:#fff;max-width:min(92vw,38rem);box-shadow:var(--shadow);border-radius:999px;padding:.9rem 1.2rem;font-weight:900;position:fixed;top:1rem;left:50%;transform:translate(-50%)}@media (width<=980px){.hero,.product-layout,.product-detail,.dashboard-grid,.product-controls,.readiness-board,.concept-strip{grid-template-columns:1fr}.six-pack,.kpi-grid,.timeline-grid,.deliverable-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:1fr}.sidebar{z-index:6;flex-direction:row;height:auto;position:sticky;top:0;overflow-x:auto}.brand.stacked{min-width:8rem;margin:0}}@media (width<=620px){.landing-nav,.page-heading,.cta-band,.topbar{flex-direction:column;align-items:stretch}.hero{padding-top:2rem}.six-pack,.kpi-grid,.form-grid,.timeline-grid,.deliverable-panel{grid-template-columns:1fr}.metric-card.featured{margin-bottom:1rem;position:static;transform:none}.mock-window,.product-list,.product-detail{min-height:auto}.preview{min-height:16rem}.table-row{grid-template-columns:1fr}.hero h1,.page-heading h1{font-size:clamp(2.2rem,13vw,3.7rem)}.concept-strip article{min-height:auto}}