/* Eviduct interface — editorial technical design system, not an ornamental AI dashboard. */
:root {
 --paper:#f8f8f5; --white:#ffffff; --ink:#16201e; --muted:#56615d;
 --quiet:#7b8580; --rule:#d5dad4; --accent:#2d6954; --soft:#eff2ee;
 --mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
 --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
 font-family:var(--sans); color:var(--ink); background:var(--paper);
 font-size:14px; font-synthesis:none;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;min-width:320px;line-height:1.6;background:var(--paper)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.16;font-weight:600}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.6;cursor:not-allowed}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.container{max-width:1270px;padding-left:42px;padding-right:42px;margin-left:auto;margin-right:auto}
.site-header{position:sticky;top:0;z-index:20;height:74px;background:rgba(248,248,245,.975);border-bottom:1px solid var(--rule);backdrop-filter:blur(10px)}
.header-row{display:flex;align-items:center;height:100%;gap:45px}
.logo{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:730;letter-spacing:-.065em;white-space:nowrap}
.logo:hover{text-decoration:none}
.dot{color:var(--accent)}
.logomark{width:29px;height:29px;display:flex;gap:5px;align-items:center;justify-content:center;background:var(--ink)}
.logomark span{display:block;width:4px;height:16px;background:#fff}
.logomark span:first-child{height:11px}
.site-nav{display:flex;align-items:center;gap:30px}
.site-nav a,.plain-link{font-size:12px;font-weight:550;color:#48564f}
.site-nav a:hover,.plain-link:hover,.footer nav a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.header-actions{margin-left:auto;display:flex;gap:25px;align-items:center}
.btn{border:1px solid var(--rule);border-radius:3px;padding:11px 16px;display:inline-flex;justify-content:space-between;align-items:center;gap:20px;background:var(--white);color:var(--ink);font-size:12px;font-weight:650;line-height:1.2;min-height:38px;transition:background .12s ease,border-color .12s ease}
.btn:hover{border-color:var(--ink);background:#f0f1ee}
.btn-dark{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-dark:hover{background:#2a4540;color:#fff;border-color:#2a4540}
.btn-outline{border:1px solid var(--ink);background:transparent}
.btn-large{padding:16px 20px;min-height:49px;font-size:13px}
.mobile-menu-btn,.mobile-menu{display:none}
.section-index,.eyebrow,.hero-edition,.field-caption,.read-only-status,.hero-foot,.network-caption,.method-number,.method-output,.tier-status,.access-action>p,.connection-card label{font-family:var(--mono);font-size:10px;letter-spacing:.045em}
.eyebrow{display:inline-flex;align-items:center;gap:11px;color:#445750}
.live-dot{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:50%;flex:none}
.hero{padding-top:72px}
.hero-head{display:flex;justify-content:space-between;gap:22px;align-items:center}
.hero-edition{color:#85908a}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:7%;align-items:center;padding-top:45px;padding-bottom:91px}
.hero-copy h1{font-size:clamp(48px,5.4vw,78px);line-height:1.055;letter-spacing:-.078em;font-weight:590;max-width:750px;margin:0 0 30px}
.hero-copy h1 span{color:#7c8880}
.hero-description{font-size:16px;line-height:1.75;letter-spacing:-.012em;color:#55635d;max-width:610px;margin-bottom:31px}
.hero-actions{display:flex;gap:31px;align-items:center;flex-wrap:wrap}
.underlined-link{font-size:12px;font-weight:650;border-bottom:1px solid var(--ink);padding-bottom:5px;display:inline-flex;gap:20px}
.underlined-link:hover{color:var(--accent);border-color:var(--accent)}
.connection-card{background:#fff;border:1px solid #cbd3cd;padding:27px 26px 0;position:relative}
.connection-card::before{content:"";height:3px;background:var(--accent);position:absolute;top:-1px;left:-1px;right:-1px}
.connection-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.field-caption{color:#707d75}
.read-only-status{color:var(--accent);letter-spacing:0}
.connection-card h2{margin:42px 0 12px;font-size:25px;letter-spacing:-.053em;line-height:1.25}
.connection-card>p{font-size:12px;line-height:1.75;color:#64726b;margin-bottom:28px}
.connection-card label{display:block;color:#64726b;margin-bottom:9px}
.copy-row{display:flex;height:43px;border:1px solid #cdd5ce;background:#f7f8f5}
.copy-row input{flex:1;min-width:0;font:11px/1.2 var(--mono);border:0;background:transparent;padding:0 12px;color:#263f36;outline:0}
.copy-row button{border:0;background:#e9eee9;border-left:1px solid #cdd5ce;padding:0 12px;font-size:11px;font-weight:600;min-width:58px}
.copy-row button:hover{background:#dfe7dd}
.connector-links{display:flex;gap:0;margin-top:19px;flex-wrap:wrap}
.connector-links a{border-right:1px solid #cdd5ce;color:#394e42;font-size:11px;font-weight:600;padding:0 10px;line-height:1.3;margin-bottom:8px}
.connector-links a:first-child{padding-left:0}
.connector-links a:last-child{border-right:0}
.connector-links a:hover{text-decoration:underline}
.connection-foot{margin:26px -26px 0;border-top:1px solid var(--rule);background:#f5f8f4;padding:14px 25px;display:flex;align-items:start;gap:11px;font-size:10px;line-height:1.65;color:#5e7064}
.square-icon{background:#e0ece4;color:#246948;display:grid;place-items:center;flex:none;font-size:11px;width:18px;height:18px}
.hero-foot{border-top:1px solid var(--rule);display:flex;gap:20px;justify-content:space-between;padding:16px 0;color:#8a958e;font-size:9px}
.network-bar{background:#fff;border-bottom:1px solid var(--rule)}
.network-inner{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr}
.network-inner>div{padding:35px 27px;border-left:1px solid var(--rule);min-height:150px}
.network-inner>div:first-child{border-left:0;padding-left:0}
.network-intro h2{font-size:18px;margin-bottom:8px;letter-spacing:-.035em}
.network-intro p{font-size:11px;color:#818d84;max-width:180px;line-height:1.6;margin:0}
.network-number strong{font-size:32px;letter-spacing:-.065em;line-height:1.15;font-weight:600;display:block;font-variant-numeric:tabular-nums}
.network-number span{display:block;font-size:11px;color:#77857b;margin-top:10px}
.network-caption{border-top:1px solid #f0f1ed;font-size:9px;text-align:right;padding-top:9px;padding-bottom:9px;color:#8d968f}
.section{padding-top:119px;padding-bottom:117px}
.section-index{font-size:10px;font-weight:500;color:var(--accent);white-space:nowrap;letter-spacing:.05em}
.section-header{display:grid;grid-template-columns:240px 1fr;gap:6%;margin-bottom:48px}
.section-header h2,.signal-intro h2,.integration-inner h2,.access-layout h2{font-size:clamp(33px,3.5vw,48px);letter-spacing:-.065em;font-weight:585;line-height:1.17;margin:0 0 17px}
.section-header p{color:var(--muted);line-height:1.8;font-size:14px;max-width:730px}
.method-table{border-top:1px solid #b7c0b8;display:grid;grid-template-columns:repeat(3,1fr);background:transparent}
.method-table article{padding:25px 28px 25px 0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;flex-direction:column;min-height:265px}
.method-table article:not(:first-child){padding-left:28px}
.method-table article:last-child{border-right:0}
.method-number{color:#9aa59a}
.method-table h3{font-size:23px;letter-spacing:-.047em;margin:21px 0 11px}
.method-table p{font-size:12px;line-height:1.75;color:#667269;max-width:300px}
.method-output{margin-top:auto;font-size:10px;color:var(--accent)}
.signal-section{background:#ecefeb;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.signal-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:10%}
.signal-intro h2{margin-top:27px;max-width:430px}
.signal-intro p{font-size:14px;color:#5c6b62;line-height:1.86;max-width:435px;margin-bottom:26px}
.signal-table-wrap{background:transparent}
.signal-table{border-collapse:collapse;text-align:left;width:100%}
.signal-table caption{text-align:left;color:#728277;font-family:var(--mono);font-size:10px;padding:0 0 15px}
.signal-table th{border-top:1px solid #b2bfb4;border-bottom:1px solid #b2bfb4;text-transform:uppercase;letter-spacing:.04em;font:10px var(--mono);color:#53685b;text-align:left;padding:13px 10px 13px 0}
.signal-table th:first-child{width:29%}
.signal-table td{font-size:12px;line-height:1.55;color:#5c6b62;padding:14px 10px 14px 0;border-bottom:1px solid #cbd4ca;vertical-align:top}
.signal-table td:first-child{font-weight:650;color:#233e2f}
.signal-note{font-size:10px;line-height:1.65;color:#7a887c;margin-top:17px;max-width:580px}
.privacy-section{padding-top:115px;padding-bottom:118px}
.tiers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.tier{min-height:260px;padding:24px 38px 22px 0;display:flex;flex-direction:column}
.tier+.tier{border-left:1px solid var(--rule);padding-left:38px;padding-right:0}
.tier-status{font-size:10px;color:#728277}
.tier h3{font-size:28px;letter-spacing:-.055em;margin:26px 0 10px}
.tier p{font-size:13px;color:#637169;line-height:1.8;max-width:420px}
.tier-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding-top:15px;margin-top:auto;gap:12px}
.tier-bottom span{font-size:10px;color:#87948a}
.tier-bottom a,.tier-bottom button{font:650 11px var(--sans);color:var(--ink);background:transparent;border:0;padding:0;white-space:nowrap}
.tier-bottom a:hover,.tier-bottom button:hover{text-decoration:underline}
.integration-section{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.integration-inner{max-width:1100px}
.integration-inner h2{margin-top:24px;max-width:750px}
.integration-inner>p{font-size:14px;line-height:1.8;color:#617168;max-width:690px;margin-bottom:38px}
.quick-code{border:1px solid #cfd8d0;background:#f7f8f5;max-width:820px;margin-bottom:26px}
.quick-code>div{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border-bottom:1px solid #cfd8d0;gap:15px}
.quick-code>div span{font:10px var(--mono);color:#536b59}
.quick-code button{background:none;border:0;font-size:11px;font-weight:600;color:var(--accent);cursor:pointer}
.quick-code pre{margin:0;padding:19px 17px;overflow-x:auto;font:12px/1.7 var(--mono);color:#2b4937}
.access-section{background:#1a2c26;color:#f5f7f2}
.access-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:10%}
.access-layout .section-index{color:#9bbba7}
.access-layout h2{margin:23px 0 20px;max-width:620px;color:#fff}
.access-layout p{font-size:14px;line-height:1.8;color:#b8c8bc;max-width:590px}
.access-action{border-top:1px solid #597366;padding-top:15px}
.access-action>p{font:10px var(--mono);color:#afc8b9;letter-spacing:.05em}
.access-action h3{font-size:24px;font-weight:580;letter-spacing:-.045em;margin:25px 0 35px;max-width:330px}
.access-action .btn{width:100%;margin-bottom:13px}
.access-action small{font-size:10px;line-height:1.7;color:#a4b8a8;display:block;margin-top:17px}
#billingOffer{font-size:12px;line-height:1.6;margin-top:9px;padding:10px 0;color:#f0e5c1}
.footer{background:#f9faf8;border-top:1px solid var(--rule)}
.footer-row{display:flex;align-items:center;gap:30px;padding-top:32px;padding-bottom:30px}
.footer-row>span{font-size:11px;color:#819087}
.footer-row nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.footer-row nav a{font-size:11px;color:#5d6d60}
.footer-bottom{border-top:1px solid var(--rule);padding-top:14px;padding-bottom:20px;display:flex;justify-content:space-between;gap:20px;color:#86928a;font-size:10px}
.modal-layer{position:fixed;inset:0;z-index:100;padding:5vh 15px;overflow-y:auto;display:grid;place-items:start center}
.modal-layer[hidden],.toast[hidden],.mobile-menu[hidden]{display:none!important}
.modal-shade{position:fixed;inset:0;background:rgba(15,26,21,.65)}
.modal{width:min(510px,100%);position:relative;background:#fff;padding:30px 34px;border:1px solid var(--rule);box-shadow:0 16px 64px #0003}
.modal-head{display:flex;gap:10px;justify-content:space-between;margin-bottom:27px}
.modal-head h2{font-size:26px;letter-spacing:-.045em;margin:12px 0 0}
.modal-head button{border:1px solid var(--rule);background:transparent;font-size:23px;width:33px;height:33px;line-height:1}
.modal form label:not(.consent){display:block;font-size:11px;font-weight:650;margin-bottom:8px}
.modal form input:not([type=checkbox]),.modal form textarea{display:block;width:100%;background:#fbfcf9;border:1px solid #c9d1c9;padding:10px 12px;margin-bottom:17px;font-size:13px;border-radius:2px;color:var(--ink)}
.modal form textarea{resize:vertical;min-height:100px}
.modal .consent{display:flex;gap:9px;align-items:start;font-size:10.5px;line-height:1.6;color:#647069}
.modal .consent input{margin-top:4px;accent-color:var(--accent);flex:none}
.modal .consent a{text-decoration:underline}
.modal .btn-dark{width:100%;margin-top:20px}
.field-honey{position:absolute;left:-10000px;top:-10000px;opacity:0;pointer-events:none}
.form-message{font-size:11px;color:#9c463a;min-height:15px;margin:13px 0 0}
.form-message.success{color:var(--accent)}
.toast{position:fixed;bottom:27px;right:27px;background:var(--ink);color:#fff;z-index:110;font-size:12px;padding:12px 16px;border:1px solid #315b45}
@media(max-width:1100px){
 .container{padding-left:30px;padding-right:30px}.site-nav{gap:17px}.header-row{gap:23px}.header-actions{gap:13px}
 .hero-grid{gap:4%;grid-template-columns:1.05fr .95fr}.hero-copy h1{font-size:clamp(44px,5.7vw,64px)}.connection-card{padding:22px 18px 0}.connection-foot{margin-left:-18px;margin-right:-18px;padding:13px 18px}
 .section-header{grid-template-columns:190px 1fr}.signal-grid{gap:6%}
}
@media(max-width:840px){
 .site-nav{display:none}.header-actions{margin-left:auto}
 .hero-grid{grid-template-columns:1fr;gap:47px}.hero-copy h1{max-width:770px;font-size:clamp(48px,7.4vw,72px)}.hero-description{max-width:660px}
 .connection-card{max-width:650px}.network-inner{grid-template-columns:1fr 1fr}.network-inner>div{min-height:125px;border-top:1px solid var(--rule)}.network-inner>div:nth-child(1),.network-inner>div:nth-child(2){border-top:0}.network-inner>div:nth-child(3){border-left:0}.network-inner>div:nth-child(2){border-left:1px solid var(--rule)}
 .section{padding-top:90px;padding-bottom:90px}.section-header{grid-template-columns:1fr;gap:25px}.method-table{grid-template-columns:1fr}.method-table article,.method-table article:not(:first-child){border-right:0;padding:23px 0;min-height:0}.method-table h3{margin-top:17px}.method-output{margin-top:17px}
 .signal-grid,.access-layout{grid-template-columns:1fr;gap:45px}.signal-intro h2{max-width:640px}
}
@media(max-width:580px){
 .container{padding-left:21px;padding-right:21px}.site-header{height:65px}.header-actions{display:none}
 .mobile-menu-btn{display:inline-flex;margin-left:auto;border:1px solid var(--rule);padding:7px 11px;background:#fff;font-size:12px;border-radius:2px}
 .mobile-menu{display:flex;flex-direction:column;gap:0;background:#f8f8f5;padding:10px 21px 17px;border-bottom:1px solid var(--rule)}
 .mobile-menu a{padding:9px 0;font-size:13px;color:#44574c}
 .hero{padding-top:45px}.hero-head{align-items:start}.hero-edition{display:none}.hero-grid{padding-top:35px;padding-bottom:58px;gap:39px}
 .hero-copy h1{font-size:clamp(42px,11vw,58px);line-height:1.07;letter-spacing:-.075em}
 .hero-description{font-size:14px}.hero-actions{gap:22px}
 .hero-foot{flex-wrap:wrap;justify-content:start;gap:12px 21px;font-size:8px}
 .connection-card h2{margin-top:30px;font-size:23px}.connection-card-top{flex-wrap:wrap}
 .network-inner{grid-template-columns:1fr 1fr}.network-inner>div{padding:20px 13px!important;min-height:115px}.network-intro h2{font-size:15px}
 .network-number strong{font-size:25px}.network-number span{font-size:10px}.network-caption{text-align:left}
 .section{padding-top:72px;padding-bottom:75px}.section-header h2,.signal-intro h2,.integration-inner h2,.access-layout h2{font-size:35px}
 .signal-table th:first-child{width:35%}.signal-table td{font-size:11px}.tiers{grid-template-columns:1fr}.tier,.tier+.tier{border-left:0;padding:22px 0 24px;min-height:210px}.tier+.tier{border-top:1px solid var(--rule)}
 .quick-code pre{font-size:11px}.footer-row{align-items:start;flex-wrap:wrap;gap:15px}.footer-row>span{width:100%}.footer-row nav{margin-left:0;flex-wrap:wrap;gap:18px}.footer-bottom{flex-wrap:wrap}
 .modal{padding:23px 19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}