:root {
  color-scheme: light;
  --paper: #faf9f6;
  --paper-deep: #f5f5ef;
  --white: #ffffff;
  --ink: #1e2027;
  --ink-strong: #17191e;
  --muted: #586179;
  --accent: #2d313b;
  --accent-hover: #23262d;
  --accent-muted: #474d5c;
  --accent-pale: #ebecef;
  --border: #e2e4e9;
  --card-shadow: 0 15px 36px rgba(36, 38, 43, 035);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
*{box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:96px}
body {margin:0;background:var(--paper);color:var(--ink)}
button,input,textarea{font:inherit}
a{color:inherit;text-decoration:none}
svg{display:block;flex-shrink:0}
.container{width:min(1192px,calc(100% - 92px));margin-inline:auto}
section[id]{scroll-margin-top:94px}
::selection{background:#c4c8d2;color:var(--ink-strong)}
:focus-visible{outline:3px solid #8a93ab;outline-offset:4px;border-radius:3px}
.skip-link{position:absolute;z-index:999;left:15px;top:-60px;background:white;padding:12px 16px;box-shadow:0 2px 9px #999}
.skip-link:focus{top:12px}
.eyebrow{margin:0 0 18px;font-size:11px;font-weight:800;letter-spacing:.145em;line-height:1.3;color:var(--accent);text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{color:var(--ink-strong)}
h1,h2{letter-spacing:-.052em}
h1{font-size:clamp(45px,4.45vw,65px);line-height:1.055;font-weight:760;margin-bottom:21px}
h1 span{color:var(--accent)}
h2{font-size:clamp(30px,3.2vw,41px);line-height:1.12;font-weight:750;margin-bottom:12px}
h3{font-size:17px;letter-spacing:-.027em}
p{line-height:1.64}
.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:47px;padding:0 20px;border:1px solid transparent;border-radius:7px;font-weight:700;font-size:13px;letter-spacing:-.007em;white-space:nowrap;transition:background-color .2s,transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{color:#fff;background:var(--accent);box-shadow:0 7px 18px rgba(46, 48, 54, 13)}
.button-primary:hover{background:var(--accent-hover);box-shadow:0 9px 20px rgba(46, 48, 54, 18)}
.button-light{color:#262932;background:#f7f8f9}
.button-light:hover{background:#e3e4e9}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:720;color:var(--accent);padding:8px 0;border-bottom:1px solid currentColor;line-height:1.1;transition:gap .15s}
.link-arrow:hover{gap:12px}
.site-header{height:78px;position:sticky;top:0;background:rgba(250,249,246,.97);backdrop-filter:blur(16px);z-index:100;border-bottom:1px solid rgba(220,225,218,.95)}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}
.logo{display:inline-flex;align-items:center;gap:11px;font-weight:650;font-size:20px;letter-spacing:-.05em;white-space:nowrap;color:#1b1d23}
.logo b{font-weight:760}
.logo-mark{height:25px;width:25px;display:inline-grid;position:relative;color:var(--accent)}
.logo-mark span{width:9px;height:9px;border-color:currentColor;border-style:solid;position:absolute}
.logo-mark span:nth-child(1){top:0;left:0;border-width:3px 0 0 3px}
.logo-mark span:nth-child(2){top:0;right:0;border-width:3px 3px 0 0}
.logo-mark span:nth-child(3){bottom:0;left:0;border-width:0 0 3px 3px}
.logo-mark span:nth-child(4){bottom:0;right:0;border-width:0 3px 3px 0}
.desktop-links{display:flex;align-items:center;gap:33px;margin-left:auto}
.desktop-links a,.footer-inner nav a{font-size:13px;font-weight:570;color:#383d49;transition:color .2s}
.desktop-links a:hover,.footer-inner nav a:hover{color:var(--accent)}
.header-cta{margin-left:30px;min-height:41px;padding-inline:16px}
.mobile-nav{display:none;position:relative}
.mobile-nav summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:8px;color:var(--accent)}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-menu{position:absolute;right:0;top:50px;width:min(292px,calc(100vw - 28px));background:white;box-shadow:0 20px 55px rgba(0,0,0,.12);border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column}
.mobile-menu a{padding:12px 13px;border-radius:7px;font-size:14px}
.mobile-menu a:hover{background:var(--accent-pale)}
.hero-section{padding:91px 0 74px;border-bottom:1px solid var(--border);overflow:hidden;background:linear-gradient(90deg,#faf9f6 0%,#faf9f6 54%,#f6f7f8 100%)}
.hero-grid{display:grid;grid-template-columns:minmax(0, .96fr) minmax(0,1.04fr);align-items:center;gap:36px}
.hero-copy{position:relative;z-index:4}
.hero-lead{font-size:16px;color:#535b72;max-width:515px;line-height:1.73;margin-bottom:28px}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:45px;color:#4e566c}
.hero-proof span{display:flex;align-items:center;gap:7px;font-size:11.5px;white-space:nowrap}
.hero-proof svg{width:16px;height:16px;color:var(--accent)}
.hero-visual{height:435px;position:relative;isolation:isolate}
.hero-dot-grid{position:absolute;inset:-15% -35% -20% 0;z-index:-2;background-image:radial-gradient(#9ba1b2 .9px,transparent .9px);background-size:22px 22px;opacity:.29;mask-image:linear-gradient(110deg,transparent 10%,#000 65%,transparent)}
.hero-window{position:absolute;background:#fff;border:1px solid #dadde3;border-radius:12px;box-shadow:0 22px 52px rgba(30, 32, 35, 11),0 4px 12px rgba(30, 32, 35, 025);overflow:hidden}
.hero-editor{width:69%;height:276px;top:25px;left:6%;background:#182a2b;border-color:#24272f;transform:rotate(-2deg)}
.window-top{height:36px;display:flex;align-items:center;gap:10px;padding:0 13px;font-size:10px}
.dark-top{background:#22252c;border-bottom:1px solid #31353f;color:#989eaf}
.traffic{display:flex;gap:5px;margin-right:7px}.traffic i{display:block;width:6px;height:6px;border-radius:50%;background:#5e6882}.traffic i:nth-child(2){background:#b59867}.traffic i:nth-child(3){background:#9e7970}
.window-top-dots{margin-left:auto;font-size:20px;letter-spacing:2px;color:#8d96ad}
.editor-body{display:flex;gap:16px;padding:23px 23px 13px 22px;color:#b0b5c3;font-size:11.2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:2.2;white-space:nowrap}
.editor-gutter{color:#51596f;text-align:right;line-height:2.2;font-size:10px}
.editor-lines .indent{padding-left:15px}.editor-lines .indent2{padding-left:30px}
.code-purple{color:#d6a7e2}.code-white{color:#f0f1f3}.code-muted{color:#8e96ad}.code-teal{color:#a7adbc}
.editor-status{border-top:1px solid #2f333e;display:flex;align-items:center;gap:6px;color:#c4c7d1;padding:6px 15px;font-size:9px;letter-spacing:.01em}.editor-status>span:last-child{margin-left:auto;color:#8d96ad}
.status-dot{width:6px;height:6px;border-radius:50%;background:#8b94ab}
.hero-interface{width:73%;min-height:241px;right:0;bottom:28px;transform:rotate(1.4deg);z-index:2;border-color:#e2e3e8;box-shadow:0 20px 55px rgba(30, 32, 35, 13)}
.light-top{border-bottom:1px solid #e4e6eb;background:#fafbfc;color:#65726c;font-weight:700}
.tiny-app-mark{font-size:18px;color:var(--accent)}
.mini-badge{margin-left:auto;padding:3px 8px;border:1px solid #dbdee4;border-radius:5px;color:#474e61;background:#f0f1f4;font-size:9px}
.interface-content{padding:20px 20px 14px}
.interface-title{font-size:14px;font-weight:760;color:#22252d;letter-spacing:-.025em;margin-bottom:3px}
.interface-sub{font-size:10px;color:#84928b;margin-bottom:15px}
.interface-task{border:1px solid #ebecf0;min-height:38px;margin-bottom:6px;border-radius:7px;display:flex;align-items:center;gap:9px;padding:6px 8px;color:#363b47;font-size:10px;font-weight:600}
.small-check{display:grid;place-items:center;background:#ecedf0;color:#404654;border-radius:50%;width:20px;height:20px}
.task-tag{margin-left:auto;font-size:8px;color:#66718e;background:#f1f2f5;padding:5px 7px;border-radius:4px}
.hero-float-note{position:absolute;left:0;bottom:5px;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:9px;background:rgba(255,255,255,.96);box-shadow:0 10px 35px rgba(31, 32, 36, 13);border:1px solid #e8e9ed}
.float-note-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#ebecf0;color:var(--accent)}
.hero-float-note strong{display:block;font-size:10px;color:#22252c}.hero-float-note small{display:block;color:#7b8a84;font-size:9px;margin-top:3px}
.section{padding:76px 0;border-bottom:1px solid var(--border)}
.section-heading{margin-bottom:30px}.section-heading .eyebrow{margin-bottom:11px}.section-heading h2{margin-bottom:8px}.section-heading>p:last-child{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.services-section{padding-top:79px;padding-bottom:76px;background:#fff}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.service-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(37, 39, 44, 025);transition:transform .25s,box-shadow .25s}
.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 33px rgba(38, 39, 44, 09)}
.service-visual{height:146px;margin:12px 12px 0;background:#f1f2f5;border:1px solid #ebecef;border-radius:7px;overflow:hidden;position:relative}
.service-visual svg{width:100%;height:100%}
.visual-caption{position:absolute;left:0;right:0;bottom:7px;text-align:center;font-size:8px;color:#707a97}.visual-caption span{color:#454c5f;margin:0 4px}
.api-visual{background:radial-gradient(ellipse at center,#e7e9ed,#f3f4f6 75%)}
.web-visual{padding:17px 12px 0;background:linear-gradient(145deg,#eeeff2,#f7f7f8)}
.preview-browser{height:125px;background:white;border:1px solid #dee0e5;box-shadow:0 7px 12px #2c303a0c;border-radius:8px 8px 0 0;overflow:hidden}
.preview-browser-top{height:17px;border-bottom:1px solid #e8e9ed;display:flex;gap:4px;align-items:center;padding:0 9px}.preview-browser-top i{height:4px;width:4px;border-radius:50%;background:#b0b5c3}.preview-browser-top span{font-size:6px;color:#a0a6b6;margin-left:8px}
.preview-browser-content{display:flex;height:100%}.preview-sidebar{width:27%;background:#f0f1f3;border-right:1px solid #e8e9ed;padding:12px 9px;display:flex;flex-direction:column;gap:9px}.preview-sidebar span{height:5px;border-radius:4px;background:#d3d6dd}.preview-sidebar span:first-child{width:75%;background:#8d95ac}.preview-sidebar span:nth-child(3){width:70%}
.preview-main{flex:1;padding:13px}.preview-main-header{height:8px;background:#d9dbe2;border-radius:3px;width:45%;margin-bottom:13px}.preview-fields{display:flex;gap:7px;margin-bottom:11px}.preview-fields i{height:19px;flex:1;border:1px solid #e5e7eb;border-radius:4px;background:#fcfcfc}.preview-table{border:1px solid #e6e8ec;border-radius:4px;overflow:hidden}.preview-table span{display:block;height:14px;border-bottom:1px solid #edeef1}.preview-table span:first-child{background:#f4f5f7}
.dashboard-visual{background:#dee0e5;display:grid;place-items:center;padding:12px 14px 0}
.dashboard-frame{background:#1e2027;width:100%;height:139px;border-radius:8px 8px 0 0;padding:10px 12px;box-shadow:0 8px 20px #272a3328}
.dash-top{display:flex;align-items:center;gap:7px;height:13px;margin-bottom:10px}.dash-brand{font-size:10px;color:#8d95ac}.dash-top i{height:4px;width:30px;background:#3e4351;border-radius:3px}.dash-top i:last-child{width:19px;margin-left:auto}
.dash-stats{display:flex;gap:7px}.dash-stats span{height:29px;flex:1;border:1px solid #3a3e4b;border-radius:4px;padding:6px}.dash-stats small,.dash-stats b{display:block;height:3px;border-radius:2px;background:#515970;margin-bottom:4px;width:45%}.dash-stats b{width:62%;background:#a8adbc}
.dashboard-frame svg{height:64px;margin-top:8px}
.ai-visual{display:flex;align-items:center;justify-content:center;gap:6px;background:radial-gradient(#f0f1f3,#f7f7f8 70%);padding-bottom:20px}
.ai-node{width:65px;height:63px;background:white;border:1px solid #dee0e6;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;box-shadow:0 6px 17px #35394511;color:#5f6983}
.ai-node span{font-size:8px;color:#576078;font-weight:650}.ai-node.central{background:#323640;color:#fff;border-color:#323640}.ai-node.central span{color:#fff}
.node-line{width:20px;border-top:2px dashed #8a92aa;position:relative}.node-line:after{position:absolute;right:-1px;top:-5px;content:'';border-left:5px solid #8a92aa;border-top:4px solid transparent;border-bottom:4px solid transparent}
.ai-visual-foot{position:absolute;bottom:9px;color:#7e87a1;font-size:8px}.ai-visual-foot span{margin:0 5px}
.service-content{padding:18px 17px 24px}.service-content h3{font-size:16px;letter-spacing:-.035em;margin:0 0 9px;line-height:1.28}.service-content p{font-size:12.7px;line-height:1.68;color:var(--muted);margin:0}
.process-section{background:var(--paper);padding-top:73px;padding-bottom:77px}
.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.process-wrap{position:relative;min-width:0}
.process-card{min-height:205px;background:#fff;border:1px solid #e2e4e9;border-radius:9px;padding:17px 15px;box-shadow:none}
.process-top{height:46px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}
.stage-num{font-size:10px;color:#474e62;line-height:1;font-weight:800;padding:8px 9px;background:#eeeff2;border-radius:6px}
.stage-icon{color:var(--accent);padding-top:4px}
.process-card h3{font-size:15px;margin:0 0 8px;letter-spacing:-.026em}
.process-card p{font-size:12px;line-height:1.63;color:var(--muted);margin:0}
.process-arrow{position:absolute;top:79px;right:-15px;z-index:3;color:var(--accent-muted);font-size:21px;font-weight:500;text-shadow:0 1px 0 white}
.pilot-section{background:var(--paper);padding:0 0 82px;border-bottom:1px solid var(--border)}
.pilot-panel{border:1px solid #e0e2e8;background:linear-gradient(110deg,#f0f1f3 0%,#eff0f2 62%,#eaebee 100%);border-radius:13px;padding:41px 43px;display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center;overflow:hidden;position:relative}
.pilot-panel:after{content:'';position:absolute;width:330px;height:330px;right:11%;top:-80%;border-radius:50%;background:#d5d7de44;pointer-events:none}
.pilot-copy{position:relative;z-index:1}.pilot-copy .eyebrow{margin-bottom:11px}.pilot-copy h2{font-size:clamp(29px,3vw,39px)}.pilot-copy h2 span{color:var(--accent)}.pilot-copy>p:not(.eyebrow){color:#59627b;font-size:14.2px;line-height:1.73;max-width:570px;margin-bottom:24px}
.pilot-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.pilot-checklist{z-index:1;position:relative;background:#fff;border:1px solid #e3e4e9;border-radius:10px;box-shadow:none;padding:23px 25px}
.checklist-heading{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;margin-bottom:17px;color:#23262e}.checklist-icon{color:var(--accent);width:30px;height:30px;border-radius:7px;background:#edeef1;display:grid;place-items:center}
.pilot-check{display:flex;align-items:flex-start;gap:10px;color:#515a71;font-size:12px;margin-bottom:15px;line-height:1.5}.pilot-check:last-child{margin-bottom:0}.pilot-check>span{width:18px;height:18px;border-radius:50%;background:#e8e9ed;color:#404654;display:grid;place-items:center;flex-shrink:0}
.about-section{background:#fff;padding:75px 0}.about-grid{display:grid;grid-template-columns:250px 1fr;gap:62px;align-items:center;max-width:890px}
.founder-portrait{height:250px;width:250px;border:1px solid #dfe1e7;border-radius:13px;overflow:hidden;background:#eaebee;box-shadow:0 14px 32px #2c2f3912}
.founder-portrait img{width:100%;height:100%;object-fit:cover}
.founder-placeholder{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(135deg,#e8e9ed,#dddfe5)}
.portrait-monogram{font-weight:750;font-size:70px;letter-spacing:-.11em;line-height:1;color:#959cae}
.founder-placeholder>span:last-child{font-size:11px;color:#6c7794;letter-spacing:.03em}
.founder-copy .eyebrow{margin-bottom:13px}.founder-copy h2{font-size:37px;line-height:1.14;margin-bottom:19px}.founder-copy p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:655px;line-height:1.75;margin-bottom:11px}.founder-copy p strong{color:#2c2f39}
.linkedin-link{margin-top:18px;display:inline-flex;align-items:center;gap:9px;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:4px;font-size:12px;font-weight:720}
.linkedin-symbol{font-family:Arial,sans-serif;font-weight:800;background:var(--accent);color:#fff;font-size:15px;letter-spacing:-1px;border-radius:3px;display:grid;place-items:center;width:22px;height:22px;line-height:1}
.principles-section{background:var(--paper);padding:72px 0 77px}
.principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.principle-card{background:#fff;border:1px solid var(--border);border-radius:9px;padding:22px;min-height:164px}
.principle-icon{width:40px;height:40px;background:#eeeff2;color:var(--accent);border-radius:8px;display:grid;place-items:center;margin-bottom:15px}
.principle-card h3{font-size:14px;margin:0 0 7px}.principle-card p{color:var(--muted);font-size:12.2px;line-height:1.65;margin:0}
.faq-section{background:#fff;padding:80px 0 84px}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.faq-intro .eyebrow{margin-bottom:14px}.faq-intro h2{font-size:39px;max-width:320px}.faq-intro>p:last-child{font-size:14px;line-height:1.68;color:var(--muted);max-width:300px}
.faq-list{display:flex;flex-direction:column;gap:9px}
.faq-item{border:1px solid var(--border);border-radius:8px;background:#fff;transition:background-color .2s}
.faq-item[open]{background:#f9f9fa;border-color:#d2d5dd}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:630;color:#2e323c;font-size:13.5px;line-height:1.5;padding:18px 20px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--accent)}
.faq-symbol{width:17px;height:17px;position:relative;flex-shrink:0}.faq-symbol:before,.faq-symbol:after{content:'';position:absolute;background:var(--accent);border-radius:2px}.faq-symbol:before{width:13px;height:1.5px;top:8px;left:2px}.faq-symbol:after{height:13px;width:1.5px;left:8px;top:2px;transition:transform .2s}
.faq-item[open] .faq-symbol:after{transform:rotate(90deg)}
.faq-item p{margin:-4px 20px 19px;font-size:13px;line-height:1.72;color:var(--muted);max-width:650px}
.contact-section{background:var(--paper);padding:32px 0}
.contact-panel{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;overflow:hidden;background:#1c1e24;color:#fff;border-radius:12px;padding:50px 54px;min-height:247px}
.contact-glow{pointer-events:none;position:absolute;right:-60px;top:-150px;width:430px;height:430px;background:radial-gradient(circle,rgba(72, 75, 84, 30),transparent 65%);opacity:.9}
.contact-panel:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#8a93ab .85px,transparent .85px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 60%,black 100%);opacity:.17;pointer-events:none}
.contact-copy{position:relative;z-index:1}.contact-copy .eyebrow{color:#b1b6c3;margin-bottom:13px}.contact-copy h2{font-size:37px;color:white;margin-bottom:13px}.contact-copy p:not(.eyebrow){color:#b8bdc9;line-height:1.7;font-size:14px;max-width:605px;margin:0}
.contact-actions{position:relative;z-index:1;display:flex;align-items:flex-start;flex-direction:column;gap:15px}.contact-secondary{font-size:12px;color:#f3f3f5;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #bfc3ce;padding-bottom:4px}
.site-footer{background:var(--paper);padding:25px 0 34px}.footer-inner{display:flex;align-items:center;gap:32px}.footer-inner .logo{font-size:16px}.footer-inner .logo-mark{height:20px;width:20px}.footer-inner .logo-mark span{width:8px;height:8px;border-width:0}.footer-inner .logo-mark span:nth-child(1){border-width:2px 0 0 2px}.footer-inner .logo-mark span:nth-child(2){border-width:2px 2px 0 0}.footer-inner .logo-mark span:nth-child(3){border-width:0 0 2px 2px}.footer-inner .logo-mark span:nth-child(4){border-width:0 2px 2px 0}
.footer-inner>div:first-child p{font-size:10px;margin:6px 0 0;color:#71837a}.footer-inner nav{display:flex;align-items:center;gap:20px;margin-left:auto}.footer-inner nav a{font-size:11px}.footer-right{display:flex;align-items:center;gap:15px;white-space:nowrap}.footer-right .linkedin-symbol{width:20px;height:20px;font-size:13px}.footer-right>span{font-size:10px;color:#819188}
@media (max-width:1150px){.container{width:min(1090px,calc(100% - 60px))}.desktop-links{gap:22px}.header-cta{margin-left:0}.hero-section{padding-top:76px}.hero-grid{gap:15px}.hero-proof{gap:13px}.hero-proof span{font-size:10px}.hero-visual{height:410px}.service-content{padding-inline:14px}.service-content h3{font-size:14px}.service-content p{font-size:12px}.about-grid{gap:45px}}
@media (max-width:920px){.container{width:calc(100% - 50px)}.site-header{height:70px}.desktop-links{gap:16px}.desktop-links a{font-size:12px}.header-cta{font-size:12px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:695px}.hero-section{padding-top:70px;padding-bottom:40px}.hero-visual{height:380px;max-width:650px;width:100%;margin:auto}.hero-editor{width:63%;left:12%}.hero-interface{width:65%;right:3%}.hero-proof{margin-top:28px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:300px}.service-visual{height:185px}.service-content h3{font-size:16px}.process-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.process-card{padding:14px 10px;min-height:225px}.process-card p{font-size:11px}.process-arrow{right:-10px}.pilot-panel{gap:25px;padding:35px}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-layout{gap:35px}.footer-inner{flex-wrap:wrap}.footer-inner nav{margin-left:auto}}
@media (max-width:650px){html{scroll-padding-top:75px}.container{width:calc(100% - 36px)}.site-header{height:64px}.logo{font-size:18px}.desktop-links,.header-cta{display:none}.mobile-nav{display:block}.hero-section{padding:57px 0 28px}.hero-grid{gap:16px}.eyebrow{font-size:10px;margin-bottom:14px}.hero-copy h1{font-size:clamp(41px,10.1vw,58px);max-width:555px}.hero-lead{font-size:14.5px;line-height:1.68}.hero-actions{gap:20px}.hero-proof{gap:10px 16px;margin-top:28px}.hero-proof span{font-size:10px}.hero-visual{height:296px;margin-top:22px;max-width:480px}.hero-editor{width:73%;height:214px;left:3%;top:0}.editor-body{padding:10px;gap:7px;font-size:8px}.editor-gutter{font-size:7px}.editor-status{font-size:7px}.hero-interface{width:76%;bottom:15px;right:0;min-height:182px}.window-top{height:28px;font-size:8px}.interface-content{padding:11px 10px}.interface-title{font-size:11px}.interface-sub{font-size:8px;margin-bottom:8px}.interface-task{font-size:8px;min-height:26px;padding:4px;gap:5px}.small-check{width:15px;height:15px}.task-tag{font-size:7px}.hero-float-note{display:none}.section{padding:58px 0}.section-heading{margin-bottom:24px}.section-heading h2{font-size:34px}.section-heading>p:last-child{font-size:13.5px}.service-grid{gap:11px}.service-card{min-height:0}.service-visual{height:135px;margin:9px 9px 0}.service-content{padding:14px 12px 21px}.service-content h3{font-size:14px}.service-content p{font-size:11.5px}.process-section{padding:55px 0 52px}.process-grid{grid-template-columns:1fr;gap:10px}.process-wrap{display:block}.process-card{min-height:0;display:grid;grid-template-columns:78px 1fr;gap:0 14px;padding:16px;align-items:center}.process-top{grid-row:span 2;display:flex;align-items:center;flex-direction:column;justify-content:center;height:auto;gap:12px;margin:0}.process-card h3{font-size:16px;margin-bottom:4px;align-self:end}.process-card p{font-size:12.5px;align-self:start}.process-arrow{display:none}.pilot-section{padding-bottom:59px}.pilot-panel{padding:25px 21px;grid-template-columns:1fr;gap:24px}.pilot-copy h2{font-size:32px}.pilot-copy>p:not(.eyebrow){font-size:13px}.pilot-actions{gap:18px}.pilot-checklist{padding:21px}.about-grid{grid-template-columns:105px 1fr;gap:19px;align-items:start}.founder-portrait{height:105px;width:105px}.portrait-monogram{font-size:42px}.founder-placeholder>span:last-child{font-size:8px}.founder-copy h2{font-size:29px}.founder-copy p:not(.eyebrow){font-size:12.6px}.about-section{padding:58px 0}.principle-grid{grid-template-columns:1fr 1fr;gap:10px}.principle-card{padding:16px;min-height:185px}.principle-card h3{font-size:13px}.principle-card p{font-size:11px}.faq-layout{grid-template-columns:1fr;gap:23px}.faq-intro h2{font-size:33px}.faq-section{padding:60px 0}.faq-item summary{padding:15px 14px;font-size:12.5px}.faq-item p{margin:0 14px 16px;font-size:12.4px}.contact-panel{grid-template-columns:1fr;gap:21px;padding:34px 24px}.contact-copy h2{font-size:33px}.contact-copy p:not(.eyebrow){font-size:13px}.site-footer{padding:18px 0 28px}.footer-inner{align-items:flex-start;gap:22px}.footer-inner nav{order:3;width:100%;margin-left:0;display:flex;flex-wrap:wrap;gap:11px 17px}.footer-right{margin-left:auto}.footer-right>span{font-size:9px}}
@media (max-width:420px){.hero-section{padding-top:45px}.hero-copy h1{font-size:42px}.hero-actions .button{width:auto}.hero-visual{height:260px}.hero-editor{width:78%;height:190px}.hero-interface{width:82%;min-height:169px}.service-grid{grid-template-columns:1fr}.service-visual{height:162px}.service-content{padding:15px 16px 19px}.service-content h3{font-size:16px}.service-content p{font-size:12.5px}.about-grid{grid-template-columns:1fr}.founder-portrait{width:120px;height:120px}.principle-grid{grid-template-columns:1fr}.principle-card{min-height:0}.pilot-actions .link-arrow{margin-bottom:1px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/*
 * V2 fidelity pass — Image 1 (light ivory / forest-teal) reference.
 * Deliberately preserves the V1 React structure and all interactions.
 * Components remain accessible and responsive; these rules only refine presentation.
 */
:root{
  --paper:#fafaf7;
  --paper-deep:#f3f4f6;
  --white:#ffffff;
  --ink:#262932;
  --ink-strong:#191b20;
  --muted:#535c73;
  --accent:#2b2e38;
  --accent-hover:#21242c;
  --accent-muted:#495064;
  --accent-pale:#edeef1;
  --border:#e4e6ea;
  --card-shadow:0 13px 34px rgba(34, 36, 40, 055);
}
body{background:#fff}
.container{width:min(1220px,calc(100% - 88px))}
.site-header{height:72px;background:rgba(255,255,253,.97);border-bottom-color:#e6e8ec}
.logo{font-size:20px;letter-spacing:-.057em}
.desktop-links{gap:37px}
.hero-section{
  position:relative;
  background:linear-gradient(103deg,#fff 0%,#fff 35%,#fafafb 100%);
  padding:80px 0 69px;
  border-bottom-color:#e6e8ec;
}
.hero-grid{grid-template-columns:minmax(0, .97fr) minmax(0,1.03fr);gap:15px}
.hero-copy{padding:8px 0}
.hero-copy h1{font-size:clamp(54px,4.7vw,72px);letter-spacing:-.064em;line-height:1.045;max-width:560px;margin-bottom:25px}
.hero-lead{font-size:16.5px;line-height:1.73;color:#535c73;max-width:495px;margin-bottom:29px}
.hero-actions .button{min-height:48px;padding:0 24px}
.hero-proof{gap:20px;margin-top:50px}
.hero-proof span{font-size:11px;color:#586179}
.hero-proof svg{width:15px;height:15px}
.hero-visual{height:450px;margin-right:-17px;isolation:isolate}
.hero-visual:before{
  content:"";position:absolute;left:0%;top:92px;width:74%;height:268px;
  border-radius:14px;border:1px solid #e8e9ed;
  background:
    linear-gradient(90deg,transparent 0%,transparent 28%,#eaebee 28%,#eaebee 28.4%,transparent 28.4%),
    linear-gradient(#f1f2f4 0 35px,transparent 35px),
    linear-gradient(105deg,rgba(250,252,248,.99),#fff);
  transform:rotate(-5deg) translateX(-9px);
  box-shadow:0 18px 52px rgba(31, 33, 37, 055),0 2px 9px rgba(31, 33, 37, 04);
  z-index:-1;
}
.hero-visual:after{
  content:"";position:absolute;left:5%;bottom:11px;width:57%;height:165px;
  background:
    linear-gradient(90deg, transparent 8%,#e7e8ec 8% 9%,transparent 9% 27%,#e7e8ec 27% 28%,transparent 28% 51%,#e7e8ec 51% 52%,transparent 52%),
    linear-gradient(180deg,#f5f5f7 0 26px,#fff 26px 100%);
  border:1px solid #e8e9ed;border-radius:12px;
  transform:rotate(4deg);z-index:0;
  box-shadow:0 14px 32px rgba(37, 38, 43, 085);
}
.hero-dot-grid{inset:-9% -20% -8% 4%;opacity:.19;background-size:19px 19px}
.hero-window{box-shadow:0 23px 54px rgba(33, 35, 39, 13),0 2px 8px rgba(34, 36, 40, 045);border-radius:11px}
.hero-editor{
  width:64%;height:280px;top:38px;left:17%;
  transform:rotate(-4deg);z-index:1;
  background:#192d30;border-color:#353944;
}
.editor-body{font-size:10.7px;padding:20px 17px 10px 19px;gap:11px}
.editor-gutter{font-size:9.5px}
.hero-interface{
  width:66%;min-height:240px;right:0;top:105px;bottom:auto;
  transform:rotate(2.1deg);z-index:3;
  box-shadow:0 26px 57px rgba(36, 38, 43, 14),0 3px 12px rgba(33, 34, 38, 035);
}
.hero-interface .interface-content{padding:19px 19px 16px}
.hero-interface .interface-title{font-size:14px}
.hero-interface .interface-task{min-height:38px;font-size:10px}
.hero-float-note{bottom:14px;left:21%;z-index:4;transform:rotate(-2deg);padding:12px 15px}
.services-section{background:#fff;padding:65px 0 70px}
.section-heading{margin-bottom:28px}
.section-heading h2{font-size:clamp(33px,3.2vw,42px);letter-spacing:-.056em}
.section-heading>p:last-child{font-size:14.5px}
.service-grid{gap:15px}
.service-card{border:1px solid #e7e9ed;border-radius:10px;box-shadow:0 7px 25px rgba(39, 41, 46, 035)}
.service-card:hover{transform:translateY(-3px);box-shadow:0 13px 29px rgba(37, 38, 43, 09)}
.service-visual{height:158px;margin:11px 11px 0;border:1px solid #ebecf0;border-radius:7px}
.api-visual{background:radial-gradient(ellipse at center,#e7e9ed 0%,#f4f5f7 75%)}
.web-visual{background:linear-gradient(145deg,#f3f3f5,#fcfcfc)}
.dashboard-visual{background:#e8e9ed}
.ai-visual{background:radial-gradient(#f1f2f4,#fafafb 70%)}
.service-content{padding:19px 18px 25px}
.service-content h3{font-size:16.5px;margin-bottom:9px}
.service-content p{font-size:12.5px;line-height:1.66}
.process-section{background:#fafaf7;padding:64px 0 61px}
.process-grid{gap:11px}
.process-card{background:#fff;min-height:194px;border-radius:9px;padding:18px 16px;border-color:#e4e6eb}
.process-top{height:40px;margin-bottom:10px}
.stage-num{background:#f0f1f4;color:#3e4351}
.stage-icon{color:#313540}
.process-arrow{right:-14px;top:80px}
.pilot-section{background:#fafaf7;padding:0 0 66px}
.pilot-panel{
  background:linear-gradient(112deg,#eff0f2 0%,#f0f1f3 56%,#ebecef 100%);
  padding:46px 45px;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:40px;border-color:#e0e2e7;
  box-shadow:none;
}
.pilot-copy h2{font-size:clamp(31px,3.15vw,43px);letter-spacing:-.059em;max-width:540px}
.pilot-copy>p:not(.eyebrow){font-size:14px;line-height:1.66;max-width:530px}
.pilot-checklist{padding:24px 25px;box-shadow:none}
.about-section{padding:67px 0;background:#fff}
.about-grid{grid-template-columns:180px minmax(0,1fr);gap:40px;max-width:925px;align-items:center}
.founder-portrait{width:180px;height:180px;border-radius:12px}
.founder-copy h2{font-size:36px;margin-bottom:13px}
.founder-copy p:not(.eyebrow){font-size:13.5px;line-height:1.64;margin-bottom:8px}
.linkedin-link{margin-top:12px}
.principles-section{padding:62px 0 66px;background:#fafaf7}
.principle-card{min-height:146px;padding:21px;background:#fff}
.principle-icon{width:36px;height:36px;margin-bottom:12px}
.faq-section{padding:67px 0 70px;background:#fff}
.faq-item summary{padding:16px 19px}
.contact-section{background:#fafaf7}
.contact-panel{min-height:224px;padding:46px 52px;background:#1b1d23}
.site-footer{background:#fafaf7}
@media(max-width:1150px){
  .container{width:min(1090px,calc(100% - 60px))}
  .hero-copy h1{font-size:clamp(46px,4.65vw,59px)}
  .hero-visual{margin-right:0}
  .service-visual{height:151px}
  .service-content h3{font-size:15px}
}
@media(max-width:920px){
  .container{width:calc(100% - 50px)}
  .site-header{height:70px}
  .hero-grid{grid-template-columns:1fr;gap:10px}
  .hero-copy{max-width:730px}
  .hero-copy h1{font-size:clamp(52px,7.5vw,72px)}
  .hero-section{padding:70px 0 42px}
  .hero-visual{height:395px;max-width:635px;width:100%;margin:2px auto 0}
  .hero-editor{top:15px;left:18%;width:61%}
  .hero-interface{width:63%;top:85px}
  .hero-visual:after{left:8%;bottom:8px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-visual{height:182px}
  .service-content h3{font-size:16px}
  .pilot-panel{padding:36px;gap:25px}
  .about-grid{max-width:770px}
}
@media(max-width:650px){
  .container{width:calc(100% - 36px)}
  .site-header{height:64px}
  .hero-section{padding:50px 0 30px}
  .hero-copy h1{font-size:clamp(42px,10vw,58px);line-height:1.04}
  .hero-lead{font-size:14.5px}
  .hero-proof{margin-top:29px;gap:10px 16px}
  .hero-visual{height:310px;max-width:480px}
  .hero-visual:before{top:53px;height:205px;width:78%}
  .hero-visual:after{height:105px;bottom:5px;left:2%}
  .hero-editor{top:2px;left:14%;width:75%;height:213px}
  .hero-interface{width:73%;min-height:183px;right:0;top:90px;bottom:auto}
  .hero-interface .interface-content{padding:10px}
  .hero-interface .interface-task{min-height:26px;font-size:8px;padding:4px 5px}
  .hero-float-note{display:none}
  .section-heading h2{font-size:34px}
  .services-section{padding:55px 0 56px}
  .service-visual{height:137px}
  .service-content{padding:14px 13px 18px}
  .service-content h3{font-size:14px}
  .service-content p{font-size:11.5px}
  .process-section{padding:55px 0}
  .process-grid{grid-template-columns:1fr;gap:10px}
  .process-card{min-height:0}
  .pilot-section{padding-bottom:59px}
  .pilot-panel{grid-template-columns:1fr;gap:23px;padding:29px 23px}
  .pilot-copy h2{font-size:33px}
  .about-grid{grid-template-columns:96px 1fr;gap:18px}
  .founder-portrait{height:96px;width:96px}
  .founder-copy h2{font-size:29px}
  .principles-section{padding:59px 0}
  .faq-section{padding:59px 0}
  .contact-panel{padding:35px 25px}
}
@media(max-width:420px){
  .hero-visual{height:268px}
  .hero-editor{height:190px;top:0;width:78%;left:10%}
  .hero-interface{width:81%;top:78px;min-height:176px}
  .hero-visual:before{height:168px;top:45px}
  .hero-visual:after{height:95px}
  .service-grid{grid-template-columns:1fr}
  .service-visual{height:166px}
  .service-content{padding:15px 16px 20px}
  .service-content h3{font-size:16px}
  .service-content p{font-size:12.5px}
  .about-grid{grid-template-columns:1fr}
  .founder-portrait{height:108px;width:108px}
}

/* V3 — CHARCOAL IDENTITY + REFERENCE-FIDELITY SERVICE ART */
:root{
  --paper:#fafaf8;
  --paper-deep:#f6f7f8;
  --white:#fff;
  --ink:#343944;
  --ink-strong:#222730;
  --muted:#69727f;
  --accent:#30353f;
  --accent-hover:#20242d;
  --accent-muted:#646c7a;
  --accent-pale:#eff1f4;
  --border:#e7e9ed;
  --card-shadow:0 13px 34px rgba(38,45,58,.045);
}
body{background:#fff}
.site-header{background:rgba(255,255,255,.97);border-bottom-color:#ebedf0}
.hero-section{background:linear-gradient(100deg,#fff 0%,#fff 40%,#fafbfe 100%);border-bottom-color:#ebeef1}
.hero-copy h1 span{color:#434a57}
.hero-copy .eyebrow,.section-heading .eyebrow,.pilot-copy .eyebrow,.founder-copy .eyebrow{color:#535b6b}
.hero-lead,.hero-proof span{color:#626b77}
.button-primary{background:#30353f;box-shadow:0 7px 17px rgba(37,41,52,.16)}
.button-primary:hover{background:#191e27;box-shadow:0 10px 22px rgba(35,42,54,.2)}
.logo-mark{color:#30353f}
.link-arrow,.linkedin-link{color:#353e4c}
.hero-window{border-color:#e1e5ec;box-shadow:0 20px 48px rgba(29,41,60,.13)}
.hero-editor{background:#151d2a;border-color:#26364a}
.dark-top{background:#192538;border-bottom-color:#2a3a51;color:#a2b6d2}
.hero-interface{border-color:#dce3ec;box-shadow:0 20px 50px rgba(37,44,57,.14)}
.hero-float-note{box-shadow:0 12px 28px rgba(30,42,61,.1);border-color:#e1e6ef}
.services-section{background:#fff}
.service-grid{gap:16px}
.service-card{background:#fff;border-color:#e5e8ef;box-shadow:0 8px 25px rgba(33,45,68,.045);border-radius:12px}
.service-card:hover{box-shadow:0 16px 30px rgba(29,39,59,.095)}
.service-visual{display:block;height:166px;margin:12px 12px 0;background:#f3f6fa!important;border:1px solid #e9edf3;border-radius:9px;overflow:hidden;padding:8px!important}
.service-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.service-content{padding-top:18px}
.service-content h3{color:#252a35}
.service-content p{color:#66707e}
.process-section,.pilot-section,.principles-section{background:#fafaf9}
.process-card,.principle-card{border-color:#e7e9ed}
.stage-num{background:#eff0f3;color:#596372}
.stage-icon,.process-arrow{color:#59616e}
.pilot-panel{background:linear-gradient(112deg,#f2f3f5,#f6f7f9 62%,#eef0f3);border-color:#e5e7eb}
.pilot-copy h2 span{color:#353a44}
.pilot-checklist{border-color:#e4e7ec;box-shadow:none}
.founder-placeholder{background:linear-gradient(135deg,#eff1f4,#e5e9ee)}
.portrait-monogram{color:#9ba4b3}
.founder-portrait{border-color:#e2e5eb;background:#eff1f5}
.principle-icon{background:#f7f8fa;color:#505969;border:1px solid #e7e9ee}
.contact-panel{background:#252b36}
.contact-copy .eyebrow{color:#cad5e7}
.contact-copy p:not(.eyebrow){color:#c6cbd3}
.button-light{background:#fff;color:#252b36}
.contact-secondary{color:#e8ebf1;border-bottom-color:#cbd2dd}
.site-footer{background:#fafaf9}
@media(max-width:920px){.service-visual{height:184px}}
@media(max-width:650px){.service-visual{height:143px}}
@media(max-width:420px){.service-visual{height:175px}}

/* V4.1: use the available width for service thumbnails on four-column desktop only.
   Keep the original V4 fitting and breakpoints for tablet and mobile. */
@media (min-width: 921px) {
  .service-visual {
    height: auto;
    aspect-ratio: 690 / 360;
    margin: 6px 6px 0;
    padding: 0 !important;
  }
}