@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

/* Shared visual system for HandelOS product and commercial pages. */
:root{--ink:#060705;--ink-2:#11130f;--paper:#0a0b09;--paper-2:#12140f;--line:rgba(242,236,225,.17);--muted:#aaa89f;--lime:#e5ff2b;--green:#e5ff2b;--amber:#e1ad5c;--red:#d87868;--white:#fffdf6}
html{background:var(--ink)}
body{background:radial-gradient(circle at 82% 0,rgba(229,255,43,.05),transparent 25%),var(--ink);color:var(--white);font-family:Manrope,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(black,transparent 70%)}
.wrap{width:min(calc(100% - 72px),1240px)}
.site-header{background:rgba(5,6,4,.86);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}
.header-in{height:76px}.brand{display:inline-flex;align-items:center;color:var(--white)}
.brand:before{content:none}.brand{min-height:34px;overflow:visible}.brand img{display:block;width:auto;height:32px;max-width:190px;object-fit:contain;object-position:left center}.brand i{color:inherit;font-style:normal}
.primary-nav{gap:25px;font:500 11px Manrope,Arial;color:#d2d0c8}.primary-nav a{padding:11px 0}.primary-nav a:hover,.primary-nav a[aria-current="page"]{color:var(--lime)}.primary-nav a:hover:after,.primary-nav a[aria-current="page"]:after{height:1px;background:var(--lime)}
.btn{border:1px solid rgba(255,255,255,.34);min-height:43px;padding:10px 17px;background:transparent;color:var(--white);font:700 12px Manrope,Arial;letter-spacing:.01em}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.28);background:var(--lime);border-color:var(--lime);color:#111307}.btn-primary{background:var(--lime);border-color:var(--lime);color:#111307}.btn-primary:hover{background:#fffdf6;border-color:#fffdf6}.btn-small{min-height:36px;padding:8px 12px}
.page-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(150px,18vw,230px) 0 clamp(92px,11vw,148px);border-bottom:1px solid var(--line);background:#070806}
.page-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;background-image:url('media/handelos-story-blueprint.png');filter:brightness(.78) saturate(.8)}
.page-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,5,3,.98) 0%,rgba(4,5,3,.91) 42%,rgba(4,5,3,.39) 78%,rgba(4,5,3,.15)),linear-gradient(0deg,rgba(4,5,3,.88),transparent 56%)}
body[data-page="integrations"] .page-hero:before{background-image:url('media/handelos-control-room-hero.png')}body[data-page="modules"] .page-hero:before{background-image:url('media/handelos-story-risk.png')}body[data-page="workflows"] .page-hero:before{background-image:url('media/handelos-story-approval.png')}body[data-page="ai"] .page-hero:before{background-image:url('media/industrial-workbench-v2.png')}body[data-page="pricing"] .page-hero:before{background-image:url('media/factory-dockyard-tech-v1.png')}body[data-page="configure"] .page-hero:before{background-image:url('media/technology-flow-v1.png')}body[data-page="review"] .page-hero:before{background-image:url('media/industrial-review-v2.png')}body[data-page="evidence"] .page-hero:before{background-image:url('media/dockyard-flow-v1.png')}
.breadcrumb{margin-bottom:25px;color:#d4d0c5;font:10px 'DM Mono',monospace;letter-spacing:.1em}.breadcrumb a{color:var(--lime)}
.eyebrow,.kicker{color:var(--lime);font:500 10px 'DM Mono',monospace;letter-spacing:.16em}.eyebrow:before{width:22px;background:var(--lime)}
.display,.page-hero h1.display,.summary-card h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.07em;line-height:.91;color:var(--white)}.display em{color:var(--lime);font-style:italic}.page-hero h1{font-size:clamp(55px,7vw,108px);max-width:900px;margin:16px 0 28px}.page-hero .lede,.lede{color:#dedbd1;max-width:660px;font-size:clamp(16px,1.55vw,20px);line-height:1.6}
.band{position:relative;padding:clamp(72px,9vw,128px) 0;background:var(--paper)}.band:has(.card-grid),.band:has(.module-grid){background:linear-gradient(180deg,#0b0c09,#090a08)}.band-dark{background:#0e100c;color:var(--white);background-image:linear-gradient(90deg,rgba(229,255,43,.06) 1px,transparent 1px),linear-gradient(rgba(229,255,43,.045) 1px,transparent 1px);background-size:50px 50px}.band-stone{background:#14160f;color:var(--white)}.band-dark .lede,.band-dark .muted,.band-stone .lede{color:#d5d2c8}
.two-col{gap:clamp(38px,7vw,100px)}.side-note{border-top:1px solid var(--lime);padding-top:17px;color:#d9d5ca}.side-note p{color:#c6c3b9}
.card-grid{gap:14px;background:transparent;border:0}.card,.module{min-height:245px;padding:28px;background:linear-gradient(145deg,rgba(29,31,24,.9),rgba(12,13,10,.96));border:1px solid rgba(255,255,255,.12);color:var(--white);box-shadow:0 20px 55px rgba(0,0,0,.12)}.card:after{height:2px;background:var(--lime)}.card:hover,.module:hover{transform:translateY(-5px);border-color:rgba(229,255,43,.7);box-shadow:0 24px 65px rgba(0,0,0,.3)}.card h3,.module h3{font-size:20px;line-height:1.2}.card p,.module p{color:#ccc9bf;font-size:14px;line-height:1.6}.card-num{color:var(--lime)}
.module-grid{gap:14px}.module{min-height:260px}.module dl{color:#d3d0c6;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.module dt{color:#8e8e84}.module a{margin-top:auto;color:var(--lime);font-weight:700;border-bottom:1px solid rgba(229,255,43,.7);padding-bottom:5px}.status{border-color:rgba(255,255,255,.24);color:#ede9de;background:rgba(255,255,255,.035)}.status:before{background:var(--lime)}.status.pilot:before{background:var(--amber)}.status.custom:before{background:#76aaff}.status.planned:before{background:#8a8d87}
.quote{font-family:'Playfair Display',Georgia,serif;font-style:italic;line-height:1.1;color:#fffdf6}.quote:before,.quote:after{color:var(--lime)}
.config-layout{gap:42px}.selector-set{gap:13px}.select-card{min-height:122px;padding:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.15);color:var(--white)}.select-card:hover,.select-card[data-selected="true"]{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime);background:rgba(229,255,43,.08)}.select-card span{color:#c3c1b7}.select-card[data-selected="true"]:after{color:var(--lime)}.config-steps span{background:#34372d}.config-steps span.active{background:var(--lime)}
.summary-card{top:100px;background:linear-gradient(145deg,#181b12,#0a0c08);border:1px solid rgba(229,255,43,.42);box-shadow:0 26px 80px rgba(0,0,0,.38)}.summary-card h2{font-size:42px}.summary-list{border-color:rgba(255,255,255,.2)}.summary-list li{color:#d7d5cb;border-color:rgba(255,255,255,.14)}.price-range b{color:var(--lime)}.summary-card small,.summary-card .hero-note{color:#bbb8ac}
.form-step{max-width:690px}.field label{font-weight:700;color:var(--white)}.field small{color:#aaa79d}.field input,.field select,.field textarea{color:var(--white);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.04)}.field input::placeholder,.field textarea::placeholder{color:#96968c}.field select option{background:#11130f;color:#fffdf6}.review-confirmation{border-color:var(--lime);background:rgba(229,255,43,.08);color:#fffdf6}
.site-footer{background:#040503;border-top:1px solid rgba(255,255,255,.12)}.footer-grid h3{color:var(--lime);font:500 10px 'DM Mono',monospace;letter-spacing:.14em}.footer-grid a,.footer-about{color:#c6c3b9}.footer-grid a:hover{color:var(--lime)}.footer-bottom{color:#96968d}
@media(max-width:900px){.page-hero{padding-top:145px}.header-actions .btn{display:none}.mobile-nav{background:#080a07;border-color:rgba(255,255,255,.15)}.mobile-nav a{color:#fffdf6;border-color:rgba(255,255,255,.1)}.mobile-nav a:last-child{color:var(--lime)}}
@media(max-width:620px){.wrap{width:min(calc(100% - 40px),1240px)}.page-hero{padding:124px 0 72px;min-height:580px;display:flex;align-items:end}.page-hero:after{background:linear-gradient(0deg,rgba(4,5,3,.98),rgba(4,5,3,.78) 42%,rgba(4,5,3,.18))}.page-hero h1{font-size:clamp(47px,13vw,64px)}.page-hero .lede{font-size:16px}.card,.module{min-height:unset;padding:24px}.band{padding:68px 0}.summary-card{position:relative;top:auto}.selector-set{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

/* Guided Configure Your OS experience. */
.config-experience .site-footer{display:none}.config-hero{position:relative;isolation:isolate;overflow:hidden;padding:145px 0 74px;background:#060705;border-bottom:1px solid rgba(255,255,255,.1)}.config-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('media/technology-flow-v1.png') center 48%/cover no-repeat;filter:brightness(.52) saturate(.72)}.config-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,5,3,.98),rgba(4,5,3,.84) 52%,rgba(4,5,3,.3)),linear-gradient(0deg,rgba(4,5,3,.9),transparent 58%)}.config-hero h1{max-width:920px;margin:17px 0 24px;font-size:clamp(52px,6.3vw,92px)}.config-hero .lede{max-width:720px}.config-workspace{min-height:calc(100svh - 76px);padding:54px 0 74px;background:radial-gradient(circle at 74% 18%,rgba(229,255,43,.07),transparent 25%),#070806}.config-shell{display:grid;grid-template-columns:160px minmax(0,1fr) 340px;gap:clamp(28px,4vw,58px);align-items:start}.config-rail{position:sticky;top:116px;display:grid;gap:4px}.config-rail button{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:13px 0;border:0;background:transparent;color:#85877d;text-align:left;font:500 11px 'DM Mono',monospace;letter-spacing:.05em;cursor:pointer}.config-rail button b{font-weight:500;color:#686a62}.config-rail button[aria-current="step"],.config-rail button[aria-current="step"] b{color:var(--lime)}.config-rail button:disabled{cursor:default;opacity:.48}.config-stage{min-width:0;animation:config-stage-in .4s cubic-bezier(.2,.8,.2,1)}@keyframes config-stage-in{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:none}}.config-progress{display:flex;align-items:center;gap:18px;margin-bottom:30px;color:#b8b9b0;font:500 10px 'DM Mono',monospace;letter-spacing:.12em}.config-progress i{position:relative;display:block;flex:1;height:1px;background:rgba(255,255,255,.14)}.config-progress i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--progress);background:var(--lime);transition:width .35s ease}.config-stage h2{max-width:700px;margin:12px 0 16px;font:500 clamp(40px,4.5vw,67px)/.96 'Playfair Display',Georgia,serif;letter-spacing:-.065em}.stage-lede{max-width:650px;margin:0 0 30px;color:#c7c6bd;font-size:15px;line-height:1.65}.config-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.config-choice{position:relative;display:block;min-height:145px;padding:21px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(25,28,20,.76),rgba(11,12,9,.92));color:#fffdf6;text-align:left;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.config-choice:hover{transform:translateY(-3px);border-color:rgba(229,255,43,.48)}.config-choice[aria-pressed="true"]{border-color:var(--lime);background:linear-gradient(145deg,rgba(229,255,43,.14),rgba(13,15,9,.96));box-shadow:inset 0 0 0 1px rgba(229,255,43,.28)}.config-choice .choice-meta{display:block;margin-bottom:22px;color:#a8aaa0;font:500 9px 'DM Mono',monospace;letter-spacing:.13em;text-transform:uppercase}.config-choice[aria-pressed="true"] .choice-meta{color:var(--lime)}.config-choice strong{display:block;margin-bottom:8px;font-size:17px;line-height:1.2}.config-choice>span:last-child{display:block;color:#b7b7ae;font-size:12px;line-height:1.5}.workflow-choices,.module-choices{grid-template-columns:1fr 1fr}.module-choices .config-choice{min-height:155px}.tool-selector{margin-top:36px}.tool-selector>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tool-selector button{padding:10px 13px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#bfc0b7;font:600 11px Manrope,Arial;cursor:pointer}.tool-selector button[aria-pressed="true"]{border-color:var(--lime);background:rgba(229,255,43,.1);color:var(--lime)}.config-controls{display:flex;justify-content:space-between;align-items:center;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.config-next,.config-back,.config-copy{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:0;font:700 12px Manrope,Arial;text-decoration:none;cursor:pointer}.config-next{background:var(--lime);color:#111307}.config-next:hover{background:#fffdf6}.config-back{padding-left:0;background:transparent;color:#b8b9b0}.config-back:hover{color:#fffdf6}.os-blueprint{position:sticky;top:100px;overflow:hidden;background:#0b0d09;border:1px solid rgba(229,255,43,.3);box-shadow:0 26px 80px rgba(0,0,0,.34)}.blueprint-visual{height:165px;background:url('media/handelos-story-blueprint.png') center/cover no-repeat;filter:brightness(.68) saturate(.72);transition:filter .3s ease}.os-blueprint:hover .blueprint-visual{filter:brightness(.86) saturate(.9)}.blueprint-content{padding:23px}.blueprint-content h2{margin:10px 0 22px;font:500 34px/.95 'Playfair Display',Georgia,serif;letter-spacing:-.055em}.blueprint-content dl{margin:0}.blueprint-content dl div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}.blueprint-content dt{color:#85877d;font:500 9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.blueprint-content dd{margin:0;color:#e6e4db;font-size:12px;line-height:1.4}.blueprint-estimate{margin-top:22px;padding-top:20px;border-top:1px solid rgba(229,255,43,.35)}.blueprint-estimate small,.blueprint-estimate span{display:block;color:#a9aaa1;font-size:10px;line-height:1.5}.blueprint-estimate strong{display:block;margin:8px 0;color:var(--lime);font:500 21px/1.15 'Playfair Display',Georgia,serif}.blueprint-note{margin:18px 0 0;color:#85877d;font-size:10px;line-height:1.55}.final-brief{display:grid;gap:0;margin-top:28px}.final-brief>div{display:grid;grid-template-columns:155px 1fr;gap:20px;padding:17px 0;border-top:1px solid rgba(255,255,255,.14)}.final-brief span{color:#8f9188;font:500 9px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.final-brief strong{color:#ebe8df;font-size:14px;line-height:1.5}.final-actions{display:flex;gap:10px;margin-top:28px}.config-copy{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fffdf6}.config-copy:hover{border-color:var(--lime);color:var(--lime)}.copy-status{min-height:20px;color:var(--lime);font-size:11px}
@media(max-width:1050px){.config-shell{grid-template-columns:120px minmax(0,1fr) 300px;gap:24px}.config-rail button span{font-size:9px}.blueprint-content{padding:19px}}
@media(max-width:900px){.config-hero{padding-top:132px}.config-shell{grid-template-columns:1fr}.config-rail{position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.config-rail button{display:block;padding:10px;border-bottom:1px solid rgba(255,255,255,.12)}.config-rail button span{display:block;margin-top:5px}.os-blueprint{position:relative;top:auto;display:grid;grid-template-columns:220px 1fr}.blueprint-visual{height:100%}.config-stage{grid-row:2}.os-blueprint{grid-row:3}}
@media(max-width:620px){.config-hero{min-height:540px;padding:120px 0 66px}.config-hero h1{font-size:clamp(46px,13vw,62px)}.config-workspace{padding:30px 0 50px}.config-rail{gap:3px}.config-rail button{padding:8px 5px}.config-rail button span{display:none}.config-stage h2{font-size:43px}.config-choice-grid,.workflow-choices,.module-choices{grid-template-columns:1fr}.config-choice{min-height:128px}.os-blueprint{display:block}.blueprint-visual{height:130px}.final-brief>div{grid-template-columns:1fr;gap:7px}.final-actions{display:grid}.config-next,.config-copy{width:100%}.config-controls{position:sticky;bottom:0;z-index:6;margin-inline:-20px;padding:15px 20px;background:rgba(7,8,6,.94);backdrop-filter:blur(15px)}}
@media(prefers-reduced-motion:reduce){.config-stage{animation:none}.config-choice,.config-progress i:after,.blueprint-visual{transition:none}}

/* Expandable module knowledge inside the guided workflow system. */
.module-choice-shell{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid transparent;transition:border-color .25s ease,transform .25s ease}
.module-choice-shell:hover{transform:translateY(-3px)}
.module-choice-shell.is-focused{border-color:rgba(229,255,43,.42)}
.module-choice-shell .config-choice{width:100%;height:100%;min-height:150px;border:0;transform:none}
.module-choice-shell .config-choice:hover{transform:none}
.module-explain{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 20px;border:0;border-top:1px solid rgba(255,255,255,.11);background:#0c0e0a;color:#bfc0b7;font:600 10px 'DM Mono',monospace;letter-spacing:.04em;text-align:left;cursor:pointer}
.module-explain:hover,.module-explain[aria-expanded="true"]{color:var(--lime);background:rgba(229,255,43,.06)}
.module-inspector{grid-column:1/-1;margin-top:14px;padding:clamp(22px,3vw,34px);background:linear-gradient(135deg,rgba(229,255,43,.09),rgba(12,14,10,.94) 58%);border-top:1px solid var(--lime);border-bottom:1px solid rgba(255,255,255,.12)}
.module-inspector-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:25px}.module-inspector h3{margin:8px 0 0;font:500 clamp(28px,3vw,42px)/1 'Playfair Display',Georgia,serif;letter-spacing:-.05em}.module-maturity{flex:none;padding:7px 9px;color:var(--lime);border:1px solid rgba(229,255,43,.35);font:500 9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.module-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,4vw,50px)}.module-inspector-grid b{display:block;margin-bottom:10px;color:#f1eee4;font-size:12px}.module-inspector-grid p,.module-inspector-grid li{color:#bfc0b7;font-size:13px;line-height:1.6}.module-inspector-grid p{margin:0 0 21px}.module-inspector-grid ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.module-inspector-grid li{position:relative;padding-left:18px}.module-inspector-grid li:before{content:"";position:absolute;left:0;top:.7em;width:7px;height:1px;background:var(--lime)}
@media(max-width:620px){.module-choice-shell .config-choice{min-height:126px}.module-inspector-head{display:block}.module-maturity{display:inline-block;margin-top:14px}.module-inspector-grid{grid-template-columns:1fr}.module-inspector{padding:22px 20px}}