:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--ink:#14191c;--muted:#637079;--paper:#f3f4ef;--surface:#fff;--line:#d9ded8;--night:#101416;--night-soft:#1a2223;--green:#176b55;--green-soft:#dcece5;--cream:#f4edd9;--amber:#c78d30;--coral:#b96245;--shadow:0 22px 64px #12181b24;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);letter-spacing:0;margin:0}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-top:0}a{color:inherit}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f8fbf7;background:#101416eb;border-bottom:1px solid #ffffff1f;grid-template-columns:minmax(230px,1fr) auto minmax(150px,1fr);align-items:center;gap:20px;min-height:72px;padding:12px clamp(18px,4vw,58px);display:grid;position:sticky;top:0}.brand-lockup{grid-template-columns:42px 1fr;align-items:center;gap:12px;width:fit-content;text-decoration:none;display:inline-grid}.brand-mark{color:#fff;background:#176b55;border:1px solid #ffffff29;border-radius:8px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup small{color:#b6c5be;margin-top:2px;font-size:12px}.main-nav{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:5px;display:flex}.main-nav a{color:#edf4ef;border-radius:6px;min-height:34px;padding:8px 12px;font-size:14px;text-decoration:none}.main-nav a:hover,.main-nav a:focus-visible{background:#ffffff1f;outline:none}.header-cta,.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 15px;font-weight:850;text-decoration:none;display:inline-flex}.header-cta{background:var(--cream);color:#14201c;justify-self:end}.button.primary{background:var(--cream);color:#14201c;box-shadow:0 16px 42px #0003}.button.secondary{color:#f6fbf8;background:#ffffff14;border-color:#ffffff3d}.button:hover,.header-cta:hover,.button:focus-visible,.header-cta:focus-visible{outline:none;transform:translateY(-1px)}.hero-section{color:#f9fbf7;background:linear-gradient(90deg,#0d1113fa 0%,#0d1113eb 38%,#0d11138a 70%,#0d111324 100%),url(/work/korani-automation-hero.jpg) 50%/cover no-repeat;align-content:center;gap:34px;min-height:min(820px,100svh - 72px);padding:clamp(56px,8vw,112px) clamp(18px,5vw,78px) clamp(34px,5vw,58px);display:grid;position:relative;overflow:hidden}.hero-section:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0d1113b8);height:42%;position:absolute;inset:auto 0 0}.hero-content,.hero-panel{z-index:1;position:relative}.hero-content{max-width:760px}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:900}.hero-eyebrow{color:#94e0b8}h1{color:#fff;letter-spacing:0;max-width:800px;margin-bottom:20px;font-size:clamp(44px,6.2vw,84px);line-height:.98}.hero-lead{color:#dfe9e3;max-width:660px;margin-bottom:0;font-size:clamp(18px,2vw,23px);line-height:1.52}.hero-actions,.form-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-panel{flex-wrap:wrap;gap:10px;max-width:920px;display:flex}.hero-panel span{color:#edf5ef;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 11px;font-size:13px;font-weight:760;display:inline-flex}.section-block{padding:clamp(58px,8vw,108px) clamp(18px,5vw,78px)}#services,#process,#contact{scroll-margin-top:90px}.section-heading{grid-template-columns:minmax(260px,.84fr) minmax(0,1fr);align-items:end;gap:32px;margin-bottom:34px;display:grid}.section-heading.compact{max-width:820px;display:block}.section-heading h2,.about-copy h2,.contact-copy h2,.focus-band h2{color:#12191c;letter-spacing:0;margin-bottom:0;font-size:clamp(34px,4.3vw,54px);line-height:1.04}.section-heading p:not(.eyebrow),.about-copy p,.contact-copy p{color:#5f6d74;font-size:17px;line-height:1.62}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.service-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:245px;padding:22px;box-shadow:0 16px 40px #212d340f}.service-card svg{color:var(--coral)}.service-card h3,.process-step h3,.signal-card h3{color:#151b1f;margin:18px 0 9px;font-size:22px;line-height:1.15}.service-card p,.process-step p,.signal-card p{color:#5b6870;margin-bottom:0;line-height:1.56}.focus-band{color:#f7fbf8;background:#111819;grid-template-columns:minmax(260px,.75fr) minmax(0,1fr);align-items:center;gap:28px;padding:clamp(42px,6vw,64px) clamp(18px,5vw,78px);display:grid}.focus-band .eyebrow{color:#94e0b8}.focus-band h2{color:#fff}.use-case-list{flex-wrap:wrap;gap:10px;display:flex}.use-case-list span{color:#eef5ef;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;min-height:38px;padding:10px 12px;font-weight:780}.process-section{border-bottom:1px solid var(--line);background:#edf2ef}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.process-step{background:#ffffffc7;border:1px solid #cbd8d1;border-radius:8px;min-height:220px;padding:24px}.process-step>span{color:var(--amber);font-size:14px;font-weight:900}.about-section{background:#f8faf7;grid-template-columns:minmax(0,.95fr) minmax(330px,.62fr);align-items:start;gap:clamp(30px,6vw,82px);padding:clamp(60px,8vw,112px) clamp(18px,5vw,78px);display:grid}.about-copy p:first-of-type{margin-top:24px}.signal-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:24px}.signal-card svg{color:var(--green)}.signal-card div{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.signal-card span{background:var(--green-soft);color:#164938;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:820}.contact-section{background:linear-gradient(135deg, #176b5538, transparent 46%), var(--night);color:#fff;grid-template-columns:minmax(0,.76fr) minmax(420px,1.06fr);gap:clamp(30px,6vw,80px);padding:clamp(60px,8vw,116px) clamp(18px,5vw,78px);display:grid}.contact-copy h2,.contact-copy p,.contact-copy .eyebrow{color:inherit}.contact-copy p{color:#d5e2dc}.direct-contact{gap:10px;margin-top:28px;display:grid}.direct-contact a{color:#eef7f0;align-items:center;gap:10px;min-height:42px;text-decoration:none;display:inline-flex}.contact-form{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;display:grid}.need-picker,.full-span,.form-actions{grid-column:1/-1}.need-picker{border:0;margin:0 0 4px;padding:0}.need-picker legend,.contact-form label{color:#edf4ee;font-size:13px;font-weight:850}.need-picker div{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.need-picker button{color:#eef5ef;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:8px;min-height:34px;padding:7px 10px}.need-picker button.selected{background:var(--cream);color:#143c32;border-color:var(--cream)}.contact-form label{gap:7px;display:grid}.contact-form input,.contact-form textarea,.contact-form select{color:#16212b;background:#fffffff0;border:1px solid #ffffff38;border-radius:8px;width:100%;min-height:44px;padding:11px 12px}.contact-form textarea{resize:vertical}.contact-form .button.secondary{color:#fff;background:0 0;border-color:#ffffff52}.site-footer{border-top:1px solid var(--line);background:#fff;justify-content:space-between;gap:18px;padding:26px clamp(18px,5vw,78px);display:flex}.site-footer div,.site-footer nav{flex-wrap:wrap;gap:12px;display:flex}.site-footer span,.site-footer a{color:#61707a}@media (width<=1100px){.service-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section,.contact-section{grid-template-columns:1fr}}@media (width<=840px){.site-header{grid-template-columns:1fr auto}.main-nav{display:none}}@media (width<=780px){.hero-section{background-position:62%;min-height:min(760px,100svh - 72px)}.section-heading,.focus-band,.contact-form{grid-template-columns:1fr}}@media (width<=620px){.site-header{min-height:66px;padding:10px 14px}.brand-lockup{grid-template-columns:40px minmax(0,1fr)}.brand-mark{width:40px;height:40px}.brand-lockup strong{font-size:14px}.brand-lockup small{font-size:11px}.header-cta{min-width:auto;padding-inline:12px;font-size:13px}.hero-section{padding-top:42px;padding-bottom:26px}h1{font-size:clamp(39px,12vw,54px)}.hero-panel span{width:100%}.service-grid,.process-grid{grid-template-columns:1fr}.service-card,.process-step{min-height:auto}.site-footer{display:grid}}
