/* The approved Operant public design shared across the existing website. */
:root{--bg:#09090a;--bg-2:#111113;--panel:#151517;--panel-2:#1b1b1e;--text:#f3f0e8;--bone:#f3f0e8;--muted:#b5b0a6;--muted-2:#8e8a82;--amber:#d98a1d;--amber-hi:#e9a441;--line:#ffffff14;--line-strong:#ffffff24;--radius:24px;--radius-sm:14px;--font-display:'Instrument Sans',system-ui,sans-serif;--font-tech:'IBM Plex Mono',ui-monospace,monospace}
body.operant-public{--op-ink:#09090a;--op-paper:#f3f0e8;--op-gold:#e9a441;--op-line:#ffffff14;margin:0;background:#09090a;color:#f3f0e8;font:17px/1.55 'Instrument Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.operant-public *{box-sizing:border-box}.operant-public [hidden]{display:none!important}.operant-public img{max-width:100%;height:auto}.operant-public a{color:#e9a441;text-decoration:none}.operant-public a:hover{color:#f0b458}.operant-public :is(a,button,input,select,textarea):focus-visible{outline:2px solid #e9a441;outline-offset:4px}.operant-public :is(h1,h2,h3){font-family:'Instrument Sans',system-ui,sans-serif;letter-spacing:-.035em;font-weight:600}.operant-public .container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:20px}.operant-public .skip-link{position:fixed;left:20px;top:-100px;z-index:110;background:#f3f0e8;color:#161513;padding:12px 18px;border-radius:12px}.operant-public .skip-link:focus{top:20px}
.operant-public .site-header{position:sticky;top:0;z-index:100;padding:16px 20px 0;background:transparent;border:0;backdrop-filter:none;margin:0}.operant-public .site-header:before,.operant-public .site-header:after{display:none}.operant-public .site-header .nav-wrap{max-width:1200px;width:100%;margin:auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 10px 0 22px;border-radius:999px;background:linear-gradient(180deg,#ffffff17,#ffffff09);backdrop-filter:blur(28px) saturate(170%);border:1px solid #ffffff1c;box-shadow:inset 0 1px #ffffff3d,0 1px 2px #0006,0 18px 48px -12px #0009}.operant-public .site-header .brand{display:flex;flex:none;align-items:center;margin:0;padding:0}.operant-public .site-header .brand img{width:112px;height:auto;max-height:32px}.operant-public .nav-links{display:flex;align-items:center;gap:22px;position:static;padding:0;border:0;box-shadow:none;background:none;max-height:none;overflow:visible}.operant-public .nav-links>a{font:500 14px/1.3 'Instrument Sans',sans-serif;color:#d7d2c8;padding:0;min-height:44px;display:flex;align-items:center;border:0}.operant-public .nav-links>a:hover{color:#f3f0e8}.operant-public .nav-links .nav-client{font-size:13px;color:#b5b0a6}.operant-public .nav-links .nav-cta{padding:0 20px;border-radius:999px;background:linear-gradient(180deg,#e69a2e,#d98a1d);color:#140e05;box-shadow:inset 0 1px #ffffff73,0 8px 24px -12px #d98a1db3;font-weight:600}.operant-public .nav-toggle{display:none}
.operant-public .btn{font-family:'Instrument Sans',sans-serif;font-size:16px;min-height:52px;padding:0 25px;border-radius:999px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.3;text-align:center}.operant-public .btn-primary{background:linear-gradient(180deg,#e69a2e,#d98a1d);border:1px solid #e9a441;color:#140e05;box-shadow:inset 0 1px #ffffff73,0 12px 30px -10px #d98a1db3}.operant-public .btn-primary:hover{background:linear-gradient(180deg,#eda53e,#df9124);color:#140e05}.operant-public :is(.btn-secondary,.btn-quiet){background:#ffffff12;color:#f3f0e8;border:1px solid #ffffff1f}.operant-public .op-label,.operant-public .eyebrow{font-family:'IBM Plex Mono',monospace;color:#e9a441;letter-spacing:.12em;font-size:11px;font-weight:400}
/* Legacy routes retain their content and controls within the same material system. */
.operant-public:not(.claude-home) :is(.page-hero,.gtm-hero,.intake-hero){padding:82px 0 68px;background:radial-gradient(ellipse at 10% 0,#d98a1d22,transparent 64%);border-bottom:1px solid #ffffff0b}.operant-public:not(.claude-home) :is(.page-hero,.gtm-hero):before,.operant-public:not(.claude-home) :is(.page-hero,.gtm-hero):after{display:none}.operant-public:not(.claude-home) :is(.page-hero,.gtm-hero) h1{font-size:clamp(46px,6.8vw,82px);line-height:1.02;letter-spacing:-.045em;font-weight:600;max-width:980px;margin:20px 0}.operant-public:not(.claude-home) :is(.page-hero,.gtm-hero) p{color:#b5b0a6;font-size:19px;max-width:780px;line-height:1.6}.operant-public:not(.claude-home) .section{padding:76px 0}.operant-public:not(.claude-home) h2{font-size:clamp(30px,4vw,48px);line-height:1.08}.operant-public:not(.claude-home) :is(.section-head,.section-header) p{color:#b5b0a6;max-width:720px}.operant-public:not(.claude-home) :is(.problem,.cap,.list-card,.offer-card,.proof-project,.project-card,.form-card,.intake-panel,.stack-panel,.scope-card,.connection-card,.ai-fact){background:#151517;border:1px solid #ffffff12!important;border-radius:24px;box-shadow:inset 0 1px #ffffff06;padding:28px}.operant-public:not(.claude-home) :is(.cap-grid,.problem-grid,.list-cards,.ai-fact-grid){gap:16px;background:none;border:0}.operant-public:not(.claude-home) :is(.cap,.problem,.list-card) h3{font-size:23px;line-height:1.15}.operant-public:not(.claude-home) :is(.cap,.problem,.list-card,.offer-card) p{color:#b5b0a6;font-size:16px}.operant-public:not(.claude-home) .cta-panel{border-radius:28px;background:radial-gradient(ellipse at 10% 0,#d98a1d24,transparent 65%),#151517;border:1px solid #ffffff14;padding:44px}.operant-public:not(.claude-home) .quote-band{border-radius:24px;background:#151517;border:1px solid #ffffff12}.operant-public:not(.claude-home) .engagement-cards{gap:16px}.operant-public:not(.claude-home) .engagement-cards article{border:1px solid #ffffff12;background:#151517;border-radius:24px;padding:28px}.operant-public:not(.claude-home) .engagement-cards h3{font-size:29px}.operant-public:not(.claude-home) .engagement-cards p{color:#b5b0a6}.operant-public:not(.claude-home) .small-start{border-radius:0;background:#efebe2;color:#161513}.operant-public:not(.claude-home) .small-start :is(p,li){color:#4a4640}.operant-public:not(.claude-home) .small-start a{color:#8a5410}.operant-public .monthly-cycle{gap:12px}.operant-public .monthly-cycle li{border-radius:18px}.operant-public :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:#111113;color:#f3f0e8;border:1px solid #ffffff24;border-radius:12px;font-family:'Instrument Sans',sans-serif;font-size:16px}.operant-public input[type=checkbox],.operant-public input[type=radio]{accent-color:#d98a1d}.operant-public :is(.form-section,.intake-form-section){border-color:#ffffff12}.operant-public .field label{font-size:14px;color:#d7d2c8}.operant-public :is(.field-help,.form-note,.form-status){line-height:1.6}.operant-public .founder-hero{background:radial-gradient(ellipse at 0 0,#d98a1d1c,transparent 65%)}.operant-public .founder-portrait{border-radius:26px;overflow:hidden}.operant-public .founder-hero h1{font-family:'Instrument Sans',sans-serif;letter-spacing:-.04em}.operant-public .persistent-project-action{border-radius:999px;background:linear-gradient(180deg,#e69a2e,#d98a1d);color:#140e05;box-shadow:0 8px 30px #0005;border:1px solid #e9a441;padding:13px 22px;font-family:'Instrument Sans',sans-serif;font-size:13px}
/* Shared footer keeps the full company, legal and navigation paths. */
.operant-public .site-footer{display:block;max-width:1200px;margin:90px auto 0;padding:36px 0 0;border-top:1px solid #ffffff14;background:none;color:#b5b0a6;font-size:14px}.operant-public .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}.operant-public .footer-brand .brand{display:block;max-width:140px;margin-bottom:18px}.operant-public .footer-brand .brand img{width:140px;height:auto}.operant-public .footer-brand>p{font-size:13px;line-height:1.65;color:#8e8a82;max-width:340px}.operant-public .footer-col{display:flex;flex-direction:column;gap:10px}.operant-public .footer-col>strong{font-size:13px;color:#f3f0e8;margin:0 0 8px;font-weight:600}.operant-public .site-footer a{color:#b5b0a6;font-size:13px}.operant-public .site-footer a:hover{color:#e9a441}.operant-public .operant-business-contact{font-size:11px!important;line-height:1.7}.operant-public .footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #ffffff14;margin-top:30px;padding:22px 0;font-size:11px;color:#8e8a82}.operant-public .footer-bottom>span:last-child{font-size:11px}.operant-public .site-footer>.container:last-child{font-size:11px}
.claude-home .section-anchor{display:block;position:relative;top:-100px}.claude-home .product-example-caption{font-size:12px;color:#8e8a82;margin-top:18px;max-width:700px}.claude-home .investment-note{position:relative;max-width:660px;margin:22px auto 0}.claude-home .public-site-preview{position:relative;height:290px;background:#141414;overflow:hidden}.claude-home .public-site-preview iframe{width:1250px;height:950px;border:0;transform:scale(.4);transform-origin:0 0;pointer-events:none}.claude-home .public-site-preview>a{position:absolute;inset:0;display:block}.claude-home .site-footer .footer-grid p{margin:12px 0}.claude-home #start>footer{display:none}.claude-home .hero{padding-top:64px}.claude-home .hero .note{max-width:520px}
@media(max-width:1080px){.operant-public .nav-links{gap:14px}.operant-public .nav-links>a{font-size:12px}.operant-public .nav-links .nav-cta{padding:0 15px}.operant-public .nav-wrap{gap:16px}.operant-public .footer-grid{gap:24px}}
@media(max-width:920px){.operant-public .site-header{padding:12px 16px 0}.operant-public .site-header .nav-wrap{position:relative;min-height:60px;padding:0 18px}.operant-public .site-header .brand img{width:112px}.operant-public .nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0b;border:1px solid #ffffff20;border-radius:50%;color:#f3f0e8;margin-left:auto}.operant-public .nav-toggle span,.operant-public .nav-toggle span:before,.operant-public .nav-toggle span:after{height:1.5px;width:17px;background:#f3f0e8;display:block;position:relative}.operant-public .nav-toggle span:before,.operant-public .nav-toggle span:after{content:'';position:absolute;left:0}.operant-public .nav-toggle span:before{top:-5px}.operant-public .nav-toggle span:after{top:5px}.operant-public .nav-links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#18181af5;backdrop-filter:blur(28px);border:1px solid #ffffff20;border-radius:24px;max-height:calc(100dvh - 110px);overflow-y:auto;box-shadow:0 24px 60px #0008}.operant-public .nav-links.open{display:flex}.operant-public .nav-links>a{font-size:15px;min-height:48px;padding:12px 16px;border-radius:12px}.operant-public .nav-links .nav-cta{justify-content:center;margin-top:8px;min-height:46px;font-size:15px}.operant-public .footer-grid{grid-template-columns:1fr 1fr}.operant-public .footer-brand{grid-column:1/-1}.claude-home .public-site-preview iframe{transform:scale(.36)}}
@media(max-width:600px){.operant-public:not(.claude-home) :is(.page-hero,.gtm-hero,.intake-hero){padding:54px 0 42px}.operant-public:not(.claude-home) :is(.page-hero,.gtm-hero) h1{font-size:clamp(39px,11vw,62px);line-height:1.03}.operant-public:not(.claude-home) :is(.page-hero,.gtm-hero) p{font-size:17px}.operant-public:not(.claude-home) .section{padding:48px 0}.operant-public:not(.claude-home) :is(.problem,.cap,.list-card,.offer-card,.proof-project,.form-card,.intake-panel,.stack-panel,.ai-fact){padding:22px;border-radius:20px}.operant-public .btn{font-size:15px;padding:14px 20px;min-height:48px}.operant-public .site-footer{margin-top:65px;padding-top:28px}.operant-public .footer-grid{gap:28px 20px}.operant-public .footer-bottom{flex-direction:column}.operant-public .persistent-project-action{right:16px;bottom:16px;font-size:12px;padding:12px 18px}.claude-home .public-site-preview{height:230px}.claude-home .public-site-preview iframe{transform:scale(.28)}.claude-home .hero{padding-top:42px}.claude-home .head h2{font-size:39px}.operant-public .container{padding-inline:20px}}
@media(prefers-reduced-transparency:reduce){.operant-public .site-header .nav-wrap,.operant-public .nav-links.open{background:#18181a;backdrop-filter:none}}

/* Keep legacy forms and call-to-action panels on the approved dark surface. */
.operant-public .sales-hero .sales-inquiry{background:#151517;color:#f3f0e8;border:1px solid #ffffff24;border-radius:24px}
.operant-public .sales-inquiry h2,.operant-public .sales-inquiry .field label{color:#f3f0e8}
.operant-public .sales-inquiry :is(.sales-form-intro,.sales-reassurance,.response-notice,.response-notice p,.form-status){color:#b5b0a6}
.operant-public .sales-inquiry .sales-kicker{color:#e9a441!important}
.operant-public .sales-inquiry :is(a,summary){color:#e9a441}
.operant-public .sales-inquiry .sales-extra{border-color:#ffffff24}
.operant-public .sales-inquiry :is(input:not([type=checkbox]),textarea,select){background:#111113;color:#f3f0e8;border-color:#ffffff40;border-radius:12px}
.operant-public :is(input,textarea)::placeholder{color:#a6a198;opacity:1}
.operant-public select{color-scheme:dark;background-color:#111113;color:#f3f0e8}
.operant-public select :is(option,optgroup){background-color:#111113;color:#f3f0e8}
.operant-public .cta-panel{color:#f3f0e8}
.operant-public .cta-panel :is(h2,h3){color:#f3f0e8}
.operant-public .cta-panel p{color:#b5b0a6}
.operant-public .cta-panel .kicker{color:#e9a441}
.operant-public .cta-panel .btn-primary{background:#d98a1d;border-color:#e9a441;color:#140e05}
.operant-public .cta-panel .btn-primary:hover{background:#e9a441;color:#140e05}
.operant-public .cta-panel .btn-secondary{background:#242426;border-color:#68645e;color:#f3f0e8}
.operant-public .cta-panel .btn-secondary:hover{background:#333335;border-color:#b5b0a6;color:#fff}
