*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#12243a;background:#fff;line-height:1.6}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:20px;top:10px;z-index:100;background:#fff;padding:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e7edf4}.nav-wrap{height:76px;display:flex;align-items:center;gap:34px}.brand{margin-right:auto}.brand-logo,.footer-logo{width:145px;max-height:42px;object-fit:contain}.main-nav{display:flex;gap:25px}.main-nav a,.footer-links a{color:#334d68;text-decoration:none;font-size:14px;font-weight:650}.main-nav a:hover{color:#1263d6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:10px;font-weight:750;transition:.2s}.btn-primary{background:#1164dc;color:#fff;padding:12px 18px;box-shadow:0 8px 22px rgba(17,100,220,.18)}.btn-primary:hover{transform:translateY(-1px);background:#0b55c1}.btn-secondary{color:#14365d;border:1px solid #cad7e6;background:#fff}.btn-large{padding:14px 20px}.hero{position:relative;overflow:hidden;padding:92px 0 86px;background:linear-gradient(180deg,#f7fbff 0,#fff 85%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.7}.hero-orb-one{width:520px;height:520px;background:radial-gradient(circle,#d7eaff 0,transparent 70%);right:-130px;top:-180px}.hero-orb-two{width:400px;height:400px;background:radial-gradient(circle,#e5dcff 0,transparent 70%);left:-180px;bottom:-180px}.hero-grid,.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:850;color:#1766cc}.kicker-dot,.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#27b38a;margin-right:7px}.hero h1{font-size:clamp(46px,5.5vw,72px);line-height:1.02;letter-spacing:-.05em;margin:16px 0 24px;color:#0c284a}.hero h1 span{display:block;color:#1263d6}.hero-lead{font-size:20px;color:#314c68;max-width:690px}.hero-text{color:#5c7086;font-size:16px}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-proof{display:flex;flex-wrap:wrap;gap:12px 20px;color:#526b83;font-size:13px}.product-scene,.desk-ui{position:relative;background:#fff;border:1px solid #dce6f0;border-radius:20px;box-shadow:0 26px 70px rgba(28,62,99,.14);padding:22px}.scene-topbar{font-size:12px;font-weight:800;color:#61758b;border-bottom:1px solid #edf1f5;padding-bottom:15px;margin-bottom:18px}.chat-row{display:flex;gap:10px;align-items:flex-start;margin:13px 0}.chat-row.resident{justify-content:flex-end}.chat-row.resident .avatar{order:2}.avatar{width:32px;height:32px;border-radius:10px;background:#eaf0f6;display:grid;place-items:center;font-size:12px;font-weight:800}.avatar.way{background:#1263d6;color:#fff}.bubble{max-width:76%;background:#f2f6fa;padding:11px 13px;border-radius:12px;font-size:13px}.ai .bubble{background:#edf5ff}.resolution-card{margin-top:18px;border:1px solid #cfe8dd;background:#f7fffb;border-radius:15px;padding:16px}.resolution-title{display:flex;gap:10px;align-items:center}.resolution-title small{display:block;color:#658073}.success-check{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#20a875;color:#fff;font-weight:900}.resolution-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.resolution-grid div{background:#fff;border:1px solid #e3eee9;padding:10px;border-radius:9px}.resolution-grid small,.desk-ui small{display:block;color:#7890a5;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.resolution-grid strong{font-size:12px}.process-strip{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#4f6d63;font-weight:800}.section{padding:88px 0}.section h2,.cta-section h2{font-size:clamp(34px,4vw,50px);line-height:1.08;letter-spacing:-.035em;color:#0d2a4c;margin:10px 0 20px}.section-copy p,.section-intro>p:last-child{color:#60758b}.section-intro{max-width:760px;margin:0 auto 46px;text-align:center}.problem-section{background:#fff}.journey-card{background:#0d2c50;border-radius:20px;padding:26px;box-shadow:0 24px 60px rgba(10,43,79,.16)}.journey-step-card{display:grid;grid-template-columns:70px 1fr;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:12px;color:#fff}.journey-step-card b{color:#75b9ff;letter-spacing:.08em}.journey-step-card span{color:#d9e5f2}.journey-step-card.complete{background:rgba(38,180,135,.13)}.journey-arrow{text-align:center;color:#8ca8c2;padding:5px}.government-section{background:#f7fafc}.card-grid.six{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.path-grid article{background:#fff;border:1px solid #e0e8f0;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(31,63,94,.05)}.feature-card .icon,.path-grid span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf3ff;color:#1263d6;font-size:12px;font-weight:900}.feature-card h3{color:#173b62}.feature-card p{color:#63798f;font-size:14px}.capabilities-section{background:#fff}.capability-flow{display:flex;align-items:stretch;justify-content:center;gap:8px}.capability-flow div{flex:1;border:1px solid #dfe8f2;border-radius:14px;padding:17px 10px;text-align:center;background:#fbfdff}.capability-flow b{display:block;color:#145fbf;font-size:12px;letter-spacing:.06em}.capability-flow span{display:block;font-size:11px;color:#71869a;margin-top:5px}.capability-flow i{align-self:center;color:#a5b7c8;font-style:normal}.desk-section{background:linear-gradient(180deg,#f4f9ff,#fff)}.desk-layout{grid-template-columns:.82fr 1.18fr}.check-list{padding:0;list-style:none}.check-list li{margin:10px 0}.check-list li:before{content:"✓";color:#1ca777;font-weight:900;margin-right:9px}.desk-header{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e6edf4;padding-bottom:14px}.desk-header strong{display:block}.status-pill{background:#e9f7f1;color:#13815f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;height:max-content}.desk-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 0}.desk-meta div{background:#f7f9fb;padding:9px;border-radius:8px}.desk-meta b{font-size:11px}.desk-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.desk-panel{border:1px solid #e3eaf1;border-radius:11px;padding:14px;min-height:170px}.desk-panel p{font-size:12px;color:#526a80}.resident-chip{display:flex;gap:9px;align-items:center;margin-top:14px}.resident-chip>span{width:28px;height:28px;border-radius:50%;background:#eaf2fb;display:grid;place-items:center;font-weight:800}.timeline{display:flex;gap:8px}.timeline span{width:7px;height:7px;border-radius:50%;background:#2f87e9;margin-top:8px}.timeline p{margin:3px 0;font-size:11px}.desk-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}.desk-actions button{border:1px solid #d5e0eb;background:#fff;border-radius:7px;padding:7px 9px;font-size:10px}.desk-actions .primary-mini{background:#1263d6;color:#fff;border-color:#1263d6}.integration-section{background:#0b294b;color:#fff}.integration-section h2{color:#fff}.integration-section .section-copy p{color:#c4d5e5}.note{font-size:12px;opacity:.8}.integration-graphic{position:relative;min-height:420px}.ring{position:absolute;border:1px solid rgba(112,181,255,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:260px;height:260px}.r2{width:400px;height:400px}.orbit{position:absolute;z-index:2;background:#123b66;border:1px solid #32628e;color:#d9eaff;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:800}.core{left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff;color:#123b66;padding:20px}.core span{width:40px;height:40px;border-radius:12px;background:#1263d6;color:#fff;display:grid;place-items:center;font-size:20px}.o1{left:6%;top:18%}.o2{right:8%;top:16%}.o3{right:0;top:48%}.o4{left:1%;top:53%}.o5{left:17%;bottom:7%}.o6{right:12%;bottom:5%}.two-paths{background:#f7fafc}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.path-grid h3{font-size:22px;color:#163a60}.path-grid p{color:#63798e}.metric-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.metric-pills span{background:#edf5ff;border:1px solid #d9e9fb;border-radius:999px;padding:7px 10px;color:#28577f;font-size:12px;font-weight:700}.outcome-panel{background:#f7fafc;border:1px solid #e0e8f0;border-radius:18px;padding:22px}.outcome-panel>div{border-bottom:1px solid #e1e9f0;padding:13px}.outcome-panel>div:last-child{border-bottom:0}.outcome-panel p{margin:3px 0;color:#6a7f93;font-size:13px}.trust-section{background:#081f3a;color:#fff}.trust-section .section-intro h2,.trust-section .section-intro p{color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trust-grid article{background:#0e3157;border:1px solid #244b70;border-radius:15px;padding:21px}.trust-grid h3{margin:12px 0 7px}.trust-grid p{color:#c1d3e3;font-size:13px}.trust-grid small{color:#75b9ff;text-transform:uppercase;letter-spacing:.08em}.trust-icon{width:36px;height:36px;border-radius:10px;background:#1467c9;display:grid;place-items:center;font-weight:900}.harness-diagram{margin-top:30px;border:1px solid #285078;border-radius:18px;padding:22px;background:#0b294b;text-align:center}.harness-label{font-size:12px;font-weight:900;letter-spacing:.12em;color:#75b9ff}.harness-row,.harness-systems{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0}.harness-row span,.harness-systems span{background:#123b66;border:1px solid #315f8a;border-radius:8px;padding:8px 10px;font-size:11px}.harness-arrow{color:#86a8c6;font-size:12px}.observability-bar{background:#1263d6;border-radius:9px;padding:10px;font-size:12px;font-weight:800}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list article{padding:20px 0;border-bottom:1px solid #e2e9f0}.faq-list h3{margin:0 0 7px;color:#173b61}.faq-list p{margin:0;color:#60768c}.cta-section{padding:0 0 88px}.cta-card{background:linear-gradient(135deg,#1164dc,#0c3f85);border-radius:22px;padding:44px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-card h2{color:#fff;margin:8px 0}.cta-card p{color:#dceaff}.eyebrow-light{color:#bfe0ff}.btn-white{background:#fff;color:#0f4f9d;padding:14px 18px}.site-footer{border-top:1px solid #e2e8ef;padding:42px 0 25px;background:#fbfcfd}.footer-row{display:flex;justify-content:space-between;align-items:center}.footer-row p{color:#708398}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom{border-top:1px solid #e6ebf0;margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;color:#8494a4;font-size:12px}
@media(max-width:900px){.main-nav{display:none}.hero-grid,.split-layout,.faq-layout{grid-template-columns:1fr;gap:42px}.card-grid.six,.trust-grid{grid-template-columns:1fr 1fr}.capability-flow{flex-wrap:wrap}.capability-flow div{min-width:28%}.capability-flow i{display:none}.desk-layout{grid-template-columns:1fr}.cta-card{display:block}.cta-card .btn{margin-top:18px}.integration-graphic{min-height:380px}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.header-cta{font-size:12px;padding:10px 12px}.brand-logo{width:120px}.hero{padding-top:58px}.hero h1{font-size:44px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{display:grid}.card-grid.six,.trust-grid,.path-grid,.desk-columns{grid-template-columns:1fr}.desk-meta{grid-template-columns:1fr 1fr}.desk-actions{flex-wrap:wrap}.resolution-grid{grid-template-columns:1fr 1fr}.process-strip{font-size:8px}.integration-graphic{min-height:340px}.r2{width:310px;height:310px}.r1{width:210px;height:210px}.o3{right:1%}.o4{left:0}.footer-row,.footer-bottom{display:block}.footer-links{margin-top:20px}.footer-bottom p{margin:5px 0}}
/* v0.2 refinements */
section[id]{scroll-margin-top:92px}
.scene-topbar{display:flex;align-items:center;gap:7px}
.scene-badge{margin-left:auto;background:#eef4fb;color:#58718a;border-radius:999px;padding:3px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.resolution-card.resolved{border-color:#bfe3d4;background:#f5fffa}
.source-line{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dcece5;border-bottom:1px solid #dcece5;padding:9px 0;margin:10px 0;color:#587568;font-size:10px;font-weight:700}
.source-line span{color:#147a5b}
.government-markets{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.government-markets article{background:#fff;border:1px solid #e0e8f0;border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(31,63,94,.05)}
.government-markets article>span{display:inline-block;color:#1263d6;background:#eaf3ff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.government-markets h3{font-size:23px;line-height:1.2;color:#173b62;margin:14px 0 9px}
.government-markets p{color:#63798f;margin:0}
.use-cases-section{background:#fff}
.btn,.btn-white,.header-cta{white-space:nowrap}
@media(max-width:620px){.government-markets{grid-template-columns:1fr}.source-line{display:block}.source-line span{display:block;margin-top:3px}}
/* About page */
.nav-active{color:#1263d6!important}
/* Hero */
.about-hero-v2{
position:relative;
overflow:hidden;
padding:88px 0 72px;
background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
}
.about-hero-v2:before{
content:"";
position:absolute;
width:520px;height:520px;border-radius:50%;
right:-220px;top:-250px;
background:radial-gradient(circle,rgba(48,139,235,.17) 0%,rgba(48,139,235,0) 70%);
pointer-events:none;
}
.about-hero-grid-v2{
position:relative;z-index:1;
display:grid;
grid-template-columns:1.12fr .88fr;
gap:58px;
align-items:center;
}
.about-hero-copy-v2 h1{
max-width:760px;
margin:16px 0 22px;
color:#0b2d5b;
font-size:clamp(46px,5.3vw,70px);
line-height:1.03;
letter-spacing:-.05em;
}
.about-hero-copy-v2 h1 span{color:#1263d6}
.about-hero-copy-v2 .hero-lead{
max-width:720px;
margin:0;
color:#526d87;
font-size:19px;
line-height:1.68;
}
.belief-panel{
background:#0d315a;
color:#fff;
border-radius:24px;
padding:30px;
box-shadow:0 22px 50px rgba(13,49,90,.16);
}
.belief-label{
display:block;
margin-bottom:16px;
color:#9fc6ea;
font-size:12px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
.belief-panel blockquote{
margin:0 0 24px;
font-size:29px;
line-height:1.25;
letter-spacing:-.025em;
font-weight:750;
}
.belief-items{
display:grid;
gap:10px;
}
.belief-item{
display:grid;
grid-template-columns:34px 1fr;
gap:12px;
align-items:start;
padding:14px;
border:1px solid rgba(255,255,255,.12);
border-radius:13px;
background:rgba(255,255,255,.045);
}
.belief-item span:first-child{
width:28px;height:28px;
border-radius:9px;
display:grid;place-items:center;
background:#1e5f9c;
font-size:11px;
font-weight:850;
}
.belief-item strong{display:block;font-size:13px}
.belief-item small{display:block;margin-top:3px;color:#b9cfe2;font-size:11px;line-height:1.45}
/* Three-point strip */
.about-mission-strip{
border-top:1px solid #e3ebf3;
border-bottom:1px solid #e3ebf3;
background:#fff;
}
.about-mission-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
}
.about-mission-item{
padding:24px 28px;
border-right:1px solid #e3ebf3;
}
.about-mission-item:last-child{border-right:0}
.about-mission-item b{
display:block;
color:#173b62;
font-size:14px;
margin-bottom:4px;
}
.about-mission-item span{
color:#6c8093;
font-size:12px;
line-height:1.45;
}
/* Why */
.about-why-v2{background:#fff}
.why-intro-v2{
max-width:920px;
margin:0 auto 34px;
text-align:center;
}
.why-intro-v2 h2{
max-width:820px;
margin:12px auto 18px;
color:#0b2d5b;
font-size:clamp(36px,4vw,52px);
line-height:1.08;
letter-spacing:-.04em;
}
.why-intro-v2 p{
max-width:820px;
margin:0 auto;
color:#60758b;
font-size:17px;
line-height:1.72;
}
.why-cards-v2{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.why-card-v2{
min-height:220px;
padding:26px;
border:1px solid #e0e8f0;
border-radius:17px;
background:#f9fbfd;
}
.why-card-v2 .num{
display:inline-grid;
place-items:center;
width:37px;height:37px;
border-radius:11px;
background:#e8f2ff;
color:#1263d6;
font-weight:850;
font-size:12px;
}
.why-card-v2 h3{
margin:18px 0 9px;
color:#173b62;
font-size:19px;
}
.why-card-v2 p{
margin:0;
color:#6a7e91;
font-size:14px;
line-height:1.62;
}
/* Experience */
.about-experience-v2{
background:#0b2d52;
color:#fff;
}
.experience-grid-v2{
display:grid;
grid-template-columns:.72fr 1.28fr;
gap:70px;
align-items:center;
}
.experience-stat-v2{
padding:34px;
border-radius:22px;
background:linear-gradient(145deg,#123d68,#0d3158);
border:1px solid #28547d;
}
.experience-stat-v2 .big{
display:block;
color:#fff;
font-size:76px;
line-height:.95;
font-weight:900;
letter-spacing:-.06em;
}
.experience-stat-v2 .label{
display:block;
max-width:270px;
margin-top:12px;
color:#b9d0e4;
font-size:17px;
line-height:1.4;
}
.experience-copy-v2 .eyebrow{color:#8fc1f0}
.experience-copy-v2 h2{
margin:10px 0 16px;
color:#fff;
font-size:clamp(34px,3.5vw,48px);
line-height:1.1;
letter-spacing:-.035em;
}
.experience-copy-v2 p{
color:#c2d3e3;
font-size:16px;
line-height:1.7;
}
.experience-tags{
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:22px;
}
.experience-tags span{
padding:9px 12px;
border:1px solid #356184;
border-radius:999px;
color:#d8e6f2;
background:#113a61;
font-size:11px;
font-weight:750;
}
/* Principles */
.about-principles-v2{background:#f7fafc}
.principles-grid-v2{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}
.principle-v2{
display:grid;
grid-template-columns:46px 1fr;
gap:16px;
padding:24px;
background:#fff;
border:1px solid #e0e8f0;
border-radius:16px;
}
.principle-v2 .principle-num{
width:42px;height:42px;
border-radius:12px;
display:grid;place-items:center;
background:#eaf3ff;
color:#1263d6;
font-weight:850;
font-size:12px;
}
.principle-v2 h3{
margin:1px 0 7px;
color:#173b62;
font-size:18px;
}
.principle-v2 p{
margin:0;
color:#667b90;
font-size:14px;
line-height:1.58;
}
/* Technology */
.about-tech-v2{background:#fff}
.tech-grid-v2{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:54px;
align-items:center;
}
.tech-copy-v2 h2{
margin:11px 0 16px;
color:#0b2d5b;
font-size:clamp(34px,3.6vw,48px);
line-height:1.1;
letter-spacing:-.035em;
}
.tech-copy-v2 p{
color:#60758b;
font-size:16px;
line-height:1.72;
}
.tech-copy-v2 .tech-callout{
margin-top:20px;
padding:16px 18px;
border-left:3px solid #1263d6;
border-radius:0 11px 11px 0;
background:#f2f7fd;
color:#294c6e;
font-size:14px;
font-weight:700;
}
.tech-layer-stack-v2{
display:grid;
gap:10px;
padding:22px;
border-radius:20px;
background:#0c2f55;
box-shadow:0 20px 46px rgba(21,55,89,.12);
}
.tech-layer-v2{
display:grid;
grid-template-columns:40px 1fr;
gap:13px;
align-items:center;
padding:16px 17px;
border:1px solid #315f88;
border-radius:13px;
background:#123a63;
}
.tech-layer-v2 .layer-num{
width:34px;height:34px;
display:grid;place-items:center;
border-radius:10px;
background:#1e5e98;
color:#fff;
font-size:11px;
font-weight:850;
}
.tech-layer-v2 strong{display:block;color:#fff;font-size:14px}
.tech-layer-v2 small{display:block;margin-top:3px;color:#aac4db;font-size:11px;line-height:1.42}
/* Relationship */
.about-relationship-v2{background:#f7fafc}
.relationship-card-v2{
display:grid;
grid-template-columns:.72fr 1.28fr;
gap:36px;
align-items:center;
padding:32px;
background:#fff;
border:1px solid #e0e8f0;
border-radius:19px;
}
.relationship-mark-v2{
min-height:190px;
display:grid;
place-items:center;
text-align:center;
padding:24px;
border-radius:15px;
background:linear-gradient(135deg,#e8f3ff,#f9fbfd);
}
.relationship-mark-v2 strong{
display:block;
color:#0b2d5b;
font-size:34px;
letter-spacing:-.035em;
}
.relationship-mark-v2 span{
display:block;
margin-top:5px;
color:#1263d6;
font-weight:800;
}
.relationship-copy-v2 h2{
margin:10px 0 13px;
color:#0b2d5b;
font-size:35px;
line-height:1.12;
letter-spacing:-.03em;
}
.relationship-copy-v2 p{
color:#60758b;
line-height:1.66;
}
/* Responsive */
@media(max-width:960px){
.about-hero-grid-v2,.experience-grid-v2,.tech-grid-v2,.relationship-card-v2{grid-template-columns:1fr;gap:34px}
.about-hero-copy-v2{max-width:780px}
.belief-panel{max-width:760px}
.why-cards-v2{grid-template-columns:1fr 1fr}
.why-card-v2:last-child{grid-column:1/-1}
}
@media(max-width:760px){
.about-hero-v2{padding:66px 0 56px}
.about-hero-copy-v2 h1{font-size:43px}
.belief-panel blockquote{font-size:24px}
.about-mission-grid{grid-template-columns:1fr}
.about-mission-item{border-right:0;border-bottom:1px solid #e3ebf3;padding:18px 0}
.about-mission-item:last-child{border-bottom:0}
.why-cards-v2,.principles-grid-v2{grid-template-columns:1fr}
.why-card-v2:last-child{grid-column:auto}
.why-card-v2{min-height:auto}
.experience-stat-v2 .big{font-size:64px}
.relationship-card-v2{padding:22px}
}
@media(max-width:520px){
.about-hero-copy-v2 h1{font-size:39px}
.about-hero-copy-v2 .hero-lead{font-size:17px}
.belief-panel{padding:22px}
.belief-item{grid-template-columns:30px 1fr;padding:12px}
.experience-stat-v2{padding:26px}
.tech-layer-stack-v2{padding:16px}
}
/* v0.5 public-value and founder-story additions */
.public-value-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin-top:30px;
}
.public-value-grid article{
background:#fff;
border:1px solid #e0e8f0;
border-radius:16px;
padding:25px;
box-shadow:0 10px 30px rgba(31,63,94,.04);
}
.public-value-grid article>span{
width:38px;height:38px;
display:grid;place-items:center;
border-radius:11px;
background:#eaf3ff;
color:#1263d6;
font-size:12px;
font-weight:850;
}
.public-value-grid h3{
margin:16px 0 8px;
color:#173b62;
font-size:19px;
}
.public-value-grid p{
margin:0;
color:#63798f;
font-size:14px;
line-height:1.6;
}
.trust-note{
margin-top:22px;
display:flex;
gap:12px;
align-items:flex-start;
padding:16px 18px;
border:1px solid rgba(255,255,255,.16);
border-radius:13px;
background:rgba(255,255,255,.05);
}
.trust-note strong{
flex:0 0 auto;
color:#fff;
font-size:12px;
}
.trust-note span{
color:#b9ccdd;
font-size:11px;
line-height:1.55;
}
.founder-belief-v2{
margin-top:30px;
display:grid;
grid-template-columns:.78fr 1.22fr;
gap:28px;
align-items:center;
padding:28px 30px;
border-radius:18px;
background:#eef6ff;
border:1px solid #d9e9fb;
}
.founder-belief-v2 .eyebrow{margin-bottom:8px}
.founder-belief-v2 h3{
margin:0;
color:#0b2d5b;
font-size:27px;
line-height:1.18;
letter-spacing:-.025em;
}
.founder-belief-v2>p{
margin:0;
color:#526d87;
font-size:15px;
line-height:1.7;
}
@media(max-width:900px){
.public-value-grid{grid-template-columns:1fr}
.founder-belief-v2{grid-template-columns:1fr;gap:12px}
.trust-note{flex-direction:column}
}
/* v0.6 How Wayhall Works */
.works-hero{
position:relative;
overflow:hidden;
padding:88px 0 78px;
background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
}
.works-hero:after{
content:"";
position:absolute;
width:560px;height:560px;
right:-220px;top:-270px;
border-radius:50%;
background:radial-gradient(circle,rgba(70,153,241,.16),transparent 70%);
pointer-events:none;
}
.works-hero-grid{
position:relative;z-index:1;
display:grid;
grid-template-columns:1.04fr .96fr;
gap:58px;
align-items:center;
}
.works-hero-copy h1{
margin:15px 0 20px;
color:#0b2d5b;
font-size:clamp(46px,5.2vw,70px);
line-height:1.02;
letter-spacing:-.05em;
}
.works-hero-copy h1 span{color:#1263d6}
.works-hero-copy .hero-lead{
max-width:760px;
color:#536f89;
font-size:18px;
line-height:1.7;
}
.works-flow{
display:flex;
flex-wrap:wrap;
gap:9px;
align-items:center;
margin-top:27px;
}
.works-flow span{
padding:9px 13px;
border:1px solid #d8e6f5;
border-radius:999px;
background:#fff;
color:#1c4d7a;
font-size:12px;
font-weight:800;
}
.works-flow i{color:#88a3bc;font-style:normal}
.works-demo-card{
background:#fff;
border:1px solid #dce6ef;
border-radius:21px;
box-shadow:0 24px 60px rgba(33,71,109,.12);
overflow:hidden;
}
.demo-topbar,.desk-ui-header{
display:flex;justify-content:space-between;align-items:center;
padding:15px 18px;
border-bottom:1px solid #e7edf3;
background:#fbfdff;
}
.demo-topbar>div,.desk-ui-header>div{display:flex;align-items:center;gap:8px}
.demo-topbar strong,.desk-ui-header strong{color:#173b62;font-size:13px}
.demo-topbar small{color:#8395a7;font-size:10px}
.demo-dot{width:9px;height:9px;border-radius:50%;background:#2c79d5;display:inline-block}
.demo-chat{padding:20px;display:grid;gap:11px}
.bubble{max-width:82%;padding:12px 14px;border-radius:14px;font-size:12px;line-height:1.5}
.bubble-user{justify-self:end;background:#eaf3ff;color:#174a76;border-bottom-right-radius:5px}
.bubble-ai{justify-self:start;background:#f3f6f9;color:#425e77;border-bottom-left-radius:5px}
.demo-result{
display:flex;gap:10px;align-items:center;
padding:12px 13px;
background:#f5fbf7;
border:1px solid #d9ebe0;
border-radius:13px;
}
.result-check{
width:30px;height:30px;border-radius:9px;
display:grid;place-items:center;
background:#e2f2e7;color:#2c7a49;font-weight:900;
}
.demo-result strong{display:block;color:#2d5940;font-size:12px}
.demo-result small{display:block;margin-top:2px;color:#6b8677;font-size:10px}
.demo-footer{
padding:12px 18px;
background:#0d3159;
color:#d6e7f6;
text-align:center;
font-size:10px;
font-weight:800;
letter-spacing:.04em;
}
.works-outcomes{background:#fff}
.outcome-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.outcome-card{
position:relative;
min-height:270px;
padding:26px;
border:1px solid #e0e8f0;
border-radius:17px;
background:#fff;
box-shadow:0 10px 30px rgba(31,63,94,.04);
}
.outcome-number{
position:absolute;top:18px;right:20px;
color:#9aacbd;font-size:10px;font-weight:850;
}
.outcome-icon{
width:45px;height:45px;border-radius:13px;
display:grid;place-items:center;
background:#eaf3ff;color:#1263d6;font-weight:900;
}
.outcome-card h3{margin:17px 0 9px;color:#173b62;font-size:22px}
.outcome-card p{margin:0;color:#63798f;font-size:14px;line-height:1.62}
.outcome-card small{display:block;margin-top:18px;color:#7b8fa2;font-size:10px;font-weight:700}
.request-journey-section{background:#f7fafc}
.request-journey-grid{
display:grid;
grid-template-columns:.86fr 1.14fr;
gap:58px;
align-items:center;
}
.request-copy h2{
margin:10px 0 15px;color:#0b2d5b;
font-size:clamp(34px,3.7vw,48px);
line-height:1.08;letter-spacing:-.035em;
}
.request-copy>p:last-of-type{color:#60758b;font-size:16px;line-height:1.72}
.journey-quote{
margin-top:22px;padding:17px 18px;
border-left:3px solid #1263d6;
background:#fff;border-radius:0 12px 12px 0;
color:#294c6e;font-size:14px;font-weight:750;
}
.journey-steps{display:grid;gap:10px}
.journey-step{
display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:center;
padding:15px 17px;background:#fff;border:1px solid #e1e9f0;border-radius:13px;
}
.journey-step>span{
width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
background:#eaf3ff;color:#1263d6;font-size:11px;font-weight:850;
}
.journey-step strong{display:block;color:#173b62;font-size:13px}
.journey-step small{display:block;margin-top:3px;color:#71869a;font-size:11px}
.channels-section{background:#fff}
.channels-grid{
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:55px;
align-items:center;
}
.channels-copy h2{
margin:10px 0 15px;color:#0b2d5b;
font-size:clamp(34px,3.7vw,48px);
line-height:1.08;letter-spacing:-.035em;
}
.channels-copy p{color:#60758b;font-size:16px;line-height:1.7}
.channels-emphasis{font-weight:800;color:#244d73!important}
.channel-orbit{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:11px;
padding:24px;
border:1px solid #dce6ef;
border-radius:22px;
background:linear-gradient(145deg,#f6faff,#edf5ff);
}
.channel-center{
grid-column:1/-1;
text-align:center;
padding:18px;
border-radius:15px;
background:#0d3159;
color:#fff;
}
.channel-center strong{display:block;font-size:20px}
.channel-center span{display:block;margin-top:3px;color:#b9d0e4;font-size:10px}
.channel-pill{
display:grid;place-items:center;
min-height:64px;
padding:10px;
text-align:center;
border-radius:12px;
background:#fff;
border:1px solid #dce6ef;
color:#315675;
font-size:11px;
font-weight:800;
}
.connect-section{background:#f7fafc}
.integration-diagram{
max-width:900px;
margin-top:30px;
text-align:center;
}
.integration-row{
margin:0 auto;
padding:14px 20px;
border-radius:13px;
}
.integration-top{
max-width:310px;background:#eaf3ff;color:#245782;border:1px solid #d4e5f7;
font-size:12px;font-weight:850;
}
.integration-wayhall{
max-width:520px;background:#0d3159;color:#fff;
}
.integration-layer{
max-width:650px;background:#143f69;color:#fff;border:1px solid #2d618e;
}
.integration-row strong{display:block;font-size:15px}
.integration-row small{display:block;margin-top:3px;color:#c6d7e6;font-size:10px}
.integration-arrow{padding:8px;color:#7e98ae;font-weight:900}
.integration-systems{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:9px;
}
.integration-systems span{
padding:12px 8px;background:#fff;border:1px solid #dfe8f0;border-radius:11px;
color:#526f88;font-size:10px;font-weight:800;
}
.connector-grid{
display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px;
}
.connector-grid article{
padding:24px;background:#fff;border:1px solid #e0e8f0;border-radius:16px;
}
.connector-icon{
width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
background:#eaf3ff;color:#1263d6;font-size:11px;font-weight:900;
}
.connector-grid h3{margin:15px 0 8px;color:#173b62;font-size:19px}
.connector-grid p{margin:0;color:#63798f;font-size:14px;line-height:1.6}
.desk-section{background:#fff}
.desk-grid-v2{
display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:center;
}
.desk-copy-v2 h2{
margin:10px 0 15px;color:#0b2d5b;
font-size:clamp(34px,3.7vw,48px);
line-height:1.08;letter-spacing:-.035em;
}
.desk-copy-v2 p{color:#60758b;font-size:16px;line-height:1.7}
.desk-feature-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}
.desk-feature-list span{
padding:8px 10px;border-radius:999px;background:#eef5fc;border:1px solid #dbe7f1;
color:#446681;font-size:10px;font-weight:750;
}
.desk-ui-v2{
border:1px solid #dce6ef;border-radius:20px;background:#fff;overflow:hidden;
box-shadow:0 20px 50px rgba(31,63,94,.1);
}
.desk-count{
padding:5px 8px;border-radius:999px;background:#eaf3ff;color:#1263d6;
font-size:9px;font-weight:850;
}
.desk-ui-body{display:grid;grid-template-columns:.8fr 1.2fr;min-height:300px}
.desk-list{border-right:1px solid #e5ecf2;background:#f9fbfd}
.desk-list-item{padding:15px;border-bottom:1px solid #e6edf3}
.desk-list-item.active{background:#eef6ff;border-left:3px solid #1263d6}
.desk-list-item strong{display:block;color:#315879;font-size:10px}
.desk-list-item span{display:block;margin-top:4px;color:#183f62;font-size:11px;font-weight:750}
.desk-list-item small{display:block;margin-top:3px;color:#8194a6;font-size:9px}
.desk-detail{padding:22px}
.detail-kicker{color:#1263d6;font-size:9px;font-weight:850}
.desk-detail h3{margin:7px 0 17px;color:#173b62;font-size:19px}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.detail-grid div{padding:10px;background:#f7fafc;border-radius:9px}
.detail-grid small{display:block;color:#8598a9;font-size:8px}
.detail-grid strong{display:block;margin-top:3px;color:#315879;font-size:10px}
.desk-note{margin-top:14px;padding:13px;border-radius:10px;background:#eef6ff}
.desk-note strong{color:#315879;font-size:10px}
.desk-note p{margin:4px 0 0;color:#667e93;font-size:10px;line-height:1.45}
.responsible-section{background:#0b2d52;color:#fff}
.responsible-section .section-intro h2{color:#fff}
.responsible-section .section-intro>p:last-child{color:#bed0df}
.responsible-section .eyebrow{color:#8fc1f0}
.responsible-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
.responsible-grid article{
padding:22px;border:1px solid #2b567c;border-radius:15px;background:#10385e;
}
.responsible-grid article>span{
display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;
background:#1b568c;color:#fff;font-size:10px;font-weight:850;
}
.responsible-grid h3{margin:13px 0 7px;color:#fff;font-size:17px}
.responsible-grid p{margin:0;color:#bdd0df;font-size:12px;line-height:1.55}
.foundation-section{background:#f7fafc}
.foundation-card{
display:grid;grid-template-columns:.86fr 1.14fr;gap:44px;align-items:center;
padding:38px;border-radius:22px;background:#fff;border:1px solid #e0e8f0;
}
.foundation-copy h2{
margin:10px 0 14px;color:#0b2d5b;
font-size:clamp(34px,3.6vw,48px);line-height:1.08;letter-spacing:-.035em;
}
.foundation-copy p{color:#60758b;font-size:15px;line-height:1.7}
.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.foundation-grid span{
display:grid;place-items:center;text-align:center;min-height:58px;padding:8px;
border-radius:11px;background:#eef5fc;border:1px solid #dce8f3;
color:#466681;font-size:10px;font-weight:800;
}
/* Upcrest on About */
.upcrest-mark-v2{
gap:13px;
align-content:center;
}
.upcrest-mark-v2 a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:90px;
width:100%;
}
.upcrest-logo{
display:block;
max-width:220px;
max-height:78px;
width:auto;
height:auto;
object-fit:contain;
}
.upcrest-mark-v2>span{
display:block;
color:#1263d6;
font-size:12px;
font-weight:800;
}
.text-link{color:#1263d6;text-decoration:none;font-weight:750}
.text-link:hover{text-decoration:underline}
@media(max-width:980px){
.works-hero-grid,.request-journey-grid,.channels-grid,.desk-grid-v2,.foundation-card{grid-template-columns:1fr;gap:34px}
.works-demo-card,.channel-orbit,.desk-ui-v2{max-width:760px}
.integration-systems{grid-template-columns:repeat(3,1fr)}
.responsible-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
.works-hero{padding:66px 0 58px}
.works-hero-copy h1{font-size:42px}
.outcome-grid,.connector-grid,.responsible-grid{grid-template-columns:1fr}
.channel-orbit{grid-template-columns:repeat(2,1fr)}
.channel-center{grid-column:1/-1}
.integration-systems{grid-template-columns:repeat(2,1fr)}
.desk-ui-body{grid-template-columns:1fr}
.desk-list{border-right:0;border-bottom:1px solid #e5ecf2}
.desk-list-item:nth-child(n+3){display:none}
.foundation-grid{grid-template-columns:repeat(2,1fr)}
.foundation-card{padding:25px}
}
@media(max-width:520px){
.works-hero-copy h1{font-size:38px}
.works-flow i{display:none}
.works-flow span{padding:8px 10px}
.channel-orbit{grid-template-columns:1fr;padding:17px}
.channel-center{grid-column:auto}
.integration-systems,.foundation-grid{grid-template-columns:1fr}
.detail-grid{grid-template-columns:1fr}
.upcrest-logo{max-width:180px}
}
/* v0.7 — unified icon / number / check language
Rule: icons = capabilities/categories; numbers = ordered process; checks = included benefits/features. */
.feature-icon{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:12px;
background:#eaf3ff;
color:#1263d6;
font-size:20px;
line-height:1;
flex:0 0 auto;
}
.feature-icon i{line-height:1}
.feature-icon-dark{
background:#1b568c;
color:#fff;
}
.inline-check-icon{
margin-right:7px;
color:#1263d6;
font-size:15px;
vertical-align:-1px;
}
/* Home */
.public-value-grid article>span.feature-icon{
width:44px;
height:44px;
background:#eaf3ff;
color:#1263d6;
font-size:20px;
}
.use-cases-section article .feature-icon{
margin-bottom:14px;
}
.trust-icon.feature-icon{
width:44px;
height:44px;
font-size:20px;
}
/* About */
.belief-icon{
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:9px;
background:#1e5f9c;
color:#fff;
font-size:14px;
}
.why-card-v2 .feature-icon{margin-bottom:16px}
.principle-v2{
grid-template-columns:46px 1fr;
}
.principle-v2>.feature-icon{
width:42px;
height:42px;
font-size:18px;
}
.experience-tags span{
display:inline-flex;
align-items:center;
gap:6px;
}
.experience-tags span i{
color:#9ec8ec;
font-size:12px;
}
/* How Wayhall Works */
.outcome-card .feature-icon{margin-bottom:16px}
.channel-pill{
display:flex;
flex-direction:column;
gap:7px;
align-items:center;
justify-content:center;
}
.channel-pill i{
color:#1263d6;
font-size:19px;
}
.integration-systems span{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
min-height:72px;
}
.integration-systems span i{
color:#1263d6;
font-size:18px;
}
.integration-systems span b{
font-size:10px;
color:#526f88;
}
.connector-icon.feature-icon{
width:44px;
height:44px;
font-size:19px;
}
.desk-feature-list span{
display:inline-flex;
align-items:center;
gap:5px;
}
.desk-feature-list span i{
color:#1263d6;
font-size:11px;
}
.responsible-grid article>.feature-icon{
width:40px;
height:40px;
font-size:17px;
}
.foundation-grid span{
display:flex;
align-items:center;
justify-content:flex-start;
gap:7px;
text-align:left;
}
.foundation-grid span i{
color:#1263d6;
font-size:13px;
flex:0 0 auto;
}
/* Ordered process numbers keep their numbered treatment */
.journey-step>span,
.tech-layer-v2 .layer-num{
font-variant-numeric:tabular-nums;
}
/* Slightly cleaner integration hierarchy */
.integration-diagram{
padding:24px;
border:1px solid #e0e8f0;
border-radius:20px;
background:#fff;
}
.integration-layer{
box-shadow:0 10px 24px rgba(20,63,105,.10);
}
@media(max-width:760px){
.feature-icon{width:42px;height:42px;font-size:18px}
.integration-diagram{padding:16px}
}
/* v0.8 card cleanup — never show a number and icon on the same capability card */
.public-value-grid article > .feature-icon,
.use-cases-section .feature-card > .feature-icon{
margin-bottom:16px;
}
/* About principle cards: icon in its own column, copy gets the full remaining width */
.principle-v2{
display:grid;
grid-template-columns:46px minmax(0,1fr);
gap:16px;
align-items:start;
}
.principle-v2 .principle-card-icon{
width:42px;
height:42px;
margin:0;
}
.principle-card-body{
min-width:0;
}
.principle-card-body h3{
margin:1px 0 7px;
color:#173b62;
font-size:18px;
line-height:1.3;
}
.principle-card-body p{
margin:0;
color:#667b90;
font-size:14px;
line-height:1.58;
}
/* Capability cards use one visual marker only */
.public-value-grid article > span:not(.feature-icon),
.use-cases-section .feature-card > span.icon{
display:none !important;
}
@media(max-width:620px){
.principle-v2{
grid-template-columns:42px minmax(0,1fr);
gap:13px;
}
}