@import url('https://fonts.googleapis.com/css2?family=Belleza&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

:root{font-family:'Inter',sans-serif;color:#2d3136;background:#f7f6f3;font-synthesis:none;text-rendering:optimizeLegibility;--warm:#f7f6f3;--limestone:#e9e7e1;--stone:#d6d3cd;--slate:#8b9196;--graphite:#2d3136;--green:#4c6357;--blue:#364b5f;--line:rgba(45,49,54,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm)}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{overflow:hidden}.dark-panel{background:var(--graphite);color:var(--warm)}.navbar{height:76px;background:rgba(247,246,243,.93);border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav-inner{width:min(1240px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;padding:0;color:var(--graphite);font-family:'Belleza',sans-serif;font-size:21px;letter-spacing:-.04em}.brand img{width:22px;height:26px;object-fit:contain;filter:grayscale(1) brightness(.28)}.brand-dark{color:var(--warm)}.brand-dark img{filter:grayscale(1) brightness(4)}.copyright{font-family:Inter,sans-serif;font-size:9px;vertical-align:top;margin-left:2px}.nav-links{display:flex;gap:34px;margin-left:100px}.nav-links button,.footer-column button{border:0;background:none;color:var(--slate);font-size:12px;letter-spacing:.02em;padding:8px 0}.nav-links button:hover,.nav-links button.active{color:var(--graphite)}.nav-action .button{padding:10px 14px;font-size:11px}.menu-button{display:none;background:none;border:0;color:var(--graphite)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:2px;padding:14px 17px;font-size:11px;font-weight:600;letter-spacing:.02em;transition:.25s ease}.button-primary{background:var(--green);color:var(--warm)}.button-primary:hover{background:#607b6d;transform:translateY(-2px)}.button-secondary{background:transparent;border-color:var(--line);color:var(--graphite)}.button-secondary:hover{background:var(--limestone);border-color:var(--stone)}.button-quiet{background:transparent;color:var(--graphite)}.mono-label{font-family:'IBM Plex Mono',monospace;color:var(--slate);font-size:10px;letter-spacing:.18em;font-weight:500}.mono-light{color:var(--slate)}.hero{padding:94px max(32px,calc((100vw - 1240px)/2)) 70px;min-height:720px;position:relative}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:390px}.hero-copy{max-width:690px;padding-top:35px}.hero h1,.page-hero h1,.contact-hero h1{font-size:clamp(48px,5.8vw,84px);line-height:.99;letter-spacing:-.07em;font-weight:500;margin:25px 0 27px}.hero h1 em,.page-hero h1 em,.contact-hero h1 em,.section h2 em,.final-cta h2 em,.pricing-cta h2 em{font-family:'Belleza',sans-serif;font-style:normal;font-weight:400;letter-spacing:-.08em}.hero-copy>p{color:#687076;max-width:470px;line-height:1.65;font-size:14px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-button{border:0;background:none;color:var(--graphite);display:inline-flex;align-items:center;gap:9px;font-size:12px;padding:9px 0}.light-text{color:var(--graphite)}.hero-meta{justify-self:end;align-self:start;display:flex;gap:40px;color:var(--slate);font-family:'IBM Plex Mono';font-size:9px;letter-spacing:.13em;line-height:1.6}.hero-product-wrap{position:relative;margin-top:8px}.hero-product-shadow{position:absolute;inset:22px -18px -18px;background:var(--limestone);border:1px solid var(--stone);transform:skewY(-1.7deg);opacity:.5}.product-frame{background:var(--warm);color:var(--graphite);border:1px solid rgba(255,255,255,.25);position:relative;box-shadow:0 20px 45px rgba(0,0,0,.24)}.product-topbar{height:39px;border-bottom:1px solid var(--stone);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-family:'IBM Plex Mono';font-size:9px;letter-spacing:.08em}.product-brand{display:flex;align-items:center;gap:8px}.product-dot{width:7px;height:7px;background:var(--green);border-radius:50%}.product-version{color:var(--slate)}.product-top-actions{display:flex;align-items:center;gap:9px;color:var(--slate);letter-spacing:0}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(76,99,87,.16)}.command-heading{display:flex;justify-content:space-between;align-items:end;padding:24px 26px 17px}.command-heading h3{margin:8px 0 0;font-size:21px;font-weight:500;letter-spacing:-.04em}.date-pill{border:1px solid var(--stone);padding:8px 10px;display:flex;gap:14px;align-items:center;font-size:10px;color:var(--slate)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone)}.mini-metric{padding:15px 20px;border-right:1px solid var(--stone);display:flex;flex-direction:column;gap:7px}.mini-metric:last-child{border:0}.mini-metric span,.mini-metric small{font-family:'IBM Plex Mono';font-size:9px;color:var(--slate)}.mini-metric strong{font-size:24px;letter-spacing:-.05em;font-weight:500}.mini-metric small{color:var(--green);font-size:9px}.blue-text{color:var(--blue)!important}.command-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;padding:22px 26px}.section-heading{display:flex;justify-content:space-between;align-items:center;font-family:'IBM Plex Mono';font-size:9px;letter-spacing:.12em;color:var(--slate);margin-bottom:13px}.count-badge,.status-chip{font-size:8px;color:var(--green);border:1px solid rgba(76,99,87,.35);padding:4px 6px}.attention-item{display:flex;align-items:center;gap:10px;border-top:1px solid var(--stone);padding:13px 0}.attention-item>div{display:flex;flex:1;flex-direction:column;gap:4px}.attention-item strong{font-size:11px;font-weight:500}.attention-item span:not(.attention-dot){color:var(--slate);font-size:9px}.attention-item svg{color:var(--slate)}.attention-dot{width:6px;height:6px;border-radius:50%;background:var(--stone)}.attention-dot.green{background:var(--green)}.attention-dot.blue{background:var(--blue)}.attention-dot.amber{background:#a78c54}.decision-card{background:var(--limestone);padding:17px}.decision-card h4{font-weight:500;font-size:14px;margin:17px 0 8px;letter-spacing:-.02em}.decision-card p{font-size:10px;line-height:1.5;color:var(--slate);margin:0 0 16px;max-width:290px}.decision-row{display:flex;justify-content:space-between;border-top:1px solid var(--stone);padding:10px 0;font-size:10px}.decision-row span{color:var(--slate)}.decision-row strong{font-weight:500}.approve-button{border:0;background:var(--graphite);color:var(--warm);padding:10px 12px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:9px}.command-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--stone);padding:13px 26px;font-family:'IBM Plex Mono';font-size:9px;color:var(--slate)}.command-footer>div:first-child{display:flex;gap:9px;align-items:center}.command-footer strong{color:var(--graphite);font-weight:500;margin-left:8px}.activity-pulse{display:flex;align-items:center;gap:9px}.pulse-ring{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(76,99,87,.12)}.compact-command .command-columns{grid-template-columns:1fr}.command-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--stone)}.command-ai{padding:18px 26px;border-right:1px solid var(--stone)}.command-activity{padding:18px 26px}.ai-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--stone)}.ai-row:last-child{border:0}.ai-info{display:flex;gap:8px;align-items:center;font-size:10px}.ai-info svg{color:var(--green)}.ai-state{font-family:'IBM Plex Mono';font-size:9px;padding:3px 6px;border:1px solid}.ai-state.green{color:var(--green);border-color:rgba(76,99,87,.3)}.ai-state.blue{color:var(--blue);border-color:rgba(54,75,95,.3)}.activity-row{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--stone)}.activity-row:last-child{border:0}.activity-time{font-family:'IBM Plex Mono';font-size:9px;color:var(--slate)}.activity-text{font-size:10px}.live-tag{font-family:'IBM Plex Mono';font-size:8px;color:var(--green);border:1px solid rgba(76,99,87,.35);padding:4px 6px}.intro-section,.section{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.intro-section{padding-top:150px;padding-bottom:125px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.intro-content{max-width:690px}.intro-content h2,.section h2{font-size:clamp(43px,5vw,70px);line-height:1.02;letter-spacing:-.075em;font-weight:500;margin:0}.intro-content p{font-size:18px;line-height:1.5;max-width:540px;margin:34px 0 85px;color:#586067}.intro-line{grid-column:2;display:flex;align-items:center;gap:12px;color:var(--green);font-family:'IBM Plex Mono';font-size:10px;letter-spacing:.12em}.intro-line svg{width:14px}.loop-section{padding-top:115px;padding-bottom:150px}.section-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.section-intro>p,.systems-copy>p,.section-heading-row>p{max-width:350px;line-height:1.65;color:#687076;font-size:13px;margin:28px 0}.loop-steps{margin-top:58px;border-top:1px solid var(--line);max-width:350px}.loop-step{width:100%;display:flex;align-items:center;gap:15px;border:0;border-bottom:1px solid var(--line);background:none;padding:14px 0;color:var(--slate);text-align:left}.loop-step span{font-family:'IBM Plex Mono';font-size:9px}.loop-step strong{font-size:12px;font-weight:500;flex:1;letter-spacing:.04em}.loop-step svg{opacity:0;transition:.2s}.loop-step.selected{color:var(--green)}.loop-step.selected svg{opacity:1}.loop-stage{background:var(--limestone);min-height:565px;padding:25px 28px;position:relative;overflow:hidden}.loop-stage-head{display:flex;justify-content:space-between;font-family:'IBM Plex Mono';font-size:9px;color:var(--slate);letter-spacing:.12em}.state-tag{padding:4px 6px;border:1px solid}.state-tag.green{color:var(--green);border-color:rgba(76,99,87,.3)}.state-tag.blue{color:var(--blue);border-color:rgba(54,75,95,.3)}.loop-orbit{height:310px;position:relative;display:flex;justify-content:center;align-items:center}.orbit-line{width:225px;height:225px;border:1px solid rgba(76,99,87,.35);border-radius:50%;position:absolute;animation:spin 18s linear infinite}.orbit-line:after{content:'';width:7px;height:7px;border-radius:50%;background:var(--green);position:absolute;top:15px;left:28px;box-shadow:0 0 0 5px rgba(76,99,87,.1)}.orbit-core{width:120px;height:120px;background:var(--graphite);color:var(--warm);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:1}.orbit-core svg{color:#91a99c}.orbit-core span{font-family:'IBM Plex Mono';font-size:13px;letter-spacing:.12em}.orbit-core small{color:#a6afac;font-size:9px}.orbit-node{position:absolute;background:var(--warm);border:1px solid var(--stone);padding:9px 11px;display:flex;gap:7px;align-items:center;font-size:10px;z-index:2;box-shadow:4px 4px 0 rgba(45,49,54,.06)}.orbit-node svg{width:14px;color:var(--green)}.node-one{top:32px;left:8%}.node-two{right:8%;bottom:32px}.loop-copy{border-top:1px solid var(--stone);padding-top:21px}.loop-copy h3{font-size:22px;font-weight:500;letter-spacing:-.04em;margin:8px 0 5px}.loop-copy p{font-size:12px;color:#6d7476;margin:0}.progress-line{height:2px;background:var(--stone);margin-top:26px}.progress-line span{display:block;height:100%;background:var(--green);transition:width .4s ease}.owner-section{padding:118px max(32px,calc((100vw - 1240px)/2)) 120px}.owner-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.owner-header h2{font-size:clamp(43px,5vw,70px);line-height:1.02;letter-spacing:-.075em;font-weight:500;margin:20px 0 0}.owner-header p{max-width:290px;color:#687076;line-height:1.6;font-size:13px;margin:0}.owner-section .product-frame{box-shadow:0 20px 50px rgba(45,49,54,.1)}.systems-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-top:145px;padding-bottom:145px;align-items:center}.systems-copy h2{margin-top:20px}.systems-map{height:470px;position:relative;border:1px solid var(--line);background:var(--limestone);overflow:hidden}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(45,49,54,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(45,49,54,.06) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)}.map-core{width:150px;height:150px;border-radius:50%;background:var(--graphite);color:var(--warm);display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:calc(50% - 75px);top:calc(50% - 75px);z-index:2}.map-core img{width:28px;height:33px;filter:grayscale(1) brightness(4);margin-bottom:10px}.map-core strong{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.08em}.map-core span{font-size:9px;color:#aeb7b4;margin-top:5px}.system-node{position:absolute;display:flex;align-items:center;gap:7px;background:var(--warm);border:1px solid var(--stone);padding:8px 10px;font-family:'IBM Plex Mono';font-size:9px;z-index:3}.system-node svg{color:var(--green)}.system-node.secondary svg{color:var(--blue)}.system-1{top:15%;left:12%}.system-2{top:8%;right:11%}.system-3{top:46%;left:5%}.system-4{top:52%;right:5%}.system-5{bottom:12%;left:17%}.system-6{bottom:10%;right:14%}.map-connector{height:1px;background:var(--green);position:absolute;opacity:.6;transform-origin:left}.connector-a{width:230px;left:26%;top:42%;transform:rotate(26deg)}.connector-b{width:200px;left:51%;top:53%;transform:rotate(-24deg);background:var(--blue)}.capabilities-section{padding-top:50px;padding-bottom:145px}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-heading-row h2{margin-top:19px}.section-heading-row>p{margin:0}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability{min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;position:relative;transition:.25s}.capability:hover{background:var(--limestone)}.capability-number{font-family:'IBM Plex Mono';color:var(--slate);font-size:9px;margin-bottom:38px}.capability>svg{color:var(--green);margin-bottom:18px}.capability h3{font-size:16px;font-weight:500;letter-spacing:-.035em;max-width:210px;margin:0 0 10px}.capability p{font-size:11px;color:var(--slate);line-height:1.6;max-width:235px}.capability-arrow{position:absolute;right:24px;bottom:24px;color:var(--slate)!important}.commercial-section{padding-top:30px;padding-bottom:155px}.commercial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.commercial-card{padding:25px;background:var(--limestone);min-height:310px;display:flex;flex-direction:column;border:1px solid transparent}.commercial-card.featured{background:var(--limestone);color:var(--graphite)}.commercial-card-top{display:flex;justify-content:space-between;align-items:start}.featured .mono-label{color:var(--slate)}.recommended{font-family:'IBM Plex Mono';font-size:8px;letter-spacing:.08em;color:var(--green);border:1px solid rgba(76,99,87,.4);padding:5px 7px}.featured .recommended{color:var(--green);border-color:rgba(76,99,87,.4)}.commercial-card h3{font-size:27px;font-weight:500;letter-spacing:-.06em;margin:24px 0 30px}.price-lines{border-top:1px solid var(--stone);margin-top:auto}.featured .price-lines{border-color:var(--stone)}.price-lines div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--stone);align-items:center}.featured .price-lines div{border-color:var(--stone)}.price-lines span{font-family:'IBM Plex Mono';font-size:9px;color:var(--slate)}.featured .price-lines span{color:var(--slate)}.price-lines strong{font-size:13px;font-weight:500}.commercial-card>button{border:0;background:none;display:flex;align-items:center;justify-content:space-between;color:inherit;padding:17px 0 0;font-size:11px}.final-cta{padding:120px max(32px,calc((100vw - 1240px)/2)) 112px}.cta-rule{width:100%;height:1px;background:var(--stone);margin-bottom:60px}.final-cta h2,.pricing-cta h2{font-size:clamp(46px,6vw,86px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin:22px 0 38px}.cta-actions{display:flex;gap:27px;align-items:center}.footer{border-top:1px solid var(--stone);padding:68px max(32px,calc((100vw - 1240px)/2)) 22px}.footer-top{display:grid;grid-template-columns:2fr .7fr .8fr 1.3fr;gap:30px;padding-bottom:75px}.footer-tagline{font-size:11px;color:var(--slate);margin:17px 0}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column .mono-label{margin-bottom:4px}.footer-column button,.footer-column span{color:#687076;text-align:left;font-size:11px;padding:0}.footer-column button:hover{color:var(--green)}.footer-note{display:flex;flex-direction:column;gap:10px;align-items:flex-end;color:var(--slate);font-family:'IBM Plex Mono';font-size:9px;text-align:right;line-height:1.5}.footer-bottom{border-top:1px solid var(--stone);padding-top:16px;display:flex;justify-content:space-between;color:var(--slate);font-family:'IBM Plex Mono';font-size:8px;letter-spacing:.1em}
/* Pricing */.page-hero{max-width:1240px;margin:auto;padding:140px 32px 130px;display:grid;grid-template-columns:1.2fr .8fr;gap:100px;border-bottom:1px solid var(--line)}.page-hero h1{margin-top:24px}.page-hero>div:first-child>p{max-width:450px;color:#687076;font-size:15px;line-height:1.65;margin-top:35px}.page-hero-aside{border-left:1px solid var(--line);padding-left:36px;align-self:end;display:flex;flex-direction:column;gap:14px}.page-hero-aside span,.page-hero-aside small{font-family:'IBM Plex Mono';font-size:9px;color:var(--slate);letter-spacing:.12em;line-height:1.7}.page-hero-aside strong{font-size:20px;font-weight:500;letter-spacing:-.04em}.pricing-section{max-width:1240px;margin:auto;padding:90px 32px 140px}.pricing-intro{display:flex;justify-content:space-between;margin-bottom:36px}.pricing-intro p{font-size:12px;color:var(--slate);max-width:310px;line-height:1.5;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pricing-card{border:1px solid var(--stone);padding:26px;display:flex;flex-direction:column;min-height:650px}.pricing-featured{background:var(--limestone);border-color:#c0c7c0}.pricing-card-header{display:flex;justify-content:space-between;min-height:20px}.pricing-card h2{font-size:29px;line-height:1;letter-spacing:-.06em;font-weight:500;margin:36px 0 12px;max-width:230px}.pricing-description{font-size:11px;line-height:1.6;color:var(--slate);min-height:75px}.pricing-stages{border-top:1px solid var(--stone);margin-top:20px}.pricing-stages>div{padding:13px 0;border-bottom:1px solid var(--stone);display:grid;grid-template-columns:44px 1fr;column-gap:10px;align-items:center}.pricing-stages span{font-family:'IBM Plex Mono';font-size:9px;color:var(--green);grid-row:span 2}.pricing-stages strong{font-size:20px;font-weight:500;letter-spacing:-.05em}.pricing-stages small{font-size:9px;color:var(--slate);margin-top:3px}.pricing-card ul,.stage-card ul{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:11px}.pricing-card li{font-size:10px;display:flex;gap:8px;align-items:start;color:#5d676b;line-height:1.4}.pricing-card li svg{color:var(--green);flex:none;margin-top:1px}.pricing-card .button{margin-top:auto;width:100%;justify-content:space-between}.stages-section{background:var(--warm);padding:120px max(32px,calc((100vw - 1240px)/2)) 135px}.stages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stage-card{background:var(--limestone);min-height:340px;padding:25px;position:relative}.stage-index{position:absolute;right:25px;top:25px;font-family:'IBM Plex Mono';color:var(--slate);font-size:9px}.stage-card h3{font-size:21px;font-weight:500;letter-spacing:-.05em;max-width:210px;margin:24px 0 14px}.stage-card p{font-size:11px;line-height:1.6;color:var(--slate);max-width:270px}.stage-card ul{border-top:1px solid var(--stone);padding-top:15px;gap:8px}.stage-card li{font-size:10px;color:#687076;display:flex;gap:8px}.stage-card li svg{color:var(--green)}.pricing-cta{text-align:center;padding:110px 32px 120px}.pricing-cta .mono-label{display:block}.pricing-cta h2{margin-bottom:34px}
/* Contact */.contact-hero{max-width:1240px;margin:auto;padding:140px 32px 110px;display:flex;justify-content:space-between;align-items:end}.contact-hero h1{margin:22px 0 27px}.contact-hero>div:first-child>p{font-size:15px;line-height:1.6;color:#687076;max-width:390px}.contact-side-note{border-left:1px solid var(--line);padding-left:30px;max-width:230px;margin-bottom:10px}.contact-side-note span{font-family:'IBM Plex Mono';font-size:9px;color:var(--slate);letter-spacing:.1em}.contact-side-note p{font-family:'Bodoni Moda';font-size:20px;line-height:1.25;margin:18px 0 0}.contact-workspace{max-width:1240px;margin:auto;padding:0 32px 150px;display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.contact-tabs{border-top:1px solid var(--line);align-self:start}.contact-tabs button{display:grid;grid-template-columns:36px 1fr;column-gap:11px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:18px 0;color:var(--slate)}.contact-tabs button span{font-family:'IBM Plex Mono';font-size:9px;grid-row:span 2}.contact-tabs button strong{font-size:11px;letter-spacing:.06em;font-weight:500}.contact-tabs button small{font-size:10px;margin-top:6px}.contact-tabs button.selected{color:var(--green)}.contact-tabs button.selected strong:after{content:'↗';font-size:14px;margin-left:12px}.contact-form-panel{background:var(--limestone);padding:35px 40px 40px}.form-heading{border-bottom:1px solid var(--stone);padding-bottom:26px;margin-bottom:28px}.form-heading h2{font-size:31px;font-weight:500;letter-spacing:-.06em;margin:16px 0 8px}.form-heading p{font-size:12px;color:var(--slate);line-height:1.55;max-width:450px;margin:0}.contact-form{display:flex;flex-direction:column;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-family:'IBM Plex Mono';font-size:9px;color:#667074;letter-spacing:.05em}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--stone);background:var(--warm);border-radius:0;padding:12px 12px;color:var(--graphite);font-family:Inter;font-size:12px;outline:none;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(76,99,87,.1)}.contact-form textarea{min-height:120px}.contact-form .button{align-self:flex-start;margin-top:4px}.success-state{min-height:360px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.success-icon{width:44px;height:44px;border-radius:50%;background:var(--green);color:var(--warm);display:grid;place-items:center;margin-bottom:27px}.success-state h3{font-size:31px;font-weight:500;letter-spacing:-.06em;margin:15px 0 8px}.success-state p{font-size:12px;color:var(--slate);line-height:1.55;max-width:320px;margin:0 0 20px}.contact-links{max-width:1240px;margin:auto;padding:0 32px 150px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:12px}.contact-links h2{font-size:30px;font-weight:500;letter-spacing:-.06em;margin:17px 0}.quick-link{border-top:1px solid var(--line);padding-top:18px;cursor:pointer;transition:.2s}.quick-link:hover{border-color:var(--green);transform:translateY(-3px)}.quick-link span{display:block;font-size:10px;color:var(--slate);margin-bottom:18px}.quick-link strong{font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-link svg{color:var(--green)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:900px){.nav-inner{width:calc(100% - 40px)}.nav-links{margin-left:0;gap:20px}.hero{padding-left:20px;padding-right:20px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-meta{justify-self:start;margin-top:48px}.hero-product-wrap{margin-top:55px}.section,.intro-section{padding-left:20px;padding-right:20px}.section-grid,.systems-section{grid-template-columns:1fr;gap:50px}.loop-stage{min-height:520px}.owner-section{padding-left:20px;padding-right:20px}.owner-header{align-items:start;gap:30px;flex-direction:column}.footer{padding-left:20px;padding-right:20px}.page-hero{padding-left:20px;padding-right:20px;gap:40px}.contact-hero{padding-left:20px;padding-right:20px}.contact-workspace{padding-left:20px;padding-right:20px;gap:45px}.contact-links{padding-left:20px;padding-right:20px}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-note{grid-column:1/-1;align-items:flex-start;text-align:left}.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:auto}.pricing-card .button{margin-top:20px}.stages-section{padding-left:20px;padding-right:20px}.stages-grid{grid-template-columns:1fr}.stage-card{min-height:270px}.contact-links{grid-template-columns:1fr 1fr}.contact-links>div:first-child{grid-column:1/-1}.commercial-grid{grid-template-columns:1fr}.commercial-card{min-height:270px}}
@media(max-width:620px){.navbar{height:64px}.nav-action{display:none}.menu-button{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--warm);padding:15px 20px 22px;border-bottom:1px solid var(--line);flex-direction:column;gap:4px;box-shadow:0 12px 20px rgba(45,49,54,.06)}.nav-links.nav-open{display:flex}.nav-links button{text-align:left;padding:12px 0}.hero{padding-top:62px;padding-bottom:42px;min-height:0}.hero h1,.page-hero h1,.contact-hero h1{font-size:49px}.hero-copy>p{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-meta{font-size:8px;gap:20px}.product-topbar{padding:0 12px}.product-version{display:none}.product-top-actions{font-size:8px}.command-heading{padding:19px 15px 15px;align-items:start;flex-direction:column;gap:15px}.command-heading h3{font-size:18px}.metric-grid{grid-template-columns:1fr 1fr}.mini-metric{padding:12px 13px}.mini-metric strong{font-size:18px}.mini-metric:nth-child(2){border-right:0}.command-columns{grid-template-columns:1fr;padding:18px 15px}.decision-card{display:none}.command-footer{padding:12px 15px;font-size:8px}.command-footer strong{display:none}.command-bottom{grid-template-columns:1fr}.command-ai{border-right:0;border-bottom:1px solid var(--stone)}.activity-pulse{font-size:8px}.intro-section{padding-top:90px;padding-bottom:90px;display:block}.intro-content h2,.section h2{font-size:46px}.intro-content p{font-size:15px;margin:28px 0 48px}.intro-line{gap:7px;flex-wrap:wrap;line-height:2}.loop-section{padding-top:80px;padding-bottom:90px}.section-grid{gap:35px}.loop-steps{margin-top:38px}.loop-stage{padding:18px 15px;min-height:500px}.loop-orbit{height:275px}.orbit-line{width:185px;height:185px}.orbit-core{width:100px;height:100px}.orbit-node{font-size:9px}.node-one{left:0}.node-two{right:0}.owner-section{padding-top:80px;padding-bottom:80px}.owner-header{margin-bottom:35px}.owner-header p{font-size:12px}.systems-section{padding-top:90px;padding-bottom:90px}.systems-map{height:390px}.system-node{font-size:8px;padding:7px}.system-1{left:4%}.system-2{right:3%}.system-3{left:1%}.system-4{right:1%}.system-5{left:4%}.system-6{right:3%}.map-core{width:125px;height:125px;left:calc(50% - 62px);top:calc(50% - 62px)}.capabilities-section,.commercial-section{padding-bottom:90px}.section-heading-row{display:block;margin-bottom:35px}.section-heading-row>p{margin-top:25px}.capability-grid{grid-template-columns:1fr}.capability{min-height:220px}.commercial-card h3{font-size:24px}.final-cta{padding:82px 20px}.final-cta h2,.pricing-cta h2{font-size:48px}.footer{padding-top:50px}.footer-top{grid-template-columns:1fr 1fr;gap:38px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}.page-hero{display:block;padding-top:90px;padding-bottom:80px}.page-hero-aside{margin-top:70px;padding-left:20px}.pricing-section{padding:70px 20px 90px}.pricing-intro{display:block}.pricing-intro p{margin-top:20px}.pricing-card{padding:21px}.pricing-card h2{font-size:26px;margin-top:28px}.stages-section{padding-top:80px;padding-bottom:90px}.pricing-cta{padding:80px 20px 90px}.contact-hero{padding-top:90px;padding-bottom:70px;display:block}.contact-side-note{margin-top:70px}.contact-workspace{display:block;padding-bottom:90px}.contact-tabs{margin-bottom:40px}.contact-form-panel{padding:24px 18px 25px}.form-row{grid-template-columns:1fr;gap:17px}.contact-links{grid-template-columns:1fr;padding-bottom:90px;gap:34px}.contact-links>div:first-child{margin-bottom:6px}.contact-links h2{font-size:27px}}
/* WordPress theme bridge */
a{color:inherit;text-decoration:none}.nav-links a,.footer-column a{color:var(--slate);font-size:12px;letter-spacing:.02em;padding:8px 0}.nav-links a:hover,.nav-links a.active,.footer-column a:hover{color:var(--graphite)}.brand img{width:34px;height:34px;object-fit:contain;filter:none}.footer .brand img{width:38px;height:38px}.nav-action a.button{padding:10px 14px;font-size:11px}.quick-link{display:block;color:inherit}.system-node{display:flex;align-items:center;justify-content:center}.capability-icon{color:var(--green);font-size:18px}.gbr-section{padding-top:115px;padding-bottom:135px}.gbr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:45px 0 28px}.gbr-card{background:var(--limestone);border:1px solid var(--stone);padding:28px;min-height:210px}.gbr-card>span{font-family:'IBM Plex Mono';font-size:10px;color:var(--green);letter-spacing:.12em}.gbr-card h3{font-size:20px;font-weight:500;letter-spacing:-.04em;max-width:220px;margin:42px 0 18px}.gbr-card strong{font-size:24px;font-weight:500}.loop-display{background:var(--limestone);min-height:500px;padding:28px;border:1px solid var(--stone)}.loop-visual-header{display:flex;justify-content:space-between;font-family:'IBM Plex Mono';font-size:10px;color:var(--slate)}.loop-active-label{color:var(--green)}.loop-main{padding:90px 0 70px}.loop-main h3{font-size:42px;font-weight:500;letter-spacing:-.06em;margin:0 0 18px}.loop-main p{max-width:420px;color:#687076;line-height:1.65;font-size:13px}.loop-signal-list{border-top:1px solid var(--stone)}.loop-signal-list>div{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--stone);padding:13px 0}.loop-signal-list strong{font-size:11px;font-weight:500}.loop-signal-list small{font-family:'IBM Plex Mono';font-size:9px;color:var(--slate)}.signal-dot{width:6px;height:6px;border-radius:50%;background:var(--stone)}.signal-dot.green{background:var(--green)}.signal-dot.blue{background:var(--blue)}.loop-steps button{width:100%;display:flex;align-items:center;border:0;border-bottom:1px solid var(--line);background:none;padding:14px 0;color:var(--slate);text-align:left;font-family:'IBM Plex Mono';font-size:10px;letter-spacing:.04em}.loop-steps button.active{color:var(--green)}[hidden]{display:none!important}@media(max-width:900px){.gbr-grid{grid-template-columns:1fr}}@media(max-width:620px){.nav-links a{text-align:left;padding:12px 0}.brand img{width:30px;height:30px}.loop-display{min-height:auto}.loop-main{padding:55px 0}.loop-main h3{font-size:34px}}


/* =========================================================
   plumb display typography — Belleza
   ========================================================= */
.hero h1,
.page-hero h1,
.contact-hero h1,
.intro-content h2,
.section h2,
.owner-header h2,
.section-heading-row h2,
.final-cta h2,
.pricing-cta h2,
.contact-links h2,
.form-heading h2 {
  font-family:'Belleza',sans-serif;
  font-weight:400;
  letter-spacing:-0.025em;
}

.hero h1 em,
.page-hero h1 em,
.contact-hero h1 em,
.section h2 em,
.final-cta h2 em,
.pricing-cta h2 em,
.owner-header h2 em,
.section-heading-row h2 em {
  font-family:'Belleza',sans-serif;
  font-style:normal;
  font-weight:400;
  letter-spacing:-0.025em;
}

/* Brand name treatment: the legal mark is present but visually secondary. */
.brand-word {
  display:inline-flex;
  align-items:flex-start;
  font-family:'Belleza',sans-serif;
  font-weight:400;
  letter-spacing:-0.025em;
  line-height:1;
}
.brand-mark {
  font-family:'Inter',sans-serif;
  font-size:.30em;
  line-height:1;
  margin-left:.16em;
  position:relative;
  top:.08em;
  font-weight:500;
  letter-spacing:0;
  opacity:.58;
}
.hero .brand-word .brand-mark { font-size:.22em; top:.05em; opacity:.48; }

/* Keep software/UI typography neutral even when nested near display sections. */
.product-frame,
.product-frame h3,
.product-frame h4,
.pricing-card,
.gbr-card,
.button,
input,
select,
textarea {
  font-family:'Inter',sans-serif;
}


/* =========================================================
   v2 interaction system — product-led motion / scrollytelling
   ========================================================= */
:root{--motion-ease:cubic-bezier(.22,.61,.36,1);--story-progress:0}
body{background:var(--warm)}

/* reveal system: movement lives in content, never the canvas */
[data-reveal]{opacity:.001;transform:translateY(18px);transition:opacity .8s var(--motion-ease),transform .8s var(--motion-ease)}
[data-reveal].in-view{opacity:1;transform:none}
.capability{transition:transform .45s var(--motion-ease),border-color .35s ease,background .35s ease}
.capability.in-view{transform:none}
.capability:hover{transform:translateY(-4px);border-color:rgba(76,99,87,.35)}

/* hero arrival: quiet staged product boot */
.hero .hero-copy,.hero .hero-meta{opacity:0;transform:translateY(14px)}
.hero .hero-product-wrap{opacity:0;transform:translateY(24px) scale(.992)}
.hero.hero-ready .hero-copy{animation:plumbEnter .72s var(--motion-ease) .05s forwards}
.hero.hero-ready .hero-meta{animation:plumbEnter .72s var(--motion-ease) .18s forwards}
.hero.hero-ready .hero-product-wrap{animation:plumbProductEnter .9s var(--motion-ease) .28s forwards}
.hero .product-frame .mini-metric,.hero .product-frame .attention-item,.hero .product-frame .ai-row,.hero .product-frame .activity-row{opacity:0;transform:translateY(6px)}
.hero.hero-ready .mini-metric{animation:plumbEnter .46s var(--motion-ease) forwards}
.hero.hero-ready .mini-metric:nth-child(1){animation-delay:.72s}.hero.hero-ready .mini-metric:nth-child(2){animation-delay:.79s}.hero.hero-ready .mini-metric:nth-child(3){animation-delay:.86s}.hero.hero-ready .mini-metric:nth-child(4){animation-delay:.93s}
.hero.hero-ready .attention-item,.hero.hero-ready .ai-row,.hero.hero-ready .activity-row{animation:plumbEnter .42s var(--motion-ease) 1.02s forwards}
@keyframes plumbEnter{to{opacity:1;transform:none}}
@keyframes plumbProductEnter{to{opacity:1;transform:none}}
.product-dot,.live-dot,.pulse-ring{animation:plumbPulse 2.8s ease-in-out infinite}
@keyframes plumbPulse{0%,100%{box-shadow:0 0 0 0 rgba(76,99,87,.22)}50%{box-shadow:0 0 0 7px rgba(76,99,87,0)}}

/* operating loop: scroll itself becomes SEE → UNDERSTAND → PRIORITIZE → DECIDE → ACT */
.loop-section{min-height:410vh;padding-top:100px;padding-bottom:100px}
.loop-section>.section-grid{position:sticky;top:112px;min-height:calc(100vh - 150px);align-items:center}
.loop-display{position:relative;overflow:hidden;transition:border-color .35s ease,transform .45s var(--motion-ease);box-shadow:0 20px 60px rgba(45,49,54,.045)}
.loop-display::before{content:'';position:absolute;left:0;top:0;height:2px;width:calc(var(--story-progress)*100%);background:var(--green);transition:width .18s linear;z-index:4}
.loop-main h3,.loop-main p,.loop-signal-list>div{transition:opacity .28s ease,transform .35s var(--motion-ease)}
.loop-display.is-updating .loop-main h3,.loop-display.is-updating .loop-main p,.loop-display.is-updating .loop-signal-list>div{opacity:.15;transform:translateY(7px)}
.loop-steps button{position:relative;transition:color .25s ease,padding-left .3s var(--motion-ease)}
.loop-steps button::after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--green);transition:width .3s var(--motion-ease)}
.loop-steps button.active{padding-left:8px}.loop-steps button.active::after{width:100%}

/* connected systems: one quiet field, connections resolve as user scrolls */
.systems-section{min-height:185vh;align-items:start}
.systems-section>.systems-copy,.systems-section>.systems-map{position:sticky;top:124px}
.systems-map{box-shadow:0 20px 60px rgba(45,49,54,.035)}
.systems-map::before,.systems-map::after{content:'';position:absolute;left:50%;top:50%;width:72%;height:1px;background:linear-gradient(90deg,transparent,var(--stone),var(--green),var(--stone),transparent);transform-origin:center;opacity:calc(.18 + var(--story-progress)*.65);z-index:1}
.systems-map::after{transform:rotate(90deg)}
.map-core{transition:transform .7s var(--motion-ease),box-shadow .7s ease}
.systems-map.story-active .map-core{transform:scale(1.045);box-shadow:0 0 0 12px rgba(76,99,87,.06)}
.system-node{opacity:.28;filter:saturate(.25);transition:opacity .5s ease,filter .5s ease,transform .55s var(--motion-ease),border-color .35s ease}
.systems-map.story-active .system-node{opacity:1;filter:none;border-color:rgba(76,99,87,.28)}
.systems-map.story-active .system-1{transition-delay:.05s}.systems-map.story-active .system-2{transition-delay:.12s}.systems-map.story-active .system-3{transition-delay:.19s}.systems-map.story-active .system-4{transition-delay:.26s}.systems-map.story-active .system-5{transition-delay:.33s}.systems-map.story-active .system-6{transition-delay:.40s}

/* GET → BUILD → RUN: progressive operating/commercial story */
.gbr-section{min-height:255vh;padding-top:105px;padding-bottom:105px}
.gbr-section>.section-heading-row,.gbr-section>.gbr-grid,.gbr-section>.text-button{position:sticky;z-index:2}
.gbr-section>.section-heading-row{top:105px;background:var(--warm);padding-bottom:24px;margin-bottom:0}
.gbr-section>.gbr-grid{top:315px}
.gbr-section>.text-button{top:585px;display:inline-flex}
.gbr-card{position:relative;opacity:.38;transform:translateY(9px);transition:opacity .45s ease,transform .55s var(--motion-ease),border-color .4s ease,box-shadow .45s ease}
.gbr-card::before{content:'';position:absolute;left:-1px;top:-1px;width:0;height:2px;background:var(--green);transition:width .55s var(--motion-ease)}
.gbr-card.story-active{opacity:1;transform:none;border-color:rgba(76,99,87,.45);box-shadow:0 18px 50px rgba(45,49,54,.045)}
.gbr-card.story-active::before{width:calc(100% + 2px)}

/* software micro-motion */
.attention-item{transition:background .3s ease,padding-left .3s var(--motion-ease)}
.attention-item:hover{background:rgba(76,99,87,.035);padding-left:6px}
.ai-state,.status-chip,.count-badge,.live-tag{transition:background .3s ease,border-color .3s ease}
.activity-row:first-of-type .activity-text{animation:activityGlow 4s ease-in-out infinite}
@keyframes activityGlow{0%,100%{color:var(--graphite)}50%{color:var(--green)}}

/* section rule movement — structural, not decorative */
.motion-section{--rule-scale:0}
.motion-section::selection{background:rgba(76,99,87,.16)}

@media(max-width:900px){
  .loop-section,.systems-section,.gbr-section{min-height:auto}
  .loop-section>.section-grid,.systems-section>.systems-copy,.systems-section>.systems-map,.gbr-section>.section-heading-row,.gbr-section>.gbr-grid,.gbr-section>.text-button{position:static}
  .loop-section{padding-top:90px;padding-bottom:110px}
  .systems-section{padding-top:90px;padding-bottom:100px}
  .gbr-section{padding-top:90px;padding-bottom:110px}
  .gbr-card{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .hero .hero-copy,.hero .hero-meta,.hero .hero-product-wrap,.hero .product-frame .mini-metric,.hero .product-frame .attention-item,.hero .product-frame .ai-row,.hero .product-frame .activity-row,[data-reveal]{opacity:1!important;transform:none!important;animation:none!important}
  .loop-section,.systems-section,.gbr-section{min-height:auto!important}
  .loop-section>.section-grid,.systems-section>.systems-copy,.systems-section>.systems-map,.gbr-section>.section-heading-row,.gbr-section>.gbr-grid,.gbr-section>.text-button{position:static!important}
}

/* =========================================================
   v3 product-led redesign — BusinessOS introduction
   ========================================================= */
.nav-links a,.footer-column a{color:var(--slate);font-size:12px;letter-spacing:.02em;text-decoration:none;padding:8px 0}.nav-links a:hover,.nav-links a.active,.footer-column a:hover{color:var(--graphite)}
.product-hero{padding-top:82px;background:linear-gradient(180deg,rgba(54,75,95,.035),transparent 46%)}
.product-hero .hero-grid{min-height:430px;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr)}
.product-hero .hero-copy{max-width:780px}
.product-hero h1{font-size:clamp(58px,7.2vw,104px);line-height:.9;margin-top:28px;max-width:900px}
.product-hero .hero-copy>p{max-width:650px;font-size:15px;line-height:1.75;color:#626b70}
.product-hero .hero-meta{text-transform:uppercase}
.product-intro{padding-top:118px;padding-bottom:118px}
.product-intro .intro-content{max-width:920px}
.product-intro .intro-content p{max-width:690px}
.intro-line-three{grid-template-columns:1fr auto 1.4fr auto 1fr!important}
.product-definition{padding-top:120px;padding-bottom:120px}
.product-domain-grid .capability{min-height:245px}
.product-domain-grid .capability h3{text-transform:none;font-size:15px;letter-spacing:-.02em}
.product-domain-grid .capability p{max-width:260px;line-height:1.65}
.product-owner{padding-top:110px;padding-bottom:110px}
.gbr-card small{display:block;margin-top:18px;color:var(--slate);font-size:10px;line-height:1.55;max-width:270px}
.product-final-cta p,.pricing-cta p{max-width:600px;color:#687076;line-height:1.7;font-size:13px;margin:20px 0 30px}
.product-page-hero h1,.product-contact-hero h1{font-size:clamp(54px,6.8vw,92px);line-height:.94}
.product-page-hero>div:first-child>p,.product-contact-hero>div:first-child>p{max-width:650px;font-size:14px;line-height:1.75}
.pricing-intro{display:grid;grid-template-columns:1fr 2fr;gap:36px;align-items:start}
.pricing-intro p{max-width:760px;line-height:1.7}
.pricing-card{position:relative;overflow:hidden}
.pricing-card.pricing-featured::before{content:'PRO';position:absolute;right:18px;top:18px;font-family:'IBM Plex Mono';font-size:8px;letter-spacing:.16em;color:var(--green);border:1px solid rgba(76,99,87,.35);padding:5px 7px}
.contact-side-note span{font-family:'IBM Plex Mono';font-size:9px;letter-spacing:.14em;color:var(--slate)}
.footer-note{font-family:'Belleza',sans-serif;font-size:25px;line-height:1.08;letter-spacing:-.03em}
@media(max-width:900px){.product-hero .hero-grid{grid-template-columns:1fr}.product-hero .hero-meta{justify-self:start;margin-top:28px}.pricing-intro{grid-template-columns:1fr}.product-domain-grid .capability{min-height:auto}.intro-line-three{grid-template-columns:1fr!important;gap:10px}.intro-line-three span:nth-child(even){display:none}}

/* =========================================================
   v3.1 refinement — minimal typography, normal flow, concise copy
   ========================================================= */
body{font-weight:400}
.button{font-weight:500}
.mono-label{font-weight:400}
.hero h1,.page-hero h1,.contact-hero h1,
.intro-content h2,.section h2,.owner-header h2,.section-heading-row h2,
.final-cta h2,.pricing-cta h2,.contact-links h2,.form-heading h2{
  font-family:'Belleza',sans-serif;
  font-weight:400;
  letter-spacing:-.018em;
}
.product-hero h1{font-size:clamp(52px,6.4vw,88px);line-height:.96}
.product-page-hero h1,.product-contact-hero h1{font-size:clamp(48px,5.8vw,78px);line-height:.98}
.intro-content h2,.section h2,.owner-header h2,.section-heading-row h2,.final-cta h2,.pricing-cta h2{font-size:clamp(38px,4.25vw,60px);line-height:1.02}
.hero-copy>p,.product-hero .hero-copy>p,.intro-content p,.section-intro>p,.systems-copy>p,.section-heading-row>p,.owner-header>p,.pricing-description,.form-heading p{font-size:13px;line-height:1.65}

/* remove scroll-story spacer fields and sticky staging */
.loop-section,.systems-section,.gbr-section{min-height:0!important;height:auto!important;padding-top:82px!important;padding-bottom:88px!important}
.loop-section>.section-grid,.systems-section>.systems-copy,.systems-section>.systems-map,
.gbr-section>.section-heading-row,.gbr-section>.gbr-grid,.gbr-section>.text-button{
  position:static!important;top:auto!important;min-height:0!important;
}
.gbr-section>.section-heading-row{background:transparent!important;padding-bottom:0!important}
.gbr-card{opacity:1!important;transform:none!important}

/* tighter vertical rhythm */
.hero.product-hero{min-height:0;padding-top:68px;padding-bottom:62px}
.product-hero .hero-grid{min-height:330px}
.product-hero .hero-copy{padding-top:22px}
.hero-product-wrap{margin-top:26px}
.product-intro{padding-top:82px!important;padding-bottom:82px!important}
.intro-section{gap:24px}
.intro-content p{margin:24px 0 0!important;max-width:610px}
.product-definition,.compact-section{padding-top:82px!important;padding-bottom:82px!important}
.product-owner,.compact-owner{padding-top:82px!important;padding-bottom:82px!important}
.owner-header{margin-bottom:38px!important}
.compact-loop{padding-top:82px!important;padding-bottom:82px!important}
.compact-gbr{padding-top:82px!important;padding-bottom:82px!important}
.compact-final-cta{padding-top:78px!important;padding-bottom:82px!important}
.compact-final-cta h2{margin-bottom:28px}
.product-final-cta p{display:none}

/* denser grids */
.section-heading-row{margin-bottom:34px}
.product-domain-grid .capability,.compact-domain-grid .capability{min-height:175px;padding:22px}
.capability h3{margin-top:30px!important;margin-bottom:8px!important;font-weight:400!important}
.capability p{font-size:11px!important;line-height:1.55!important;margin:0!important}
.section-grid{gap:58px}
.loop-steps{margin-top:34px}
.loop-display{min-height:380px;padding:24px}
.loop-main{padding:58px 0 48px}
.loop-main h3{font-size:34px;font-weight:400}
.gbr-grid{margin:30px 0 18px}
.gbr-card{min-height:160px;padding:22px}
.gbr-card h3{font-size:17px;font-weight:400;margin:30px 0 14px}
.gbr-card strong{font-size:20px;font-weight:400}

/* pricing + contact compression */
.page-hero{padding-top:78px!important;padding-bottom:70px!important}
.pricing-section{padding-top:64px!important;padding-bottom:76px!important}
.pricing-grid{margin-top:34px!important}
.pricing-card{min-height:0!important;padding:24px!important}
.pricing-card h2{font-weight:400!important}
.pricing-card ul{margin-bottom:24px!important}
.compact-stages{padding-top:76px!important;padding-bottom:76px!important}
.stage-card{min-height:190px!important;padding:22px!important}
.stage-card h3{font-weight:400!important}
.compact-cta{padding-top:72px!important;padding-bottom:78px!important}
.contact-hero{padding-top:78px!important;padding-bottom:70px!important}
.contact-workspace{padding-top:64px!important;padding-bottom:76px!important}
.contact-form-panel{padding-top:28px!important;padding-bottom:30px!important}
.compact-contact-links{padding-bottom:82px!important}
.success-state{min-height:260px!important}

@media(max-width:620px){
  .hero.product-hero{padding-top:52px;padding-bottom:50px}
  .product-intro,.product-definition,.product-owner,.compact-loop,.compact-gbr{padding-top:64px!important;padding-bottom:64px!important}
  .compact-final-cta{padding-top:64px!important;padding-bottom:68px!important}
  .product-hero h1{font-size:47px}
  .intro-content h2,.section h2,.owner-header h2,.section-heading-row h2,.final-cta h2,.pricing-cta h2{font-size:40px}
  .loop-main{padding:42px 0 34px}
}

/* =========================================================
   v3.2 company-led brand hierarchy
   plumb© is the company; BusinessOS is the product
   ========================================================= */
.company-hero{min-height:0;padding:76px 0 84px;background:var(--warm)}
.company-hero .hero-grid{min-height:420px;align-items:end}
.company-hero .hero-copy{max-width:850px;padding-top:42px}
.company-hero h1{font-size:clamp(56px,7vw,96px);line-height:.94;font-weight:400;letter-spacing:-.02em;margin:28px 0 28px}
.company-hero .hero-copy>p{max-width:620px;font-size:13px;line-height:1.7;color:#626b70}
.company-meta{align-self:end}
.company-intro{padding:88px 0;gap:24px}
.company-intro .intro-content{max-width:850px}
.company-intro .intro-content p{max-width:650px}
.businessos-showcase{padding:92px 0 96px;border-top:1px solid var(--line)}
.businessos-copy{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);column-gap:54px;row-gap:20px;align-items:start;margin-bottom:42px}
.businessos-copy .mono-label{grid-column:1}
.businessos-copy h2{grid-column:2;font-family:'Belleza',sans-serif;font-size:clamp(42px,4.8vw,66px);line-height:1;font-weight:400;letter-spacing:-.018em;margin:0}
.businessos-copy p{grid-column:2;max-width:650px;font-size:13px;line-height:1.7;color:#626b70;margin:0}
.businessos-copy .text-button{grid-column:2;justify-self:start}
.businessos-dashboard{margin-top:38px}
.operating-value{padding:88px 0;border-top:1px solid var(--line)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:34px}
.value-grid article{min-height:180px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.value-grid article>span{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.12em;color:var(--slate)}
.value-grid h3{font-family:'Belleza',sans-serif;font-size:22px;font-weight:400;margin:42px 0 10px}
.value-grid p{font-size:11px;line-height:1.55;color:#687076;max-width:240px;margin:0}
.company-stages{padding:88px 0;border-top:1px solid var(--line)}
.company-stages .stage-card{min-height:175px}
.company-final-cta{padding:90px 0 96px;border-top:1px solid var(--line)}
.company-final-cta h2{margin:18px 0 30px}
.final-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
@media(max-width:900px){
  .businessos-copy{grid-template-columns:1fr;gap:18px}
  .businessos-copy .mono-label,.businessos-copy h2,.businessos-copy p,.businessos-copy .text-button{grid-column:1}
  .value-grid{grid-template-columns:1fr}
  .company-hero .hero-grid{min-height:360px}
}
@media(max-width:620px){
  .company-hero{padding:54px 0 62px}
  .company-hero h1{font-size:50px}
  .company-intro,.businessos-showcase,.operating-value,.company-stages,.company-final-cta{padding-top:64px;padding-bottom:68px}
}


/* =========================================================
   v3.7 depth system — visible, restrained, cache-safe
   deep slate blue = BusinessOS intelligence / system state
   ========================================================= */
:root{--system-blue:#364b5f;--system-blue-soft:rgba(54,75,95,.075);--system-blue-line:rgba(54,75,95,.38)}

/* navigation */
.nav-links a{position:relative;transition:color .22s ease}
.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:var(--system-blue);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--motion-ease)}
.nav-links a:hover,.nav-links a.active{color:var(--system-blue)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}

/* clear but minimal BusinessOS section signal */
.businessos-showcase{position:relative;border-top-color:rgba(54,75,95,.22)}
.businessos-showcase::before{content:'';position:absolute;top:-1px;left:0;width:150px;height:2px;background:var(--system-blue)}
.businessos-copy .mono-label{color:var(--system-blue)}
.businessos-copy .text-button{transition:color .2s ease,transform .22s var(--motion-ease)}
.businessos-copy .text-button:hover{color:var(--system-blue);transform:translateX(3px)}

/* product mockup gets a visible second plane and measured elevation */
.businessos-dashboard{position:relative;isolation:isolate}
.businessos-dashboard::before{content:'';position:absolute;z-index:-1;inset:12px -12px -14px 12px;background:rgba(54,75,95,.09);border:1px solid rgba(54,75,95,.14);box-shadow:0 18px 38px rgba(45,49,54,.05)}
.businessos-dashboard .product-frame{border-color:rgba(54,75,95,.22);box-shadow:0 22px 52px rgba(45,49,54,.12),0 8px 18px rgba(54,75,95,.08);transition:transform .32s var(--motion-ease),box-shadow .32s ease,border-color .25s ease}
.businessos-dashboard:hover .product-frame{transform:translateY(-4px);border-color:rgba(54,75,95,.36);box-shadow:0 30px 66px rgba(45,49,54,.15),0 12px 28px rgba(54,75,95,.11)}

/* intelligence/system cues inside Owner Command */
.businessos-dashboard .product-version,.businessos-dashboard .blue-text{color:var(--system-blue)!important}
.businessos-dashboard .count-badge{color:var(--system-blue);border-color:var(--system-blue-line)}
.businessos-dashboard .attention-dot.blue{background:var(--system-blue)}
.businessos-dashboard .mini-metric{transition:background .2s ease}
.businessos-dashboard .mini-metric:hover{background:var(--system-blue-soft)}
.businessos-dashboard .attention-item{transition:background .2s ease,padding .2s ease}
.businessos-dashboard .attention-item:hover{background:rgba(54,75,95,.045);padding-left:5px;padding-right:5px}
.businessos-dashboard .attention-item:hover>span:last-child{color:var(--system-blue)}

/* value cards: visible depth at rest, stronger on interaction */
.value-grid article{position:relative;overflow:hidden;background:rgba(255,255,255,.16);transition:transform .3s var(--motion-ease),background .24s ease,border-color .24s ease,box-shadow .3s ease}
.value-grid article::before{content:'';position:absolute;left:0;top:0;width:2px;height:24px;background:rgba(54,75,95,.35);transition:height .3s var(--motion-ease),background .24s ease}
.value-grid article:hover{transform:translateY(-5px);background:rgba(54,75,95,.04);border-color:rgba(54,75,95,.28);box-shadow:0 16px 36px rgba(45,49,54,.07)}
.value-grid article:hover::before{height:100%;background:var(--system-blue)}
.value-grid article>span,.value-grid article h3{transition:color .22s ease,transform .24s var(--motion-ease)}
.value-grid article:hover>span{color:var(--system-blue);transform:translateX(3px)}
.value-grid article:hover h3{color:var(--system-blue)}

/* micro-response */
.text-button{transition:color .2s ease,transform .22s var(--motion-ease)}
.text-button:hover{color:var(--system-blue);transform:translateX(3px)}
.button span{transition:transform .22s var(--motion-ease)}
.button:hover span{transform:translate(2px,-1px)}

/* existing reveal observer supplies .in-view; stagger the value cards */
.operating-value.in-view .value-grid article{animation:plumbValueIn .52s var(--motion-ease) both}
.operating-value.in-view .value-grid article:nth-child(2){animation-delay:.07s}
.operating-value.in-view .value-grid article:nth-child(3){animation-delay:.14s}
@keyframes plumbValueIn{from{opacity:.01;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
  .nav-links a::after,.businessos-dashboard .product-frame,.businessos-dashboard .attention-item,.value-grid article,.value-grid article::before,.text-button,.button span{transition:none}
  .operating-value.in-view .value-grid article{animation:none}
}
@media(max-width:620px){
  .businessos-dashboard::before{inset:8px -7px -9px 8px}
  .businessos-dashboard:hover .product-frame,.value-grid article:hover{transform:none}
}


/* =========================================================
   v3.8 live operating rail — scroll state, not fabricated KPI data
   ========================================================= */
.operating-rail{--page-progress:0%;position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:19;width:min(1180px,calc(100vw - 48px));height:40px;background:rgba(247,246,243,.94);border:1px solid rgba(54,75,95,.16);border-radius:3px;backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(45,49,54,.10);overflow:hidden;pointer-events:none}
.operating-rail-track{position:absolute;left:0;right:0;top:0;height:2px;background:rgba(54,75,95,.11);overflow:visible}
.operating-rail-fill{position:absolute;inset:0 auto 0 0;width:var(--page-progress);background:var(--system-blue);box-shadow:0 0 10px rgba(54,75,95,.18);transition:width .09s linear}
.operating-rail-track i{position:absolute;top:50%;left:var(--rail-stop);width:5px;height:5px;border-radius:50%;background:var(--warm);border:1px solid rgba(54,75,95,.24);transform:translate(-50%,-50%);transition:background .22s ease,border-color .22s ease,transform .22s var(--motion-ease)}
.operating-rail-track i.is-passed{background:var(--system-blue);border-color:var(--system-blue);transform:translate(-50%,-50%) scale(1.12)}
.operating-rail-data{max-width:1240px;height:100%;margin:auto;padding:0 22px;display:grid;grid-template-columns:78px 1fr auto;gap:18px;align-items:center;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.14em;color:var(--slate)}
.rail-stage-index{white-space:nowrap;color:rgba(54,75,95,.66)}
.rail-stage-name{font-weight:500;font-size:9px;letter-spacing:.16em;color:var(--system-blue);white-space:nowrap;transition:opacity .18s ease,transform .24s var(--motion-ease)}
.rail-readout{display:flex;align-items:center;gap:11px;white-space:nowrap}
.rail-readout em{font-style:normal;color:var(--slate)}
.rail-percent{min-width:34px;text-align:right;color:var(--graphite);font-weight:500;font-size:9px;letter-spacing:.08em}
.operating-rail.rail-shift .rail-stage-name{animation:railStateShift .34s var(--motion-ease)}
@keyframes railStateShift{0%{opacity:.15;transform:translateY(4px)}100%{opacity:1;transform:none}}
@media(max-width:620px){
  .operating-rail{bottom:10px;width:calc(100vw - 24px);height:34px}
  .operating-rail-data{padding:0 14px;grid-template-columns:58px 1fr auto;gap:10px}
  .rail-readout em{display:none}
  .rail-stage-index{font-size:7px}
  .rail-stage-name,.rail-percent{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .operating-rail-fill,.operating-rail-track i,.rail-stage-name{transition:none}
  .operating-rail.rail-shift .rail-stage-name{animation:none}
}

body.has-operating-rail{padding-bottom:70px}
@media(max-width:620px){body.has-operating-rail{padding-bottom:56px}}

/* =========================================================
   v3.13 page composition — deliberate reading gutter
   Applies at final cascade position so later section rules cannot zero it out.
   ========================================================= */
:root{--reading-gutter:clamp(56px,6.25vw,100px)}

/* Full-width company-led sections: preserve 1240px working width while adding breathing room. */
.company-hero,
.businessos-showcase,
.operating-value,
.company-stages,
.company-final-cta{
  padding-left:max(var(--reading-gutter),calc((100vw - 1240px)/2))!important;
  padding-right:max(var(--reading-gutter),calc((100vw - 1240px)/2))!important;
}

/* Constrained internal pages: allow the content frame to include the gutter rather than consume it. */
.page-hero,
.pricing-section,
.contact-hero,
.contact-workspace,
.contact-links{
  width:min(100%,calc(1240px + (var(--reading-gutter) * 2)));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--reading-gutter)!important;
  padding-right:var(--reading-gutter)!important;
}

/* Footer and navigation align to the same reading edge. */
.footer{
  padding-left:max(var(--reading-gutter),calc((100vw - 1240px)/2))!important;
  padding-right:max(var(--reading-gutter),calc((100vw - 1240px)/2))!important;
}
.nav-inner{
  width:min(1240px,calc(100% - (var(--reading-gutter) * 2)));
}

@media(max-width:900px){
  :root{--reading-gutter:28px}
  .company-hero,.businessos-showcase,.operating-value,.company-stages,.company-final-cta,
  .page-hero,.pricing-section,.contact-hero,.contact-workspace,.contact-links,.footer{
    padding-left:var(--reading-gutter)!important;
    padding-right:var(--reading-gutter)!important;
  }
  .nav-inner{width:calc(100% - (var(--reading-gutter) * 2))}
}
@media(max-width:620px){
  :root{--reading-gutter:20px}
}


/* Consistent editorial SVG arrow system */
.ui-icon{width:13px;height:13px;flex:0 0 13px;display:inline-block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;transition:transform .22s ease}
.button .ui-icon,.text-button .ui-icon,.approve-button .ui-icon{margin-left:2px}
.button:hover .ui-icon-ne,.text-button:hover .ui-icon-ne{transform:translate(2px,-2px)}
.button:hover .ui-icon-e,.text-button:hover .ui-icon-e,.approve-button:hover .ui-icon-e{transform:translateX(2px)}
.button:hover .ui-icon-down{transform:translateY(2px)}
.attention-item .ui-icon{color:var(--slate);width:11px;height:11px;flex-basis:11px}
@media (prefers-reduced-motion:reduce){.ui-icon{transition:none!important;transform:none!important}}
