:root{
  --graphite:#171A1F;
  --graphite-2:#20252C;
  --amber:#F5A623;
  --steel:#64707D;
  --offwhite:#F4F2ED;
  --white:#FFFFFF;
  --line:#D9D8D3;
  --line-dark:rgba(255,255,255,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",sans-serif;color:var(--graphite);background:#fff;line-height:1.65}
h1,h2,h3,h4,h5,h6{font-family:"Space Grotesk",sans-serif;line-height:1.12;font-weight:700}
a{text-decoration:none}
.site-nav{background:var(--graphite);padding:14px 0;border-bottom:1px solid var(--line-dark);position:sticky;top:0;z-index:1000}
.brand{display:inline-flex;align-items:center;position:relative;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:-.04em;line-height:1}
.brand:hover{color:#fff}
.brand-eight{color:var(--amber);font-size:1.65rem;margin:0 1px}
.brand small{position:absolute;left:1px;top:23px;font-family:"IBM Plex Mono",monospace;font-size:.46rem;letter-spacing:.12em;color:#AEB4BB;white-space:nowrap}
.site-nav .navbar-nav{margin-top:12px}
.site-nav .nav-link{color:#C9CDD2;font-size:.88rem;font-weight:600;padding:.45rem .75rem!important}
.site-nav .nav-link:hover,.site-nav .nav-link.active{color:#fff}
.site-nav .nav-link.active{position:relative}
.site-nav .nav-link.active:after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:2px;height:2px;background:var(--amber)}
.btn-amber{background:var(--amber);border:1px solid var(--amber);color:var(--graphite);font-weight:700;border-radius:3px}
.btn-amber:hover{background:#ffb53c;border-color:#ffb53c;color:var(--graphite)}
.btn-dark{border-radius:3px}
.eyebrow,.mono-label{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600}
.eyebrow{color:var(--amber)}
.mono-label{color:var(--steel)}
.section{padding:76px 0}
.section-dark{background:var(--graphite);color:#fff}
.section-offwhite{background:var(--offwhite)}
.hero{background:var(--graphite);color:#fff;position:relative;overflow:hidden;padding:78px 0 90px}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,black,transparent 75%);pointer-events:none}
.hero .container{position:relative;z-index:1}
.hero h1{font-size:clamp(2.7rem,8vw,5.6rem);max-width:800px;letter-spacing:-.055em;margin:15px 0 22px}
.hero h1 .accent{color:var(--amber)}
.hero-copy{font-size:1.08rem;color:#C5CAD0;max-width:650px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.system-panel{border:1px solid var(--line-dark);background:rgba(23,26,31,.48);padding:20px;margin-top:40px}
.panel-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-dark);padding-bottom:13px;margin-bottom:20px;font-family:"IBM Plex Mono",monospace;font-size:.66rem;color:#AEB4BB}
.ready{color:var(--amber)}
.process-map{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.process-node{border:1px solid rgba(245,166,35,.45);padding:15px;min-height:92px;position:relative}
.process-node:after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:var(--amber);font-family:"IBM Plex Mono",monospace}
.process-node:last-child:after{display:none}
.process-node strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:.95rem}
.process-node span{font-family:"IBM Plex Mono",monospace;color:#8D969F;font-size:.62rem}
.section-heading{max-width:720px;margin-bottom:38px}
.section-heading h2{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.04em;margin:12px 0 16px}
.section-heading p{color:var(--steel);font-size:1.03rem}
.section-dark .section-heading p{color:#AEB4BB}
.product-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.product-row{display:grid;grid-template-columns:75px 1.15fr 1fr auto;gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:.2s;color:inherit}
.product-row:hover{padding-left:10px;padding-right:10px;background:rgba(245,166,35,.05)}
.product-number{font-family:"IBM Plex Mono",monospace;color:var(--amber);font-size:.8rem}
.product-category{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.08em;color:var(--steel);text-transform:uppercase}
.product-row h3{font-size:1.3rem;margin:5px 0 0}
.product-desc{color:var(--steel);font-size:.92rem;margin:0}
.text-link{color:var(--graphite);font-family:"IBM Plex Mono",monospace;font-size:.7rem;font-weight:600;white-space:nowrap}
.text-link:hover{color:#B87500}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-box{border:1px solid var(--line);padding:24px;background:#fff;min-height:190px}
.feature-box .num,.product-feature .num{font-family:"IBM Plex Mono",monospace;color:var(--amber);font-weight:600}
.feature-box h3{font-size:1.1rem;margin:28px 0 8px}
.feature-box p{color:var(--steel);font-size:.9rem;margin:0}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-dark)}
.workflow-step{padding:28px 22px 10px 0;border-right:1px solid var(--line-dark);margin-right:22px}
.workflow-step:last-child{border-right:0}
.workflow-step .num{font-family:"IBM Plex Mono",monospace;color:var(--amber)}
.workflow-step h3{margin:15px 0 8px}
.workflow-step p{color:#AEB4BB;font-size:.9rem}
.cta-band{background:var(--amber);padding:54px 0;color:var(--graphite)}
.cta-band h2{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.04em}
.cta-band p{max-width:650px;margin:12px 0 0}
.cta-band .btn{margin-top:22px}
.page-hero{background:var(--graphite);color:#fff;padding:62px 0 70px}
.page-hero h1{font-size:clamp(2.5rem,6vw,4.6rem);letter-spacing:-.05em;margin:14px 0}
.page-hero p{max-width:720px;color:#BFC4CA;font-size:1.05rem}
.product-hero{padding:58px 0 65px;background:var(--graphite);color:#fff}
.product-hero h1{font-size:clamp(2.5rem,6vw,4.7rem);letter-spacing:-.05em;margin:12px 0 18px}
.product-hero .lead{color:#C4C9CE;max-width:700px}
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.tag{border:1px solid rgba(255,255,255,.2);padding:6px 10px;font-family:"IBM Plex Mono",monospace;font-size:.67rem;color:#D5D8DC;background:var(--graphite)}
.product-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.product-feature{border:1px solid var(--line);padding:25px;background:#fff}
.product-feature h3{font-size:1.05rem;margin:22px 0 7px}
.product-feature p{color:var(--steel);font-size:.9rem;margin:0}
.info-strip{border-left:4px solid var(--amber);background:var(--offwhite);padding:22px 24px;margin:28px 0}
.info-strip strong{display:block;margin-bottom:5px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}
.contact-card{background:var(--offwhite);padding:30px}
.form-control,.form-select{border-radius:2px;border:1px solid #C9C8C2;padding:.8rem .9rem}
.form-control:focus,.form-select:focus{border-color:var(--amber);box-shadow:0 0 0 .2rem rgba(245,166,35,.18)}
.form-label{font-size:.82rem;font-weight:600}
.site-footer{background:#111419;color:#C5CAD0;padding:65px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.2fr;gap:35px}
.brand-footer{margin-bottom:26px}
.footer-tagline{color:#fff;font-family:"Space Grotesk",sans-serif;font-size:1.05rem}
.footer-label{font-family:"IBM Plex Mono",monospace;color:var(--amber);font-size:.68rem;letter-spacing:.12em;margin-bottom:15px}
.site-footer a:not(.brand){display:block;color:#B9BEC5;font-size:.88rem;margin:8px 0}
.site-footer a:not(.brand):hover{color:#fff}
.footer-note{font-size:.88rem;max-width:270px}
.footer-cta{color:var(--amber)!important;font-family:"IBM Plex Mono",monospace;font-size:.75rem!important}
.footer-bottom{border-top:1px solid var(--line-dark);margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-family:"IBM Plex Mono",monospace;font-size:.6rem;color:#7E8790}
.tool-hero{padding:62px 0 64px}
.tool-hero h1{font-size:clamp(2.5rem,6vw,4.2rem);letter-spacing:-.05em;margin:14px 0 18px}
.tool-hero p{max-width:760px;color:#C7CBD0}
.inline-helper{display:inline-flex;align-items:center;color:#E6E7E9;font-size:.9rem;padding-left:10px;font-family:"IBM Plex Mono",monospace;letter-spacing:.04em}
.tool-section{padding-top:32px}
.calculator-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.calculator-card,.result-panel,.price-explorer,.osms-card{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 12px 28px rgba(23,26,31,.04)}
.calculator-card,.result-panel{padding:22px}
.card-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.card-header-top h2{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.04em;margin:10px 0 0}
.calc-group{padding-top:18px;border-top:1px solid var(--line);margin-top:18px}
.calc-group:first-of-type{padding-top:0;border-top:0;margin-top:0}
.calc-group h3{font-size:1.15rem;margin:0 0 18px}
.field-help{display:block;margin-top:6px;color:var(--steel);font-size:.75rem;line-height:1.5}
.preset-wrap{padding:14px 16px;border:1px solid var(--line);background:var(--offwhite);border-radius:8px}
.preset-wrap .form-select{max-width:100%;height:3.1rem;border-radius:2px;border:1px solid #C9C8C2}
.input-group{position:relative;display:flex;align-items:center}
.input-prefix,.input-suffix{display:flex;align-items:center;justify-content:center;background:#F6F5F2;border:1px solid #D9D8D3;border-right-width:0;color:var(--graphite);font-family:"IBM Plex Mono",monospace;font-weight:600;padding:0 12px;height:calc(3.2rem - 2px)}
.input-prefix{border-radius:2px 0 0 2px}
.input-suffix{border-left-width:0;border-right:1px solid #D9D8D3;border-radius:0 2px 2px 0}
.input-group .form-control{height:3.2rem;border-radius:2px}
.input-group .form-control:not(:first-child){border-left:0}
.input-group .form-control:first-child{border-radius:2px 0 0 2px}
.input-group .form-control:last-child{border-radius:0 2px 2px 0}
.input-group input{padding-left:14px}
.form-label{font-size:.82rem;font-weight:700;color:var(--graphite)}
.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.btn-outline-dark{border:1px solid var(--graphite);color:var(--graphite);background:transparent;border-radius:2px;padding:.8rem 1.2rem;font-weight:700}
.btn-outline-dark:hover{background:var(--graphite);color:#fff}
.result-panel{background:linear-gradient(180deg,#fff 0%,#fffaf2 100%)}
.status-box{border:1px solid rgba(245,166,35,.5);background:#fff;border-radius:10px;padding:16px;margin-bottom:20px}
.status-box.status-profitable{border-color:rgba(27,163,45,.5);background:rgba(27,163,45,.05)}
.status-box.status-break-even{border-color:rgba(245,166,35,.5);background:rgba(245,166,35,.05)}
.status-box.status-loss{border-color:rgba(190,56,56,.5);background:rgba(190,56,56,.05)}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:var(--graphite);color:#fff;font-family:"IBM Plex Mono",monospace;font-size:.65rem;letter-spacing:.12em}
.status-profitable .status-pill{background:#1a8f3d}
.status-break-even .status-pill{background:var(--amber);color:var(--graphite)}
.status-loss .status-pill{background:#b12e2e}
.status-box p{margin:12px 0 0;font-size:1rem;font-weight:600;color:var(--graphite)}
.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.metric-card{padding:14px 12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.7)}
.metric-card span{display:block;color:var(--steel);font-size:.76rem;font-family:"IBM Plex Mono",monospace;letter-spacing:.05em;text-transform:uppercase}
.metric-card strong{display:block;margin-top:8px;font-size:1.1rem;line-height:1.3;color:var(--graphite)}
.metric-card.highlight{border-color:rgba(245,166,35,.6);background:rgba(245,166,35,.08)}
.fee-summary-box{margin-top:18px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px 14px 6px}
.fee-summary-header h4{margin:0 0 12px;font-size:1rem}
.fee-summary-list{display:grid;gap:8px}
.fee-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid #F0EFEA}
.fee-row:last-child{border-bottom:0}
.fee-row span{color:var(--steel);font-size:.8rem}
.fee-row strong{font-size:.82rem;color:var(--graphite)}
.break-even-stack{margin-top:18px;display:grid;gap:12px}
.mini-result{padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}
.mini-result h4{font-size:1rem;margin:0 0 8px}
.mini-result strong{display:block;font-size:1.3rem;line-height:1.2;margin-bottom:6px}
.mini-result p{margin:0;color:var(--steel);font-size:.8rem;line-height:1.5}
.price-explorer{margin-top:24px;padding:24px}
.explorer-header h2{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.04em;margin:10px 0 0}
.explorer-controls{margin-top:20px}
.range-slider{width:100%;accent-color:var(--amber)}
.table-responsive{margin-top:18px;overflow-x:auto}
.scenario-table{width:100%;border-collapse:collapse;min-width:420px}
.scenario-table th,.scenario-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:.92rem}
.scenario-table th{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.scenario-table td{color:var(--graphite)}
.small-disclaimer{margin:20px 0 0;color:var(--steel);font-size:.9rem;max-width:720px}
.osms-card{padding:28px 24px;border-color:var(--line)}
.osms-card h3{font-size:clamp(1.9rem,3vw,2.4rem);margin:0 0 8px;letter-spacing:-.04em}
.feature-list{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px}
.feature-list li{position:relative;padding-left:18px;color:var(--graphite);font-size:.92rem}
.feature-list li:before{content:"•";position:absolute;left:0;top:0;color:var(--amber);font-weight:700}
@media (min-width:992px){.site-nav .navbar-nav{margin-top:0}}
@media (max-width:991.98px){
  .hero{padding-top:60px}
  .product-row{grid-template-columns:55px 1fr auto}
  .product-desc{grid-column:2/4}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .workflow{grid-template-columns:repeat(2,1fr)}
  .workflow-step:nth-child(2){border-right:0}
  .workflow-step:nth-child(3){border-top:1px solid var(--line-dark)}
  .product-feature-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .calculator-layout{grid-template-columns:1fr}
}
@media (max-width:575.98px){
  .section{padding:58px 0}
  .hero{padding:52px 0 62px}
  .hero h1{font-size:2.65rem}
  .process-map{grid-template-columns:1fr}
  .process-node:after{display:none}
  .product-row{grid-template-columns:42px 1fr}
  .product-row .text-link{grid-column:2}
  .product-desc{grid-column:2}
  .feature-grid,.product-feature-grid,.workflow,.feature-list{grid-template-columns:1fr}
  .workflow-step{border-right:0!important;border-bottom:1px solid var(--line-dark);margin-right:0;padding-right:0}
  .workflow-step:last-child{border-bottom:0}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
  .page-hero{padding:48px 0 55px}
  .contact-card{padding:22px}
  .tool-hero .hero-actions{display:block}
  .inline-helper{padding-left:0;padding-top:12px;display:block}
  .metrics-grid{grid-template-columns:1fr}
  .form-actions{flex-direction:column}
  .form-actions .btn{width:100%}
}