@font-face{font-family:Manrope;src:url('fonts/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--ink:#112237;--muted:#667384;--blue:#1764ef;--cyan:#08b8d8;--navy:#01040b;--app-panel:rgba(3,8,18,.32);--app-field:rgba(2,6,14,.22);--app-line:rgba(145,168,198,.18);--paper:#f4f6f9;--line:#dfe5ec;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--navy);font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;height:auto;display:block}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.1;letter-spacing:-.05em}h1{font-size:clamp(48px,6vw,88px)}h2{font-size:clamp(38px,4.1vw,60px)}h3{font-size:30px}p{color:var(--muted)}[hidden]{display:none!important}::selection{background:#b6e9ff;color:#112237}:focus-visible{outline:3px solid #3082ff;outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}.container{width:min(1240px,calc(100% - 112px));margin:0 auto}.narrow{max-width:800px}.section{padding:104px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;display:flex;align-items:center;gap:17px;color:var(--blue);margin-bottom:24px;line-height:1.6}.eyebrow>span{font-weight:400;color:#8996a6;letter-spacing:.06em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:54px;padding:16px 23px;color:#fff;background:var(--blue);border:1px solid var(--blue);border-radius:8px;font-size:13px;font-weight:650;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#064dcc;transform:translateY(-2px)}.button svg,.text-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}.button.secondary{background:transparent;color:var(--ink);border-color:#bfcbd7}.button.secondary:hover{background:#eaf0f7}.text-link{display:inline-flex;align-items:center;gap:23px;font-size:13px;font-weight:650;padding:12px 0}.text-link svg{transition:transform .2s}.text-link:hover{color:var(--blue)}.text-link:hover svg{transform:translateX(4px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-70px;z-index:100;background:var(--blue);color:#fff;padding:10px 20px}.skip-link:focus{top:10px}
/* Compact navy navigation; both marks are original approved logo assets. */
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:var(--navy);border-bottom:1px solid var(--app-line);color:#edf3fa}
.header-inner{height:52px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:block;width:140px;flex:none}
.brand img{width:100%}
.site-header nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:600}
.site-header nav>a{white-space:nowrap;position:relative}
.site-header nav>a:not(.nav-demo){padding:10px 0;color:#b6c3d3}
.site-header nav>a[aria-current=page],.site-header nav>a:hover{color:#77c7ff}
.nav-demo{border:1px solid #394c61;border-radius:6px;padding:8px 16px;margin-left:12px;display:flex;align-items:center;gap:23px;color:#edf3fa}
.nav-demo span{font-size:18px;line-height:1}
.nav-demo:hover{border-color:#77c7ff}
.menu-toggle{display:none;width:44px;height:44px;background:transparent;border:0;padding:10px;color:inherit}
.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
body:not([data-page=index]) main{padding-top:52px}
/* The original logo remains a single unmodified image inside the canvas scene. */
.intro-scroll{height:240vh;height:240svh;position:relative;background:var(--navy)}.intro-stage{position:sticky;top:0;height:100vh;height:100svh;min-height:0;overflow:hidden;background:var(--navy);isolation:isolate}.intro-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--navy);z-index:2}.intro-fallback img{width:min(38%,720px)}.intro-stage.intro-ready .intro-fallback{display:none}#intro-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.intro-reveal{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:110px 30px 70px;background:var(--navy);opacity:0}.intro-reveal .eyebrow{margin-bottom:30px}.intro-reveal h2{font-size:clamp(40px,5.5vw,80px);line-height:1.15;letter-spacing:-.055em}.intro-reveal h2 span{color:var(--blue)}.intro-reveal>p:not(.eyebrow){font-size:17px;line-height:1.85;margin-top:30px}.intro-reveal .button{margin-top:32px}.intro-stage>.intro-bottom{position:absolute;z-index:3;left:0;right:0;bottom:35px;width:min(1240px,calc(100% - 112px));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#8c9caf;font-size:11px;gap:24px}.intro-stage>.intro-bottom>a:first-child{color:#9fb0c3}.intro-stage>.intro-bottom>a:hover{color:#fff}.scroll-cue{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.15em}.scroll-cue svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1}.noscript-intro{padding:60px 0;background:var(--navy)}.noscript-intro .button{margin-top:30px}
/* Sequential product story on the same dark program background. */
.story-intro{padding:100px 0 55px;background:var(--navy)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:55px}.section-heading h2>span{color:#8492a2}.section-heading>p{font-size:15px;line-height:1.85;max-width:350px;padding-bottom:3px}.story-intro .section-heading{margin-bottom:0}.story-step{padding:80px 0;background:var(--navy)}.story-step:nth-of-type(even){background:var(--navy)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story-step.story-label-right .story-copy{order:2}.story-step.story-label-right .story-visual{order:1}.story-copy{max-width:475px}.story-copy h2{font-size:clamp(38px,3.7vw,54px);line-height:1.12}.story-copy>p:not(.eyebrow){font-size:15px;max-width:400px;margin-top:26px;line-height:1.9}.story-copy .text-link{margin-top:20px}.story-visual{background:var(--navy);border:1px solid #e1e7ee;border-radius:18px;overflow:hidden;padding:30px 32px;min-height:350px;position:relative}.story-step:nth-of-type(odd) .story-visual{background:#f6f8fb;border-color:#edf1f6}.visual-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.1em;font-weight:650;color:#6b7d92;gap:20px;margin-bottom:35px}.visual-note{border-top:1px solid #e2e8f0;padding-top:17px;margin-top:28px;font-size:10px;color:#8190a3}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.plan-head strong,.visual-title{font-size:18px;letter-spacing:-.025em;font-weight:650}.plan-head>span{font-size:9px;color:#7d8b9e}.distribution-list{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;font-size:11px}.distribution-list>div{display:flex;justify-content:space-between;gap:12px}.distribution-list span{display:flex;align-items:center;gap:9px;color:#738198}.distribution-list span i{display:block;width:6px;height:6px;border-radius:2px;background:var(--blue)}.distribution-list>div:nth-child(2) i{background:var(--cyan)}.distribution-list>div:nth-child(3) i{background:#86a7ce}.distribution-list>div:nth-child(4) i{background:#c4d3e3}.distribution-list strong{font-weight:650}.operation-line{display:flex;align-items:center;gap:16px;margin-bottom:14px;padding:15px 12px;background:var(--navy);border:1px solid #e4eaf0;border-radius:7px}.operation-line:last-of-type{margin-bottom:0}.op-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e2e8f0;border-radius:6px;color:#97a5b6;font-size:9px;flex:none}.operation-line>div{flex:1}.operation-line strong{font-size:12px;font-weight:650;display:block}.operation-line small{display:block;font-size:9px;color:#8b99a9;margin-top:3px}.status-pill{background:#f1f4f7;padding:4px 9px;border-radius:4px;color:#7f8ca0;font-size:8px}.status-pill.blue{background:#eaf1ff;color:var(--blue)}.comparison-bars{height:200px;display:flex;gap:30px;align-items:flex-end;padding-top:28px;margin-bottom:0}.comparison-bars>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px}.comparison-bars i{height:var(--bar);min-height:15px;width:100%;max-width:53px;border-radius:5px 5px 0 0;background:var(--blue)}.comparison-bars>div:nth-child(2) i{background:#28a0ed}.comparison-bars>div:nth-child(3) i{background:#4ebcda}.comparison-bars>div:nth-child(4) i{background:#a4c9de}.comparison-bars span{font-size:11px;font-weight:600;color:#55718d}.comparison-bars small{font-size:9px;color:#8191a3;white-space:nowrap}.report-sheet{border:1px solid #e1e8f0;background:var(--navy);border-radius:7px;padding:22px}.report-sheet-head{display:flex;justify-content:space-between;gap:15px}.report-sheet-head>div>span{font-size:7px;letter-spacing:.14em;color:#8a9aad;display:block;margin-bottom:7px}.report-sheet-head strong{font-size:15px;letter-spacing:-.02em;font-weight:650}.document-icon{width:30px;height:36px;border:1px solid #d8e4f1;border-radius:4px;color:#7da2d9;text-align:center}.report-line-chart{margin:27px 0 20px}.report-line-chart svg{width:100%}.chart-grid{stroke:#e7edf4;stroke-width:1;fill:none}.chart-line{stroke:#1764ef;stroke-width:3;fill:none;stroke-linejoin:round}.report-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e4eaf1;padding-top:15px;font-size:8px;color:#95a1b0}.budget-label{display:block;font-size:11px;color:#7c8b9e;margin-top:40px}.budget-total{font-size:40px;display:block;font-weight:600;letter-spacing:-.045em;margin-top:5px}.budget-progress{height:10px;background:#e4ebf3;border-radius:7px;margin:26px 0 21px;overflow:hidden}.budget-progress i{display:block;height:100%;width:70%;background:var(--blue);border-radius:7px}.budget-detail{display:flex;justify-content:space-between;gap:20px}.budget-detail span{font-size:10px;color:#8292a5;display:block}.budget-detail strong{font-size:17px;letter-spacing:-.02em;font-weight:650;display:block;margin-top:6px}.home-about{padding:120px 0}.home-about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.home-about h2 span{color:var(--blue)}.home-about-grid>div>p{font-size:17px;line-height:1.9}.home-about .text-link{margin-top:23px}.closing-section{padding:0 0 100px;background:var(--navy)}.closing-panel{padding:65px 60px;border-radius:22px;background:#edf4ff;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.closing-panel h2{font-size:clamp(36px,3.7vw,52px)}.closing-panel>div:last-child{justify-self:end}.closing-panel>div>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-bottom:25px}
/* Shared interior layouts; the navy theme is scoped below. */
.page-intro{padding:90px 0 70px;background:#f4f7fb}.page-intro h1{max-width:1100px}.page-intro h1 span{color:var(--blue)}.page-intro .intro-bottom{margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:35px}.page-intro .intro-bottom p{font-size:17px;line-height:1.85;max-width:590px}.page-intro .button{flex:none}.platform-showcase{padding:65px 0 10px;background:#f4f7fb}.workspace-frame{border-radius:18px;overflow:hidden;border:1px solid #cad4df;max-width:1070px;margin:0 auto;background:#0c1725;padding:9px}.workspace-frame img{border-radius:10px;width:100%}.image-note{text-align:center;font-size:10px;color:#8694a6;padding:20px}.platform-modules{border-top:1px solid var(--line)}.platform-modules>a{display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);padding:26px 0;transition:padding .2s,color .2s}.platform-modules>a>span{font-size:11px;color:#94a0ae}.platform-modules h3{font-size:28px;flex:1}.platform-modules svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3}.platform-modules>a:hover{color:var(--blue);padding-left:12px}.service-row{display:grid;grid-template-columns:70px 1fr 1.05fr;gap:40px;padding:52px 0;border-top:1px solid var(--line);scroll-margin-top:120px}.service-row:last-child{border-bottom:1px solid var(--line)}.service-number,.principle-number{font-size:11px;letter-spacing:.1em;color:#8a9bae}.service-title h3{font-size:36px}.service-copy p{font-size:15px;line-height:1.9;max-width:450px}.service-copy .text-link{margin-top:15px}.solutions-footer{background:#edf4ff}.solutions-footer .container{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.solutions-footer h2{font-size:48px}.solutions-footer p{font-size:14px;max-width:290px}.manifesto-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.manifesto-copy p{font-size:17px;line-height:1.9}.manifesto-copy p+p{margin-top:25px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principle-card{border-top:1px solid var(--line);padding-top:25px}.principle-card h3{font-size:27px;margin:35px 0 20px}.principle-card p{font-size:14px;line-height:1.85}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.contact-copy{padding-top:12px}.contact-copy h2{font-size:43px}.contact-copy p{font-size:15px;line-height:1.9;margin:25px 0}.contact-address{display:inline-flex;gap:20px;align-items:center;font-size:clamp(18px,1.8vw,26px);font-weight:600;letter-spacing:-.03em;color:var(--blue);border-bottom:1px solid #c3d8f6;padding:10px 0}.contact-panel{background:#f5f7fa;border:1px solid #e5ebf1;border-radius:16px;padding:42px}.contact-panel h3{font-size:30px;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:22px;min-width:0}.field label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;margin-bottom:9px;color:#536275}.field input,.field select,.field textarea{width:100%;max-width:100%;background:var(--navy);color:var(--ink);border:1px solid #dce4ed;border-radius:6px;padding:14px 13px;font-size:12px;line-height:1.5;min-height:47px;transition:border-color .2s}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#1764ef;box-shadow:0 0 0 3px #1764ef10}.field input::placeholder,.field textarea::placeholder{color:#a0abba}.field-hint{font-size:9px;color:#8d98a9;font-weight:400}.field label .field-hint{margin-left:auto}.form-actions{margin:24px 0 17px}.form-actions .button{width:100%;font-size:12px}.form-disclosure{font-size:10px;line-height:1.9;color:#8491a3}.form-disclosure a{text-decoration:underline;text-underline-offset:3px}.form-status{font-size:12px;color:var(--blue);line-height:1.8;margin-top:17px}.form-status:empty{display:none}.email-fallback{display:flex;flex-direction:column;align-items:flex-start;gap:14px;border-top:1px solid #dbe3ed;margin-top:24px;padding-top:20px}.email-fallback .text-link{font-size:11px}.email-fallback .button{font-size:11px;min-height:40px;padding:10px 15px}.email-fallback textarea{width:100%;font-size:12px;line-height:1.7;border:1px solid #dce4ed;padding:12px;border-radius:5px}.legal-page{padding-top:75px}.legal-page h1{font-size:56px;margin-bottom:30px}.legal-page h2{font-size:26px;margin:40px 0 16px}.legal-page p{font-size:15px;line-height:1.9}.legal-page .lead{font-size:20px}.legal-page a{color:var(--blue)}.legal-page .text-link{margin-top:30px}.error-page{min-height:60vh}.error-page h1{font-size:58px}.error-page p:not(.eyebrow){margin:25px 0}.site-footer{border-top:1px solid var(--line);background:var(--navy);padding:65px 0 0}.footer-main{display:grid;grid-template-columns:1fr .6fr 1fr;gap:50px;padding-bottom:65px}.footer-brand .brand{width:154px}.footer-brand p{font-size:14px;line-height:1.9;margin-top:22px}.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:flex-start}.footer-links>span,.footer-contact>span{font-size:8px;letter-spacing:.15em;color:#94a0ad;margin-bottom:22px}.footer-links>a{font-size:12px;color:#637389;margin-bottom:9px}.footer-contact>a:not(.button){font-size:23px;letter-spacing:-.035em;color:var(--ink)}.footer-contact .button{margin-top:22px;font-size:11px;min-height:44px;padding:12px 17px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0;font-size:9px;color:#9aa5b2}.footer-bottom>span:last-child{letter-spacing:.12em}
@media(min-width:1500px){.intro-reveal h2{font-size:86px}.story-grid{gap:120px}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.site-header nav{gap:20px;font-size:11px}.brand{width:134px}.nav-demo{margin-left:0;padding:10px 14px;gap:15px}.story-grid{gap:50px}.story-copy h2{font-size:43px}.story-visual{padding:26px;min-height:340px}.visual-heading{font-size:7px;gap:8px}.home-about-grid,.manifesto-copy{gap:60px}.contact-layout{gap:45px}.contact-panel{padding:30px}.service-row{grid-template-columns:40px .85fr 1fr;gap:28px}.intro-stage>.intro-bottom{width:calc(100% - 72px)}.closing-panel{padding:50px 40px;gap:45px}.footer-contact>a:not(.button){font-size:20px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.header-inner{height:50px}.brand{width:130px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:50px;left:0;right:0;padding:20px 24px 28px;background:var(--navy);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;font-size:14px}.site-header nav.is-open{display:flex}.site-header nav>a:not(.nav-demo){padding:13px 0;color:#b6c3d3}.site-header nav>a[aria-current=page]{color:#77c7ff}.site-header .nav-demo{color:#edf3fa;border-color:#394c61;justify-content:space-between;margin-top:15px}.site-header.over-intro:has(.is-open){background:var(--navy)}body:not([data-page=index]) main{padding-top:50px}.section{padding:75px 0}.story-grid{gap:32px}.story-copy h2{font-size:36px}.story-copy>p:not(.eyebrow){font-size:13px}.story-visual{padding:23px;min-height:320px}.plan-head strong,.visual-title{font-size:16px}.visual-heading{margin-bottom:26px}.distribution-list{font-size:9px;gap:12px 17px}.operation-line{padding:12px 8px;gap:9px}.operation-line strong{font-size:10px}.operation-line small{font-size:8px}.status-pill{font-size:7px;padding:3px 6px}.op-icon{width:24px;height:27px;font-size:8px}.budget-total{font-size:32px}.budget-detail strong{font-size:14px}.comparison-bars{gap:20px;height:180px}.report-sheet{padding:16px}.report-sheet-head strong{font-size:12px}.report-bottom{font-size:7px;gap:8px}.intro-reveal h2{font-size:58px}.intro-reveal>p:not(.eyebrow){font-size:15px}.intro-stage>.intro-bottom{width:calc(100% - 48px)}.intro-stage>.intro-bottom>a:first-child{font-size:9px}.scroll-cue{font-size:8px;gap:10px}.section-heading{gap:35px}.section-heading h2{font-size:42px}.section-heading>p{font-size:13px}.home-about-grid{gap:45px}.home-about h2{font-size:42px}.home-about-grid>div>p{font-size:15px}.closing-panel{padding:40px 32px;gap:30px}.closing-panel h2{font-size:37px}.closing-panel>div>p:not(.eyebrow){font-size:12px}.page-intro{padding:65px 0 50px}.page-intro h1{font-size:62px}.page-intro .intro-bottom p{font-size:15px}.service-title h3{font-size:30px}.service-copy p{font-size:14px}.service-row{grid-template-columns:30px .8fr 1.2fr}.manifesto-copy{gap:40px}.manifesto-copy h2{font-size:40px}.manifesto-copy p{font-size:15px}.principles-grid{gap:30px}.principle-card h3{font-size:23px}.principle-card p{font-size:13px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-copy{max-width:600px}.contact-copy p{margin:15px 0}.contact-address{font-size:24px}.contact-panel{padding:35px;max-width:100%}.footer-main{grid-template-columns:.8fr .6fr 1fr;gap:30px}.footer-contact>a:not(.button){font-size:17px}.footer-brand .brand{width:134px}.footer-brand p{font-size:12px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.header-inner{height:48px}.brand{width:122px}.site-header nav{top:48px;padding-left:20px;padding-right:20px}body:not([data-page=index]) main{padding-top:48px}.intro-scroll{height:220vh;height:220svh}.intro-stage{min-height:0}.intro-reveal{padding:95px 24px 80px}.intro-reveal .eyebrow{font-size:8px;margin-bottom:24px}.intro-reveal h2{font-size:clamp(32px,8.1vw,50px);line-height:1.18}.intro-reveal>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:23px}.intro-reveal>p>br{display:none}.intro-reveal .button{margin-top:26px;font-size:12px;min-height:50px}.intro-stage>.intro-bottom{width:calc(100% - 40px);bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.intro-stage>.intro-bottom .scroll-cue{grid-column:1/-1;grid-row:1;justify-content:center;padding-bottom:18px;font-size:8px}.intro-stage>.intro-bottom>a:first-child{font-size:9px}.section{padding:60px 0}.eyebrow{font-size:9px;gap:14px;margin-bottom:20px}.story-intro{padding:65px 0 30px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:35px;line-height:1.15}.section-heading>p{margin-top:22px;font-size:13px;line-height:1.9}.story-step{padding:52px 0}.story-grid{grid-template-columns:1fr;gap:30px}.story-step .story-copy,.story-step .story-visual{order:initial!important}.story-copy{max-width:100%}.story-copy h2{font-size:38px;line-height:1.13}.story-copy>p:not(.eyebrow){font-size:14px;margin-top:20px;line-height:1.85;max-width:100%}.story-copy .text-link{font-size:12px;margin-top:15px}.story-visual{padding:25px;min-height:0;border-radius:13px}.visual-heading{font-size:8px;margin-bottom:28px}.plan-head strong,.visual-title{font-size:17px}.distribution-list{font-size:10px;gap:13px 20px}.visual-note{font-size:9px;margin-top:25px;padding-top:15px}.operation-line{padding:14px 11px;gap:12px}.operation-line strong{font-size:11px}.operation-line small{font-size:9px}.op-icon{width:28px;height:28px}.status-pill{font-size:8px}.comparison-bars{height:190px;gap:24px}.comparison-bars small{font-size:8px}.budget-label{margin-top:25px}.budget-total{font-size:37px}.budget-detail strong{font-size:16px}.report-sheet{padding:18px}.report-sheet-head strong{font-size:14px}.home-about{padding:65px 0}.home-about-grid{grid-template-columns:1fr;gap:25px}.home-about h2{font-size:38px}.home-about-grid>div>p{font-size:14px;line-height:1.9}.home-about .text-link{font-size:12px;margin-top:18px}.closing-section{padding:0 0 60px}.closing-panel{padding:35px 26px;grid-template-columns:1fr;gap:25px;border-radius:15px}.closing-panel h2{font-size:34px}.closing-panel>div:last-child{justify-self:start}.closing-panel>div>p:not(.eyebrow){font-size:13px;margin-bottom:22px}.button{font-size:12px;min-height:50px;padding:14px 20px}.page-intro{padding:48px 0 40px}.page-intro h1{font-size:clamp(37px,9.4vw,57px);line-height:1.14}.page-intro .intro-bottom{display:block;margin-top:25px}.page-intro .intro-bottom p{font-size:14px;line-height:1.9}.page-intro .button{margin-top:25px}.platform-showcase{padding-top:30px}.workspace-frame{border-radius:10px;padding:4px}.workspace-frame img{border-radius:6px}.image-note{font-size:8px;padding:15px 0}.platform-modules>a{padding:23px 0;gap:20px}.platform-modules>a>span{font-size:9px}.platform-modules h3{font-size:23px}.platform-modules svg{width:20px;height:20px}.service-row{grid-template-columns:30px 1fr;gap:15px 20px;padding:32px 0}.service-number{font-size:10px;padding-top:5px}.service-title h3{font-size:29px}.service-title br{display:none}.service-copy{grid-column:2}.service-copy p{font-size:13px}.service-copy .text-link{font-size:11px;margin-top:12px}.solutions-footer .container{display:block}.solutions-footer h2{font-size:36px}.solutions-footer p{margin-top:20px;font-size:13px}.solutions-footer .button{margin-top:25px}.manifesto-copy{grid-template-columns:1fr;gap:27px}.manifesto-copy h2{font-size:36px}.manifesto-copy p{font-size:14px}.manifesto-copy p+p{margin-top:20px}.principles-grid{grid-template-columns:1fr;gap:30px}.principle-card{padding-top:22px}.principle-number{font-size:10px}.principle-card h3{font-size:27px;margin:20px 0 15px}.principle-card p{font-size:14px}.contact-copy h2{font-size:36px}.contact-copy p{font-size:14px}.contact-address{font-size:23px}.contact-panel{padding:27px 22px;border-radius:12px}.contact-panel h3{font-size:28px;margin-bottom:26px}.form-row{grid-template-columns:1fr;gap:0}.field{margin-bottom:20px}.field label{font-size:11px}.field input,.field select,.field textarea{font-size:16px;padding:13px}.form-actions .button{font-size:11px;padding:14px;gap:20px}.form-disclosure{font-size:10px}.legal-page h1{font-size:40px}.legal-page h2{font-size:24px}.legal-page .lead{font-size:18px}.legal-page p{font-size:14px}.error-page h1{font-size:39px}.error-page p:not(.eyebrow){font-size:14px}.site-footer{padding-top:45px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 25px;padding-bottom:40px}.footer-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand .brand{width:130px}.footer-brand p{margin:0;font-size:11px}.footer-links>span,.footer-contact>span{font-size:7px;letter-spacing:.1em;margin-bottom:16px}.footer-links>a{font-size:11px}.footer-contact>a:not(.button){font-size:14px}.footer-contact .button{font-size:10px;padding:10px 12px;gap:12px;margin-top:17px;min-height:40px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:14px 20px;padding:20px 0}.footer-bottom>span:last-child{width:100%;font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}

@media(max-width:900px){.site-header nav{max-height:calc(100svh - 50px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:650px){.site-header nav{max-height:calc(100svh - 48px)}}
@media(max-height:560px){.intro-reveal{padding:85px 24px 28px}.intro-reveal .eyebrow{margin-bottom:12px;font-size:8px}.intro-reveal h2{font-size:clamp(29px,5vw,46px)}.intro-reveal>p:not(.eyebrow){font-size:12px;line-height:1.6;margin-top:15px}.intro-reveal .button{margin-top:17px;min-height:40px;padding:10px 17px;font-size:11px}.intro-stage>.intro-bottom{bottom:14px}.intro-stage>.intro-bottom .scroll-cue{padding-bottom:4px}.intro-stage>.intro-bottom{gap:7px}}

@media(max-width:599px){.intro-fallback img{width:66%}}

/* Original MEDAI program colors, used across every page and the opening reveal. */
/* A single, visible downward cue replaces the opening email and text. */
.intro-stage>.intro-bottom.intro-navigation{
  display:flex;justify-content:center;align-items:center;gap:0;
  width:100%;bottom:max(28px,env(safe-area-inset-bottom));pointer-events:none;
}
.intro-stage>.intro-navigation>.intro-arrow{
  display:grid;place-items:center;flex:none;width:54px;height:68px;
  padding:0;border:1px solid #cde8ff40;border-radius:30px;
  color:#e3f4ff;background:#ffffff05;pointer-events:auto;
  transition:border-color .2s,background .2s;
}
.intro-stage>.intro-navigation>.intro-arrow:hover,
.intro-stage>.intro-navigation>.intro-arrow:focus-visible{
  color:#fff;border-color:#a9dfff;background:#ffffff0d;
}
.intro-arrow svg{
  width:30px;height:38px;fill:none;stroke:currentColor;
  stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
  animation:intro-arrow-down 1.9s ease-in-out infinite;
}
@keyframes intro-arrow-down{
  0%,100%{transform:translateY(-4px);opacity:.8}
  55%{transform:translateY(6px);opacity:1}
}
@media(max-width:650px){
  .intro-stage>.intro-bottom.intro-navigation{bottom:max(22px,env(safe-area-inset-bottom))}
  .intro-stage>.intro-navigation>.intro-arrow{width:48px;height:60px}
}
@media(max-height:560px){
  .intro-stage>.intro-bottom.intro-navigation{bottom:max(12px,env(safe-area-inset-bottom))}
  .intro-stage>.intro-navigation>.intro-arrow{height:50px;width:46px}
  .intro-arrow svg{height:30px}
}
@media(prefers-reduced-motion:reduce){.intro-arrow svg{animation:none;transform:none;opacity:1}}

body{
  --ink:#edf3fa;
  --muted:#a5b5c7;
  --line:var(--app-line);
  --paper:var(--app-panel);
  --accent:#75baff;
  color-scheme:dark;
  background:var(--navy);
}
body .page-intro,
body .platform-showcase{background:var(--navy);border-color:var(--line)}
body .page-intro h1 span,
body .eyebrow,
body .text-link:hover,
body .platform-modules>a:hover,
body .form-status,
body .legal-page a{color:var(--accent)}
body .section-heading>p,
body .eyebrow>span{color:var(--muted)}
body .workspace-frame{background:var(--app-panel);border-color:var(--app-line)}
body .closing-section{background:transparent}
body .closing-panel,
body .solutions-footer{background:var(--app-panel)}
body .contact-panel{background:var(--app-panel);border-color:var(--line)}
body .field label{color:#d2deec}
body .field input,
body .field select,
body .field textarea,
body .email-fallback textarea{background:var(--app-field);color:var(--ink);border-color:#35485e}
body .field input:focus,
body .field select:focus,
body .field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #75baff20}
body .field input::placeholder,
body .field textarea::placeholder{color:#8c9db1}
body .field-hint,
body .form-disclosure,
body .image-note{color:#a5b5c7}
body .contact-address{color:var(--accent);border-color:#354e69}
body .email-fallback{border-color:var(--line)}
body .button.secondary{color:var(--ink);border-color:#47627d}
body .button.secondary:hover{background:#173049}
body .site-footer{background:var(--navy)}
body .footer-links>a,
body .footer-bottom{color:#a5b5c7}

/* The reveal and every home section continue the same dark surface. */
.intro-scroll,.intro-stage,.intro-reveal,.noscript-intro,
.story-intro,.story-step,.story-step:nth-of-type(even),.home-about{background:var(--navy)}
.intro-reveal h2 span,.home-about h2 span{color:var(--accent)}
.section-heading h2>span{color:var(--muted)}
.story-visual,.story-step:nth-of-type(odd) .story-visual{
  background:var(--app-panel);border-color:var(--app-line);border-radius:12px;
}
.operation-line,.report-sheet{background:var(--app-field);border-color:var(--app-line)}
.visual-note,.report-bottom{border-color:var(--app-line)}
.visual-heading,.visual-note,.plan-head>span,.distribution-list span,
.operation-line small,.comparison-bars span,.comparison-bars small,
.report-sheet-head>div>span,.report-bottom,.budget-label,.budget-detail span{color:var(--muted)}
.status-pill{background:#ffffff08;color:#b9c9db}
.status-pill.blue{background:#75baff12;color:var(--accent)}
.op-icon,.document-icon{border-color:var(--app-line);color:#9fc2e4}
.chart-grid{stroke:var(--app-line)}
.chart-line{stroke:var(--accent)}
.budget-progress{background:#a5b5c714}
/* Light borders and translucent fills keep the form and panels understated. */
body .contact-panel{background:var(--app-panel);border-color:var(--app-line);border-radius:12px}
.contact-panel h3{font-size:28px;font-weight:450}
body .field input,body .field select,body .field textarea,body .email-fallback textarea{
  background:transparent;border-color:#b8cde329;border-radius:5px;
}
body .field input:hover,body .field select:hover,body .field textarea:hover{border-color:#b8cde34d}
body .field input:focus,body .field select:focus,body .field textarea:focus{
  border-color:#75baff99;box-shadow:0 0 0 2px #75baff0c;
}
/* Keep browser autofill available without its solid colored input surface. */
body .field input:-webkit-autofill,
body .field input:-webkit-autofill:hover,
body .field input:-webkit-autofill:focus{
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:var(--ink);caret-color:var(--ink);
}
body .field input:autofill{
  background-clip:text;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);
}
/* Compact portrait demo form with one clear field per row. */
.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,450px);gap:64px;max-width:1080px}
body .contact-panel{width:100%;max-width:450px;justify-self:end;padding:27px}
.contact-panel h3{font-size:24px;line-height:1.2;margin-bottom:22px}
.contact-panel .form-row{grid-template-columns:1fr;gap:0}
.contact-panel .field{margin-bottom:15px}
.contact-panel .field label{margin-bottom:6px;font-size:11px}
.contact-panel .field input,.contact-panel .field select,.contact-panel .field textarea{padding:11px 12px;min-height:44px;font-size:12px}
.contact-panel .field textarea{min-height:84px}
.contact-panel .form-actions{margin:18px 0 12px}
.contact-panel .form-actions .button{min-height:44px;padding:11px 15px;font-size:11px}
.contact-panel .form-disclosure{font-size:10px;line-height:1.7}
.required-mark{color:var(--accent);font-weight:650}
@media(max-width:900px){
  .contact-layout{grid-template-columns:1fr;gap:28px;max-width:450px}
  body .contact-panel{justify-self:start}
}
@media(max-width:650px){
  body .contact-panel{padding:23px 20px}
  .contact-panel h3{font-size:23px}
  .contact-panel .field input,.contact-panel .field select,.contact-panel .field textarea{font-size:16px}
}

/* A narrow full-width footer with a centered original mark. */
.site-footer.footer-compact{padding:12px 0}
.footer-shell{width:calc(100% - 48px);margin-inline:auto}
.footer-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px 24px;min-height:32px}
.footer-bar .footer-logo{grid-column:2;grid-row:1;width:108px;justify-self:center}
.footer-meta{grid-column:1;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:2px 14px;font-size:9px;line-height:1.6;color:var(--muted);min-width:0}
.footer-meta a{display:inline-flex;align-items:center;min-height:32px}
.footer-meta a:hover{color:var(--accent)}
.footer-actions{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:0 20px;min-width:0}
.footer-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:0 14px;margin:0;font-size:10px;color:var(--muted)}
.footer-nav a{display:inline-flex;align-items:center;min-height:32px;white-space:nowrap}
.footer-email{display:inline-flex;align-items:center;min-height:32px;font-size:10px;color:#b3c2d3;white-space:nowrap}
.footer-nav a:hover,.footer-email:hover{color:var(--accent)}
@media(max-width:1100px){
  .footer-bar{row-gap:2px}
  .footer-actions{display:contents}
  .footer-nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:0 22px}
  .footer-email{grid-column:3;grid-row:1;justify-self:end}
}
@media(max-width:480px){
  .site-footer.footer-compact{padding:10px 0}
  .footer-shell{width:calc(100% - 32px)}
  .footer-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 16px}
  .footer-bar .footer-logo{grid-column:1/-1;grid-row:1;width:102px;margin-bottom:3px}
  .footer-meta{grid-column:1;grid-row:2;align-items:flex-start;flex-direction:column;gap:0}
  .footer-email{grid-column:2;grid-row:2;font-size:9px}
  .footer-nav{grid-column:1/-1;grid-row:3;gap:0 16px;font-size:10px}
}

/* One MEDAI program, with its smaller working areas connected beside it. */
.medai-system{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:100px;align-items:center;position:relative}
.medai-core{position:relative;padding:48px 38px;background:var(--app-panel);border:1px solid var(--app-line);border-radius:14px}
.medai-core:after{content:'';position:absolute;left:100%;top:50%;width:61px;height:1px;background:#36546f}
.medai-core .eyebrow{margin-bottom:34px;font-size:10px}
.medai-core>img{width:100%;max-width:320px;margin-bottom:38px}
.medai-core h3{font-size:clamp(26px,2.7vw,38px);line-height:1.18;letter-spacing:-.04em}
.medai-core>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:22px}
.medai-core .button{margin-top:30px;font-size:12px;gap:20px}
.medai-areas{position:relative;display:grid;gap:12px}
.medai-areas-heading{font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:8px}
.medai-area{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;padding:21px 24px;border:1px solid var(--app-line);background:rgba(5,18,38,.22);border-radius:10px;scroll-margin-top:92px}
.medai-area:before{content:'';position:absolute;right:100%;top:50%;width:40px;height:1px;background:#36546f}
.medai-area:after{content:'';position:absolute;left:-41px;top:-13px;bottom:-1px;width:1px;background:#36546f}
.medai-area:first-of-type:after{top:50%}
.medai-area:last-of-type:after{bottom:50%}
.area-index{font-size:10px;line-height:24px;color:#74b6ea}
.medai-area h3{font-size:21px;line-height:1.2;letter-spacing:-.035em}
.medai-area p{font-size:12px;line-height:1.8;margin-top:8px}
@media(max-width:1100px){
  .medai-system{gap:72px}
  .medai-core{padding:36px 28px}
  .medai-core:after{width:37px}
  .medai-area:before{width:36px}
  .medai-area:after{left:-37px}
  .medai-area{padding:19px 20px;gap:10px}
}
@media(max-width:900px){
  .medai-system{grid-template-columns:1fr;gap:45px;max-width:700px;margin-inline:auto}
  .medai-core{padding:38px 32px}
  .medai-core>img{max-width:290px}
  .medai-core:after{left:28px;top:100%;height:46px;width:1px}
  .medai-core h3{font-size:34px}
  .medai-core h3 br{display:none}
  .medai-areas{padding-left:56px}
  .medai-areas-heading{font-size:10px}
  .medai-area:before{width:28px}
  .medai-area:after{left:-29px}
  .medai-area:first-of-type:after{top:-46px}
}
@media(max-width:650px){
  .medai-core{padding:30px 25px;border-radius:14px}
  .medai-core .eyebrow{margin-bottom:25px}
  .medai-core>img{max-width:260px;margin-bottom:28px}
  .medai-core h3{font-size:30px}
  .medai-core>p:not(.eyebrow){font-size:13px}
  .medai-core .button{font-size:11px;padding:13px 16px}
  .medai-areas{padding-left:40px}
  .medai-core:after{left:16px}
  .medai-area{padding:18px 16px;grid-template-columns:20px minmax(0,1fr);gap:8px}
  .medai-area:before{width:24px}
  .medai-area:after{left:-25px}
  .medai-area h3{font-size:20px}
  .medai-area p{font-size:12px}
}

/* Section names share the headline size and sit midway along alternating edges. */
.story-step{--story-title-size:clamp(38px,3.7vw,54px)}
.story-step .story-copy h2{font-size:var(--story-title-size)}
.story-shell{position:relative}
.story-shell>.story-label{display:block;margin:0 0 28px;font-size:var(--story-title-size);font-weight:500;line-height:1.12;letter-spacing:-.05em;color:var(--accent);gap:0}
.story-label-right .story-label{text-align:right}
@media(min-width:1101px){
  .story-shell{width:min(1240px,calc(100% - 192px))}
  .story-shell>.story-label{position:absolute;top:50%;margin:0;writing-mode:vertical-rl;white-space:nowrap;text-align:center}
  .story-label-left .story-label{right:calc(100% + 24px);transform:translateY(-50%) rotate(180deg)}
  .story-label-right .story-label{left:calc(100% + 24px);transform:translateY(-50%)}
}
@media(max-width:1100px){.story-step{--story-title-size:43px}}
@media(max-width:900px){.story-step{--story-title-size:36px}}
@media(max-width:650px){
  .story-step{--story-title-size:38px}
  .story-shell>.story-label{margin-bottom:22px}
}
/* Product examples sit directly on the page with only a quiet outline. */
.story-step .story-visual,.story-step:nth-of-type(odd) .story-visual{background:transparent;border-color:rgba(145,168,198,.12);box-shadow:none}
.story-step .operation-line,.story-step .report-sheet{background:transparent;border-color:rgba(145,168,198,.12)}

/* Quiet chart tones keep the data readable without a multicolor surface. */
.story-step{--chart-one:#7e91a6;--chart-two:#536b80;--chart-three:#a0adbb;--chart-four:#465869}
.story-step .distribution-list>div:nth-child(1) i{background:var(--chart-one)}
.story-step .distribution-list>div:nth-child(2) i{background:var(--chart-two)}
.story-step .distribution-list>div:nth-child(3) i{background:var(--chart-three)}
.story-step .distribution-list>div:nth-child(4) i{background:var(--chart-four)}
.story-step .chart-line{stroke:#8b9fb3}
.story-step .budget-progress i{background:#7e91a6}
.story-step .status-pill.blue{color:#adbac9;background:rgba(145,168,198,.06)}

/* The introduction and compact demo form share a single contact section. */
body[data-page=iletisim] .contact-hero{padding:64px 0;border-bottom:0}
.contact-hero .contact-layout{max-width:1240px;grid-template-columns:minmax(0,1fr) minmax(0,450px);gap:clamp(48px,6vw,80px);align-items:center}
.contact-hero-copy{min-width:0;align-self:center}
.contact-hero .contact-hero-copy h1{font-size:clamp(52px,5.6vw,84px);line-height:1.08;letter-spacing:-.055em;color:var(--ink)}
@media(max-width:900px){
  body[data-page=iletisim] .contact-hero{padding:48px 0}
  .contact-hero .contact-layout{grid-template-columns:1fr;gap:36px;max-width:600px}
  .contact-hero-copy{align-self:start}
  .contact-hero .contact-panel{justify-self:start}
}
@media(max-width:650px){
  .contact-hero .contact-hero-copy h1{font-size:clamp(40px,10vw,56px)}
}

/* Media shares use a hollow pie chart with the existing restrained palette. */
.distribution-chart{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:24px;margin-top:24px;
}
.distribution-donut{
  position:relative;flex:0 1 184px;width:184px;max-width:100%;aspect-ratio:1;
}
.distribution-donut svg{display:block;width:100%;height:auto}
.distribution-chart .distribution-list{
  flex:1 1 132px;min-width:0;grid-template-columns:1fr;gap:17px;
}
.distribution-chart .distribution-list strong{font-variant-numeric:tabular-nums}

.story-visual.visual-plan{min-height:0;--chart-five:#657d93;--chart-six:#bdc7d2}

/* Finance connects invoice documents to the media operation. */
.story-visual.visual-finance{min-height:0}
.finance-title strong{font-size:18px;font-weight:650;letter-spacing:-.025em}
.finance-invoices{list-style:none;padding:0;margin:26px 0}
.finance-invoices li{
  display:flex;align-items:center;gap:12px;padding:20px 0;
  border-bottom:1px solid var(--app-line);
}
.finance-invoices li:first-child{border-top:1px solid var(--app-line)}
.finance-invoices li>svg{
  width:24px;height:28px;flex:none;fill:none;stroke:#8b9fb3;
  stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;
}
.finance-invoice-copy{min-width:0;flex:1}
.finance-invoice-copy strong{display:block;font-size:12px;font-weight:600}
.finance-invoice-copy>span{display:block;margin-top:6px;font-size:9px;line-height:1.6;color:var(--muted)}
.finance-state{
  font-size:9px;white-space:nowrap;color:#adbac9;
  padding:5px 7px;border:1px solid var(--app-line);border-radius:4px;
}
.finance-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}
.finance-flow>strong{font-size:12px;letter-spacing:.08em;font-weight:650;color:var(--ink)}
.finance-flow>svg{width:18px;height:18px;flex:none;fill:none;stroke:#62778c;stroke-width:1.4}
@media(max-width:900px){
  .finance-invoices li{gap:8px}
  .finance-invoices li>svg{width:20px;height:24px}
  .finance-invoice-copy strong{font-size:11px}
  .finance-state{font-size:8px;padding:5px}
}

/* The top navigation was removed; no reserved header space remains. */
body:not([data-page=index]) main{padding-top:0}
