/* Approved reference composition: light hero, layered product art, operating pillars,
   audience cards and a connected workflow. Functional controls remain native elements. */
.home-page{background:#f6f9fb;color:#102b3d}.home-page .section{padding-block:2.5rem}.home-page h2{font-size:clamp(1.8rem,2.7vw,2.55rem);max-width:none;letter-spacing:-.04em}.home-page h3{font-size:1.3rem}.home-page .eyebrow{font-size:.85rem;letter-spacing:.16em;color:#005256}.reference-hero{position:relative;isolation:isolate;padding:clamp(2rem,4vw,3.75rem) 0 1.5rem;background:radial-gradient(ellipse at 75% 50%,#d5e9f2 0,transparent 60%),linear-gradient(130deg,#fff 10%,#eef6fa 80%);overflow:clip}.reference-hero::after{content:"";position:absolute;inset:auto -10% -3rem -10%;height:12rem;background:repeating-radial-gradient(ellipse at 25% 160%,transparent 0 14px,#c2dde955 15px 16px,transparent 17px 25px);z-index:-1;pointer-events:none;transform:rotate(4deg)}.reference-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.4fr);gap:2rem;align-items:center}.hero-message{position:relative;z-index:1;max-width:32rem}.hero-message h1{font-size:clamp(3.1rem,5.25vw,5.1rem);line-height:1.01;letter-spacing:-.05em;margin-bottom:1rem;color:#071c2c;text-wrap:initial;max-width:none}.hero-message h1 span{color:#005c66}.hero-message .eyebrow{margin-bottom:.75rem}.hero-message .hero-promise{font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.23;font-weight:700;letter-spacing:-.025em;color:#071c2c;margin-bottom:1rem}.hero-message>p:not(.eyebrow):not(.hero-promise){line-height:1.55;font-size:1.05rem;color:#153346}.hero-message .actions{gap:.6rem}.hero-message .button{font-size:1rem;padding:.75rem 1rem}.button span[aria-hidden]{margin-left:.6rem}
.product-scene{position:relative;margin:0;min-width:0}.preview-dashboard{display:grid;grid-template-columns:7rem minmax(0,1fr);border:1px solid #9ab1bd;border-radius:.8rem;overflow:hidden;background:#f1f6f9;box-shadow:0 1.5rem 3rem #12344f25;transform:perspective(1000px) rotateY(-5deg) rotateZ(-1.5deg);transform-origin:center}.preview-sidebar{background:linear-gradient(150deg,#073e51,#08263d);color:#fff;padding:.85rem .65rem}.preview-sidebar .preview-brand{display:flex;align-items:center;gap:.35rem;font-size:1.15rem;margin:0 0 1rem}.preview-sidebar ul{list-style:none;padding:0;margin:0;font-size:.875rem;line-height:1.5}.preview-sidebar li{padding:.35rem .2rem;margin:0}.preview-sidebar li:first-child{background:#0f5a6b;border-radius:.2rem}.preview-content{padding:1rem;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-bottom:1px solid #c2d1da;padding-bottom:.75rem;font-size:.875rem;color:#314b5c}.sample-tag{display:inline-block;font-weight:700;font-size:.875rem;padding:.15rem .45rem;border:1px solid #627e8c;border-radius:.25rem;color:#153346;background:#fff}.preview-content>h2{font-size:1.2rem;margin:.8rem 0}.preview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0 0 .8rem}.preview-metrics>div{background:#fff;border:1px solid #b9cbd5;border-radius:.4rem;padding:.6rem .5rem}.preview-metrics dt{font-size:.875rem;line-height:1.35;color:#173649}.preview-metrics dd{font-size:1.65rem;font-weight:700;color:#071c2c;margin:.3rem 0 0;line-height:1}.preview-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.preview-chart{background:#fff;border:1px solid #b9cbd5;border-radius:.4rem;padding:.75rem;min-width:0}.home-page .preview-chart h3,.home-page .preview-floating h3{font-size:1rem;letter-spacing:-.02em;margin:0 0 .75rem}.project-status{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.status-ring{width:6.25rem;height:6.25rem;border-radius:50%;background:conic-gradient(#007781 0 76%,#76c5ce 76% 90%,#e5b038 90% 97%,#b33631 97%);display:grid;place-items:center;flex-shrink:0}.status-ring>span{display:grid;place-items:center;align-content:center;width:4.7rem;height:4.7rem;border-radius:50%;background:#fff;line-height:1.2}.status-ring strong{font-size:1.4rem}.status-ring small{font-size:.875rem;color:#153346}.project-status dl{margin:0;flex:1 1 6rem}.project-status dl>div{display:flex;justify-content:space-between;gap:.4rem;font-size:.875rem}.project-status dd{margin:0;font-weight:700}.severity-bars{list-style:none;padding:0;margin:0;display:grid;gap:.7rem;font-size:.875rem}.severity-bars li{display:grid;grid-template-columns:3.5rem minmax(0,1fr) 1.5rem;gap:.3rem;align-items:center}.bar-track{height:.8rem;border-radius:.15rem;background:#eef3f6;overflow:hidden}.bar-track i{height:100%;display:block;background:#aa2828}.severity-bars li:nth-child(2) i{background:#b35308}.severity-bars li:nth-child(3) i{background:#9b7400}.severity-bars li:nth-child(4) i{background:#007781}.severity-bars strong{font-size:.875rem;text-align:right}
.preview-floating{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr 1fr;gap:.75rem;margin:-1.1rem -.5rem 0 6rem;align-items:stretch}.preview-findings,.preview-report{background:#fff;border:1px solid #a3bdca;border-radius:.6rem;padding:.9rem;box-shadow:0 .8rem 1.75rem #173e5629;min-width:0}.preview-findings table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.4}.preview-findings th,.preview-findings td{text-align:left;padding:.35rem;border-bottom:1px solid #d4e1e8;vertical-align:top;font-weight:400}.preview-findings thead th{color:#314b5c}.preview-findings td{color:#005256;font-weight:700}.preview-report>div{border:1px solid #c3d5df;background:#f0f6f8;padding:.75rem;display:grid;gap:.55rem}.preview-report .suite-icon{width:2rem;height:2rem}.preview-report strong{font-size:1rem;line-height:1.3}.preview-report span{font-size:.875rem;color:#314b5c;line-height:1.4}.product-scene figcaption{font-size:.875rem;color:#314b5c;margin:.85rem 0 0 6rem;line-height:1.5}.hero-art{margin:0;position:relative}.hero-art img{display:block;width:100%;height:auto}.hero-art figcaption{color:#314b5c;font-size:.875rem;line-height:1.5;margin-top:.5rem}.hero-concept-description{font-size:.9375rem;margin:.65rem 0 0}.hero-concept-description .product-scene{max-width:64rem}.hero-concept-description .preview-dashboard{transform:none}.hero-concept-description[open]{grid-column:1/-1}
.operation-section{padding:1rem 0 0;background:linear-gradient(#eef6fa,#f6f9fb)}.operation-panel{background:#ffffffee;border:1px solid #d0dfe7;border-radius:1.4rem;padding:2rem 2.5rem;box-shadow:0 .5rem 2rem #183e5207}.operation-panel h2{margin-bottom:.5rem}.operation-intro{font-size:1.15rem;color:#18394c}.operation-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem;margin-top:2rem}.operation-pillars article{display:flex;gap:1rem;align-items:center;min-width:0}.operation-pillars article+article{border-left:1px solid #b6cbd6;padding-left:1.75rem}.pillar-icon{display:grid;place-items:center;flex-shrink:0;width:5rem;height:5rem;border-radius:50%;background:#d7f1f4;color:#00606b}.pillar-icon .suite-icon{width:2.5rem;height:2.5rem}.operation-pillars h3{margin:0 0 .35rem}.operation-pillars p{margin:0;color:#18394c;line-height:1.5}.audience-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:end;margin-bottom:1.3rem}.audience-heading .eyebrow{color:#071c2c}.audience-heading h2{margin:0}.audience-heading>p{margin:0;color:#18394c;max-width:48ch}.audience-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.audience-card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:1.25rem;padding:.6rem;border:1px solid #c6d8e2;border-radius:1rem;background:#fff;align-items:stretch;min-width:0}.audience-card>img{width:100%;height:100%;min-height:15rem;max-height:23rem;object-fit:cover;border-radius:.6rem}.audience-card>div{padding:.5rem .6rem .5rem 0;align-self:center;min-width:0}.audience-card .suite-icon{width:2rem;height:2rem;color:#00606b;margin-bottom:.6rem}.audience-card h3{font-size:1.25rem;margin-bottom:.5rem;letter-spacing:-.035em}.audience-card p{color:#18394c;margin-bottom:.8rem;font-size:1rem;line-height:1.5}.audience-card .button{font-size:1rem;min-height:2.9rem;padding:.45rem .8rem}.home-page .connection-section{background:radial-gradient(ellipse at 95% 40%,#0c4056,transparent 70%),#06283f;position:relative;color:#fff;padding-block:2.5rem}.connection-section::before{position:absolute;inset:0;content:"";background:repeating-radial-gradient(ellipse at 0 110%,transparent 0 16px,#318fa01c 17px 18px,transparent 19px 28px);pointer-events:none}.connection-section .container{position:relative}.connection-section h2{color:#fff;margin-bottom:.6rem}.connection-section .eyebrow{color:#a2edf0}.connection-section>div>p:not(.eyebrow){color:#eff8fc}.connection-steps{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1rem;margin:1.75rem 0 0;padding:0}.connection-steps li{position:relative;background:#fff;color:#071c2c;border:1px solid #c8dee8;border-radius:.5rem;padding:1rem .6rem .8rem;text-align:center;min-width:0;margin:0}.connection-steps li:not(:last-child)::after{content:'→';position:absolute;left:calc(100% + .2rem);top:40%;color:#96f2f3;font-weight:700;font-size:1.15rem}.connection-steps .suite-icon{display:block;width:2rem;height:2rem;margin:0 auto .6rem;color:#005c66}.home-page .connection-steps h3{font-size:1rem;letter-spacing:-.035em;margin-bottom:.4rem}.connection-steps p{font-size:.9375rem;line-height:1.4;margin:0;color:#153346}.connection-foundation{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:1.5rem 0 0;margin:1.4rem 0 0;border-top:2px solid #71d8e0;gap:1rem}.connection-foundation li{display:grid;place-items:center;gap:.45rem;margin:0;font-size:1rem;font-weight:700;text-align:center;color:#fff}.connection-foundation .suite-icon{width:2rem;height:2rem;color:#9febed}.connection-section .connection-note{font-size:.875rem;line-height:1.5;max-width:100ch;margin:1.5rem 0 0}.principles-section{background:#f5f8fa;padding-block:1.75rem}.principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem}.principles-grid article{display:flex;gap:.8rem;min-width:0}.principles-grid article+article{border-left:1px solid #b9cdd8;padding-left:1.5rem}.principles-grid .suite-icon{width:2rem;height:2rem;flex-shrink:0;color:#00606b}.home-page .principles-grid h2{font-size:1rem;letter-spacing:-.02em;margin-bottom:.4rem;line-height:1.3}.principles-grid p,.principles-grid a{font-size:.9375rem;line-height:1.5;margin:0}.principles-grid a{display:inline-block;padding-block:.35rem;color:#005256}
@media(min-width:110rem){.hero-message h1{font-size:5.6rem}}
@media(max-width:75rem){.reference-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:1.5rem}.hero-message h1{font-size:3.75rem}.preview-dashboard{grid-template-columns:5.8rem minmax(0,1fr)}.preview-sidebar{padding:.6rem .5rem}.preview-sidebar ul{font-size:.8125rem}.preview-content{padding:.7rem}.preview-floating{margin-left:3rem}.product-scene figcaption{margin-left:3rem}.preview-charts{grid-template-columns:minmax(0,1fr)}.preview-chart:last-child{display:none}.preview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-panel{padding:1.75rem}.operation-pillars{gap:1rem}.operation-pillars article+article{padding-left:1rem}.pillar-icon{width:4rem;height:4rem}.audience-card{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:1rem}.connection-steps{gap:.8rem}.home-page .connection-steps h3{font-size:.9375rem}}
@media(max-width:60rem){.reference-hero-grid{grid-template-columns:minmax(0,1fr)}.hero-message{max-width:45rem}.hero-message h1{font-size:4rem;max-width:20ch}.hero-message h1 br{display:none}.hero-message h1 br::after{content:' '}.hero-message h1 span{display:block}.hero-message h1{line-height:1.08}.product-scene{max-width:45rem;margin-inline:auto}.preview-dashboard{grid-template-columns:7rem minmax(0,1fr);transform:rotate(-1deg)}.preview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-chart:last-child{display:block}.audience-heading{grid-template-columns:1fr;gap:1rem}.audience-cards{grid-template-columns:minmax(0,1fr)}.audience-card{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.operation-pillars{grid-template-columns:minmax(0,1fr);gap:1rem}.operation-pillars article+article{border:0;border-top:1px solid #b6cbd6;padding:1rem 0 0}.operation-pillars article{align-items:flex-start}.connection-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.connection-steps li::after{display:none}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principles-grid article+article{border:0;padding:0}}
@media(max-width:40rem){.hero-message h1{font-size:clamp(2.75rem,11vw,4rem)}.hero-message h1 span,.hero-message h1 br{display:inline}
.hero-message h1 br::after{content:none}.hero-message .actions{flex-direction:column}.reference-hero{padding-top:1.75rem}.operation-panel{padding:1.25rem;border-radius:.8rem}.operation-intro{font-size:1.05rem}.audience-card{grid-template-columns:minmax(0,1fr)}.audience-card>img{height:12rem;min-height:0;max-height:none}.audience-card>div{padding:.65rem}.preview-sidebar{display:none}.preview-dashboard{display:block;transform:none}.preview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-charts{grid-template-columns:minmax(0,1fr)}.preview-chart:last-child{display:block}.preview-floating{margin:.75rem 0 0;grid-template-columns:minmax(0,1fr)}.product-scene figcaption{margin-left:0}.connection-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-foundation{grid-template-columns:repeat(3,minmax(0,1fr))}.principles-grid{grid-template-columns:minmax(0,1fr)}.hero-concept-description .product-scene{max-width:100%}.hero-art{margin-inline:-.25rem}}
@media(forced-colors:active){.reference-hero,.operation-section,.connection-section{background:Canvas!important;color:CanvasText!important}.reference-hero::after,.connection-section::before{display:none}.hero-message h1,.hero-message h1 span,.hero-message .hero-promise,.connection-section h2,.connection-section .eyebrow,.connection-section p{color:CanvasText!important}.preview-dashboard,.operation-panel,.audience-card,.connection-steps li{border:2px solid CanvasText;box-shadow:none}.pillar-icon{border:1px solid CanvasText}.connection-foundation{border-color:CanvasText}}

.hero-concept-description{border:0;background:transparent;padding:0}.hero-concept-description summary{padding:.45rem 0;font-size:.875rem;color:#153346}.hero-message h1 span{color:#005256}

.reference-hero{background-color:#d5e9f2}.preview-sidebar{background-color:#08263d}.home-page details.hero-concept-description{border:0;padding:0;background:transparent}.home-page details.hero-concept-description summary{padding:.45rem 0;font-size:.875rem}@media(min-width:40.01rem){.audience-card>img{height:18rem;min-height:0;max-height:none}}

.preview-sidebar .preview-brand img{display:block;width:100%;height:auto;background:#fff;border-radius:.2rem}

.preview-sidebar .preview-brand img{background:transparent}

/* Shared sampled brand teal, used only for the large hero heading. */
.hero-message h1 span{color:#0190A5}

/* Clip the illustration to its physical frame/cards; remove generated exterior haze. */
.hero-art>img{clip-path:polygon(11.4% 14.4%,11.7% 12.7%,13% 12%,28.4% 10.1%,88.8% 3.7%,89.9% 4.2%,90.5% 5.8%,90.5% 63.5%,91.9% 63.8%,92.9% 65.1%,93% 94.4%,92.5% 96.5%,91.2% 97%,64.2% 95.1%,63% 94%,62.5% 92%,61.5% 93.5%,60% 93.5%,24.4% 90.5%,23% 89.8%,22.8% 88%,22.8% 73%,13% 72.7%,11.6% 71.5%,11.4% 69.5%)}

.dashboard-art-frame{display:block;filter:drop-shadow(0 2px 1px rgba(18,52,79,.18)) drop-shadow(0 12px 16px rgba(18,52,79,.14))}.dashboard-art-frame>img{display:block;width:100%;height:auto;clip-path:polygon(11.4% 14.4%,11.7% 12.7%,13% 12%,28.4% 10.1%,88.8% 3.7%,89.9% 4.2%,90.5% 5.8%,90.5% 63.5%,91.9% 63.8%,92.9% 65.1%,93% 94.4%,92.5% 96.5%,91.2% 97%,64.2% 95.1%,63% 94%,62.5% 92%,61.5% 93.5%,60% 93.5%,24.4% 90.5%,23% 89.8%,22.8% 88%,22.8% 73%,13% 72.7%,11.6% 71.5%,11.4% 69.5%)}

/* Product aspiration, explicitly labeled; no customer attribution. */
.aspiration-section{padding-block:1.75rem}.aspiration-panel{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid #57798c;border-left:5px solid #e6b740;border-radius:.75rem;background:#0b2033;color:#fff}.home-page .aspiration-panel .eyebrow{font-size:.875rem;line-height:1.5;color:#a2edf0;letter-spacing:.08em;margin-bottom:1rem}.aspiration-panel blockquote{margin:0}.aspiration-panel blockquote p{font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.5;font-weight:600;max-width:none;margin:0;color:#fff}.aspiration-panel blockquote p::before,.aspiration-panel blockquote p::after{content:none}@media(forced-colors:active){.aspiration-panel{background:Canvas;border-color:CanvasText}.home-page .aspiration-panel .eyebrow,.aspiration-panel blockquote p{color:CanvasText}}

/* A restrained raised edge for the Home H1; teal fill carries contrast itself. */
.home-page .hero-message h1 span{color:#007e91;text-shadow:0 -1px 0 #fff,0 1px 0 #075269,0 2px 0 rgba(7,28,44,.12)}
@media(forced-colors:active){.home-page .hero-message h1 span{color:CanvasText!important;text-shadow:none}}