/* tecnocodebit.com theme "turns" (2026-10-29): style + layout, CSS only (HTML/text unchanged).
   One audited variant (frontend-design skill). Fonts self-hosted from Google Fonts (SIL OFL). */
@font-face{font-family:"Comfortaa";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/comfortaa-700-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Comfortaa";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/comfortaa-700-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Comfortaa";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/comfortaa-700-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Comfortaa";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/comfortaa-700-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Comfortaa";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/comfortaa-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Comfortaa";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/comfortaa-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* neutralise theme-binary quirks (mono font, grid paper, square corners) */
body.theme-binary{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background-image:none;background-size:auto}
body.theme-binary .workspace{transform:none;border-radius:0;border:0}
body.theme-binary .button,body.theme-binary .brand-symbol{border-radius:999px}
body.theme-binary .cards article{border-radius:0;background:none}
body.theme-binary .footer-bottom{opacity:1}
body.theme-binary .privacy .updated{opacity:1!important}
body.theme-binary h1,body.theme-binary h2,body.theme-binary h3{hyphens:manual}
/* Conversation turns - tecnocodebit.com (theme-binary). Fonts: Comfortaa (display), Inter (body). */
body.theme-binary{
  --bg:#1b1026!important;--ink:#f4edfb!important;--accent:#ffb48a!important;
  --lilac:#cdbcf3;--surf:#251634;--surf2:#301e43;--deep:#170d20;--prompt:#38244f;--onlilac:#2a1a3a;
  --line:rgba(205,188,243,.24);--gutter:56px;
  --disp:Comfortaa,Inter,ui-sans-serif,system-ui,sans-serif;
  background-color:#1b1026;
  background-image:radial-gradient(900px 520px at 8% -6%,#3a2459 0,rgba(58,36,89,0) 70%);
  background-repeat:no-repeat;
  color:#f4edfb;
}
body.theme-binary ::selection{background:var(--accent);color:var(--onlilac)}

/* ---------- display type ---------- */
body.theme-binary :is(h1,h2,h3,.brand,.cards h3,.number,.hero-number,.download-card h2,.feature-matrix th,.connection span){font-family:var(--disp)}
body.theme-binary h1{font-weight:700;letter-spacing:-.025em;line-height:1.14}
body.theme-binary h2{font-weight:700;letter-spacing:-.02em;line-height:1.2;font-size:clamp(24px,2.5vw,34px)}
body.theme-binary h3{font-weight:700;letter-spacing:-.01em;line-height:1.3;font-size:19px}
html:is([lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-binary :is(h1,h2,h3,.brand,.cards h3,.number,.hero-number,.download-card h2,.feature-matrix th,.connection span){font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:800;letter-spacing:0}

/* ---------- header ---------- */
body.theme-binary .header{min-height:84px;border-bottom:0;gap:20px}
body.theme-binary .brand{font-size:21px;letter-spacing:-.02em;font-weight:700}
body.theme-binary .brand-symbol{width:38px;height:38px;border-radius:50%;color:var(--onlilac);font:700 21px/1 var(--disp);
  background:conic-gradient(from 200deg,var(--lilac),var(--accent) 55%,var(--lilac))}
body.theme-binary .main-nav{gap:2px;padding:5px;border-radius:999px;background:var(--surf);border:1px solid var(--line);font-size:14px}
body.theme-binary .main-nav a{opacity:1;padding:8px 17px;border-radius:999px;color:rgba(244,237,251,.82);text-decoration:none;white-space:nowrap}
body.theme-binary .main-nav a:hover{background:rgba(205,188,243,.16);color:#fff;text-decoration:none}
body.theme-binary .main-nav a[aria-current]{background:var(--lilac);color:var(--onlilac);text-decoration:none;font-weight:700}
body.theme-binary .language{padding:2px 6px 2px 14px;border-radius:999px;background:var(--surf);border:1px solid var(--line)}
body.theme-binary .language select{padding:8px 4px}

/* ---------- buttons, eyebrow ---------- */
body.theme-binary .button{border-radius:999px;padding:14px 24px;font-size:14px;font-weight:700;gap:12px}
body.theme-binary .button.primary{background:var(--accent);color:var(--onlilac);box-shadow:0 8px 24px rgba(255,180,138,.2)}
body.theme-binary .button.secondary{border-color:rgba(205,188,243,.5);color:var(--ink)}
body.theme-binary .button.secondary:hover{background:rgba(205,188,243,.14)}
body.theme-binary .eyebrow{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;width:fit-content;max-width:100%;
  padding:6px 14px;border-radius:999px;background:rgba(205,188,243,.14);color:var(--lilac);margin-bottom:18px}
body.theme-binary .eyebrow i{background:var(--accent)}

/* ---------- main flow = a conversation ---------- */
body.theme-binary main.wrap{display:flex;flex-direction:column;gap:22px;overflow-x:clip;padding-bottom:30px}

/* model glyph (decorative ring + dot) */
body.theme-binary :is(.hero-copy,.turn-a,.faq details[open] p,.privacy article:nth-child(odd))::before,
body.theme-binary main>:is(.scenario,.reading:not(.privacy),.feature-matrix,.split-section,.workflow-grid,.product-lead,.download-grid>div:last-child,.connection)::before{
  content:"";display:block;width:40px;height:40px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 50% 50%,var(--accent) 0 15%,transparent 16%),radial-gradient(circle at 50% 50%,var(--bg) 0 38%,transparent 39%),conic-gradient(from 200deg,var(--lilac),var(--accent) 55%,var(--lilac));
}
body.theme-binary .hero-copy::before{width:46px;height:46px;margin-bottom:20px}

/* base turn */
body.theme-binary main>:is(.scenario,.reading:not(.privacy),.feature-matrix,.split-section,.workflow-grid,.product-lead,.download-grid>div:last-child),
body.theme-binary .privacy article{
  position:relative;margin:0;margin-inline-start:var(--gutter);padding:34px 40px;max-width:none;
  background:var(--surf);border:1px solid var(--line);border-radius:32px;border-start-start-radius:10px;
}
body.theme-binary main>:is(.scenario,.reading:not(.privacy),.feature-matrix,.split-section,.workflow-grid,.product-lead,.download-grid>div:last-child)::before,
body.theme-binary .privacy article:nth-child(odd)::before{position:absolute;inset-inline-start:calc(-1*var(--gutter));top:16px}
body.theme-binary .privacy{display:flex;flex-direction:column;gap:22px;padding:0;margin:0;max-width:none}
body.theme-binary .privacy article:nth-child(odd){}
body.theme-binary .privacy article:nth-child(odd)::before{inset-inline-start:calc(-1*var(--gutter))}

/* prompt turns: narrower, inline-end, no glyph */
body.theme-binary :is(main>.scenario,main>.feature-matrix,main>.product-lead,body.page-0 main>.split-section+.reading,body.page-1 main>.split-section+.reading,body.page-2 main>.hero+.reading,body.page-3 main>.workflow-grid+.reading,.privacy article:nth-child(even)){
  align-self:flex-end;width:84%;margin-inline-start:0;
  background:var(--prompt);border-color:rgba(205,188,243,.3);
  border-radius:32px;border-end-end-radius:10px;
}
body.theme-binary :is(main>.scenario,main>.feature-matrix,main>.product-lead,body.page-0 main>.split-section+.reading,body.page-1 main>.split-section+.reading,body.page-2 main>.hero+.reading,body.page-3 main>.workflow-grid+.reading,.privacy article:nth-child(even))::before{display:none}

/* hero */
body.theme-binary .hero{padding:36px 0 14px}
body.theme-binary .home-hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px;min-height:0;align-items:center}
body.theme-binary h1{font-size:clamp(32px,3.7vw,54px);margin-bottom:20px;max-width:none}
body.theme-binary .hero-lead{font-size:17px;opacity:.86;max-width:520px;line-height:1.7}
body.theme-binary .actions{margin-top:28px}
body.theme-binary .inner-hero{min-height:0;padding:28px 0 8px}
body.theme-binary .inner-hero h1{font-size:clamp(30px,3.3vw,46px);max-width:860px}
body.theme-binary .inner-hero .hero-copy::before{width:38px;height:38px;margin-bottom:16px}
body.theme-binary .hero-number{opacity:1;display:grid;place-items:center;flex:none;width:92px;height:92px;border-radius:50%;
  border:2px solid rgba(205,188,243,.5);color:var(--lilac);font-size:30px;font-weight:700;letter-spacing:0;line-height:1}

/* agent-run = chat window */
body.theme-binary .agent-run{border-radius:28px;border:1px solid rgba(205,188,243,.3);background:var(--deep);box-shadow:0 26px 60px rgba(8,3,14,.45)}
body.theme-binary .agent-run-bar{padding:14px 22px;border-bottom:1px solid var(--line);background:var(--surf);font-size:12.5px;color:rgba(244,237,251,.8)}
body.theme-binary .agent-run-bar span:first-child{opacity:1}
body.theme-binary .agent-run-body{padding:20px 20px 18px}
body.theme-binary .agent-run-prompt{margin-bottom:16px}
body.theme-binary .agent-run-prompt span{background:var(--lilac);color:var(--onlilac);font-weight:500;font-size:14.5px;padding:12px 18px;
  border-radius:20px;border-end-end-radius:6px;max-width:92%}
body.theme-binary .agent-run-steps li{background:var(--surf);border-color:var(--line);border-radius:18px;padding:10px 16px}
body.theme-binary .ar-tool{font-family:ui-monospace,Consolas,monospace;color:var(--lilac)}
body.theme-binary .ar-res{opacity:.85}
body.theme-binary .ar-btn{border-radius:999px;padding:8px 16px;border-color:rgba(205,188,243,.5)}
body.theme-binary .ar-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--onlilac);font-weight:700}
body.theme-binary .agent-run-foot>span:first-child{opacity:.85}
body.theme-binary .sticky-example .agent-run,body.theme-binary .split-section .agent-run{box-shadow:none}

/* ---------- fact chips ---------- */
body.theme-binary .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:6px 0 4px;border-top:0}
body.page-0 .cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
body.theme-binary .cards article{min-width:0;padding:16px 18px 18px;border-radius:28px;background:var(--surf);border:1px solid var(--line)}
body.theme-binary .cards article:nth-child(even){background:var(--surf2)}
body.theme-binary .cards .number{display:flex;align-items:center;gap:7px;margin:0 0 10px;font:600 12.5px/1.3 Inter,sans-serif;color:var(--lilac);opacity:1}
body.theme-binary .cards .number::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}
body.theme-binary .cards h3{font-size:20px;margin:0 0 6px;overflow-wrap:anywhere}
body.theme-binary .cards p{font-size:13.5px;opacity:.85;line-height:1.5;overflow-wrap:anywhere}
body.page-1 .cards article{padding:24px 26px 26px}
body.page-1 .cards h3{font-size:21px}
body.page-1 .cards p{font-size:15px}

/* ---------- prose inside turns ---------- */
body.theme-binary :is(.reading,.scenario,.feature-matrix,.split-section,.privacy,.workflow-grid,.product-lead) p{opacity:1;color:rgba(244,237,251,.88)}
body.theme-binary .scenario{background:var(--prompt)}
body.theme-binary .scenario p{font-size:18px;max-width:none;line-height:1.7;margin-bottom:0}
body.theme-binary .scenario h2{margin-bottom:12px;max-width:none}
body.theme-binary .scenario .eyebrow{margin-bottom:14px}
body.theme-binary .product-lead{padding:30px 40px}
body.theme-binary .product-lead .large,body.theme-binary .reading>.large{font-size:20px;line-height:1.65;margin:0;opacity:1}

/* reading = label | text pairs */
body.theme-binary .reading:not(.privacy),body.theme-binary .privacy article{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);column-gap:36px;row-gap:14px;align-items:start}
body.theme-binary .reading>*,body.theme-binary .privacy article>*{margin:0;min-width:0}
body.theme-binary .reading>:is(h2,h3),body.theme-binary .privacy article>h2{grid-column:1;padding-top:2px}
body.theme-binary .reading>:not(h2):not(h3),body.theme-binary .privacy article>:not(h2){grid-column:2}
body.theme-binary .reading>:is(h2:has(+h3),h2:has(+ul)){grid-column:1/-1;margin-top:8px}
body.theme-binary .reading>h3{font-size:18px;color:var(--lilac)}
body.theme-binary .reading>h3~h3,body.theme-binary .reading>p~h3{margin-top:10px}
body.theme-binary .reading p{font-size:16px;line-height:1.75}
body.theme-binary .reading>:is(.large,.steps,.feature-list,.notice,.code-example){grid-column:1/-1}
body.theme-binary .reading>.code-example{grid-column:2}
body.theme-binary .reading>p:has(>.button){grid-column:1/-1;margin-top:8px}
body.theme-binary .reading>.notice{grid-column:1/-1}
body.theme-binary .privacy article p{font-size:16px;line-height:1.75}
body.theme-binary .privacy article{padding:30px 40px}
body.theme-binary .privacy .updated{margin:0;font-size:13px!important;color:var(--lilac);padding-inline-start:var(--gutter)}
body.theme-binary .reading .text-link{display:inline-block;margin:0 22px 10px 0}
body.theme-binary .text-link{text-decoration:none;color:var(--ink);padding:7px 15px;border-radius:999px;border:1px solid rgba(205,188,243,.4);background:rgba(205,188,243,.08);font-size:14px;line-height:1.4}
body.theme-binary .text-link:hover{background:rgba(205,188,243,.2)}
body.theme-binary .reading p:has(>.text-link){display:flex;flex-wrap:wrap;gap:10px}
body.theme-binary .reading p>.text-link{margin:0!important}
body.theme-binary .closing+.reading{display:block}
body.theme-binary .closing+.reading>h2{margin-bottom:10px}
body.theme-binary .closing+.reading>p{margin:0 0 14px}
body.theme-binary .closing+.reading>p:last-child{margin-bottom:0}

/* who it is for: three voices */
body.page-0 .split-section+.reading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:16px}
body.page-0 .split-section+.reading>h2{grid-column:1/-1;margin:0}
body.page-0 .split-section+.reading>p{grid-column:auto;font-size:15.5px}

/* walkthrough steps = nested cards */
body.theme-binary .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.theme-binary .steps article{position:relative;min-width:0;padding:24px 26px 26px;border:1px solid var(--line);border-radius:26px;background:var(--surf2);display:flex;flex-direction:column}
body.theme-binary .steps .number{position:static;display:inline-grid;place-items:center;align-self:flex-start;min-width:38px;height:38px;padding:0 11px;margin:0 0 14px;
  border-radius:999px;background:var(--accent);color:var(--onlilac);font:700 14px/1 var(--disp);opacity:1}
body.theme-binary .steps h3{font-size:19px;margin:0 0 10px;color:var(--ink)}
body.theme-binary .steps p{font-size:15px;line-height:1.7;opacity:1;color:rgba(244,237,251,.88);margin:0}
body.theme-binary .steps article .code-example{margin-top:auto;padding-top:0}
body.theme-binary .steps article .code-example{margin-top:18px}
[dir=rtl] body.theme-binary .steps article{padding:24px 26px 26px}

/* code */
body.theme-binary .code-example{background:var(--deep);border:1px solid var(--line);border-radius:22px;color:#e6dcfa}
body.theme-binary .code-example>div{background:var(--surf);padding:11px 16px;font-size:12px;color:rgba(244,237,251,.85);align-items:center}
body.theme-binary .code-example button{border-radius:999px;background:rgba(205,188,243,.18);color:var(--ink);padding:5px 13px;font-size:11.5px}
body.theme-binary .code-example pre{padding:18px 20px;font-size:12.5px;line-height:1.8}

/* ---------- comparison table ---------- */
body.theme-binary .feature-matrix{padding:32px 40px}
body.theme-binary .feature-matrix>h2{margin:0 0 8px}
body.theme-binary .feature-matrix>p{margin:0 0 20px;opacity:1;max-width:780px;font-size:16px}
body.theme-binary .feature-matrix th,body.theme-binary .feature-matrix td{padding:16px 18px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.6;color:rgba(244,237,251,.9)}
body.theme-binary .feature-matrix thead th:first-child{width:20%}
body.theme-binary .feature-matrix thead th{font-family:var(--disp);font-size:15px;color:var(--lilac);border-bottom:2px solid rgba(205,188,243,.4)}
body.theme-binary .feature-matrix tbody th{font-size:16px;color:var(--ink);font-weight:700;width:22%}
body.theme-binary .feature-matrix thead th:last-child{color:var(--accent)}
body.theme-binary .feature-matrix td:last-child{background:rgba(255,180,138,.1);color:#fff}
body.theme-binary .feature-matrix tr:last-child td,body.theme-binary .feature-matrix tr:last-child th{border-bottom:0}

/* ---------- how it works: a stream with a soft caret ---------- */
body.page-0 .split-section{display:block}
body.page-0 .split-section>h2{margin:0 0 18px}
body.theme-binary .setup{list-style:none;margin:0;padding:0}
body.page-0 .setup,body.page-1 .split-section .setup{margin-inline-start:7px;border-inline-start:2px dotted rgba(205,188,243,.5)}
body.theme-binary .setup li{position:relative;padding:4px 0 18px;padding-inline-start:30px;font-size:16.5px;line-height:1.7;max-width:880px}
body.theme-binary .setup li:last-child{padding-bottom:4px}
body.theme-binary .setup li::before{content:"";position:absolute;inset-inline-start:-8px;top:13px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--surf)}
body.theme-binary .setup li:last-child::after{content:"";display:inline-block;width:.5em;height:1.15em;margin-inline-start:7px;border-radius:4px;background:var(--accent);vertical-align:-.22em;animation:kf-caret 1.5s ease-in-out infinite}
@keyframes kf-caret{0%,100%{opacity:1}50%{opacity:.2}}

/* ---------- split (product) ---------- */
body.page-1 .split-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center;padding:34px 40px}
body.page-1 .split-section h2{margin-bottom:12px}
body.page-1 .split-section p{max-width:none;opacity:1;font-size:16px;line-height:1.75;margin:0}
body.page-1 .split-section>*{min-width:0}

/* ---------- feature list ---------- */
body.theme-binary .feature-list{gap:12px}
body.theme-binary .feature-list li{border:1px solid var(--line);border-radius:24px;background:var(--surf2);padding:18px 22px;font-size:15px;line-height:1.65;color:rgba(244,237,251,.9)}
body.theme-binary .feature-list strong{font-family:var(--disp);font-size:16px;font-weight:700;margin-bottom:6px;color:var(--accent)}
html:is([lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-binary .feature-list strong{font-family:Inter,sans-serif;font-weight:800}

/* ---------- notice ---------- */
body.theme-binary .notice{border:1px solid rgba(255,180,138,.4);border-inline-start:1px solid rgba(255,180,138,.4);border-radius:22px;background:rgba(255,180,138,.09);padding:18px 24px;font-size:15px;color:var(--ink)}
body.theme-binary .notice p{font-size:15px;line-height:1.7;margin:6px 0 0;color:rgba(244,237,251,.9)}
body.theme-binary .notice strong{color:var(--accent)}

/* ---------- models: pipeline of pills ---------- */
body.theme-binary .connection{border:0;border-radius:0;padding:6px 0;margin:0;gap:12px;justify-content:center;font-size:clamp(14px,1.7vw,20px)}
body.theme-binary .connection span{border:1px solid rgba(205,188,243,.5);background:var(--surf);padding:16px 30px;border-radius:999px;flex:1 1 0;text-align:center;font-weight:700;min-width:0;overflow-wrap:anywhere}
body.theme-binary .connection span:nth-of-type(2){background:var(--surf2)}
body.theme-binary .connection b{font-family:var(--disp);font-size:1.3em}
body.theme-binary .connection::before{display:none!important}

/* ---------- workflows ---------- */
body.theme-binary .workflow-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:30px;padding:34px 40px;align-items:start}
body.page-3 .steps{grid-template-columns:1fr;gap:14px}
body.page-3 .steps article{padding:20px 24px 22px}
body.theme-binary .workflow-grid>div{min-width:0}
body.theme-binary .sticky-example{padding-top:0}
body.theme-binary .sticky-example>h2{margin:0 0 14px}
body.theme-binary .sticky-example .agent-run{margin:0 0 18px}
body.theme-binary .sticky-example>p{opacity:1;font-size:15px;line-height:1.7;margin:16px 0 0;color:rgba(244,237,251,.88)}
body.page-3 .sticky-example .code-example{margin:0}

/* ---------- download ---------- */
body.theme-binary .download-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:22px;margin-bottom:0;align-items:stretch}
body.theme-binary .download-card{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:36px;border:2px solid rgba(255,180,138,.55);background:linear-gradient(180deg,rgba(255,180,138,.12),rgba(205,188,243,.08));padding:40px 24px}
body.theme-binary .app-icon{width:92px;height:92px;border-radius:50%;background:conic-gradient(from 200deg,var(--lilac),var(--accent) 55%,var(--lilac));color:var(--onlilac);font-family:var(--disp);box-shadow:0 18px 36px rgba(0,0,0,.3)}
body.theme-binary .download-card h2{font-size:26px;margin:0 0 6px}
body.theme-binary .download-card p{margin:0 0 20px}
body.theme-binary .download-grid>div:last-child>.large{font-size:19px;margin:0 0 18px;opacity:1}
body.theme-binary .download-grid .setup{counter-reset:kf;margin:0 0 22px}
body.page-4 .download-grid .setup li{counter-increment:kf;padding-inline-start:46px;padding-bottom:16px}
body.page-4 .download-grid .setup li::before{content:counter(kf);display:grid;place-items:center;top:2px;inset-inline-start:0;width:30px;height:30px;box-shadow:none;background:var(--lilac);color:var(--onlilac);font:700 14px/1 var(--disp)}
body.page-4 .download-grid .setup li:last-child::after{display:none}
body.page-4 .download-grid .setup{border:0;margin-inline-start:0}

/* ---------- FAQ: question bubble / answer turn ---------- */
body.theme-binary .faq{max-width:none;margin:0 0 10px}
body.theme-binary .faq>h2{margin:8px 0 18px;padding-inline-start:var(--gutter)}
body.theme-binary .faq details{border-top:0;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:8px}
body.theme-binary .faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;width:88%;margin-inline-start:auto;
  padding:15px 18px 15px 24px;background:var(--lilac);color:var(--onlilac);font:600 17px/1.5 Inter,sans-serif;cursor:pointer;
  border-radius:26px;border-end-end-radius:8px;overflow-wrap:anywhere}
body.theme-binary .faq summary::-webkit-details-marker{display:none}
body.theme-binary .faq summary::marker{content:""}
body.theme-binary .faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--onlilac);color:var(--lilac);font:700 18px/1 Inter,sans-serif}
body.theme-binary .faq details[open] summary::after{content:"\2212"}
body.theme-binary .faq summary:hover{background:#dacdf8}
body.theme-binary .faq summary:focus-visible{outline-offset:4px}
body.theme-binary .faq details p{position:relative;max-width:none;width:calc(88% - var(--gutter));margin:0;margin-inline-start:var(--gutter);padding:20px 26px;
  background:var(--surf);border:1px solid var(--line);border-radius:26px;border-start-start-radius:8px;opacity:1;color:rgba(244,237,251,.92);font-size:16px;line-height:1.75}
body.theme-binary .faq details[open] p::before{position:absolute;inset-inline-start:calc(-1*var(--gutter) + 2px);top:12px}
body.theme-binary .faq+.faq{margin-top:10px}

/* ---------- closing = composer ---------- */
body.theme-binary .closing{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:34px;row-gap:0;align-items:center;text-align:start;
  margin:14px 0 6px;padding:32px 36px 32px 42px;border-radius:46px;background:var(--surf);border:2px solid rgba(205,188,243,.5)}
body.theme-binary .closing>*{grid-column:1;margin:0;min-width:0}
body.theme-binary .closing>span{width:fit-content;padding:5px 14px;border-radius:999px;background:rgba(255,180,138,.16);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;margin-bottom:12px}
body.theme-binary .closing h2{max-width:none;margin:0 0 8px;font-size:clamp(24px,2.5vw,34px)}
body.theme-binary .closing p{font-size:16px;line-height:1.7;opacity:1;color:rgba(244,237,251,.88);max-width:760px}
body.theme-binary .closing>.button{grid-column:2;grid-row:1/4;align-self:center;padding:18px 30px;font-size:15px}

/* ---------- footer ---------- */
body.theme-binary footer{border-top:1px solid var(--line);margin-top:26px}
body.theme-binary .footer-top p{opacity:1;color:rgba(244,237,251,.78)}
body.theme-binary footer nav a{color:rgba(244,237,251,.88);padding:6px 14px;border-radius:999px;border:1px solid var(--line)}
body.theme-binary footer nav{gap:10px}
body.theme-binary .footer-bottom{font-size:12px;opacity:1;color:rgba(244,237,251,.7)}

/* ---------- responsive ---------- */
@media(max-width:1180px){
  body.page-0 .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1050px){
  body.theme-binary{--gutter:44px}
  body.theme-binary .home-hero{gap:30px}
  body.theme-binary main>:is(.scenario,.reading:not(.privacy),.feature-matrix,.split-section,.workflow-grid,.product-lead,.download-grid>div:last-child),body.theme-binary .privacy article{padding:28px 28px}
  body.theme-binary .main-nav a{padding:8px 12px}
  body.theme-binary .closing{grid-template-columns:1fr;padding:30px}
  body.theme-binary .closing>.button{grid-column:1;grid-row:auto;margin-top:22px;justify-self:start}
  body.page-0 .split-section+.reading{grid-template-columns:1fr}
}
@media(max-width:900px){
  body.theme-binary .steps{grid-template-columns:1fr}
  body.theme-binary .workflow-grid,body.page-1 .split-section,body.theme-binary .download-grid{grid-template-columns:1fr}
  body.theme-binary .reading:not(.privacy),body.theme-binary .privacy article{grid-template-columns:1fr}
  body.theme-binary .reading>*,body.theme-binary .privacy article>*,body.theme-binary .reading>.code-example{grid-column:1!important}
  body.theme-binary .reading>h2:not(:first-child),body.theme-binary .reading>h3{margin-top:8px}
  body.theme-binary :is(main>.scenario,main>.feature-matrix,main>.product-lead,body.page-0 main>.split-section+.reading,body.page-1 main>.split-section+.reading,body.page-2 main>.hero+.reading,body.page-3 main>.workflow-grid+.reading,.privacy article:nth-child(even)){width:90%}
}
@media(max-width:760px){
  body.theme-binary{--gutter:0px}
  body.theme-binary .header{padding:14px 0 6px;gap:12px}
  body.theme-binary .brand{font-size:19px}
  body.theme-binary .brand-symbol{width:34px;height:34px;font-size:18px}
  body.theme-binary .main-nav{flex:1 0 100%;flex-wrap:wrap;justify-content:center;gap:2px;padding:4px;font-size:13px;border-radius:26px;margin:0;order:3}
  body.theme-binary .main-nav a{padding:7px 11px;flex:1 1 auto;text-align:center}
  body.theme-binary .language{margin-inline-start:auto}
  body.theme-binary main.wrap{gap:34px}
  body.theme-binary .hero{padding:18px 0 6px}
  body.theme-binary .hero-copy::before{width:34px;height:34px;margin-bottom:12px}
  body.theme-binary .eyebrow{margin-bottom:12px;font-size:12.5px}
  body.theme-binary .hero-copy h1,body.theme-binary h1{font-size:clamp(28px,8vw,38px);margin-bottom:14px}
  body.theme-binary .inner-hero h1{font-size:clamp(27px,7.6vw,36px)}
  body.theme-binary .hero-lead{font-size:16px;line-height:1.65}
  body.theme-binary .actions{margin-top:20px}
  body.theme-binary .button{padding:13px 20px;font-size:13.5px}
  body.theme-binary .actions .button{flex:1 1 auto}
  body.theme-binary main>:is(.scenario,.reading:not(.privacy),.feature-matrix,.split-section,.workflow-grid,.product-lead,.download-grid>div:last-child),body.theme-binary .privacy article{
    margin-inline-start:0;padding:26px 20px 24px;border-radius:26px}
  body.theme-binary main>:is(.reading:not(.privacy),.split-section,.workflow-grid,.download-grid>div:last-child)::before,body.theme-binary .privacy article:nth-child(odd)::before{inset-inline-start:18px;top:-17px;width:32px;height:32px;box-shadow:0 0 0 4px var(--bg)}
  body.theme-binary .privacy{gap:34px}
  body.theme-binary :is(main>.scenario,main>.feature-matrix,main>.product-lead,body.page-0 main>.split-section+.reading,body.page-1 main>.split-section+.reading,body.page-2 main>.hero+.reading,body.page-3 main>.workflow-grid+.reading,.privacy article:nth-child(even)){width:94%}
  body.page-0 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.theme-binary .cards{grid-template-columns:1fr}
  body.theme-binary .cards article{padding:14px 15px 16px}
  body.theme-binary .cards h3{font-size:18px}
  body.page-1 .cards article{padding:18px 20px}
  body.theme-binary .feature-matrix{padding:26px 18px}
  body.theme-binary .feature-matrix th,body.theme-binary .feature-matrix td{padding:10px 4px}
  body.theme-binary .feature-matrix :is(thead th:first-child,tbody th){width:100%}
  body.theme-binary .feature-matrix thead th{border-bottom:0;padding-bottom:0}
  body.theme-binary .feature-matrix thead th:first-child{display:none}
  body.theme-binary .feature-matrix tbody th{border-bottom:0;padding-bottom:0;color:var(--lilac)}
  body.theme-binary .feature-matrix td:last-child{border-radius:14px;padding:12px}
  body.theme-binary .steps article{padding:20px 18px 22px}
  body.theme-binary .setup li{font-size:16px}
  body.theme-binary .feature-list{grid-template-columns:1fr}
  body.theme-binary .faq>h2{padding-inline-start:0}
  body.theme-binary .faq summary{width:94%;font-size:16px;padding:13px 14px 13px 18px}
  body.theme-binary .faq details p{width:94%;margin-inline-start:0;padding:18px 20px}
  body.theme-binary .faq details[open] p::before{inset-inline-start:16px;top:-15px;width:30px;height:30px;box-shadow:0 0 0 4px var(--bg)}
  body.theme-binary .faq details[open]{padding-top:0}
  body.theme-binary .faq details{margin-bottom:12px}
  body.theme-binary .closing{padding:26px 22px;border-radius:32px}
  body.theme-binary .closing>.button{justify-self:stretch}
  body.theme-binary .connection{flex-direction:column}
  body.theme-binary .connection span{width:100%;flex:none;padding:14px 18px}
  body.theme-binary .connection b{transform:rotate(90deg)}
  body.theme-binary .workflow-grid{padding:26px 18px}
  body.theme-binary .download-card{padding:30px 20px}
  body.theme-binary footer nav a{padding:5px 12px}
}
@media(prefers-reduced-motion:reduce){
  body.theme-binary .setup li:last-child::after{animation:none;opacity:1}
}

/* refinements */
body.theme-binary .reading:not(.privacy)>h2:not(:has(+h3)):not(:has(+ul)){font-size:23px}
body.theme-binary .privacy article>h2{font-size:24px}
body.page-3 .workflow-grid{align-items:stretch}
body.page-3 .workflow-grid>div:first-child{display:flex}
body.page-3 .workflow-grid>div:first-child .steps{flex:1;grid-auto-rows:1fr}
@media(max-width:900px){body.page-3 .workflow-grid>div:first-child .steps{grid-auto-rows:auto}}
@media(max-width:760px){
  body.theme-binary .header{gap:10px}
  body.theme-binary .brand{font-size:17px;gap:8px}
  body.theme-binary .brand-symbol{width:30px;height:30px;font-size:16px}
  body.theme-binary .language{padding:0 2px 0 10px;gap:2px}
  body.theme-binary .language select{max-width:104px;font-size:12px;padding:7px 2px}
}
@media(max-width:760px){
  body.page-0.theme-binary .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.page-0.theme-binary .cards h3{font-size:17px}
  body.page-0.theme-binary .cards p{font-size:13px}
}
@media(max-width:360px){body.page-0.theme-binary .cards{grid-template-columns:1fr}}

/* no automatic hyphenation in the main headline (long words still wrap) */
body h1{hyphens:manual;-webkit-hyphens:manual}