:root{--ink:#0b1728;--ink2:#12233a;--ink3:#1c304d;--text:#22324a;--muted:#65758b;--line:#dce4ed;--light:#f5f8fb;--white:#fff;--accent:#22a6d5;--accent2:#54c6df;--green:#2bb673;--shadow:0 24px 70px rgba(5,20,38,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:10px 14px;z-index:999}.skip-link:focus{left:8px}.site-header{position:fixed;top:0;left:0;right:0;height:78px;z-index:1000;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(11,23,40,.82);backdrop-filter:blur(18px);transition:.25s}.site-header.scrolled{background:rgba(11,23,40,.96);box-shadow:0 8px 30px rgba(0,0,0,.15)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand-mark{position:relative;width:47px;height:47px;border:1px solid rgba(255,255,255,.28);border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}.brand-mark span{font-size:16px;font-weight:800;letter-spacing:-.7px}.brand-mark small{position:absolute;right:3px;bottom:2px;font-size:7px;color:var(--accent2);font-weight:800}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:17px;letter-spacing:-.25px}.brand-copy small{margin-top:4px;font-size:9px;text-transform:uppercase;letter-spacing:1.15px;color:#93a4b8}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{text-decoration:none;color:#dbe5ef;font-size:13px;font-weight:650}.site-nav a:hover{color:#fff}.site-nav .nav-cta{border:1px solid rgba(255,255,255,.22);padding:10px 16px;border-radius:8px;background:rgba(255,255,255,.07)}.nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.nav-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}.hero{position:relative;min-height:780px;padding:154px 0 105px;overflow:hidden;background:radial-gradient(circle at 72% 38%,#18385c 0,#0d2036 34%,#0b1728 68%);color:#fff}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent 10%,#000 55%,#000);pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.25}.hero-glow-one{width:520px;height:520px;background:radial-gradient(circle,rgba(34,166,213,.38),transparent 68%);right:3%;top:8%}.hero-glow-two{width:420px;height:420px;background:radial-gradient(circle,rgba(84,198,223,.18),transparent 68%);left:-15%;bottom:-20%}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.94fr 1.06fr;gap:68px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:800;color:#9fdbea}.eyebrow span{width:25px;height:2px;background:var(--accent)}.eyebrow.dark{color:#497084}.hero h1{margin:21px 0 22px;max-width:610px;font-size:clamp(44px,5vw,68px);line-height:1.02;letter-spacing:-3.4px}.hero h1 em{display:block;font-style:normal;color:#9cddec}.hero-lead{font-size:18px;line-height:1.72;color:#bdcada;max-width:650px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 20px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.1px;transition:.18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#062133;box-shadow:0 8px 28px rgba(34,166,213,.25)}.btn-primary:hover{background:#3cbbdf}.btn-ghost{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#fff}.hero-points{display:flex;gap:23px;flex-wrap:wrap;margin-top:27px;color:#cbd6e0;font-size:12px}.hero-points>div{display:flex;align-items:center;gap:7px}.check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(43,182,115,.14);color:#62d99c;font-size:10px}.product-preview{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#f7fafc;box-shadow:0 38px 90px rgba(0,0,0,.38);overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.preview-topbar{height:56px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#0e1d31;color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}.preview-brand{display:flex;align-items:center;gap:9px;font-size:12px}.mini-mark{width:27px;height:27px;border:1px solid rgba(255,255,255,.2);border-radius:8px;display:grid;place-items:center;font-size:9px;font-weight:900}.preview-status{display:flex;align-items:center;gap:6px;color:#8fa4b9;font-size:8px}.preview-status span{width:6px;height:6px;background:#4fd18a;border-radius:50%;box-shadow:0 0 0 3px rgba(79,209,138,.12)}.preview-body{min-height:430px;display:flex;color:#223047}.preview-sidebar{width:53px;background:#14243a;padding:26px 0;display:flex;align-items:center;flex-direction:column;gap:20px}.preview-sidebar span{width:17px;height:17px;border-radius:5px;background:#33465e}.preview-sidebar span.active{background:#2ba8d4;box-shadow:0 0 0 6px rgba(43,168,212,.1)}.preview-content{flex:1;padding:25px 24px 24px}.preview-heading{display:flex;justify-content:space-between;align-items:center}.preview-heading small,.wizard-top small,.console-bar small{display:block;color:#8392a6;font-size:7px;letter-spacing:1.1px;font-weight:800}.preview-heading strong{display:block;font-size:17px;margin-top:3px}.preview-heading button{border:0;border-radius:6px;background:#149dcf;color:#fff;font-size:9px;padding:8px 10px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.metric{padding:15px 13px;background:#fff;border:1px solid #e1e8ef;border-radius:9px;box-shadow:0 4px 14px rgba(26,48,76,.04)}.metric small{display:block;font-size:8px;color:#738296}.metric strong{display:block;font-size:22px;margin:2px 0 0;color:#15263d}.metric span{font-size:7px;color:#96a2b1}.preview-lower{display:grid;grid-template-columns:1.6fr .8fr;gap:10px;margin-top:10px}.activity-card,.readiness-card{background:#fff;border:1px solid #e1e8ef;border-radius:9px;padding:13px}.card-title{display:flex;justify-content:space-between;align-items:center;font-size:9px}.card-title span{font-size:7px;color:#2d9f68}.activity-line{display:flex;gap:9px;padding:11px 0;border-bottom:1px solid #edf1f5}.activity-line:last-child{border-bottom:0}.activity-line i{width:6px;height:6px;background:#27a7d2;border-radius:50%;margin-top:4px}.activity-line b{display:block;font-size:8px}.activity-line small{font-size:7px;color:#95a1b0}.readiness-card{text-align:center}.readiness-ring{width:82px;height:82px;margin:25px auto 8px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22a6d5 0 86%,#e8eef3 86%);position:relative}.readiness-ring:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.readiness-ring span{position:relative;z-index:2;font-size:18px;font-weight:800}.readiness-ring span small{font-size:8px}.readiness-card>small{font-size:7px;color:#8a98a8}.trust-strip{border-bottom:1px solid #e5eaf0;background:#fff}.trust-strip .shell{padding:28px 0}.trust-strip p{text-align:center;margin:0 0 17px;color:#536579;font-size:12px}.audience-list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.audience-list span{padding:7px 11px;background:#f4f7fa;border:1px solid #e4eaf0;border-radius:999px;color:#5e6f83;font-size:10px;font-weight:700}.section{padding:105px 0}.section-light{background:#f5f8fb}.section-heading.centered{text-align:center;max-width:820px;margin:0 auto 56px}.section-heading.centered .eyebrow{justify-content:center}.section-heading h2,.onboarding-copy h2,.admin-copy h2{margin:14px 0 17px;color:#102137;font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-2.1px}.section-heading p,.onboarding-copy>p,.admin-copy>p{color:#66768a;font-size:16px;line-height:1.75}.three-up{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-principle{background:#fff;border:1px solid #e2e8ee;border-radius:12px;padding:32px;box-shadow:0 12px 40px rgba(19,42,66,.05)}.principle-number{font-size:11px;color:#2c9ec3;font-weight:900;letter-spacing:1px}.feature-principle h3{font-size:19px;color:#13263d;margin:15px 0 9px}.feature-principle p{margin:0;color:#6a788a;font-size:14px;line-height:1.7}.capabilities{background:#0b1728;color:#fff}.section-heading.split{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:48px}.section-heading.split h2{color:#fff;margin-bottom:0}.section-heading.split>p{color:#a6b6c8;margin:0}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cap-card{min-height:250px;padding:25px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));transition:.2s}.cap-card:hover{transform:translateY(-3px);border-color:rgba(76,190,224,.3);background:linear-gradient(145deg,rgba(34,166,213,.11),rgba(255,255,255,.025))}.cap-icon{width:35px;height:35px;border-radius:9px;background:rgba(34,166,213,.12);display:grid;place-items:center;color:#68c8e3;font-size:9px;font-weight:900}.cap-card h3{font-size:17px;margin:20px 0 8px}.cap-card p{font-size:13px;line-height:1.7;color:#a9b7c7;margin:0}.cap-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:17px}.cap-tags span{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#8196aa;padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:4px}.capability-note{text-align:center;color:#71879d;font-size:10px;margin:28px 0 0}.onboarding-section{background:#fff}.onboarding-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.onboarding-benefits{display:grid;gap:16px;margin-top:30px}.onboarding-benefits>div{display:flex;gap:13px;align-items:flex-start}.onboarding-benefits>div>span{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#e8f7f1;color:#149a5b;font-weight:900;font-size:11px}.onboarding-benefits p{margin:0}.onboarding-benefits strong{display:block;color:#1a2b40;font-size:13px}.onboarding-benefits small{display:block;color:#788596;margin-top:3px;font-size:11px}.wizard-card{padding:26px;border:1px solid #dce4eb;border-radius:16px;background:#f9fbfd;box-shadow:var(--shadow)}.wizard-top{display:flex;align-items:flex-start;justify-content:space-between}.wizard-top strong{display:block;color:#15263d;font-size:18px;margin-top:2px}.wizard-top>span{font-size:9px;color:#6d7d90;background:#edf2f6;padding:6px 9px;border-radius:5px}.wizard-progress{height:4px;background:#e5ebf0;margin:20px 0 8px;border-radius:99px;overflow:hidden}.wizard-progress i{display:block;width:48%;height:100%;background:#22a6d5}.wizard-steps{display:flex;justify-content:space-between;font-size:7px;color:#a0a9b4}.wizard-steps .done{color:#2c9463}.wizard-steps .current{color:#198eb6;font-weight:900}.wizard-question{margin:26px 0 14px}.wizard-question>small{color:#299bc2;font-size:8px;font-weight:900;letter-spacing:1px}.wizard-question h3{font-size:17px;color:#14253b;margin:5px 0}.wizard-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wizard-options>div{display:flex;gap:10px;align-items:center;padding:12px;background:#fff;border:1px solid #dde5ec;border-radius:8px}.wizard-options>div.selected{border-color:#71c8e1;background:#f5fcfe}.wizard-options>div>span{width:18px;height:18px;border:1px solid #cad4de;border-radius:5px;display:grid;place-items:center;font-size:8px;color:#fff}.wizard-options>div.selected>span{background:#20a5d2;border-color:#20a5d2}.wizard-options strong{display:block;font-size:9px;color:#243449}.wizard-options small{display:block;font-size:7px;color:#909dab}.wizard-footer{display:flex;justify-content:space-between;margin-top:20px}.wizard-footer button{border:1px solid #dce3ea;background:#fff;padding:8px 13px;border-radius:6px;font-size:9px;color:#556579}.wizard-footer .next{background:#159dcc;color:#fff;border-color:#159dcc}.model-section{background:#f5f8fb;padding-top:35px}.model-panel{background:#0e2035;border-radius:20px;padding:55px;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center;color:#fff;overflow:hidden;position:relative}.model-panel:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(34,166,213,.16),transparent 70%);right:-100px;top:-150px}.model-copy{position:relative;z-index:2}.model-copy h2{font-size:46px;line-height:1.05;margin:16px 0 14px;letter-spacing:-2px}.model-copy p{color:#abbaca;font-size:14px;line-height:1.75}.model-highlights{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.model-highlights span{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);padding:6px 8px;border-radius:5px;font-size:8px;color:#95a9bc}.model-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:2}.compare-old,.compare-new{border-radius:11px;padding:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.compare-new{background:rgba(34,166,213,.1);border-color:rgba(69,183,218,.28)}.compare-old>small,.compare-new>small{font-size:7px;letter-spacing:.9px;color:#8095a9;font-weight:900}.compare-new>small{color:#6ecce7}.compare-old>strong,.compare-new>strong{display:block;font-size:13px;margin:9px 0 16px}.person-row{display:flex;gap:5px}.person-row i{width:21px;height:21px;background:#617287;border-radius:50%;position:relative}.person-row i:after{content:"";position:absolute;width:17px;height:8px;background:#617287;border-radius:7px 7px 2px 2px;left:2px;top:16px}.module-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.module-row span{background:rgba(27,166,208,.13);border:1px solid rgba(79,193,226,.2);padding:7px;border-radius:4px;color:#9edced;font-size:7px;text-align:center}.compare-old p,.compare-new p{font-size:9px;color:#8fa0b1;margin:24px 0 0;line-height:1.6}.admin-section{background:#fff}.admin-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center}.admin-console{border:1px solid #dce4ec;border-radius:14px;overflow:hidden;background:#f8fafc;box-shadow:var(--shadow)}.console-bar{height:70px;background:#0f2137;color:#fff;display:flex;align-items:center;gap:12px;padding:0 18px}.console-bar div{flex:1}.console-bar strong{display:block;font-size:12px;margin-top:2px}.console-bar>i{width:8px;height:8px;background:#4fd18a;border-radius:50%;box-shadow:0 0 0 4px rgba(79,209,138,.1)}.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.console-metrics>div{background:#fff;border:1px solid #e1e7ed;padding:14px;border-radius:8px}.console-metrics small{display:block;font-size:8px;color:#8290a1}.console-metrics strong{font-size:23px;color:#18304c}.console-list{background:#fff;margin:0 18px 18px;border:1px solid #e1e7ed;border-radius:8px;overflow:hidden}.console-list>div{display:grid;grid-template-columns:1fr 70px 70px;align-items:center;padding:11px 13px;border-bottom:1px solid #edf1f4;font-size:8px}.console-list>div:last-child{border-bottom:0}.console-head{background:#f7f9fb;color:#8a98a8;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.console-list>div>span:first-child{display:flex;align-items:center;gap:8px}.console-list>div>span i{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#e7f6fb;color:#168fb7;font-style:normal;font-weight:900}.console-list b{font-size:7px}.active-dot{color:#22955f}.setup-dot{color:#c58417}.admin-copy ul{padding:0;margin:26px 0 0;list-style:none;display:grid;gap:11px}.admin-copy li{position:relative;padding-left:24px;color:#526477;font-size:13px}.admin-copy li:before{content:"✓";position:absolute;left:0;color:#1c9d66;font-weight:900}.cta-section{background:#f5f8fb;padding:0 0 80px}.cta-panel{border-radius:17px;background:linear-gradient(120deg,#1ba3cf,#147eaa);padding:48px 54px;display:flex;justify-content:space-between;align-items:center;gap:40px;color:#fff;box-shadow:0 20px 55px rgba(18,128,171,.2)}.cta-panel small{font-size:9px;letter-spacing:1.3px;font-weight:900;color:#c6effa}.cta-panel h2{font-size:34px;line-height:1.08;letter-spacing:-1.5px;margin:8px 0 10px;max-width:700px}.cta-panel p{font-size:13px;color:#d4f0f7;max-width:680px;margin:0}.cta-actions{flex:0 0 210px;display:flex;flex-direction:column;align-items:stretch;gap:11px;text-align:center}.btn-light{background:#fff;color:#126c8b}.cta-actions>a:last-child{font-size:11px;color:#d9f4fb;text-decoration:none}.site-footer{background:#091422;color:#99aabc;padding:55px 0 23px}.footer-grid{display:grid;grid-template-columns:1fr 180px 180px;gap:60px}.footer-brand{margin-bottom:15px}.footer-grid>div:first-child p{max-width:470px;font-size:12px;line-height:1.7}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid>div:not(:first-child) strong{color:#fff;font-size:11px;margin-bottom:3px}.footer-grid>div:not(:first-child) a{font-size:11px;text-decoration:none;color:#93a5b8}.footer-grid>div:not(:first-child) a:hover{color:#fff}.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:9px;color:#697d92}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}@media (max-width:980px){.site-nav{gap:18px}.hero-grid,.onboarding-grid,.admin-grid{grid-template-columns:1fr;gap:55px}.hero{padding-top:135px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center}.hero h1,.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-points{justify-content:center}.product-preview{max-width:700px;margin:auto;transform:none}.section-heading.split{grid-template-columns:1fr;gap:18px}.capability-grid{grid-template-columns:1fr 1fr}.model-panel{grid-template-columns:1fr;gap:35px}.admin-console{max-width:680px;margin:auto}.footer-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:760px){.shell{width:min(100% - 30px,1180px)}.site-header{height:68px}.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:13px 15px 20px;background:#0b1728;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 16px 35px rgba(0,0,0,.25);flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:12px}.site-nav .nav-cta{text-align:center;margin-top:6px}.hero{min-height:auto;padding:120px 0 72px}.hero h1{font-size:45px;letter-spacing:-2.4px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-points{gap:12px 18px}.product-preview{margin-top:6px}.preview-body{min-height:340px}.preview-sidebar{display:none}.preview-content{padding:17px}.preview-heading strong{font-size:14px}.metric{padding:10px}.metric strong{font-size:18px}.preview-lower{grid-template-columns:1fr}.readiness-card{display:none}.section{padding:75px 0}.three-up,.capability-grid{grid-template-columns:1fr}.feature-principle{padding:25px}.wizard-options{grid-template-columns:1fr}.wizard-steps span:nth-child(4),.wizard-steps span:nth-child(5){display:none}.model-section{padding-top:20px}.model-panel{padding:34px 23px}.model-copy h2{font-size:38px}.model-compare{grid-template-columns:1fr}.cta-panel{padding:34px 25px;flex-direction:column;align-items:flex-start}.cta-actions{width:100%;flex-basis:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:20px;flex-direction:column}}@media (max-width:440px){.hero h1{font-size:39px}.hero-points{display:grid;grid-template-columns:1fr;text-align:left}.preview-status{display:none}.metric-row{grid-template-columns:1fr 1fr}.metric-row .metric:last-child{display:none}.section-heading h2,.onboarding-copy h2,.admin-copy h2{font-size:34px}.model-copy h2{font-size:35px}.console-list>div{grid-template-columns:1fr 42px 52px}.cta-panel h2{font-size:29px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

/* v0.2 refinements */
.brand-mark{width:46px;height:42px;border-radius:8px;background:linear-gradient(145deg,#1aa8d5,#126f9a);box-shadow:0 8px 24px rgba(24,151,194,.23);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;color:#fff}
.brand-mark>span{font-size:15px;font-weight:900;letter-spacing:-.6px}.brand-mark>small{font-size:5.7px;letter-spacing:.6px;font-weight:800;margin-top:2px;color:#d8f5ff}
.product-preview{transform:perspective(1400px) rotateY(-2.2deg) rotateX(1deg);transform-origin:center;filter:drop-shadow(0 35px 50px rgba(0,0,0,.25))}
.app-window{background:#f4f7fa;border:1px solid rgba(255,255,255,.16);border-radius:15px;overflow:hidden;box-shadow:0 0 0 1px rgba(7,20,33,.3),0 24px 80px rgba(0,0,0,.28)}
.app-titlebar{height:58px;background:#0d1c2d;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 18px;color:#fff;border-bottom:1px solid rgba(255,255,255,.07)}
.app-org{display:flex;align-items:center;gap:10px}.app-org-mark{width:31px;height:31px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(145deg,#27abd2,#1682ac);font-size:10px;font-weight:900}.app-org small{display:block;font-size:6.5px;letter-spacing:.75px;color:#6f879e;font-weight:900}.app-org strong{display:block;font-size:11px;margin-top:2px}.app-tools{display:flex;align-items:center;gap:10px}.live-pill{display:flex;align-items:center;gap:6px;border:1px solid rgba(92,213,148,.2);background:rgba(53,190,115,.08);color:#8ae0ad;border-radius:20px;padding:5px 8px;font-size:6.5px;font-weight:800}.live-pill i{width:5px;height:5px;border-radius:50%;background:#52d08b;box-shadow:0 0 0 3px rgba(82,208,139,.1)}.user-chip{width:27px;height:27px;border-radius:50%;background:#20354b;display:grid;place-items:center;color:#bcd0e2;font-size:7px;font-weight:900}
.app-layout{display:grid;grid-template-columns:49px 1fr;min-height:430px}.app-nav{background:#102238;display:flex;flex-direction:column;align-items:center;padding:11px 0;gap:7px}.app-nav-logo{width:31px;height:31px;border-radius:7px;background:#1aa1cd;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:8px}.app-nav-logo b{font-size:8px;line-height:1}.app-nav-logo small{font-size:4.8px;line-height:1;margin-top:2px}.app-nav>span{width:31px;height:31px;border-radius:7px;display:grid;place-items:center;color:#6f879f;font-size:11px}.app-nav>span.active{background:#1d3b57;color:#65c9e8;box-shadow:inset 2px 0 #29a9d2}.app-main{padding:18px 18px 15px;min-width:0}.app-welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.app-welcome small{font-size:6px;letter-spacing:.65px;color:#8290a0;font-weight:900}.app-welcome h3{font-size:15px;color:#172d43;margin:3px 0 2px;letter-spacing:-.3px}.app-welcome p{font-size:7.5px;color:#8090a0;margin:0}.app-welcome button{border:0;background:#168fb9;color:#fff;border-radius:6px;padding:7px 10px;font-size:7px;font-weight:800;box-shadow:0 5px 14px rgba(22,143,185,.2)}
.app-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:9px}.app-metrics>div{background:#fff;border:1px solid #e1e8ee;border-radius:8px;padding:10px 9px;display:flex;gap:7px;align-items:flex-start;box-shadow:0 2px 6px rgba(20,42,62,.025)}.metric-icon{width:24px;height:24px;border-radius:6px;background:#e9f6fa;display:grid;place-items:center;font-size:10px}.app-metrics p{margin:0;min-width:0}.app-metrics small{display:block;font-size:5.4px;color:#8a98a7;font-weight:900;letter-spacing:.32px;white-space:nowrap}.app-metrics strong{display:block;color:#17314b;font-size:17px;line-height:1.15;margin-top:2px}.app-metrics em{display:block;font-style:normal;color:#8695a4;font-size:5.7px;margin-top:2px;white-space:nowrap}
.app-grid{display:grid;grid-template-columns:1.55fr .82fr;gap:9px}.app-panel{background:#fff;border:1px solid #e1e8ee;border-radius:8px;padding:11px;min-width:0}.app-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #edf1f4}.app-panel-head small{display:block;font-size:5.4px;color:#95a2af;letter-spacing:.45px;font-weight:900}.app-panel-head strong{display:block;font-size:9px;color:#21384d;margin-top:2px}.app-panel-head a,.app-panel-head>span{font-size:5.7px;color:#1594bd;font-weight:800}.feed-item{display:grid;grid-template-columns:8px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #f0f3f5}.feed-item:last-child{border-bottom:0;padding-bottom:1px}.feed-dot{width:6px;height:6px;border-radius:50%;margin-top:3px}.feed-dot.success{background:#4bc281}.feed-dot.training{background:#499dd2}.feed-dot.project{background:#d99c41}.feed-item strong{display:block;font-size:7.2px;color:#263d51}.feed-item p{font-size:6.2px;color:#7d8d9d;margin:2px 0}.feed-item small{font-size:5.4px;color:#a1abb5}.readiness-panel{text-align:center}.readiness-panel .app-panel-head{text-align:left}.readiness-gauge{width:95px;height:95px;margin:13px auto 10px;border-radius:50%;background:conic-gradient(#24a5cf 0 309deg,#e8eef2 309deg 360deg);display:grid;place-items:center;position:relative}.readiness-gauge:after{content:"";width:72px;height:72px;border-radius:50%;background:#fff;position:absolute}.readiness-gauge>div{position:relative;z-index:2}.readiness-gauge strong{font-size:21px;color:#17324b}.readiness-gauge strong small{font-size:8px}.readiness-stats{display:grid;gap:5px;text-align:left}.readiness-stats span{font-size:5.8px;color:#7e8e9d;display:flex;align-items:center}.readiness-stats i{width:5px;height:5px;border-radius:50%;background:#25a3cc;margin-right:5px}.readiness-stats b{margin-left:auto;color:#2c4357;font-size:6px}.app-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.app-bottom-row>div{background:#f9fbfc;border:1px solid #e4eaf0;border-radius:7px;padding:8px 10px}.app-bottom-row small{display:block;font-size:5px;color:#99a5b0;font-weight:900;letter-spacing:.4px}.app-bottom-row strong{display:block;font-size:7px;color:#263c50;margin:2px 0}.app-bottom-row span{font-size:5.7px;color:#7d8d9d}
@media (max-width:760px){.product-preview{transform:none}.app-layout{grid-template-columns:39px 1fr;min-height:380px}.app-main{padding:13px 10px}.app-metrics{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:1fr}.readiness-panel{display:none}.app-bottom-row{display:none}.app-titlebar{height:52px}.app-org small{display:none}}
@media (max-width:440px){.app-layout{grid-template-columns:34px 1fr}.app-nav>span,.app-nav-logo{width:27px;height:27px}.app-org strong{font-size:9px}.app-tools .live-pill{display:none}.app-welcome p{display:none}.app-welcome h3{font-size:12px}.app-metrics strong{font-size:15px}}

/* =========================================================
   OM SUITE 360 PUBLIC BRANDING v0.2.1
   Header + footer only
   ========================================================= */

/* Official platform logo */
.brand-logo{
  width:47px;
  height:47px;
  flex:0 0 47px;
  display:block;
  object-fit:contain;
  background:#fff;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.26);
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}

/* Slightly stronger public-site brand copy */
.site-header .brand-copy strong{
  font-size:19px;
  letter-spacing:-.3px;
  line-height:1.1;
}
.site-header .brand-copy small{
  margin-top:4px;
  font-size:10px;
  letter-spacing:1.15px;
}

/* Public footer aligned to OM Suite 360 application branding */
.site-footer{
  background:#091422;
  color:#99aabc;
  padding:0;
}

.public-footer-top{
  padding:28px 0 22px;
  display:grid;
  grid-template-columns:minmax(300px,1.25fr) minmax(380px,1.65fr) minmax(210px,.8fr);
  gap:40px;
  align-items:center;
}

.public-footer-brand{
  min-width:0;
}

.footer-brand{
  margin:0;
}

.footer-logo{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:7px;
}

.public-footer-brand .brand-copy strong{
  font-size:16px;
  color:#fff;
}

.public-footer-brand .brand-copy small{
  font-size:9px;
  color:#9fb1c1;
}

.public-footer-brand p{
  max-width:420px;
  margin:12px 0 0;
  color:#91a4b6;
  font-size:12px;
  line-height:1.65;
}

.public-footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:9px 18px;
  text-align:center;
}

.public-footer-links a{
  color:#dbe6ee;
  text-decoration:none;
  font-size:12px;
  white-space:nowrap;
}

.public-footer-links a:hover{
  color:#fff;
  text-decoration:underline;
}

.public-footer-contact{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  text-align:right;
}

.public-footer-contact strong{
  color:#fff;
  font-size:12px;
  margin-bottom:2px;
}

.public-footer-contact a{
  color:#9fb2c3;
  text-decoration:none;
  font-size:11px;
}

.public-footer-contact a:hover{
  color:#fff;
}

.public-footer-bottom{
  padding:12px 0 14px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  color:#71869a;
  font-size:9px;
  line-height:1.45;
}

@media (max-width:980px){
  .public-footer-top{
    grid-template-columns:1fr 1fr;
    align-items:start;
  }

  .public-footer-links{
    justify-content:flex-start;
  }

  .public-footer-contact{
    grid-column:1 / -1;
    align-items:flex-start;
    text-align:left;
    flex-direction:row;
    flex-wrap:wrap;
    gap:8px 18px;
  }

  .public-footer-contact strong{
    flex-basis:100%;
  }
}

@media (max-width:760px){
  .brand-logo{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  .site-header .brand-copy strong{
    font-size:16px;
  }

  .site-header .brand-copy small{
    font-size:8px;
  }

  .public-footer-top{
    padding:24px 0 18px;
    grid-template-columns:1fr;
    gap:18px;
  }

  .public-footer-links{
    justify-content:flex-start;
  }

  .public-footer-contact{
    grid-column:auto;
  }

  .public-footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
  }
}

@media (max-width:440px){
  .public-footer-links{
    gap:8px 14px;
  }
}

/* =========================================================
   OM SUITE 360 PUBLIC SIMPLIFICATION v0.2.2
   Public informational website only
   ========================================================= */

/* Header demo button: stronger call-to-action */
.site-nav .nav-cta{
  border-color:var(--accent);
  background:var(--accent);
  color:#062133;
  font-weight:800;
  box-shadow:0 6px 18px rgba(34,166,213,.22);
}
.site-nav .nav-cta:hover{
  background:#3cbbdf;
  border-color:#3cbbdf;
  color:#062133;
}

/* Audience labels: larger and easier to read */
.trust-strip .shell{
  padding:31px 0;
}
.trust-strip p{
  margin-bottom:20px;
  font-size:14px;
}
.audience-list{
  gap:10px;
}
.audience-list span{
  padding:9px 14px;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  border-radius:999px;
}

/* Remove visual-number spacing from the three principles */
.feature-principle h3{
  margin-top:0;
}

/* Remove capability number-box spacing and keep cards simple */
.cap-card h3{
  margin-top:0;
}

/* Lower CTA only needs the demo button */
.cta-actions{
  justify-content:center;
}
.cta-actions .btn{
  width:100%;
}

/* Public footer: informational only; no app/system navigation */
.site-footer{
  background:#091422;
  color:#99aabc;
  padding:0;
}

.simple-public-footer{
  display:grid;
  grid-template-columns:minmax(270px,1fr) minmax(360px,1.4fr) minmax(210px,.8fr);
  gap:42px;
  align-items:center;
  padding:27px 0 20px;
}

.simple-footer-brand{
  min-width:0;
}

.simple-footer-brand .footer-brand{
  margin:0;
}

.simple-footer-brand .footer-logo{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:7px;
}

.simple-footer-brand .brand-copy strong{
  color:#fff;
  font-size:16px;
}

.simple-footer-brand .brand-copy small{
  color:#9fb1c1;
  font-size:9px;
}

.simple-footer-message{
  color:#a9b8c5;
  font-size:13px;
  line-height:1.6;
  text-align:center;
  max-width:520px;
  justify-self:center;
}

.simple-footer-contact{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  text-align:right;
}

.simple-footer-contact strong{
  color:#fff;
  font-size:12px;
  margin-bottom:2px;
}

.simple-footer-contact span,
.simple-footer-contact a{
  color:#9fb2c3;
  font-size:11px;
}

.simple-footer-contact a{
  text-decoration:none;
}

.simple-footer-contact a:hover,
.simple-footer-contact a:focus-visible{
  color:#fff;
  text-decoration:underline;
}

.simple-footer-legal{
  padding:11px 0 14px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#71869a;
  font-size:9px;
  line-height:1.45;
}

/* Neutralize obsolete public-footer layout rules from prior version */
.public-footer-top,
.public-footer-links,
.public-footer-contact,
.public-footer-bottom{
  display:none !important;
}

@media (max-width:980px){
  .simple-public-footer{
    grid-template-columns:1fr 1fr;
    align-items:start;
  }

  .simple-footer-message{
    text-align:left;
    justify-self:start;
  }

  .simple-footer-contact{
    grid-column:1 / -1;
    align-items:flex-start;
    text-align:left;
  }
}

@media (max-width:760px){
  .simple-public-footer{
    grid-template-columns:1fr;
    gap:17px;
    padding:23px 0 18px;
  }

  .simple-footer-message{
    max-width:100%;
  }

  .simple-footer-contact{
    grid-column:auto;
  }

  .simple-footer-legal{
    flex-direction:column;
    gap:5px;
  }

  .trust-strip p{
    font-size:13px;
  }

  .audience-list span{
    font-size:12px;
    padding:9px 13px;
  }
}

/* =========================================================
   OM SUITE 360 PUBLIC REFINEMENT v0.2.3
   Capability tags + CTA readability
   ========================================================= */

/* Capability tags: larger, easier to read, and better use of card space */
.cap-tags{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:24px;
}

.cap-tags span{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:6px;
  background:rgba(255,255,255,.045);
  color:#a9c0d3;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.55px;
}

/* Lower CTA: same clear primary-action treatment as header demo button */
.cta-panel .btn-light{
  background:var(--accent);
  border:1px solid var(--accent);
  color:#062133;
  font-weight:800;
  box-shadow:0 7px 20px rgba(15,88,116,.18);
}

.cta-panel .btn-light:hover{
  background:#3cbbdf;
  border-color:#3cbbdf;
  color:#062133;
}

@media (max-width:760px){
  .cap-tags{
    gap:8px;
    margin-top:20px;
  }

  .cap-tags span{
    min-height:36px;
    padding:7px 8px;
    font-size:9px;
  }
}

@media (max-width:440px){
  .cap-tags{
    grid-template-columns:1fr;
  }

  .cap-tags span{
    min-height:34px;
  }
}



/* =========================================================
   OM SUITE 360 PUBLIC REFINEMENT v0.2.4
   Current product positioning + tighter page rhythm
   ========================================================= */

/* Fixed header + anchor navigation should land on the actual section heading. */
section[id]{
  scroll-margin-top:92px;
}

/* Tighten the page without changing its established visual language. */
.hero{
  min-height:720px;
  padding:138px 0 82px;
}
.section{
  padding:78px 0;
}
.section-heading.centered{
  margin-bottom:34px;
}
.section-heading.split{
  margin-bottom:34px;
}
.model-section{
  padding-top:62px;
  padding-bottom:62px;
}
.cta-section{
  padding:0 0 58px;
}
.onboarding-grid{
  gap:62px;
}
.three-up{
  gap:14px;
}
.feature-principle{
  padding:25px 27px;
}
.capability-grid{
  gap:12px;
}
.cap-card{
  min-height:0;
  padding:22px;
}
.cap-card p{
  line-height:1.62;
}
.cap-tags{
  margin-top:18px;
}

/* Hero preview: visually mirrors the current product hierarchy without
   exposing a literal production screenshot or proprietary implementation. */
.app-window-current{
  background:#eef3f6;
}
.current-titlebar{
  height:54px;
  padding:0 14px;
}
.current-titlebar .app-org{
  gap:9px;
}
.current-titlebar .app-org strong{
  display:block;
  font-size:10px;
  margin:0;
}
.current-titlebar .app-org small{
  display:block;
  margin-top:2px;
  font-size:5.6px;
  letter-spacing:.7px;
}
.user-name{
  color:#d8e3eb;
  font-size:6.5px;
  font-weight:800;
}
.current-subnav{
  height:31px;
  display:flex;
  align-items:center;
  gap:20px;
  padding:0 16px;
  background:#102e48;
  color:#9db2c4;
  font-size:6.5px;
  font-weight:800;
}
.current-subnav span.active{
  color:#fff;
}
.current-main{
  padding:15px 16px 14px;
  background:#eef3f6;
}
.current-welcome{
  margin-bottom:10px;
}
.current-welcome small{
  display:block;
  color:#2a96ba;
  font-size:5.5px;
  font-weight:900;
  letter-spacing:.65px;
}
.current-welcome h3{
  margin:2px 0 1px;
  color:#112b44;
  font-size:14px;
  letter-spacing:-.3px;
}
.current-welcome p{
  margin:0;
  color:#7b8b99;
  font-size:6.3px;
}
.current-status-panel,
.current-modules-panel{
  padding:10px;
  border:1px solid #dce5eb;
  border-radius:8px;
  background:#fff;
}
.current-status-panel{
  margin-bottom:9px;
}
.current-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.current-panel-head small{
  display:block;
  color:#1597bd;
  font-size:5px;
  font-weight:900;
  letter-spacing:.55px;
}
.current-panel-head strong{
  display:block;
  margin-top:1px;
  color:#1a3348;
  font-size:8px;
}
.current-panel-head>span{
  color:#1a94bb;
  font-size:5.2px;
  font-weight:800;
}
.current-status-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.status-mini{
  min-height:47px;
  padding:7px 8px;
  border:1px solid #e0e8ed;
  border-radius:6px;
  background:#fafcfd;
}
.status-mini.available{
  border-left:3px solid #4aae6e;
}
.status-mini small{
  display:block;
  color:#718492;
  font-size:4.6px;
  font-weight:900;
  letter-spacing:.35px;
}
.status-mini strong{
  display:block;
  margin-top:3px;
  color:#17324a;
  font-size:8px;
  line-height:1.1;
}
.status-mini span{
  display:block;
  margin-top:3px;
  color:#8a98a4;
  font-size:4.8px;
}
.mini-progress{
  height:4px;
  overflow:hidden;
  border-radius:999px;
  background:#e4ebef;
}
.mini-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#22a6d5;
}
.current-module-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.current-module{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:6px;
  align-items:center;
  min-height:45px;
  padding:6px;
  border:1px solid #e0e8ed;
  border-radius:6px;
  background:#fafcfd;
}
.current-module>b{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid #cce4ef;
  border-radius:6px;
  background:#e8f6fb;
  color:#0783ad;
  font-size:6px;
}
.current-module p{
  margin:0;
  min-width:0;
}
.current-module p>strong{
  display:block;
  overflow:hidden;
  color:#233b50;
  font-size:6.4px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.current-module p>span{
  display:block;
  margin-top:3px;
  color:#84939f;
  font-size:4.8px;
}
.current-module em{
  color:#173a54;
  font-size:6px;
  font-style:normal;
  font-weight:900;
}
.current-footnote{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  padding-top:8px;
  color:#7f909e;
  font-size:4.9px;
}
.current-footnote span{
  position:relative;
}
.current-footnote span+span:before{
  content:"•";
  margin-right:12px;
  color:#55b4d2;
}

/* Platform positioning: keep the "who this is for" message inside the anchor target. */
.platform-section{
  position:relative;
}
.mission-callout{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:34px;
  align-items:center;
  margin-bottom:18px;
  padding:25px 28px;
  border:1px solid #dce6ed;
  border-radius:13px;
  background:linear-gradient(135deg,#fff,#f7fbfd);
  box-shadow:0 12px 34px rgba(19,42,66,.05);
}
.mission-callout small{
  color:#1595bb;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.2px;
}
.mission-callout h3{
  margin:6px 0 8px;
  color:#11263d;
  font-size:24px;
  line-height:1.18;
  letter-spacing:-.7px;
}
.mission-callout h3 strong{
  color:#168fb8;
}
.mission-callout p{
  margin:0;
  color:#66778a;
  font-size:13px;
  line-height:1.65;
}
.audience-list-featured{
  justify-content:flex-start;
  align-content:center;
}
.audience-list-featured span{
  background:#eef6f9;
  border-color:#d5e8ef;
  color:#47687a;
  font-size:10px;
}
.platform-principles{
  margin-top:14px;
}

/* Current capability presentation. */
.capability-grid-current{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}
.capability-grid-current .cap-card{
  display:flex;
  min-height:190px;
  flex-direction:column;
}
.capability-grid-current .cap-card h3{
  font-size:16px;
}
.capability-grid-current .cap-card p{
  flex:1;
  font-size:12.5px;
}
.capability-grid-current .cap-tags{
  margin-top:15px;
}
.capability-integration-note{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:14px;
  padding:15px 18px;
  border:1px solid rgba(100,201,229,.18);
  border-radius:9px;
  background:rgba(34,166,213,.07);
}
.capability-integration-note strong{
  flex:0 0 auto;
  color:#87d8ed;
  font-size:12px;
}
.capability-integration-note span{
  color:#9fb1c3;
  font-size:11px;
  line-height:1.55;
}

/* Reduce excess internal whitespace in the remaining established sections. */
.onboarding-benefits{
  margin-top:22px;
}
.wizard-card{
  margin:0;
}
.model-panel{
  padding:42px 46px;
}
.cta-panel{
  padding:40px 46px;
}

@media (max-width:980px){
  .hero{
    padding-top:126px;
  }
  .mission-callout{
    grid-template-columns:1fr;
    gap:18px;
  }
  .capability-grid-current{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:760px){
  section[id]{
    scroll-margin-top:76px;
  }
  .hero{
    padding:112px 0 62px;
  }
  .section{
    padding:58px 0;
  }
  .section-heading.centered,
  .section-heading.split{
    margin-bottom:26px;
  }
  .current-main{
    padding:12px 10px;
  }
  .current-status-grid,
  .current-module-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .current-footnote{
    display:none;
  }
  .mission-callout{
    padding:21px;
  }
  .mission-callout h3{
    font-size:21px;
  }
  .capability-grid-current{
    grid-template-columns:1fr;
  }
  .capability-grid-current .cap-card{
    min-height:0;
  }
  .capability-integration-note{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }
  .model-panel{
    padding:31px 23px;
  }
  .cta-panel{
    padding:31px 25px;
  }
}

@media (max-width:440px){
  .current-status-grid,
  .current-module-grid{
    grid-template-columns:1fr;
  }
  .status-mini:nth-child(n+5),
  .current-module:nth-child(n+5){
    display:none;
  }
  .user-name{
    display:none;
  }
  .mission-callout{
    padding:18px;
  }
}


/* =========================================================
   OM SUITE 360 PUBLIC REFINEMENT v0.2.5
   Guided onboarding reassurance + brand favicon
   ========================================================= */
.onboarding-specialist-note{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:14px;
  align-items:start;
  margin:22px 0 4px;
  padding:17px 18px;
  border:1px solid #d7e7ed;
  border-radius:10px;
  background:#f5fafc;
}
.onboarding-specialist-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #c8e3ed;
  border-radius:9px;
  background:#e5f5fa;
  color:#087fa9;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}
.onboarding-specialist-note strong{
  display:block;
  margin:1px 0 5px;
  color:#142d43;
  font-size:14px;
}
.onboarding-specialist-note p{
  margin:0;
  color:#647789;
  font-size:12px;
  line-height:1.62;
}
@media(max-width:520px){
  .onboarding-specialist-note{
    grid-template-columns:1fr;
  }
}

/* Public story page / footer link */
.footer-story-link{display:inline-block;margin-top:8px;color:#c7eaf5;font-weight:750;text-decoration:none;}
.footer-story-link:hover,.footer-story-link:focus-visible{color:#fff;text-decoration:underline;}
.story-main{padding:138px 0 90px;background:#f5f8fb;}
.story-hero{max-width:820px;margin:0 auto 34px;text-align:center;}
.story-hero .eyebrow{justify-content:center;color:#497084;}
.story-hero h1{margin:14px 0 12px;color:#102137;font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-2.4px;}
.story-hero p{margin:0;color:#66768a;font-size:17px;}
.story-card{max-width:900px;margin:0 auto;padding:44px 48px;background:#fff;border:1px solid #e1e8ef;border-radius:14px;box-shadow:0 18px 50px rgba(19,42,66,.07);}
.story-card h2{margin:30px 0 10px;color:#102137;font-size:25px;letter-spacing:-.6px;}
.story-card h2:first-child{margin-top:0;}
.story-card p{margin:0 0 16px;color:#526579;font-size:15.5px;line-height:1.78;}
.story-card .story-goal{margin-top:8px;padding:20px 22px;border-left:4px solid var(--accent);background:#f4f9fc;color:#17334b;font-size:17px;}
.story-founder{margin-top:25px!important;color:#738296!important;}
@media (max-width:760px){.story-main{padding:110px 0 65px}.story-card{padding:28px 23px}.story-hero{text-align:left}.story-hero .eyebrow{justify-content:flex-start}.story-hero h1{font-size:40px}}


/* OM Suite 360 public site v0.73.5.81 — current capability + release presentation */
.platform-version{white-space:nowrap;color:#8094a9}.capability-grid-current .cap-card{min-height:218px}.capability-grid-current .cap-tags span{line-height:1.25}.hero-points{max-width:670px}.simple-footer-legal{align-items:center}.simple-footer-message{max-width:590px}
@media(max-width:760px){.platform-version{white-space:normal}.simple-footer-legal{align-items:flex-start}}

/* v0.73.5.81 CSP-safe public progress indicator */
.mini-progress .progress-72{width:72%}