/* Brytend trial signup: everything scoped to .bt-trial so the WordPress theme is not touched. Light, dark (follows the visitor's system or data-theme) and RTL via logical properties. */
.bt-trial{
  /* light tokens follow the brytend.eu Astra theme: global colours (Brand, Headings, Text, backgrounds), Sora + Inter, 3px buttons */
  --bg:var(--ast-global-color-5,#FFFFFF); --surface:var(--ast-global-color-5,#FFFFFF);
  --mint:var(--ast-global-color-4,#F8F5F4); --mint-line:#ECE4E0;
  --ink:var(--ast-global-color-2,#1E1810); --ink-2:#3B3430; --muted:var(--ast-global-color-3,#575250); --line:#E8E2DF; --field:#FBF9F8;
  --orange:var(--ast-global-color-0,#FF7A3D); --orange-2:var(--ast-global-color-1,#FF5100); --orange-ink:#FFFFFF; --orange-soft:#FFEEE5; --orange-text:#C2410C;
  --teal:#C2410C; --teal-soft:#FFEEE5; --ok:#0E7C6B; --red:#B42318; --red-soft:#FDE7E4;
  --demo:#1E1810; --demo-fg:#F8F5F4;
  --shadow:0 1px 2px rgba(30,24,16,.06),0 18px 40px -16px rgba(30,24,16,.22);
  --f-display:"Sora",system-ui,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --r-btn:3px; --r-card:10px;
  --wrap:1200px;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bt-trial:not(.bt-light){--bg:#0F1417; --surface:#161D22; --mint:#12261F; --mint-line:#1E3B33;
  --ink:#ECF1F2; --ink-2:#D3DADD; --muted:#A3AEB5; --line:#2A3540; --field:#0F1417;
  --orange:#FF8A52; --orange-2:#FF6A2A; --orange-ink:#1A1410; --orange-soft:#3A2418; --orange-text:#FFA77D;
  --teal:#FFA77D; --teal-soft:#3A2418; --ok:#4FD1B5; --red:#FF8B7E; --red-soft:#3A1A17;
  --demo:#000000; --demo-fg:#ECF1F2;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 18px 40px -16px rgba(0,0,0,.7);
  color-scheme:dark}
}:root[data-theme="dark"] .bt-trial:not(.bt-light),.bt-trial.bt-dark{--bg:#0F1417; --surface:#161D22; --mint:#12261F; --mint-line:#1E3B33;
  --ink:#ECF1F2; --ink-2:#D3DADD; --muted:#A3AEB5; --line:#2A3540; --field:#0F1417;
  --orange:#FF8A52; --orange-2:#FF6A2A; --orange-ink:#1A1410; --orange-soft:#3A2418; --orange-text:#FFA77D;
  --teal:#FFA77D; --teal-soft:#3A2418; --ok:#4FD1B5; --red:#FF8B7E; --red-soft:#3A1A17;
  --demo:#000000; --demo-fg:#ECF1F2;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 18px 40px -16px rgba(0,0,0,.7);
  color-scheme:dark}
.bt-trial,.bt-trial *{box-sizing:border-box}
.bt-trial [hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.bt-trial,.bt-trial *{transition:none!important;animation:none!important}
}.bt-trial h1,.bt-trial h2,.bt-trial h3{font-family:var(--f-display);margin:0;letter-spacing:-.02em;text-wrap:balance;color:var(--ink)}
.bt-trial p{margin:0}
.bt-trial a{color:inherit}
.bt-trial :focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
.bt-trial svg.i{width:18px;height:18px;flex:none}
[dir="rtl"] .bt-trial .flip{transform:scaleX(-1)}
.bt-trial .band{background:var(--mint);border-bottom:1px solid var(--mint-line);padding-block:clamp(32px,6vw,72px) clamp(40px,7vw,88px)}
.bt-trial .grid{display:grid;grid-template-columns:1fr minmax(0,500px);gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:900px){.bt-trial .grid{grid-template-columns:1fr}
.bt-trial .pitch{order:2}
.bt-trial .formcol{order:1}
}.bt-trial .pitch{display:grid;gap:22px;min-width:0;padding-top:8px}
.bt-trial .eyebrow{font:600 .78rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-text)}
.bt-trial .pitch h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.05;font-weight:700}
.bt-trial .pitch h1 em{font-style:normal;color:var(--orange-text)}
.bt-trial .lead{font-size:1.1rem;color:var(--muted);max-width:52ch}
.bt-trial .gets{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.bt-trial .gets li{display:flex;gap:12px;align-items:flex-start}
.bt-trial .gets .tick{flex:none;width:26px;height:26px;border-radius:50%;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;margin-top:1px}
.bt-trial .gets .tick svg{width:15px;height:15px}
.bt-trial .gets strong{display:block;font-weight:700;color:var(--ink)}
.bt-trial .gets span{color:var(--muted);font-size:.94rem}
.bt-trial .how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.bt-trial .how div{background:var(--surface);border:1px solid var(--mint-line);border-radius:6px;padding:12px 14px;min-width:0}
.bt-trial .how .n{font:500 .74rem/1 var(--f-mono);color:var(--orange-text)}
.bt-trial .how p{font-weight:600;font-size:.9rem;margin-top:6px;line-height:1.35}
.bt-trial .how small{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}
@media (max-width:520px){.bt-trial .how{grid-template-columns:1fr}
}.bt-trial .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow)}
.bt-trial .formcard{padding:clamp(20px,3.4vw,30px);display:grid;gap:18px}
.bt-trial .formcard h2{font-size:1.5rem;line-height:1.15}
.bt-trial .sub{color:var(--muted);font-size:.94rem;margin-top:4px}
.bt-trial form{display:grid;gap:14px}
.bt-trial .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.bt-trial .row2{grid-template-columns:1fr}
}.bt-trial .field{display:grid;gap:6px;min-width:0}
.bt-trial .field label{font-weight:600;font-size:.9rem;color:var(--ink)}
.bt-trial .field label .opt{font-weight:400;color:var(--muted)}
.bt-trial .field input{font:inherit;font-size:16px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:6px;padding:11px 12px;min-height:48px;width:100%}
.bt-trial .field input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}
.bt-trial .field input:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:transparent}
.bt-trial .field.bad input,.bt-trial .field.bad .addr{border-color:var(--red);background:var(--red-soft)}
.bt-trial .msg{font-size:.84rem;color:var(--red);min-height:0}
.bt-trial .msg:empty{display:none}
.bt-trial .hint{font-size:.84rem;color:var(--muted)}
.bt-trial .hint button{font:inherit;font-weight:600;color:var(--orange-text);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.bt-trial .addr{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:6px;background:var(--field);overflow:hidden;min-height:48px}
.bt-trial .addr:focus-within{outline:2px solid var(--orange);outline-offset:1px;border-color:transparent}
.bt-trial .addr span{display:flex;align-items:center;padding-inline:12px;color:var(--muted);font:500 .9rem/1 var(--f-mono);white-space:nowrap}
.bt-trial .addr .pre{padding-inline-end:0}
.bt-trial .addr .suf{padding-inline-start:0}
.bt-trial .addr input{border:0!important;background:transparent!important;outline:0!important;min-height:46px;padding-inline:2px;font:500 15px/1 var(--f-mono);min-width:0;flex:1}
.bt-trial .addr-show{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--mint);border:1px dashed var(--mint-line);border-radius:6px;padding:10px 12px}
.bt-trial .addr-show code{font:500 .92rem/1.3 var(--f-mono);color:var(--ink);word-break:break-all}
.bt-trial .addr-show .hint{margin-inline-start:auto}
.bt-trial .check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--ink-2)}
.bt-trial .check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--orange);flex:none}
.bt-trial .check a{font-weight:600;text-underline-offset:3px}
.bt-trial .hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.bt-trial .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:var(--r-btn);font:600 1rem/1 var(--f-body);text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:transform .18s ease,background-color .18s ease}
.bt-trial .btn-primary{background:var(--orange);color:var(--orange-ink);width:100%}
.bt-trial .btn-primary:hover{background:var(--orange-2);color:var(--orange-ink)}
.bt-trial .btn-primary[disabled]{opacity:.7;cursor:progress;transform:none}
.bt-trial .btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--ink)}
.bt-trial .btn-ghost:hover{border-color:var(--orange);color:var(--orange-text)}
.bt-trial .spin{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-inline-end-color:transparent;animation:bt-sp .8s linear infinite}
@keyframes bt-sp{to{transform:rotate(360deg)}}.bt-trial .fine{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;color:var(--muted);font-size:.84rem}
.bt-trial .fine span{display:inline-flex;align-items:center;gap:6px}
.bt-trial .fine svg{width:15px;height:15px;color:var(--teal)}
.bt-trial .alert{border-radius:6px;padding:12px 14px;background:var(--red-soft);color:var(--red);font-size:.9rem}
.bt-trial .alert:empty{display:none}
.bt-trial .track{padding:clamp(20px,3.4vw,30px);display:grid;gap:18px}
.bt-trial .track-head{display:flex;gap:14px;align-items:flex-start}
.bt-trial .track-icon{flex:none;width:46px;height:46px;border-radius:6px;background:var(--orange-soft);color:var(--orange-text);display:grid;place-items:center}
.bt-trial .track-icon svg{width:24px;height:24px}
.bt-trial .track-icon.done{background:color-mix(in srgb,var(--ok) 15%,var(--surface));color:var(--ok)}
.bt-trial .track h2{font-size:1.4rem;line-height:1.15}
.bt-trial .track .url{font:500 .9rem/1.4 var(--f-mono);color:var(--orange-text);word-break:break-all}
.bt-trial .bar{height:8px;border-radius:999px;background:var(--mint);overflow:hidden}
.bt-trial .bar i{display:block;height:100%;width:0;background:var(--orange);border-radius:inherit;transition:width .6s ease}
.bt-trial .steps{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.bt-trial .steps li{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.bt-trial .steps li:last-child{border-bottom:0}
.bt-trial .dot{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center}
.bt-trial .dot svg{width:14px;height:14px;display:none}
.bt-trial .steps li.now{color:var(--ink);font-weight:600}
.bt-trial .steps li.now .dot{border-color:var(--orange);border-inline-end-color:transparent;animation:bt-sp .9s linear infinite}
.bt-trial .steps li.ok{color:var(--ink)}
.bt-trial .steps li.ok .dot{background:var(--ok);border-color:var(--ok);color:var(--surface)}
.bt-trial .steps li.ok .dot svg{display:block}
.bt-trial .steps .t{margin-inline-start:auto;font:500 .78rem/1 var(--f-mono);color:var(--muted)}
.bt-trial .note{background:var(--mint);border-radius:6px;padding:14px 16px;font-size:.92rem;color:var(--ink-2);display:flex;gap:12px;align-items:flex-start}
.bt-trial .note svg{width:20px;height:20px;color:var(--teal);flex:none;margin-top:2px}
.bt-trial .actions{display:flex;flex-wrap:wrap;gap:10px}
.bt-trial .actions .btn{flex:1 1 200px}
.bt-trial .faq{padding-block:clamp(40px,6vw,72px)}
.bt-trial .faq h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:20px}
.bt-trial .qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
@media (max-width:720px){.bt-trial .qs{grid-template-columns:1fr}
}.bt-trial details{border-bottom:1px solid var(--line);padding:4px 0}
.bt-trial summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-weight:600}
.bt-trial summary::-webkit-details-marker{display:none}
.bt-trial summary svg{transition:transform .2s ease}
.bt-trial details[open] summary svg{transform:rotate(180deg)}
.bt-trial details p{color:var(--muted);padding-bottom:14px;max-width:60ch}
.bt-trial{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--f-body)}
.bt-trial .bt-wrap{max-width:1120px;margin:0 auto;padding-inline:16px}
@media (min-width:720px){.bt-trial .bt-wrap{padding-inline:32px}}
.bt-trial #bt-card{scroll-margin-top:96px}
.bt-trial .btn,.bt-trial .btn:hover{text-decoration:none}
.bt-trial .grid-one{grid-template-columns:minmax(0,520px);justify-content:center}
.bt-trial .more{padding-block:clamp(44px,7vw,88px)}
.bt-trial .more.alt{background:var(--surface);border-block:1px solid var(--line)}
.bt-trial .sec-head{display:grid;gap:12px;max-width:720px;margin-bottom:32px}
.bt-trial .sec-head h2{font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.1;font-weight:700}
.bt-trial .mods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px}
@media (max-width:900px){.bt-trial .mods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bt-trial .mods{grid-template-columns:1fr}}
.bt-trial .mods li{display:flex;gap:12px;align-items:flex-start;min-width:0}
.bt-trial .mods strong{display:block}
.bt-trial .mods span:not(.tick){color:var(--muted);font-size:.92rem}
.bt-trial .mods .tick{flex:none;width:26px;height:26px;border-radius:50%;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;margin-top:1px}
.bt-trial .mods .tick svg{width:15px;height:15px}
.bt-trial .why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media (max-width:820px){.bt-trial .why{grid-template-columns:1fr}}
.bt-trial .why h3{font-size:1.15rem;margin-bottom:8px}
.bt-trial .why p{color:var(--muted)}
.bt-trial .timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:820px){.bt-trial .timeline{grid-template-columns:1fr}}
.bt-trial .timeline li{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:18px;display:grid;gap:6px;min-width:0}
.bt-trial .timeline .n{font:500 .76rem/1 var(--f-mono);color:var(--orange-text)}
.bt-trial .timeline strong{font-family:var(--f-display);font-size:1.15rem}
.bt-trial .timeline p{color:var(--muted);font-size:.94rem}
.bt-trial .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.bt-trial .btn-auto{width:auto}

/* Site theme fit: brytend.eu pages run their sections edge to edge and open with a dark hero band under Astra's
   transparent header (white logo + menu), the same band as the Contact page. Without it the header is invisible. */
.entry-content .bt-trial>section{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
.bt-trial .band.hero{background:var(--ast-global-color-2,#1E1810);border-bottom:0;padding-block:170px 96px;position:relative;overflow:hidden}
.bt-trial .band.hero:before{content:"";position:absolute;inset-inline-end:-180px;top:-120px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,61,.28),rgba(255,122,61,0) 70%);pointer-events:none}
.bt-trial .band.hero>.bt-wrap{position:relative}
@media (max-width:900px){.bt-trial .band.hero{padding-block:140px 64px}}
/* text on the dark band; cards (form, plans) keep their own light tokens */
.bt-trial .hero .pitch,.bt-trial .hero .p-head,.bt-trial .hero .fine{--ink:#FFFFFF; --ink-2:#F8F5F4; --muted:#D9D2CC; --orange-text:var(--orange); color:#D9D2CC}
.bt-trial .hero .gets .tick{background:rgba(255,122,61,.18);color:var(--orange)}
.bt-trial .hero .how div{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.bt-trial .hero .bill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.bt-trial .hero .bill button{color:#F8F5F4}
.bt-trial .hero .bill button[aria-pressed="true"]{background:#FFFFFF;color:var(--ast-global-color-2,#1E1810)}

/* Form only ([brytend_trial pitch="0"]) sits inside another page's section (e.g. the tour page): no band, no hero, no own gutters */
.bt-trial.bt-embed .band,.bt-trial.bt-embed .band.hero{background:none;border:0;padding:0;overflow:visible}
.bt-trial.bt-embed .band.hero:before{display:none}
.bt-trial.bt-embed .bt-wrap{max-width:none;padding-inline:0}
.bt-trial.bt-embed .bt-wrap.grid-one{grid-template-columns:minmax(0,1fr);gap:0}
/* host pages may style .card / .formcard themselves (the tour page does): keep exactly one card, ours */
.bt-trial #bt-card{padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow)}
.bt-trial #bt-card .formcard{background:none;border:0;border-radius:0;box-shadow:none;padding:clamp(20px,3.4vw,30px)}