@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#122e60;--muted:#516585;--paper:#fff;--soft:#eff5ff;--line:#dae5f5;--accent:#e4efff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans',sans-serif}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.14;margin:0 0 24px;letter-spacing:-.045em}h1{font-size:clamp(44px,5.6vw,82px);font-weight:500}h2{font-size:clamp(34px,4vw,54px);font-weight:500}h3{font-size:26px;font-weight:600}h4{font-size:20px}p{margin:0 0 20px}a{color:inherit;text-underline-offset:5px}a,button{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #245ee8;outline-offset:6px}img{max-width:100%;display:block}button{font:inherit}header{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:1320px;margin:auto;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:700;text-decoration:none;letter-spacing:-.04em;font-size:21px}.brand span{color:#71818b}.links{display:flex;gap:32px;font-size:14px;font-weight:600}.links a{text-decoration:none}.links a:hover{text-decoration:underline}.wrap{max-width:1320px;padding:0 48px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;margin-bottom:26px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;padding-top:68px;padding-bottom:76px;align-items:center}.hero p{font-size:19px;max-width:550px;color:var(--muted)}.hero .name{font-size:16px;color:var(--ink);margin:0 0 18px;font-weight:600}.portrait{position:relative}.portrait img{width:100%;height:590px;object-fit:cover;object-position:50% 22%;border-radius:3px}.portrait-note{position:absolute;bottom:22px;left:-24px;background:var(--accent);padding:17px 23px;font-size:14px;line-height:1.5}.portrait-note b{display:block}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:32px;align-items:center;background:var(--ink);color:white;padding:15px 23px;border-radius:3px;text-decoration:none;font-size:14px;font-weight:600}.button:hover{background:#295066}.text-link{font-size:14px;font-weight:600}.proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:30px}.proof strong{display:block;font:500 30px Manrope,sans-serif;letter-spacing:-.04em}.proof span{font-size:14px;color:var(--muted)}section{padding:88px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-top h2{margin:0}.section-top p{max-width:350px;color:var(--muted);margin:0}.projects{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.project{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;overflow:hidden}.project-image{background:#e5edf6;padding:30px;min-height:315px;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;box-shadow:0 10px 30px #18324810}.project-body{padding:30px}.tag{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.project h3{margin:12px 0 16px}.project p{color:var(--muted)}.project .text-link{display:inline-block;margin-top:8px}.pending{background:var(--soft)}.pending-top{min-height:315px;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.big-number{font:400 110px Manrope,sans-serif;letter-spacing:-.08em;color:#a5b6c0}.pending .status{font-size:13px;width:fit-content;padding:5px 12px;border:1px solid #b0c0ca;border-radius:30px}.dark{background:var(--ink);color:white}.dark p{color:#c4d2da}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:45px}.capabilities article{border-top:1px solid #637782;padding-top:28px}.capabilities .num{font-size:13px;color:var(--accent);display:block;margin-bottom:35px}.capabilities h3{font-size:24px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.about p{color:var(--muted)}.timeline{border-top:1px solid var(--line)}.job{display:grid;grid-template-columns:1fr auto;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.job strong{display:block}.job span,.job time{font-size:14px;color:var(--muted)}.contact{background:var(--accent);padding:64px 0}.contact .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{margin:0;max-width:650px;font-size:42px}.contact p{margin:15px 0 0}.contact a{white-space:nowrap}footer{padding:28px 0;font-size:13px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:20px}.case-hero{padding:58px 0 50px}.back{font-size:14px;display:inline-block;margin-bottom:38px}.case-hero h1{max-width:1000px;font-size:clamp(40px,5.5vw,74px)}.case-intro{font-size:21px;max-width:850px;color:var(--muted)}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.case-meta small{display:block;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}.case-meta span{font-size:14px}.case-banner{background:#e6edf5;padding:40px}.case-banner img{max-height:510px;margin:auto;object-fit:contain}.caption{font-size:13px;color:var(--muted);margin-top:14px;margin-bottom:0}.case-nav{display:flex;gap:28px;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid var(--line);font-size:14px}.case-nav a{text-decoration:none}.case-section{display:grid;grid-template-columns:230px 1fr;gap:65px;padding:70px 0;border-bottom:1px solid var(--line)}.case-label{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.case-content{max-width:840px}.case-content h2{font-size:40px}.case-content p{color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.callout{background:var(--soft);padding:30px;margin:30px 0}.callout p:last-child{margin:0}.callout h3{font-size:23px}.quote{font:500 29px/1.4 Manrope,sans-serif;letter-spacing:-.025em;border-left:4px solid #3777fa;padding:8px 0 8px 26px;margin:32px 0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.metric{background:var(--soft);padding:23px}.metric strong{display:block;font:500 38px Manrope,sans-serif;margin-bottom:9px}.metric span{font-size:14px;color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:14px;margin:25px 0}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft)}.table-scroll{overflow-x:auto}.steps{counter-reset:step;list-style:none;padding:0}.steps li{padding:20px 0;border-top:1px solid var(--line)}.steps strong{display:block;margin-bottom:6px}.steps p{margin:0}.small{font-size:14px!important}.sources{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.return{padding:48px 0;display:flex;justify-content:space-between;gap:24px;align-items:center}.return p{margin:0;color:var(--muted)}@media(max-width:950px){.wrap{padding:0 28px}.nav{padding:20px 28px}.hero{gap:35px}.portrait img{height:520px}.hero h1{font-size:52px}.projects{grid-template-columns:1fr 1fr}.project-image,.pending-top{min-height:240px}.case-section{grid-template-columns:150px 1fr;gap:30px}.about{gap:35px}.contact .wrap{align-items:start;flex-direction:column}.contact h2{font-size:36px}}@media(max-width:650px){.nav{padding:18px 20px}.brand{font-size:18px}.links{gap:18px}.links .desktop{display:none}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;padding-top:42px;gap:35px;padding-bottom:48px}.hero h1{font-size:48px}.hero p{font-size:17px}.portrait img{height:460px;object-position:50% 22%}.portrait-note{left:12px;bottom:16px}.proof{gap:15px}.proof strong{font-size:25px}.proof span{font-size:12px}.section-top{display:block}.section-top p{margin-top:20px}section{padding:56px 0}.projects,.capabilities,.about,.two-col{grid-template-columns:1fr}.project-image{min-height:0;padding:22px}.pending-top{min-height:190px}.capabilities{gap:25px}.capabilities .num{margin-bottom:20px}.about{gap:25px}.case-meta{grid-template-columns:1fr 1fr}.case-banner{padding:16px}.case-section{display:block;padding:44px 0}.case-label{margin-bottom:24px}.case-content h2{font-size:32px}.case-intro{font-size:18px}.metric-grid{grid-template-columns:1fr}.metric{display:flex;gap:24px;align-items:center}.metric strong{min-width:95px;margin:0}.quote{font-size:24px}.case-nav{gap:18px}.return{align-items:start;flex-direction:column}footer .wrap{flex-direction:column;gap:6px}.contact h2{font-size:33px}.job{grid-template-columns:1fr}.job time{font-size:12px}.table-scroll table{min-width:450px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Blue and white visual direction */
header{background:#ffffffee;border-color:#e5edfa}.brand span{color:#2864e9}.links{padding:8px 18px;border:1px solid #edf1f9;border-radius:40px;box-shadow:0 3px 12px #1c4b9210;gap:26px}.hero{position:relative;background:radial-gradient(ellipse at 34% 40%,#e7f2ffb8,transparent 68%);border-radius:28px}.hero h1{color:#123069}.portrait img{border-radius:24px;box-shadow:0 20px 60px #254b811a}.portrait-note{background:#ffffffec;border:1px solid #dfeaff;border-radius:18px;box-shadow:0 10px 35px #2457a31c;color:#153c7b}.button{background:#245ee8;border-radius:40px;box-shadow:0 5px 18px #245ee820}.button:hover{background:#1948be}.proof{border-color:#e4ecf9}.proof strong{color:#245ee8}.project{border-radius:22px;box-shadow:0 8px 30px #15386c08}.project-image{background:linear-gradient(140deg,#f6faff,#dfecff)}.pending{background:#f7faff}.pending-top{background:radial-gradient(ellipse at 65% 40%,#d9e8ff,transparent 75%)}.big-number{color:#a7c0eb}.pending .status{background:#ffffffb8;border-color:#d3e1f8;color:#355888}.dark{background:#f3f7ff;color:var(--ink)}.dark p{color:var(--muted)}.capabilities article{border-color:#cbdcf6}.capabilities .num{color:#2864e9}.contact{background:radial-gradient(ellipse at 15% 80%,#d9e9ff,transparent 70%),#f2f7ff;border-top:1px solid #e2ebfa}.case-banner{background:linear-gradient(130deg,#f3f8ff,#e2edff);border-radius:24px}.callout,.metric{border-radius:18px}.case-nav a:hover{color:#245ee8}.toolkit{position:relative;background:radial-gradient(ellipse at 23% 36%,#dceaffb0,transparent 48%),radial-gradient(ellipse at 85% 68%,#dcefffa0,transparent 50%),#fff;overflow:hidden}.toolkit:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#5d8ad80b 1px,transparent 1px),linear-gradient(90deg,#5d8ad80b 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);pointer-events:none}.toolkit .wrap{position:relative}.toolkit-heading{text-align:center;max-width:670px;margin:0 auto 46px}.toolkit-heading .eyebrow{color:#245ee8}.toolkit-heading h2{font-size:clamp(36px,4.5vw,60px)}.toolkit-heading p{max-width:540px;margin:auto;color:var(--muted);font-size:18px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}.tool-card{background:#ffffffeb;backdrop-filter:blur(10px);border:1px solid #e1eafa;padding:32px;border-radius:24px;box-shadow:0 10px 30px #1d4a8c09}.tool-card:nth-child(even){transform:translateY(18px)}.tool-number{display:block;color:#356fdf;font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:20px}.tool-card h3{font-size:24px;margin-bottom:12px}.tool-card p{color:var(--muted);font-size:15px}.tool-pills{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.tool-pills li{font-size:14px;line-height:1.4;padding:10px 15px;background:#f4f8ff;border:1px solid #e0eafd;border-radius:30px;color:#234e91}.tool-pills li:first-child{background:#e7efff;border-color:#ccdfff;color:#174fbf;font-weight:600}@media(max-width:650px){.links{gap:13px;padding:7px 10px;font-size:12px}.brand{font-size:17px}.tool-grid{grid-template-columns:1fr}.tool-card:nth-child(even){transform:none}.tool-card{padding:26px}.toolkit-heading p{font-size:16px}.toolkit-heading{margin-bottom:30px}.portrait img{border-radius:20px}.portrait-note{border-radius:14px}.hero{border-radius:0}.nav{gap:8px}}

@media(max-width:650px){.nav{flex-wrap:wrap;justify-content:center}.brand{font-size:20px;flex-basis:100%;text-align:center}.links{font-size:14px;gap:22px;padding:7px 18px}}

/* Fictional, proportion-preserving interface showcase */
.project-image{padding:0;text-decoration:none;display:block;overflow:hidden}.utility-showcase{background:radial-gradient(ellipse at 75% 35%,#bfd9ff80,transparent 55%),linear-gradient(135deg,#f2f7ff,#e2edff);padding:32px 28px 24px;color:#173563;width:100%;container-type:inline-size}.showcase-kicker{font-size:11px;letter-spacing:.15em;font-weight:700;color:#547099;margin-bottom:24px}.screen-stage{position:relative;padding:12px 48px 35px 0;max-width:820px;margin:auto}.desktop-screen{background:#fff;border:1px solid #d1e0f5;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px #254e8d1c;transform:rotate(-3deg);width:90%;}.window-chrome{padding:10px 12px;background:#f9fbff;border-bottom:1px solid #e5edfa;display:flex;gap:4px;align-items:center}.window-chrome i{height:5px;width:5px;border-radius:50%;background:#bdcce1}.window-chrome span{font-size:8px;margin:auto}.dashboard-body{display:flex;min-height:230px}.dashboard-menu{width:26%;padding:20px 12px;background:#f7faff;display:flex;flex-direction:column;gap:15px;font-size:8px;flex-shrink:0}.dashboard-menu b{letter-spacing:.12em;font-size:10px;margin-bottom:12px}.dashboard-menu .selected{color:#2763de;font-weight:700}.dashboard-main{padding:22px 18px;width:74%}.dashboard-title{font-size:16px;font-weight:700;letter-spacing:-.035em}.dashboard-sub{font-size:8px;color:#607492;margin:4px 0 16px}.balance-box{padding:15px 12px;border-radius:10px;background:#eaf2ff;display:flex;align-items:center;justify-content:space-between;gap:8px}.balance-box small,.mobile-balance small{font-size:8px;display:block}.balance-box strong{display:block;font-size:22px;letter-spacing:-.04em}.mock-action{background:#2d64df;color:white;padding:7px 10px;border-radius:6px;font-size:8px;white-space:nowrap}.dashboard-label{font-size:10px;font-weight:700;margin:16px 0 6px}.account-row,.usage-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf2fa;padding:9px 0;font-size:8px;gap:10px}.usage-row{color:#4e6b95;border:0}.mobile-screen{position:absolute;right:4px;bottom:0;width:29%;background:#fff;border:5px solid #183767;border-radius:23px;box-shadow:0 20px 30px #1a407a26;padding:12px 11px;transform:rotate(6deg)}.mobile-top{font-size:7px;display:flex;justify-content:space-between;margin-bottom:18px}.mobile-greeting{font-size:16px;font-weight:700;letter-spacing:-.04em}.mobile-caption{font-size:8px;color:#6d809e;margin:3px 0 12px}.mobile-balance{padding:12px 9px;background:#edf4ff;border-radius:10px}.mobile-balance strong{font-size:22px;display:block;letter-spacing:-.04em;margin:4px 0 12px}.mobile-balance .mock-action{display:block;text-align:center}.mobile-item{font-size:8px;display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #ebf0f8}.mobile-bottom{font-size:6px;text-align:center;color:#5c7294;margin-top:19px}.showcase-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;font-size:14px;font-weight:600}.showcase-foot small{font-size:10px;color:#647c9f;font-weight:400}.case-banner{padding:0;overflow:hidden;border:1px solid #e1ebfa}.case-banner .utility-showcase{padding:40px 9% 30px}.case-banner .caption{padding:0 30px 25px;background:#edf4ff;margin:0}.case-banner .screen-stage{padding-bottom:50px}.case-banner .dashboard-body{min-height:350px}.case-banner .dashboard-main{padding:35px}.case-banner .dashboard-title{font-size:25px}.case-banner .dashboard-sub,.case-banner .dashboard-menu,.case-banner .account-row,.case-banner .usage-row{font-size:12px}.case-banner .balance-box strong{font-size:34px}.case-banner .mobile-screen{padding:22px 18px}.case-banner .mobile-greeting{font-size:23px}.case-banner .mobile-balance strong{font-size:30px}.case-banner .mobile-item{font-size:12px;padding:15px 0}.case-banner .mobile-caption{font-size:11px}.case-banner .mobile-bottom{font-size:9px}.case-banner .mobile-top{font-size:10px}.case-banner .mock-action{font-size:11px}.case-banner .balance-box small,.case-banner .mobile-balance small{font-size:11px}.case-banner .dashboard-label{font-size:13px}.tool-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-pills li,.tool-pills li:first-child{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;border-radius:16px;padding:20px 8px;background:#fff;border:1px solid #e3ebf8;min-height:112px;font-size:13px;color:#24466f;font-weight:500;box-shadow:0 5px 15px #18407305}.tool-pills img{width:30px;height:30px;object-fit:contain}.tool-pills li:hover{background:#f5f9ff}.other-tools{font-size:13px!important;margin:18px 0 0!important;color:#5d7090!important}
@media(max-width:650px){.utility-showcase{padding:22px 16px}.screen-stage{padding-right:25px}.desktop-screen{width:92%}.dashboard-menu{padding:14px 7px;gap:12px}.dashboard-main{padding:15px 10px}.dashboard-title{font-size:12px}.dashboard-body{min-height:220px}.balance-box{padding:10px 8px}.balance-box strong{font-size:18px}.mock-action{padding:6px;font-size:7px}.mobile-screen{width:32%;padding:10px 7px;border-width:4px;border-radius:19px}.mobile-greeting{font-size:13px}.mobile-balance{padding:10px 6px}.mobile-balance strong{font-size:18px}.mobile-item{font-size:7px}.showcase-foot{flex-direction:column;align-items:start;gap:5px;font-size:13px}.case-banner .utility-showcase{padding:24px 14px}.case-banner .dashboard-body{min-height:225px}.case-banner .dashboard-main{padding:16px 10px}.case-banner .dashboard-title{font-size:13px}.case-banner .dashboard-sub,.case-banner .dashboard-menu,.case-banner .account-row,.case-banner .usage-row{font-size:8px}.case-banner .balance-box strong{font-size:19px}.case-banner .mobile-screen{padding:10px 7px}.case-banner .mobile-greeting{font-size:14px}.case-banner .mobile-balance strong{font-size:19px}.case-banner .mobile-item{font-size:8px;padding:10px 0}.case-banner .mobile-caption,.case-banner .mobile-top{font-size:8px}.case-banner .mobile-bottom{font-size:6px}.case-banner .mock-action{font-size:7px}.case-banner .balance-box small,.case-banner .mobile-balance small{font-size:8px}.case-banner .dashboard-label{font-size:10px}.case-banner .caption{padding:0 18px 20px;font-size:12px}.tool-pills{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Enterprise case study: an illustrative planning interface */
.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project-image{height:410px;display:flex;align-items:center;background:#edf4ff}.project-image .utility-showcase,.project-image .planning-showcase{height:100%;display:flex;flex-direction:column;justify-content:center}.planning-showcase{padding:32px 28px 24px;width:100%;background:radial-gradient(ellipse at 20% 40%,#d3e5ff,transparent 60%),linear-gradient(130deg,#edf6ff,#e7ebfc);color:#173563}.planning-stage{position:relative;max-width:820px;margin:auto;width:100%;padding:10px 35px 45px 0}.planning-screen{width:96%;background:white;border:1px solid #ccdaf0;border-radius:12px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 16px 38px #163e7820}.planning-header{padding:18px 18px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.planning-header b{font-size:17px;letter-spacing:-.035em}.planning-header>span{font-size:8px;color:#657995}.planning-steps{display:flex;gap:10px;font-size:7px;padding:0 18px 14px;color:#74839b}.planning-steps .active{color:#245ee8;font-weight:700}.planning-steps .complete{color:#35557e}.planning-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 18px 14px}.planning-summary div{background:#f1f6ff;border-radius:7px;padding:9px}.planning-summary small{font-size:7px;display:block;color:#61769b}.planning-summary b{font-size:16px;display:block}.forecast-table{margin:0 18px 12px}.forecast-row{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:8px;align-items:center;font-size:8px;padding:9px 6px;border-bottom:1px solid #e9eff8}.forecast-heading{font-size:7px;color:#7384a1}.forecast-row.changed{background:#edf3ff}.review-state{color:#55719b;font-size:7px}.changed .review-state{color:#285bcd;font-weight:700}.planning-bottom{padding:8px 18px 14px;font-size:7px;color:#71829e;display:flex;gap:12px;justify-content:space-between}.planning-bottom span{color:#245ee8}.planning-note{position:absolute;bottom:8px;right:0;width:37%;background:#fff;border:1px solid #c9dafa;border-radius:13px;padding:17px 14px;box-shadow:0 13px 30px #183f8020;transform:rotate(5deg)}.note-eyebrow{display:block;font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:#4875c8;margin-bottom:7px}.planning-note strong{font-size:17px;display:block;letter-spacing:-.03em}.planning-note p{font-size:8px;line-height:1.6;color:#637897;margin:6px 0 10px}.note-change{display:flex;justify-content:space-between;gap:8px;background:#edf4ff;padding:7px;font-size:8px;border-radius:6px}.note-comment{font-size:7px;margin-top:11px;color:#3a619a}.note-comment span{color:#7384a0}.planning-banner .planning-showcase{padding:40px 9% 30px}.planning-banner .planning-header{padding:28px 28px 15px}.planning-banner .planning-header b{font-size:27px}.planning-banner .planning-header>span{font-size:12px}.planning-banner .planning-steps{font-size:12px;padding:0 28px 22px;gap:22px}.planning-banner .planning-summary{margin:0 28px 20px;gap:18px}.planning-banner .planning-summary div{padding:15px}.planning-banner .planning-summary small{font-size:11px}.planning-banner .planning-summary b{font-size:26px}.planning-banner .forecast-table{margin:0 28px 20px}.planning-banner .forecast-row{font-size:12px;padding:14px 10px}.planning-banner .forecast-heading,.planning-banner .review-state{font-size:11px}.planning-banner .planning-bottom{font-size:11px;padding:10px 28px 24px}.planning-banner .planning-note{padding:24px;width:32%}.planning-banner .planning-note strong{font-size:25px}.planning-banner .planning-note p{font-size:12px}.planning-banner .note-eyebrow{font-size:10px}.planning-banner .note-change{font-size:12px;padding:10px}.planning-banner .note-comment{font-size:11px}.journey-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0;border-top:1px solid #d6e2f5;border-bottom:1px solid #d6e2f5}.journey-strip>div{padding:22px 14px;border-right:1px solid #d6e2f5}.journey-strip>div:last-child{border-right:0}.journey-strip span{display:block;font-size:12px;color:#2864e9;margin-bottom:10px}.journey-strip strong{display:block;font-size:16px}.journey-strip p{font-size:14px;margin:10px 0 0;line-height:1.6}.project-body{flex:1}.project-body h3{min-height:88px}@media(max-width:950px){.project-image{height:360px}.planning-showcase{padding:25px 18px}.planning-stage{padding-right:16px}.planning-note{width:39%;padding:12px 10px}.project-body h3{min-height:0}.journey-strip{grid-template-columns:repeat(2,1fr)}.journey-strip>div:nth-child(2){border-right:0}}@media(max-width:650px){.projects{grid-template-columns:1fr}.project-image{height:auto;min-height:360px}.planning-showcase{padding:25px 18px}.planning-header{padding:16px 12px 10px}.planning-header b{font-size:15px}.planning-summary{margin:0 12px 12px;gap:7px}.planning-steps{padding:0 12px 12px}.forecast-table{margin:0 12px 12px}.planning-note{width:37%}.planning-note strong{font-size:15px}.planning-banner .planning-showcase{padding:24px 14px}.planning-banner .planning-header{padding:18px 12px 12px}.planning-banner .planning-header b{font-size:17px}.planning-banner .planning-header>span{font-size:8px}.planning-banner .planning-steps{font-size:8px;padding:0 12px 14px;gap:10px}.planning-banner .planning-summary{margin:0 12px 15px;gap:8px}.planning-banner .planning-summary div{padding:9px}.planning-banner .planning-summary small{font-size:7px}.planning-banner .planning-summary b{font-size:18px}.planning-banner .forecast-table{margin:0 12px 14px}.planning-banner .forecast-row{font-size:8px;padding:10px 5px}.planning-banner .forecast-heading,.planning-banner .review-state{font-size:7px}.planning-banner .planning-bottom{font-size:7px;padding:8px 12px 18px}.planning-banner .planning-note{padding:14px 10px;width:37%}.planning-banner .planning-note strong{font-size:16px}.planning-banner .planning-note p{font-size:8px}.planning-banner .note-eyebrow{font-size:7px}.planning-banner .note-change{font-size:8px;padding:7px}.planning-banner .note-comment{font-size:7px}}

/* Original screenshots: never distort or crop interface content. */
.project-image.original-project-image{display:flex;align-items:center;justify-content:center;padding:26px;height:410px;background:linear-gradient(145deg,#f7faff,#e5efff)}.original-project-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto;border-radius:6px;box-shadow:0 14px 35px #123c751a}.original-banner{background:#f0f5ff;padding:32px;overflow:visible}.original-image-link{display:block;text-align:center}.case-banner.original-banner img{width:auto;height:auto;max-width:100%;max-height:720px;object-fit:contain;display:block;margin:0 auto;border-radius:4px;box-shadow:0 10px 35px #153b6c15}.case-banner.original-banner .caption{padding:22px 0 0;background:transparent;margin:0;font-size:14px}.evidence-image{margin:32px 0;padding:22px;background:#f1f6ff;border:1px solid #dce7f8;border-radius:18px}.evidence-image img{width:auto;height:auto;max-width:100%;max-height:700px;object-fit:contain;margin:auto}.evidence-image figcaption{font-size:14px;color:#516585;margin-top:18px}@media(max-width:650px){.project-image.original-project-image{height:320px;min-height:0;padding:18px}.original-banner{padding:16px}.case-banner.original-banner .caption{padding:16px 0 0;font-size:13px}.evidence-image{padding:14px}.evidence-image figcaption{font-size:13px}}

/* Three selected projects and the onboarding evidence gallery. */
.projects{grid-template-columns:repeat(3,minmax(0,1fr))}.project-body{padding:26px}.project-body h3{font-size:24px}.project-image.original-project-image{height:290px;padding:20px}.checklist-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:34px 0}.checklist-gallery figure{margin:0;background:#f0f5ff;border:1px solid #dce7f8;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.checklist-gallery a{display:block}.checklist-gallery img{display:block;width:auto;height:auto;max-width:100%;max-height:520px;object-fit:contain;margin:auto}.checklist-gallery figcaption{font-size:14px;color:#516585;margin-top:20px}.checklist-gallery figcaption a{display:inline}.sequence-comparison{margin:30px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.sequence-comparison>div{background:#eff5ff;border:1px solid #d7e4f8;border-radius:16px;padding:24px}.sequence-comparison .eyebrow{display:block;font-size:11px;margin-bottom:12px}.sequence-comparison p{font-size:18px;color:#183d75;margin:0;font-weight:600;line-height:1.7}.sequence-comparison p span{color:#7595c4;padding:0 5px}@media(max-width:1000px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project-image.original-project-image{height:320px}}@media(max-width:650px){.projects{grid-template-columns:1fr}.project-image.original-project-image{height:300px}.checklist-gallery{gap:12px}.checklist-gallery figure{padding:12px}.checklist-gallery figcaption{font-size:12px}.sequence-comparison{grid-template-columns:1fr}.sequence-comparison>div{padding:20px}}

/* Every tool receives the same logo-card treatment. */
.toolkit .all-tool-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;max-width:1120px;margin:0 auto}.toolkit .all-tool-logos li,.toolkit .all-tool-logos li:first-child{min-height:142px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#ffffffed;border:1px solid #dce7f8;border-radius:18px;box-shadow:0 8px 24px #204d8508;font-size:14px;font-weight:500;line-height:1.45;color:#23466f;text-align:center}.toolkit .all-tool-logos img{width:38px;height:38px;object-fit:contain}.toolkit .all-tool-logos li:hover{background:#f8fbff;border-color:#b8cff4}@media(max-width:1000px){.toolkit .all-tool-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.toolkit .all-tool-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.toolkit .all-tool-logos li,.toolkit .all-tool-logos li:first-child{min-height:128px;padding:18px 8px;font-size:14px;gap:14px}.toolkit .all-tool-logos img{width:32px;height:32px}}@media(max-width:380px){.toolkit .all-tool-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Visual case studies: evidence, relationships and decisions. */
.infographic-case .case-meta{grid-template-columns:1.3fr 1fr 1.3fr}.info-section{padding:64px 0;border-bottom:1px solid #dce6f5}.info-section-heading{max-width:800px;margin-bottom:32px}.info-section-heading .eyebrow{color:#245ee8;margin-bottom:16px}.info-section-heading h2{font-size:clamp(32px,3.7vw,48px);margin-bottom:18px}.info-section-heading>p{font-size:18px;color:#516585;max-width:720px;margin:0}.concept-visual{display:grid;grid-template-columns:1fr 56px 1fr;align-items:stretch;gap:16px;padding:36px;background:linear-gradient(130deg,#edf5ff,#e5edff);border-radius:24px;border:1px solid #d6e4fa}.concept-visual article{padding:30px;background:#fff;border-radius:18px;border:1px solid #dae6f8}.concept-visual h3{font-size:28px;margin-bottom:18px}.concept-visual p{color:#516585;font-size:16px}.concept-visual .eyebrow{font-size:12px;margin-bottom:22px;color:#245ee8}.compare-plus{align-self:center;text-align:center;font-size:36px;color:#799bd0}.evidence-chip{display:block;font-size:14px;color:#2858ab;font-weight:600;padding-top:15px;border-top:1px solid #dae5f6}.concept-resolution{grid-column:1/-1;margin-top:4px;background:#164eb6;color:#fff;padding:26px 30px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:25px}.concept-resolution>span{font-size:14px;color:#d4e5ff;max-width:180px}.concept-resolution strong{font:500 26px/1.3 Manrope,sans-serif;letter-spacing:-.025em}.info-takeaway{border-left:4px solid #3472e8;padding:8px 0 8px 26px;margin:30px 0 0;max-width:900px}.info-takeaway .eyebrow{font-size:12px;margin-bottom:12px;color:#245ee8}.info-takeaway h3{font-size:26px;margin-bottom:12px}.info-takeaway p{color:#516585;margin:0}.map-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px;color:#48628a;font-size:13px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;padding:0 26px 14px}.decision-pair{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px;border:1px solid #dce7f7;border-radius:18px;overflow:hidden}.decision-pair>div{padding:26px;position:relative;background:#f7f9fd}.decision-pair>div+div{background:#eef4ff;border-left:1px solid #d8e4f8}.decision-pair h3{font-size:23px;margin:10px 0 12px;letter-spacing:-.03em}.decision-pair p{font-size:16px;line-height:1.65;margin:0;color:#516585;max-width:480px}.info-symbol{font-size:12px;color:#657b9a;letter-spacing:.1em;font-weight:700}.decision-label{font-size:12px;font-weight:700;color:#285ed0;text-transform:uppercase;letter-spacing:.06em}.system-root{background:#164eb6;color:#fff;border-radius:16px;padding:25px;text-align:center;font:600 25px/1.4 Manrope,sans-serif;margin-bottom:26px}.system-branches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.system-branches article{border-top:3px solid #598bf1;background:#f0f5ff;border-radius:0 0 16px 16px;padding:24px 20px}.system-branches h3{font-size:22px;margin:16px 0}.system-branches p{font-size:16px;color:#516585;margin:0}.flow-index{display:block;color:#3467c8;font-size:13px;font-weight:700;letter-spacing:.1em}.info-footnote{font-size:14px;color:#60728c;margin:20px 0 0;max-width:900px}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.outcome-grid article{padding:30px;background:#eff5ff;border-radius:18px;border:1px solid #dce7f9}.outcome-grid article+article{background:#fafbfd}.outcome-grid .eyebrow{font-size:12px;color:#476590;margin-bottom:20px}.outcome-grid h3{font-size:25px;margin-bottom:16px}.outcome-grid p{color:#516585;margin:0}.info-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;margin:0}.info-flow li{position:relative;background:#eff5ff;border:1px solid #d7e4fa;border-radius:16px;padding:24px}.info-flow li:not(:last-child):after{content:'→';position:absolute;right:-17px;top:50%;color:#6386be;z-index:1;font-size:20px;line-height:1}.info-flow strong{font:600 23px Manrope,sans-serif;letter-spacing:-.03em;display:block;margin:18px 0 12px}.info-flow p{font-size:16px;color:#516585;margin:0}.tension-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.tension-grid article{padding:28px;border:1px solid #dce6f6;border-radius:18px}.tension-grid .eyebrow{font-size:12px;color:#3467c8;margin-bottom:18px}.tension-grid h3{font-size:25px}.tension-grid p{margin:0;color:#516585}.signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.signal-grid article{background:#eff5ff;border:1px solid #dae6f8;border-radius:18px;padding:28px}.signal-label{font-size:12px;color:#3e67a8;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:25px}.signal-grid h3{font-size:26px}.signal-grid p{color:#516585;margin:0;font-size:16px}.signal-grid .signal-conclusion{background:#164eb6;color:#fff}.signal-conclusion .signal-label,.signal-conclusion p{color:#d7e6ff}.discovery-visual{display:grid;grid-template-columns:1fr 45px 1fr;gap:14px;border:1px solid #d9e5f7;border-radius:24px;padding:32px;background:#f0f5ff}.discovery-visual article{padding:28px;background:#fff;border:1px solid #d9e5f7;border-radius:18px}.discovery-visual h3{font-size:29px}.discovery-visual .eyebrow{font-size:12px;color:#3267c8}.discovery-visual p{margin:0;color:#516585}.discovery-divider{align-self:center;text-align:center;color:#6386be;font-size:30px}.journey-comparison{display:grid;grid-template-columns:1fr;gap:22px}.journey-comparison>article{padding:28px;border:1px solid #dce6f6;border-radius:18px}.journey-comparison .eyebrow{font-size:12px;color:#476590;margin-bottom:20px}.journey-comparison .info-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-comparison article:first-child .info-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.info-disclosure{font-size:14px;color:#65758e;padding:26px 0 0;margin:0;max-width:900px}.project-image.info-thumbnail{height:300px;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-decoration:none;padding:25px;background:radial-gradient(ellipse at 85% 15%,#d0e1ff,transparent 65%),#edf4ff;gap:0}.thumb-eyebrow{font-size:12px;font-weight:700;color:#42699f;letter-spacing:.07em;text-transform:uppercase;display:block;margin-bottom:25px}.thumb-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.thumb-inputs span{background:#fff;border:1px solid #d4e2f8;border-radius:10px;padding:15px 10px;font-size:14px;font-weight:600;line-height:1.4;text-align:center;display:flex;align-items:center;justify-content:center}.thumb-connector{color:#5986cd;font-size:24px;line-height:1.3;text-align:center}.info-thumbnail>strong{background:#1c55bc;border-radius:12px;padding:18px 15px;font-size:19px;line-height:1.3;font-weight:500;color:white;text-align:center;letter-spacing:-.02em}.thumb-footer{font-size:12px;color:#587197;display:block;text-align:center;margin-top:16px}@media(max-width:1000px){.system-branches,.info-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.info-flow li:nth-child(2):after{content:none}.signal-grid{grid-template-columns:1fr}.signal-grid article{padding:26px}.signal-label{margin-bottom:15px}.signal-grid h3{margin-bottom:15px}.concept-visual{padding:25px;gap:10px;grid-template-columns:1fr 32px 1fr}.concept-visual article{padding:23px}.concept-resolution strong{font-size:23px}}@media(max-width:650px){.infographic-case .case-meta{grid-template-columns:1fr}.info-section{padding:42px 0}.info-section-heading>p{font-size:16px}.concept-visual{grid-template-columns:1fr;padding:18px;gap:12px}.compare-plus{font-size:26px}.concept-visual h3{font-size:24px}.concept-resolution{grid-column:1;flex-direction:column;align-items:start;padding:23px;gap:14px}.concept-resolution>span{max-width:none}.concept-resolution strong{font-size:23px}.decision-pair{grid-template-columns:1fr}.decision-pair>div{padding:22px}.decision-pair>div+div{border-left:0;border-top:1px solid #d8e4f8}.map-heading{display:none}.decision-pair>div:first-child:before{content:'Observed';display:block;color:#637b9d;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.decision-pair .info-symbol{display:none}.decision-pair h3{font-size:23px}.system-branches,.outcome-grid,.tension-grid{grid-template-columns:1fr}.system-root{font-size:23px}.system-branches article{padding:24px}.system-branches h3{margin:12px 0}.info-flow{grid-template-columns:1fr;gap:22px}.info-flow li:not(:last-child):after{content:'↓';right:auto;top:auto;bottom:-22px;left:50%;line-height:22px}.info-flow strong{margin:12px 0}.discovery-visual{grid-template-columns:1fr;padding:18px}.discovery-divider{transform:rotate(90deg);font-size:24px}.discovery-visual article{padding:23px}.discovery-visual h3{font-size:26px}.journey-comparison>article{padding:20px}.journey-comparison .info-flow,.journey-comparison article:first-child .info-flow{grid-template-columns:1fr}.info-takeaway{padding-left:20px}.info-takeaway h3{font-size:24px}.project-image.info-thumbnail{height:300px}.outcome-grid article{padding:25px}}

/* Brand-removed project visuals, preserving native proportions. */
.unbranded-banner{margin:0 0 44px;padding:24px;background:#f2f7ff;border:1px solid #dce8f8;border-radius:24px;overflow:hidden}
.unbranded-banner>a{display:block;background:#fff;border-radius:12px;overflow:hidden}
.unbranded-banner img{display:block;width:100%;height:auto;object-fit:contain}
.unbranded-banner figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 0;font-size:14px;color:#294363}
.unbranded-banner figcaption small{display:block;margin-top:6px;font-size:12px;color:#64748b}
.unbranded-banner figcaption>a{flex-shrink:0}
.project-image.screenshot-thumbnail{display:flex;align-items:center;justify-content:center;aspect-ratio:16/11;height:auto;padding:18px;background:#eef5ff;overflow:hidden}
.project-image.screenshot-thumbnail img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:8px;transform:none}
@media(max-width:600px){.unbranded-banner{padding:12px;border-radius:16px}.unbranded-banner figcaption{align-items:flex-start;flex-direction:column;gap:12px}.project-image.screenshot-thumbnail{padding:12px}}

.research-dashboard{padding:36px;margin:28px 0 64px;background:#f0f6ff;border:1px solid #d6e5fa;border-radius:24px}.research-dashboard h2{font-size:clamp(26px,3vw,38px);margin:12px 0 28px}.study-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;padding-bottom:28px;border-bottom:1px solid #c9daf1}.study-numbers strong{display:block;font-size:clamp(32px,4vw,50px);line-height:1.3;color:#1553c4}.study-numbers span{font-size:14px;color:#3a5377}.chart-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding-top:28px}.chart-layout h3{font-size:20px;line-height:1.4}.chart-layout p{font-size:16px;line-height:1.65}.participant-dots{display:grid;grid-template-columns:repeat(7,20px);gap:12px;margin:24px 0}.participant-dots i{width:20px;height:20px;border-radius:50%;background:#2867df}.research-bar{margin:24px 0}.research-bar>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin-bottom:9px}.bar-track{height:24px;background:#dce7f6;border-radius:6px;overflow:hidden}.bar-track span{display:block;height:100%;background:#2465d8}.chart-scale{display:flex;justify-content:space-between;color:#5a6c87;font-size:14px}.chart-insight{padding:24px;background:white;border-radius:16px}.big-finding{font-size:56px;font-weight:700;color:#1553c4}.chart-note{font-size:14px;line-height:1.6;color:#526887;margin:28px 0 0}.context-photo{margin:48px 0;background:#f0f6ff;padding:16px;border-radius:20px}.context-photo img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:12px}.context-photo figcaption{font-size:14px;padding:14px 4px 0;color:#526887}@media(max-width:650px){.research-dashboard{padding:22px}.chart-layout{grid-template-columns:1fr;gap:18px}.study-numbers{grid-template-columns:repeat(2,1fr)}}

/* Paired recommendations */
.testimonials{padding:80px 0;background:linear-gradient(135deg,#eff6ff 0%,#fff 75%);border-top:1px solid #e0eafa}.testimonial-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:32px}.testimonial-heading h2{margin:12px 0 0}.testimonial-heading>p{max-width:330px;font-size:16px;line-height:1.7;color:#536783}.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.testimonial-card{position:relative;display:flex;flex-direction:column;margin:0;padding:36px;background:#fff;border:1px solid #dce7f7;border-radius:24px;box-shadow:0 12px 36px rgba(28,75,143,.045)}.quote-mark{font-family:Georgia,serif;font-size:76px;line-height:.9;color:#2b63d4;display:block;margin-bottom:16px}.testimonial-card .eyebrow{font-size:12px;line-height:1.6}.testimonial-card blockquote{margin:20px 0 32px;flex:1}.testimonial-card blockquote p{font-size:clamp(18px,1.6vw,22px);line-height:1.65;letter-spacing:-.015em;margin:0;color:#1b3353}.testimonial-card figcaption{display:flex;align-items:center;gap:14px;padding-top:24px;border-top:1px solid #e6edf7}.testimonial-initials{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;border-radius:50%;background:#e9f1ff;color:#245ac4;font-size:16px;font-weight:700}.testimonial-card figcaption strong,.testimonial-card figcaption>span>span,.testimonial-card figcaption small{display:block}.testimonial-card figcaption strong{font-size:17px;color:#173154}.testimonial-card figcaption>span>span{font-size:14px;color:#536783;margin-top:4px}.testimonial-card figcaption small{font-size:12px;color:#697b94;margin-top:6px}.testimonial-note{font-size:13px;line-height:1.6;color:#667a96;margin:20px 0 0}@media(max-width:700px){.testimonials{padding:52px 0}.testimonial-heading{display:block}.testimonial-heading>p{max-width:none;margin-top:20px}.testimonial-grid{grid-template-columns:1fr}.testimonial-card{padding:26px}.testimonial-card blockquote p{font-size:19px}}