:root{--navy:#081e33;--navy2:#10334c;--teal:#0e938e;--mint:#19b69f;--gold:#ecc078;--ink:#12283a;--muted:#657789;--bg:#f3f7fa;--stroke:#dce7ed;--card:#fff;--red:#c94f59;--blue:#397eaf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.52}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.52}input,textarea,select{width:100%;border:1px solid #d7e3eb;color:#152d40;padding:10px 12px;background:#fff;border-radius:9px;min-width:0;outline:0}input:focus,textarea:focus,select:focus{border-color:#16a299;box-shadow:0 0 0 3px #159e9720}textarea{resize:vertical;min-height:70px}.app-frame{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:linear-gradient(170deg,#081d32 5%,#063449 75%,#061b2c 100%);color:#e5f6f5;padding:22px 14px;position:sticky;top:0;max-height:100vh;overflow:auto;z-index:10;display:flex;flex-direction:column}.brand{display:block;padding:8px 10px 22px;border-bottom:1px solid #ffffff1c}.brand img{width:156px;max-height:55px;object-fit:contain;object-position:left}.brand span{display:block;margin-top:2px;font-size:12px;font-weight:700;letter-spacing:.19em;color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:.12em;color:#94b3c2}.side-heading{font-size:10px;letter-spacing:.17em;color:#9bb9c4;margin:26px 16px 12px}.sidebar nav{display:grid;gap:5px}.nav-link{border:0;border-radius:11px;text-align:left;padding:12px;color:#c6d9df;background:transparent;display:flex;align-items:center;gap:12px;font-size:12.5px;font-weight:650;transition:background .2s}.nav-link:hover{background:#ffffff13}.nav-link.active{background:linear-gradient(95deg,#0e938e,#1565a0);color:white;box-shadow:0 10px 23px #0002}.nav-link span{font-size:19px;min-width:22px;text-align:center}.side-foot{margin-top:auto;padding:20px 11px;color:#a4c5cb;border-top:1px solid #fff2;font-size:12px}.side-foot small,.side-foot a{display:block;margin-top:8px;font-size:11px}.pulse-dot{height:8px;width:8px;display:inline-block;border-radius:50%;background:#44e6b9;margin-right:4px}.main-frame{min-width:0;display:flex;flex-direction:column}.topbar{background:#fff;min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:8px clamp(16px,3vw,42px);border-bottom:1px solid var(--stroke);gap:15px}.breadcrumb{font-size:11px;color:#6b7d8d;letter-spacing:.04em}.breadcrumb b{color:#0d8a85}.top-actions{display:flex;align-items:center;gap:15px;font-size:12px}.pill{border:1px solid #d4eae4;border-radius:30px;padding:5px 11px;color:#218d76;background:#f0fcf9}.user-pill{font-weight:700}.small-link{color:#327b8f}.mobile{display:none}.workspace{width:min(1600px,100%);margin:0 auto;padding:26px clamp(16px,2.4vw,35px) 70px;flex:1}.hero{min-height:256px;border-radius:19px;background:linear-gradient(90deg,#071a32f5,#071a32c1 44%,#091b3052 70%),url('../img/strategy-hero.webp') center/cover no-repeat;display:flex;justify-content:space-between;align-items:end;gap:18px;padding:31px clamp(25px,3vw,50px);color:#fff;overflow:hidden;box-shadow:0 12px 24px #07233b1a}.eyebrow{color:#8be5db;letter-spacing:.13em;font-weight:750;font-size:10px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(29px,3.8vw,53px);margin:10px 0;line-height:1.09}.hero h1 em,.landing-card em{color:#f7d499;font-style:normal}.hero p{color:#e7f1f5;max-width:480px;font-size:13px}.hero-caption{font-family:Georgia,serif;text-align:right;font-size:13px;font-style:italic;max-width:180px;letter-spacing:.08em;color:#f6d5a0}.hero-actions{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}.btn{border:0;padding:11px 18px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:750;text-align:center;transition:transform .18s,box-shadow .18s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #071d3225}.gold{background:linear-gradient(110deg,#ffdf9f,#dfaa53);color:#122d40}.glass{background:#ffffff1d;color:#fff;border:1px solid #fff5}.outline{background:#fff;color:#286176;border:1px solid #c5dbe2}.dark{background:linear-gradient(100deg,#074a58,#0a786d);color:white}.subtle{background:#f3f7fc;color:#183850}.tiny{padding:7px 10px;font-size:11px}.journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:17px 0 18px}.journey>div{background:#fff;border:1px solid #e2ecf1;padding:14px;border-radius:12px;font-size:11px;font-weight:800;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;box-shadow:0 4px 12px #0c2c4207}.journey strong{font-size:15px;color:#099b94}.journey small{font-weight:400;color:var(--muted);flex-basis:100%;margin-left:26px;font-size:10px}.toolbar{display:flex;gap:10px;align-items:end;margin:12px 0 21px;flex-wrap:wrap}.toolbar label{display:grid;gap:5px;flex:1;min-width:160px;font-size:11px;color:#627887}.toolbar select{background:#fff;font-size:12px;font-weight:700}.toolbar .btn{min-height:42px}.message{border-radius:10px;border:1px solid #93c5be;background:#f0faf7;padding:11px 16px;margin:12px 0;color:#216d62;font-size:13px}.message.err{border-color:#f2b8ba;color:#b2434b;background:#fff2f2}.empty{min-height:270px;border:1px dashed #b3cfd4;border-radius:18px;padding:42px 20px;text-align:center;background:white}.empty-symbol{font-size:50px;color:#219d98}.empty h2{margin:6px 0;font-family:Georgia,serif}.empty p{max-width:450px;color:#687f8d;margin:10px auto 22px}.plan-banner{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #dce7ed;padding:11px 2px 20px;margin-bottom:20px}.plan-banner h2{margin:3px 0;font-size:24px;font-family:Georgia,serif}.plan-banner p{font-size:12px;color:var(--muted);margin:0}.dark-text{color:#258c89}.status-tag{border-radius:25px;padding:8px 14px;background:#fff3d8;color:#94681e;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.plan-controls{display:flex;gap:8px;align-items:center}.tab-page{display:none;animation:fade .22s ease-out}.tab-page.active{display:block}@keyframes fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.section-heading{margin-bottom:21px}.section-num{display:block;color:#0b9489;font-size:10px;letter-spacing:.13em;font-weight:800}.section-heading h2{font-family:Georgia,serif;font-size:clamp(24px,2.4vw,33px);margin:5px 0;font-weight:550}.section-heading p{color:#657a89;font-size:13px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px}.metric{padding:18px;background:#fff;border:1px solid #e2e9ef;border-radius:15px;box-shadow:0 4px 14px #05273f08}.metric label{display:block;color:#627a87;font-size:11px}.metric b{display:block;font-size:27px;line-height:1.3;margin:7px 0 2px;font-weight:760;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:#5e838f}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;margin:17px 0}.panel{min-width:0;padding:22px;background:white;border:1px solid #e0eaf0;border-radius:16px;margin:15px 0;box-shadow:0 5px 18px #0b2a4008}.two-col .panel{margin:0}.panel h3{font-size:16px;margin:0 0 13px;color:#123349}.panel p{color:#576d7b;font-size:12px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel-top h3{margin:0}.panel-top>span{color:#8a9cab;font-size:11px}.mini,.hint{font-size:11px;color:#617a89;line-height:1.6}.hint{padding:8px 0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fields label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#365366}.fields .wide{grid-column:1/-1}.fields input,.fields textarea{font-weight:450;font-size:12px}.row-editor{border:1px solid #e2ebef;border-radius:11px;background:#fcfeff;padding:12px;margin-bottom:11px}.row-editor .row-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.row-editor .row-head b{font-size:12px;color:#1d5d69}.grid-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.grid-form label{display:grid;gap:4px;font-size:10px;color:#698090}.grid-form input,.grid-form select,.grid-form textarea{font-size:11px;padding:8px 9px}.grid-form .span2{grid-column:span 2}.grid-form .span3{grid-column:span 3}.grid-form .span4{grid-column:1/-1}.remove{border:0;background:transparent;color:#c05059;padding:4px 7px;font-weight:800}.visual-panel{background:radial-gradient(ellipse at 90% 10%,#16b6a022,transparent 60%),linear-gradient(160deg,#082e42,#0b253f);color:#fff;min-height:390px}.visual-panel h3,.visual-panel p{color:#fff}.visual-logo{font-size:64px;border:2px solid #68dfc3;color:#8de5d5;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;font-family:Georgia,serif;margin:0 auto 30px}.north-star{display:grid;grid-template-columns:1fr 1fr;gap:12px}.north-star div{border:1px solid #6abfb867;background:#ffffff0a;padding:25px 10px;text-align:center;letter-spacing:.15em;font-size:10px;border-radius:13px}.porters-visual{height:228px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#e0f6f4,#f5f9fc 65%);border-radius:14px;margin-bottom:16px}.porter-center{border:5px solid #147e87;background:#fff;padding:27px 14px;border-radius:50%;width:142px;height:142px;display:grid;place-items:center;text-align:center;font-size:13px;font-weight:900;line-height:1.4;box-shadow:0 8px 25px #13817f23}.porter-arm{position:absolute;background:#0c5472;color:#fff;font-size:9px;padding:6px 9px;border-radius:18px;letter-spacing:.03em}.porter-arm.north{top:8px;left:50%;transform:translateX(-50%)}.porter-arm.south{bottom:8px;left:50%;transform:translateX(-50%)}.porter-arm.west{left:5px;top:50%}.porter-arm.east{right:5px;top:50%}.table-wrap{overflow:auto;max-width:100%;border-radius:10px;border:1px solid #e6edf1}table{border-collapse:collapse;width:100%;font-size:11px}th{background:#eaf4f5;color:#345668;text-align:left;font-size:10px;letter-spacing:.02em}td,th{padding:10px 9px;border-bottom:1px solid #e5edf1;vertical-align:middle}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.score-summary{padding:12px 13px;margin:12px 0;border-radius:11px;background:#e7f8f5;color:#126c65;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.score-summary b{font-size:22px}.inline-note{font-size:11px;color:#677d8a;margin-top:10px}.score-pill{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:800;color:#fff;background:#11958e}.score-pill.red{background:#d75f64}.swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.swot-grid>div{padding:13px;border-radius:12px;min-height:125px;background:#f1f9f8;border:1px solid #bce1db}.swot-grid>div:nth-child(2){background:#fff5ef;border-color:#f4c7b4}.swot-grid>div:nth-child(3){background:#edf5fe;border-color:#c2dbf0}.swot-grid>div:nth-child(4){background:#fff1f3;border-color:#fac8cb}.swot-grid strong{font-size:14px}.swot-grid p{font-size:11px;margin:8px 0}.matrix-input{max-width:62px;padding:6px;text-align:center;font-size:10px}.canvas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.canvas-grid div{padding:12px;background:#f1f7f8;border:1px solid #dce9eb;border-radius:10px;min-height:92px;font-size:11px}.canvas-grid strong{display:block;margin-bottom:5px;font-size:10px;color:#087e7a}.canvas-grid p{overflow-wrap:anywhere}.spark{width:100%;height:165px}.bar-row{margin-bottom:12px}.bar-row .bar-label{display:flex;justify-content:space-between;font-size:11px;color:#526b7d;margin-bottom:4px}.bar-outer{height:9px;background:#e8eff2;border-radius:9px;overflow:hidden}.bar-inner{background:linear-gradient(90deg,#179a95,#4adbb5);height:100%;border-radius:9px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report-card{background:#fff;border-radius:14px;border:1px solid #dae6eb;padding:21px;min-height:190px;display:flex;align-items:start;flex-direction:column}.report-card span{color:#0c9084;font-size:12px;letter-spacing:.13em}.report-card h3{margin:11px 0 5px;font-size:15px}.report-card p{color:var(--muted);font-size:11px;flex:1}.report-card .btn{margin-top:10px}.actions{display:flex;gap:8px;flex-wrap:wrap}.inline-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-form input{flex:2;min-width:140px}.inline-form select{flex:1;min-width:100px}.member-item{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f1;padding:10px 0;font-size:12px}.member-item small{color:#748897}.gantt-item{display:grid;grid-template-columns:140px 1fr 37px;gap:12px;font-size:11px;align-items:center;margin:10px 0}.gantt-track{background:#e8f2f3;border-radius:15px;height:15px;position:relative;overflow:hidden}.gantt-range{position:absolute;background:linear-gradient(90deg,#8dd4d0,#0a8990);height:100%;border-radius:15px}.gantt-done{position:absolute;background:#ecc078;height:100%;border-radius:15px;opacity:.8}.risk-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;width:min(450px,100%)}.risk-cell{aspect-ratio:1.2;background:#dff4e6;position:relative;display:grid;place-items:center;border-radius:6px;color:#265868;font-size:15px;font-weight:800}.risk-cell.mid{background:#fff0ba}.risk-cell.high{background:#f6c6c2}.risk-label{font-size:11px;font-weight:700;color:#517080}.global-footer{padding:15px 30px;text-align:center;font-size:10px;color:#7b92a0;margin-top:auto}.global-footer a{color:#0b8c85}.noaccess{padding:25px clamp(16px,3vw,45px)}.landing-card{min-height:450px;border-radius:18px;background:#061c32;position:relative;overflow:hidden}.land-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#061b32,#0a243dc7 51%,#00152422),url('../img/strategy-hero.webp') center/cover}.landing-content{position:relative;max-width:720px;padding:60px 45px;color:white}.landing-content h1{font-family:Georgia,serif;font-size:clamp(34px,4.1vw,58px);line-height:1.11;font-weight:500}.landing-content p{font-size:15px;color:#e1edef}.auth-actions{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.auth-note{font-size:11px;color:#c5d8e5}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:17px 0}.benefits article{padding:22px;background:#fff;border:1px solid var(--stroke);border-radius:13px}.benefits b{font-size:11px;color:#098e83}.benefits h3{font-size:16px;margin:8px 0}.benefits p{font-size:12px;color:var(--muted)}.icon-button{background:transparent;border:0;font-size:23px}@media(max-width:1150px){.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-form .span3{grid-column:span 2}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-frame{display:block}.sidebar{position:fixed;transform:translateX(-100%);transition:transform .24s;width:250px;max-height:100dvh;height:100dvh;box-shadow:0 10px 40px #0004}.sidebar.open{transform:none}.mobile{display:block}.topbar{min-height:58px}.two-col{grid-template-columns:1fr}.journey{grid-template-columns:repeat(3,1fr)}.hero-caption{display:none}}@media(max-width:620px){.workspace{padding:13px 12px 40px}.hero{min-height:300px;padding:26px 21px}.journey{grid-template-columns:repeat(2,1fr)}.journey>div{padding:10px}.toolbar{gap:7px}.toolbar label{flex:1 1 43%;min-width:0}.toolbar>.btn{flex:1}.fields{grid-template-columns:1fr}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-form .span2,.grid-form .span3,.grid-form .span4{grid-column:span 2}.panel{padding:15px}.metrics,.report-grid,.benefits{grid-template-columns:1fr}.plan-banner{align-items:start;flex-direction:column}.top-actions .user-pill,.top-actions .small-link{display:none}.hero h1{font-size:34px}.canvas-grid{grid-template-columns:1fr 1fr}.gantt-item{grid-template-columns:95px 1fr 30px}.landing-content{padding:32px 20px}.auth-actions{flex-direction:column}.risk-grid{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.three-matrices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.three-matrices .panel{margin:0;padding:17px}.three-matrices .grid-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.position-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(70px,1fr);gap:5px;margin-top:13px}.position-grid>div{display:grid;place-items:center;background:#eaf2f6;text-align:center;font-size:11px;font-weight:750;color:#538093;border-radius:7px;border:1px solid #d3e7ee;padding:6px}.position-grid>div.selected{background:#0c938e;color:white;border-color:#0b756e;box-shadow:0 8px 18px #056e6a25}.position-grid:has(.ie){grid-template-columns:repeat(3,1fr);grid-auto-rows:57px}.position-grid:has(.bcg)>div:first-child{background:#fff2d1}.position-grid:has(.bcg)>div:nth-child(2){background:#e1f3fa}.position-grid:has(.bcg)>div:nth-child(3){background:#d9f1e7}.position-grid:has(.bcg)>div:nth-child(4){background:#f3e3e5}.position-grid:has(.bcg)>div.selected{background:#0c938e;color:white}.pestel-visual{margin:12px auto 4px;border:1px solid #dceae9;background:radial-gradient(circle,#fff,#edf9f7);border-radius:13px;text-align:center}.pestel-visual svg{height:220px;max-width:100%}@media(max-width:1220px){.three-matrices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.three-matrices{grid-template-columns:1fr}}
/* Each strategy stage uses a cinematic section header, with live interactive visualizations below it. */
.tab-page:not(#tab-home)>.section-heading{background:linear-gradient(100deg,#082c43f5 0%,#0b394ccf 64%,#0a24388c 100%),url('../img/strategy-hero.webp') center/cover no-repeat;color:white;border-radius:14px;padding:24px 27px;margin-bottom:18px;box-shadow:0 7px 19px #08324610;min-height:130px}.tab-page:not(#tab-home)>.section-heading .section-num{color:#88e6ca}.tab-page:not(#tab-home)>.section-heading h2{color:white}.tab-page:not(#tab-home)>.section-heading p{color:#d5e7e9}.tab-page#tab-external>.section-heading{background-position:center 30%}.tab-page#tab-finance>.section-heading{background-position:right top}.tab-page#tab-execution>.section-heading{background-position:center bottom}.tab-page#tab-scorecard>.section-heading{background-position:left top}