:root:not([data-theme="dark"]){
  color-scheme:light;
  --paper:#f5f5f2;--paper-2:#ededeb;--surf:#fafaf8;
  --ink:#111414;--ink-2:#333a3a;--ink-3:#596060;--ink-4:#818787;
  --rule:#d8dad8;--rule-2:#e5e6e3;--rule-3:#aeb4b2;
  --slate:#1c2525;--slate-2:#354241;--slate-soft:#e8ecea;--slate-line:#83908c;--on-slate:#fff;
  --cop:#8b6947;--cop-soft:#eee7de;
}
body{font-family:"Instrument Sans",Arial,sans-serif;letter-spacing:0}
.wrap{max-width:1240px;padding-inline:clamp(20px,4vw,64px)}
.util-in,.nav-in,.sn-in{max-width:1320px;padding-inline:clamp(20px,4vw,64px)}
.hd{background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(16px)}
.nav-in{height:72px}
.logo-w{font-size:28px;letter-spacing:0}
.nl a{font-size:13px;letter-spacing:0}
.nl a[aria-current="page"]::after{background:var(--ink);height:1px}
.btn,.burger{border-radius:0}
.btn-p{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn-p:hover{background:var(--ink-2);border-color:var(--ink-2)}
.btn-g{border-color:var(--ink)}
.btn-s{font-size:13px}
.ph{padding-block:clamp(68px,8vw,128px) clamp(56px,7vw,104px)}
.ph h1,.hero-in h1{font-family:"Instrument Sans",Arial,sans-serif;font-weight:500;font-size:clamp(2.65rem,6vw,5.8rem);line-height:1.02;letter-spacing:0;max-width:17ch}
.ph h1 em,.hero-in h1 em,h2 em{font-style:normal;color:inherit}
h2{font-family:"Instrument Sans",Arial,sans-serif;font-weight:500;letter-spacing:0;line-height:1.12}
.eyebrow{font-family:"IBM Plex Mono",monospace;letter-spacing:.12em}
.sec{padding-block:clamp(64px,8vw,112px)}
.sec.q{background:var(--paper-2)}
.card,.piano{box-shadow:none!important;transform:none!important}
.card{background:var(--paper);padding:28px}
.card:hover{background:var(--paper-2)}
.card h3{font-family:"Instrument Sans",Arial,sans-serif;letter-spacing:0}
.grid{background:var(--rule);border-color:var(--rule)}
.hero{background:#171c1e}
.hero-scrim{background:linear-gradient(90deg,rgba(8,12,14,.81),rgba(8,12,14,.33)),linear-gradient(0deg,rgba(8,12,14,.54),transparent 60%)}
.hero-in h1{color:#fff}
.hero-in h1 em{color:#fff}
.hero-in .cta .btn-p{background:#f5f5f2;color:#121717;border-color:#f5f5f2}
.hero-in .cta .btn-g{background:transparent;color:#fff;border-color:#fff}
.toast{border-radius:0}
@media(max-width:640px){.nav-in{height:64px}.ph{padding-block:64px 56px}.ph h1{font-size:clamp(2.5rem,11vw,4rem)}.card{padding:22px}.hero-in h1{font-size:clamp(2.5rem,11vw,4rem)}}

/* Shared identity and editorial proportions with the main Taktra website. */
:root{--fb:"DM Sans",Arial,sans-serif;--fs:"Manrope",Arial,sans-serif;--fm:"DM Sans",Arial,sans-serif}
:root:not([data-theme="dark"]){--paper:#f5f5f3;--paper-2:#ededeb;--surf:#fff;--ink:#202120;--ink-2:#343733;--ink-3:#646763;--cop:#454b43;--cop-soft:#eeefec}
body{font-family:var(--fb)}
body :where(h1,h2,h3,p,span,a,button,th,td,div,label){letter-spacing:0}
.hd{position:relative;background:#fff;color:#202120;backdrop-filter:none;border-bottom:1px solid #e3e4e0}
.util{display:block;position:absolute;top:20px;left:42px;z-index:61;background:transparent;border:0}
.util-in{padding:0;max-width:none;height:30px}
.util-in>:not(.lang){display:none}
.util .lang{display:flex;align-items:center;gap:7px;color:#202120;font-size:12px}
.util .lang button{min-width:28px;min-height:30px}
.nav-in{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:70px 48px;height:118px;max-width:none;padding:0 42px;gap:0 24px}
.nav-in>.logo{grid-column:2;grid-row:1;justify-self:center}
.logo{display:block;overflow:hidden;width:160px;height:60px}
.taktra-wordmark{display:block;width:160px;height:60px;object-fit:contain}
.nl{grid-column:1/-1;grid-row:2;justify-content:center;gap:36px;margin:0;height:48px}
.nl a{font-size:11px;text-transform:uppercase;padding-block:15px;font-weight:400}
.nr{grid-column:3;grid-row:1;justify-self:end;margin:0;gap:16px}
.nr .btn{background:transparent;border:0;color:#202120;padding:0;font-size:12px;height:40px}
.burger{color:#202120;border-color:#ddd}
.sn{background:var(--surf);border-bottom:1px solid var(--rule)}
.sn button{font-size:11px;letter-spacing:0}
.drw{background:#fff;color:#202120}
.drw a.dl{font:400 18px/1.4 var(--fb)}
.ph{padding-block:96px 80px;border-bottom:1px solid var(--rule)}
.ph h1,.hero-in h1{font:400 56px/1.17 var(--fs);max-width:20ch;letter-spacing:0}
h2{font:400 38px/1.25 var(--fs);letter-spacing:0}
.eyebrow{font:400 11px/1.5 var(--fb);letter-spacing:0}
.lead{font-size:18px;line-height:1.8;max-width:62ch}
.grid{background:transparent;gap:32px;border:0}
.card{padding:28px 0;border:0;border-top:1px solid var(--rule);background:transparent;border-radius:0}
.card:hover{background:transparent}
.card h3{font:400 23px/1.3 var(--fs)}
.card .tag{color:var(--ink-3)}
.sec{padding-block:88px}
.photo{border-radius:0}
.photo img{filter:saturate(.82)}
.state{font:400 26px/1.4 var(--fs);letter-spacing:0}
.pr-t,.pan-n{font-family:var(--fs);letter-spacing:0}
.btn{border-radius:0}
footer{background:var(--paper);padding-block:64px 32px}
.f-pay{font-size:14px;line-height:1.8}
:root[data-theme="dark"] footer .taktra-wordmark{filter:invert(1)}
@media(max-width:1100px){.nl{gap:22px}.nav-in{padding-inline:24px}.util{left:24px}}
@media(max-width:900px){
 .nav-in{height:100px;grid-template-columns:1fr 1fr;grid-template-rows:64px 36px;padding-inline:20px}
 .nav-in>.logo{grid-column:1;grid-row:1;justify-self:start;width:140px;height:54px}
 .nav-in>.logo img{width:140px;height:54px}
 .nr{grid-column:2;grid-row:1}.nl{display:none}.burger{display:flex}
 .util{left:20px;top:64px}.util-in{height:32px}
 .ph{padding-block:64px 56px}.ph h1,.hero-in h1{font-size:42px}
 h2{font-size:32px}.sec{padding-block:64px}.grid{gap:24px}
}
@media(max-width:480px){.ph h1,.hero-in h1{font-size:34px}h2{font-size:28px}.lead{font-size:16px}.nr{gap:10px}.nr .btn{font-size:11px}.card{padding-block:22px}.grid{gap:18px}}