/* Refinements preserve the original layout, typography and palette. */
:root{--blue:#2265df;--muted:#47586e;--dark-muted:#b3c0d2}
:focus-visible{outline:3px solid #6ca3ff;outline-offset:5px}
section,#lead-form,#workflow-process{scroll-margin-top:100px}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.hero-grid>*,.case-grid>*,.contact-grid>*,.custom-grid>*,.about-grid>*{min-width:0}
.site-header{color:#fff;background:rgba(6,16,31,.94);transition:background .25s,box-shadow .25s}
.site-header.is-scrolled{background:rgba(6,16,31,.87);box-shadow:0 8px 28px #0002}
.brand{color:#f4f8ff;font-size:1rem;letter-spacing:.14em;flex-shrink:0}.brand-mark{width:34px;height:34px}
.nav-wrap{gap:24px}.nav-links{gap:clamp(16px,2vw,28px)}
.nav-links a{font-size:.875rem;padding:12px 0;position:relative;white-space:nowrap}
.nav-links a::after{content:"";position:absolute;left:0;bottom:5px;width:100%;height:1px;background:#73a7ff;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav-links a:hover::after,.nav-links a[aria-current]::after{transform:scaleX(1)}
.nav-links .mobile-assessment{display:none}
.button{background:linear-gradient(135deg,#286bea,#1758d0);border-color:#568bed;padding:14px 22px;line-height:1.45;text-align:center;cursor:pointer}
.button:hover{background:linear-gradient(135deg,#2465d9,#1e61df)}.button:active{transform:translateY(0) scale(.985)}
.button-small{font-size:.875rem;padding:11px 16px}.dark-button{background:linear-gradient(135deg,#102441,#06101f);border-color:#253b57}
.hero{padding:170px 0 100px}.hero-grid{gap:40px}
.hero h1{font-size:clamp(3rem,4.8vw,4.6rem);line-height:1.1;letter-spacing:-.045em}
.hero-actions{flex-wrap:wrap;gap:22px}.hero-lede{color:#b6c3d5}
.eyebrow{font-size:.75rem;color:#b1c4df;letter-spacing:.15em}.eyebrow.dark{color:#425c7f}
.trust-strip{flex-wrap:wrap;gap:12px 24px;color:#adbbce;font-size:.75rem}.trust-strip span:before{content:none}
.workflow-shell{border-color:#8cafdf40;box-shadow:0 32px 80px #0005,0 0 55px #2d78ff09,inset 0 1px #ffffff10}
.workflow-shell:before{pointer-events:none}
.workflow-top,.workflow-bottom{color:#b4c5db;font-size:.75rem;letter-spacing:.06em;gap:12px;flex-wrap:wrap}
.workflow-bottom span:last-child{letter-spacing:0;color:#a2b4cd}
.motion-toggle{background:transparent;border:1px solid #9bb6da40;color:#c1d2ea;border-radius:5px;padding:5px 8px;font-size:.75rem;cursor:pointer}.motion-toggle:hover{background:#ffffff0b}
.workflow-body{padding:28px 20px;min-height:0}.source-stack{width:100%;gap:8px}
.source-card{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px}
.source-card div{display:block;width:100%}.source-card b{font-size:.875rem;white-space:normal;overflow:visible;line-height:1.35}
.source-card small{font-size:.75rem;color:#b1c2d9;line-height:1.4;display:block;margin-top:5px}.source-card .check{display:none}
.file-icon,.sheet-icon,.db-icon{font-size:.75rem;padding:4px 6px}
.automation-core{width:76%;padding:22px 12px 16px}.automation-core strong{font-size:1rem}.automation-core small{font-size:.875rem;color:#afc1db}
.core-tasks{flex-wrap:wrap;gap:6px}.core-tasks span{font-size:.75rem;color:#c0d0e6;padding:4px 6px}
.flow-line{height:50px}.flow-line span{font-size:.75rem;color:#a4b9d6}.flow-line i{animation:flow 4s ease-in-out infinite}.flow-line.reverse i{animation-delay:2s}
.core-rings{animation:core-breathe 4s ease-in-out infinite}
@keyframes core-breathe{0%,100%{box-shadow:0 0 0 5px #2d78ff0c,0 0 0 10px #2d78ff05}50%{box-shadow:0 0 0 6px #2d78ff18,0 0 0 12px #2d78ff08}}
.workflow-shell.is-paused *{animation-play-state:paused!important}
.output-card{width:92%;padding:18px}.output-heading{font-size:.875rem;gap:8px}.output-heading b{font-size:.75rem}
.output-row{font-size:.875rem;color:#b2c3db;padding-top:8px}.output-row b{font-size:.875rem}
.structured-output{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin:18px 0 10px}
.structured-output span{height:10px;background:#356bae50;border-radius:2px}.structured-output span:nth-child(3n+1){background:#7eaaff77}
.split-heading{gap:clamp(40px,7vw,110px)}
.split-heading h2,.section-intro h2,.process h2,.case h2,.custom h2,.about h2,.contact h2{line-height:1.14;letter-spacing:-.04em;font-size:clamp(2.2rem,3.7vw,3.6rem)}
.problem-copy,.pain-grid p,.service-card p,.section-intro>p:last-child,.case-copy>p:not(.eyebrow):not(.case-client),.custom-grid>div:last-child>p,.about-grid>div:last-child>p,.principles span{color:#47586e;font-size:1rem;line-height:1.75}
.pain-grid{box-shadow:0 12px 35px #10274405}.pain-grid article{padding:36px}
.pain-grid article>span,.service-card small{font-size:.75rem;color:#1d5bbc}.pain-grid h3{line-height:1.45;margin-top:24px}
.services-grid{gap:20px}.service-card{min-height:310px;padding:30px;position:relative;background:linear-gradient(145deg,#fff,#fbfcff);border-color:#d9e2ed}
.service-card h3{font-size:1.2rem;line-height:1.4;letter-spacing:-.02em}.service-icon{border:1px solid #dce8fc;margin-bottom:30px}
.service-card:hover{transform:translateY(-4px);border-color:#8db2eb;box-shadow:0 16px 42px #1537620d}
.process-head>p,.step p,.contact-copy>p:not(.eyebrow){color:#b3c0d2;font-size:1rem;line-height:1.75}
.step{min-height:0;padding-bottom:48px}.step:last-child{padding-bottom:0}.step b{color:#a3bbdc;font-size:.875rem}
.step-dot{height:11px;border:2px solid #6ca3ff;background:#06101f;margin-top:8px;position:relative;z-index:1;transition:box-shadow .5s .2s}.step-dot:after{content:none}
.step::before{content:"";position:absolute;left:85px;top:8px;bottom:-8px;width:1px;background:#6ca3ff40}.step:last-child::before{display:none}
.step.visible .step-dot{box-shadow:0 0 0 5px #6ca3ff10}
.case-grid{grid-template-columns:1fr 1fr;gap:64px}.case-client{font-size:1.8rem}.case-client span{font-size:.875rem;color:#47586e;max-width:240px;line-height:1.6}
.case-window{border:1px solid #234364;box-shadow:0 25px 65px #12294520}.window-bar{height:54px}.window-bar b{font-size:.75rem;color:#aabfdb;letter-spacing:.1em}
.case-flow{list-style:none;padding:32px;margin:0;background:radial-gradient(ellipse at top right,#2d78ff15,transparent 70%)}
.case-flow li{border:1px solid #7da7e333;border-radius:10px;padding:22px;background:#10233b;position:relative}
.case-flow li+li{margin-top:34px}.case-flow li+li:before{content:"↓";position:absolute;top:-33px;left:50%;transform:translateX(-50%);color:#84b1ff;font-size:1.1rem}
.case-flow li:nth-child(2){background:linear-gradient(120deg,#163768,#10233b);border-color:#4788f37a}
.diagram-tag{display:block;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:#adc7eb}
.case-flow h3{color:#f4f8ff;font:600 1.125rem/1.4 Manrope,sans-serif;margin:10px 0}
.case-flow p{color:#b8c7db;font-size:.875rem;margin:0;line-height:1.7}
.case-stages{list-style:none;padding:0 25px;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 15px;color:#bed0e8;font-size:.75rem}
.case-stages li+li:before{content:"→";color:#72a5f7;margin-right:15px}.case-caption{text-align:center;color:#acbdd3;font-size:.75rem;margin:20px 22px 25px}
.custom-grid{grid-template-columns:1.1fr 1fr;gap:70px}.custom-number{display:none}.custom-grid>div:last-child{grid-column:auto}.custom li{font-size:1rem}
.business-fit{display:grid;grid-template-columns:1fr auto 1fr auto 1.15fr;gap:22px;align-items:center;margin-top:64px}
.business-fit>div{padding:26px;border:1px solid #d4deeb;background:#fff;border-radius:12px;height:100%}
.business-fit .diagram-tag{color:#406089}.business-fit strong{display:block;font:600 1.125rem/1.45 Manrope,sans-serif;margin:18px 0 10px}
.business-fit p{font-size:1rem;color:#47586e;margin:0}.fit-operator{color:#286be0;font-size:1.5rem}
.business-fit .fit-result{background:linear-gradient(140deg,#102745,#081729);border-color:#2a4770;color:#fff;box-shadow:0 12px 28px #0b18291a}
.fit-result .diagram-tag{color:#9dbff5}.fit-result p{color:#bed0e8}.principles b{font-size:1rem}
.contact{background:radial-gradient(ellipse at 15% 5%,#17376680,transparent 55%),#06101f;border-top:1px solid #234064}
.contact-grid{gap:64px;grid-template-columns:1fr 1fr;align-items:start}
.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:30px}
.contact-note p{color:#a8bad1;font-size:.875rem}.contact-note>span{font-size:.75rem}
.lead-form{border:1px solid #dae5f4;box-shadow:0 22px 65px #0003}.lead-form h3{font:600 1.3rem/1.4 Manrope,sans-serif;margin:0 0 12px;letter-spacing:-.02em}
.form-help{font-size:.875rem;line-height:1.65;color:#47586e;margin:0 0 24px}#form-privacy{margin:18px 0 0}
.lead-form label{font-size:.875rem;letter-spacing:0;font-weight:600}
.lead-form input,.lead-form textarea{font-size:1rem;font-weight:400;min-width:0}
.lead-form input::placeholder,.lead-form textarea::placeholder{color:#5b6c81;opacity:1}
.form-status{color:#235443;font-size:.875rem}.form-status a{text-decoration:underline}.form-status:empty{min-height:0;margin:0}
.footer-top p,.footer-links>div{font-size:.875rem;color:#b1c0d4}.footer-links small{font-size:.75rem;color:#a4b8d3}
.footer-links a{overflow-wrap:anywhere}.footer-bottom{color:#a3b4ca;font-size:.75rem}
.footer-top{flex-wrap:wrap;gap:36px}.footer-links{gap:clamp(24px,5vw,80px);max-width:100%;flex-wrap:wrap}
.footer-links>div{min-width:0;max-width:100%}
.form-row>label{min-width:0}.button>span{flex-shrink:0}
.workflow-shell.is-offscreen *{animation-play-state:paused!important}
.motion-toggle{min-height:44px}
.site-header{-webkit-backdrop-filter:blur(18px)}
@media(max-width:380px){.brand{font-size:.9rem;letter-spacing:.1em}.lead-form{padding:24px 16px}.core-tasks{gap:4px}.case-stages{padding:0 16px;gap:8px}}
.reveal{opacity:1;transform:none}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(14px)}
@media(min-width:921px){.nav-links{display:flex}.menu-toggle{display:none}.nav-cta{display:inline-flex}}
@media(max-width:1050px) and (min-width:761px){
 .hero h1{font-size:4.5rem}.hero-copy{max-width:790px}.custom-grid{grid-template-columns:1fr 1fr;gap:40px}
 .case-grid,.contact-grid{gap:32px}.case-flow{padding:22px}.business-fit{gap:12px}.business-fit>div{padding:20px}.form-row{grid-template-columns:1fr}
}
@media(max-width:920px){
 .nav-links{display:none}.menu-toggle{display:block;margin-left:auto;width:44px;height:44px}.nav-cta{display:none}
 .nav-links.open{display:flex;max-height:calc(100dvh - 95px);overflow:auto}.nav-links .mobile-assessment{display:block;color:#a7c7ff}
}
@media(max-width:760px){
 .nav-links.open{top:68px}.hero{padding:125px 0 80px}.hero h1{font-size:clamp(2.5rem,8.7vw,3.8rem)}.hero-grid{gap:45px}
 .hero-actions{align-items:stretch}.hero-actions .text-link{align-self:flex-start}.button{font-size:.875rem}
 .workflow-body{padding:24px 14px}.source-stack{flex-direction:column}.source-card{flex-direction:row;align-items:center;gap:12px;padding:12px}
 .source-card div{display:block}.source-card small{margin-top:2px}.automation-core{width:88%}
 .workflow-top,.workflow-bottom{padding:14px;letter-spacing:0}.output-card{width:100%}
 .case-grid,.contact-grid,.custom-grid{grid-template-columns:1fr;gap:36px}.case-flow{padding:24px 18px}.case-flow li{padding:22px}
 .service-card{min-height:290px;padding:28px}.pain-grid article{padding:30px}.step{grid-template-columns:44px 26px 1fr;padding-bottom:40px}.step::before{left:49px}
 .step p{font-size:1rem}.business-fit{grid-template-columns:1fr;text-align:center;gap:14px;margin-top:40px}.fit-arrow{transform:rotate(90deg)}.business-fit>div{padding:26px}
 .contact-actions{align-items:stretch}.contact-actions .text-link{align-self:flex-start}.contact-note{margin-top:30px}.lead-form{padding:28px 22px}.section-intro{row-gap:12px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .js-motion .reveal:not(.visible){opacity:1;transform:none}.motion-toggle{display:none}
}
