:root{--bg:#0d151a;--bg2:#111b21;--header:#070d11;--card:#1a252b;--card2:#202c32;--line:#2b3a42;--orange:#ff7900;--orange2:#ff9a2e;--text:#f6f7f8;--muted:#aab3b8;--green:#a8d83e;--red:#f25b50}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 80% 20%,#16252c 0,#101a20 28%,#0c1419 68%,#091116 100%);color:var(--text);min-height:100vh}a{color:inherit}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}
header{height:68px;background:#070d11;border-bottom:1px solid #18242b;position:sticky;top:0;z-index:50;box-shadow:0 3px 14px #0008}.nav{height:100%;display:flex;align-items:center;gap:22px}.brandlink{display:flex;align-items:center;margin-right:auto}.brandlogo{width:150px;height:auto;display:block}.nav nav{display:flex;align-items:center;gap:30px}.nav nav a{text-decoration:none;font-size:14px;font-weight:600;color:#eef2f3;position:relative;padding:24px 0}.nav nav a:hover,.nav nav a.active{color:var(--orange)}.nav nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--orange)}.tools{display:flex;gap:14px;align-items:center}.cart{color:var(--orange);text-decoration:none;font-size:18px}.lang{font-size:13px;white-space:nowrap}.menubtn{display:none;background:none;border:0;color:white;font-size:24px}
.page{position:relative;min-height:calc(100vh - 68px);overflow:hidden}.page:before{content:"";position:absolute;right:-55px;top:24px;width:min(570px,52vw);height:min(570px,52vw);background:url('otter-logo.png') center/contain no-repeat;opacity:.105;filter:grayscale(1) brightness(1.7);pointer-events:none}.page:after{content:"OTTER\A AUTOMOTIVE SYSTEMS";white-space:pre;position:absolute;right:10px;top:270px;text-align:center;font-weight:900;font-size:72px;line-height:.9;color:#a8b0b4;opacity:.06;pointer-events:none}.page>*{position:relative;z-index:2}
.version{position:absolute;right:24px;bottom:16px;color:var(--orange);font-weight:700;font-size:12px}.hero{min-height:650px;padding:88px 0 0}.hero .copy{width:54%;padding-top:28px}.hero h1{font-size:48px;line-height:1.08;margin:0 0 24px;letter-spacing:-.8px}.accent{color:var(--orange)}.lead{font-size:22px;font-weight:700;line-height:1.35;max-width:630px}.sublead{font-size:15px;color:#ccd2d5;line-height:1.65;max-width:650px}.buttons{display:flex;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(#ff8b22,#ff7200);border:1px solid #ff8e32;color:white;text-decoration:none;padding:13px 21px;border-radius:6px;font-size:14px;font-weight:800;box-shadow:0 5px 16px #ff720026}.btn.ghost{background:#10191e;border-color:#68737a;box-shadow:none}.featurebar{position:absolute;left:0;right:0;bottom:0;border-top:1px solid #2b3940;background:#0c151a99}.features{height:132px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.feature{display:flex;gap:13px;align-items:flex-start;padding:0 24px;border-right:1px solid #25333a}.feature:last-child{border:0}.featureicon{color:var(--orange);font-size:24px}.feature b{display:block;font-size:14px;margin-bottom:5px}.feature small{display:block;color:#aeb7bc;font-size:12px;line-height:1.4}
.pagehead{text-align:center;padding:48px 0 22px}.pagehead h1{font-size:34px;margin:0 0 10px}.pagehead p{margin:0;color:#b7c0c4}.crumb{font-size:12px;color:#b1b9bd;margin-top:12px}.content{padding:12px 0 70px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:0 auto}.card{background:linear-gradient(180deg,#1f2a30,#182329);border:1px solid #2a373e;border-radius:8px;padding:24px;box-shadow:0 14px 34px #0004}.card h3{font-size:20px;margin:12px 0 8px}.card p{color:#c2c9cd;font-size:13px;line-height:1.55}.product-badge{width:94px;height:94px;border-radius:50%;margin:0 auto 12px;border:3px solid;display:grid;place-items:center;font-size:44px;background:#151d22;box-shadow:inset 0 0 25px #0008,0 8px 20px #0005}.rh{border-color:#8e42e8;background:radial-gradient(circle,#5f2396,#281338)}.vault{border-color:#20c7c9;background:radial-gradient(circle,#0c777b,#07383a)}.kv{border-color:#ff7900;background:radial-gradient(circle,#8f3c00,#391a03)}.bullets{list-style:none;padding:0;margin:18px 0}.bullets li{margin:9px 0;color:#d7dddf;font-size:13px}.bullets li:before{content:"✓";color:var(--orange);font-weight:900;margin-right:9px}.outline{display:inline-flex;padding:10px 18px;border:1px solid #78838a;border-radius:5px;text-decoration:none;font-size:13px;font-weight:700}.card.center{text-align:center}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 80px;max-width:1050px;margin:45px auto}.whyitem{text-align:center}.whyicon{font-size:34px;color:var(--orange);display:block;margin-bottom:12px}.whyitem b{display:block;font-size:15px;margin-bottom:8px}.whyitem span{display:block;color:#adb7bb;font-size:12px;line-height:1.55}
.aboutcopy{max-width:700px;padding:45px 0 30px}.aboutcopy h1{font-size:34px}.aboutcopy p{font-size:14px;color:#cad0d3;line-height:1.7}.aboutstats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:58px;max-width:780px}.stat{text-align:center;border-right:1px solid #37444b;padding:10px}.stat:last-child{border:0}.stat .ico{color:var(--orange);font-size:28px}.stat b{display:block;font-size:18px;margin:8px 0 3px}.stat small{color:#aab3b8}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:0 auto}.pricecard{text-align:center;background:#1c272d;border:1px solid #2e3b42;border-radius:8px;padding:28px 24px}.pricecard h3{margin:0}.pricecard .sub{color:#b8c1c5;font-size:12px}.price{font-size:42px;font-weight:900;margin:12px 0 0}.vat{font-size:12px;color:#aeb7bb}.pricecard ul{text-align:left;list-style:none;padding:12px 0;margin:16px auto;width:210px}.pricecard li{margin:10px 0;font-size:13px}.pricecard li:before{content:"✓";color:var(--green);margin-right:8px}.price-note{text-align:center;color:#aeb7bb;font-size:12px;margin-top:20px}
.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:1050px;margin:20px auto}.contactinfo .row{display:grid;grid-template-columns:35px 1fr;gap:10px;margin:24px 0}.contactinfo .ico{color:var(--orange);font-size:25px}.contactinfo b{display:block;font-size:14px}.contactinfo span{font-size:12px;color:#bfc7ca;line-height:1.55}.form label{display:block;font-size:12px;font-weight:700;margin:10px 0 5px}.form input,.form textarea{width:100%;background:#263239;border:1px solid #3a474e;border-radius:5px;padding:11px;color:white}.form textarea{min-height:130px;resize:vertical}
.legal{max-width:800px;padding:48px 0 80px}.legal h1{font-size:30px}.legal h2{font-size:16px;margin-top:30px}.legal p{font-size:13px;line-height:1.7;color:#c8cfd2}.demo-note{padding:12px;border:1px solid #5b462b;background:#2a2117;color:#ffd3a3;border-radius:6px;font-size:12px}
.cartbox{padding:35px 0 80px}.carttable{width:100%;border-collapse:collapse}.carttable th,.carttable td{padding:18px 10px;border-bottom:1px solid #344149;text-align:left;font-size:13px}.carttable th{font-size:12px;color:#d8dddf}.cartproduct{display:flex;align-items:center;gap:13px}.miniicon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#5e2c85;border:2px solid #a255e7;font-size:24px}.qty{display:inline-flex;align-items:center;background:#263239;border-radius:5px;overflow:hidden}.qty button{background:none;border:0;color:white;padding:8px 11px}.qty span{padding:0 8px}.remove{color:var(--red);font-weight:900}.carttotal{display:flex;justify-content:flex-end;gap:45px;padding:24px 12px;font-weight:800}.cartactions{display:flex;justify-content:space-between;align-items:center}
.product-detail{max-width:930px;padding:54px 0 90px}.detailtop{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center}.detailtop h1{font-size:38px;margin:0}.detailtop p{color:#c0c9cd;line-height:1.6}.detailgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.detailbox{background:#1b262c;border:1px solid #2e3b42;border-radius:8px;padding:20px}.detailbox h3{color:var(--orange);margin-top:0}
footer{background:#070d11;border-top:1px solid #1b282f;padding:20px 0;color:#839097;font-size:11px}.foot{display:flex;justify-content:space-between;gap:20px}.foot a{color:#aab4b8;text-decoration:none;margin-left:18px}
@media(max-width:900px){.nav nav{display:none;position:absolute;left:0;right:0;top:68px;background:#080e12;flex-direction:column;gap:0;padding:10px 22px;border-bottom:1px solid #26333a}.nav nav.open{display:flex}.nav nav a{padding:13px 0;width:100%}.menubtn{display:block}.tools{margin-left:auto}.brandlogo{width:125px}.hero{padding-top:50px;min-height:760px}.hero .copy{width:100%}.page:before{width:80vw;height:80vw;right:-25vw;top:120px}.page:after{font-size:48px;top:360px}.features{grid-template-columns:1fr 1fr;height:auto;padding:18px 0}.feature{padding:15px;border-right:0}.cards,.prices{grid-template-columns:1fr}.why{grid-template-columns:1fr 1fr}.contactgrid{grid-template-columns:1fr}.aboutstats{grid-template-columns:1fr 1fr}.detailtop{grid-template-columns:1fr;text-align:center}.detailgrid{grid-template-columns:1fr}.version{position:static;text-align:right;padding:18px 0}.featurebar{position:static;margin-top:75px}}
@media(max-width:540px){.wrap{width:calc(100% - 24px)}.hero h1{font-size:38px}.lead{font-size:18px}.why{grid-template-columns:1fr}.aboutstats{grid-template-columns:1fr 1fr}.carttable th:nth-child(3),.carttable td:nth-child(3){display:none}.foot{flex-direction:column}.page:after{font-size:36px}.lang{display:none}}


/* --- 0.11 Startseiten-Härtung --- */
.hero > .wrap{position:static}
.hero .copy{position:relative;z-index:3}
.hero .featurebar{z-index:3}
.hero .version{z-index:4}
@media(min-width:901px){
  .hero{min-height:720px;padding-top:72px;padding-bottom:150px}
  .hero .copy{padding-top:14px}
  .hero .featurebar{height:132px}
}
/* --- 0.11 Danke-Seite --- */
.thanks-shell{
  max-width:780px;
  margin:0 auto;
  padding:48px 0 86px;
  text-align:center;
}
.thanks-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#1c272d,#131d22);
  border:1px solid #34444c;
  border-radius:16px;
  padding:36px 28px 34px;
  box-shadow:0 22px 60px #0006;
}
.thanks-card:before{
  content:"";
  position:absolute;
  inset:auto -70px -95px auto;
  width:310px;
  height:310px;
  background:url('otter-logo.png') center/contain no-repeat;
  opacity:.055;
  filter:grayscale(1) brightness(1.8);
  pointer-events:none;
}
.thanks-otter{
  width:170px;
  max-width:52vw;
  display:block;
  margin:0 auto 8px;
  filter:drop-shadow(0 14px 18px #0009);
  animation:otterHello 1.8s ease-in-out infinite alternate;
  transform-origin:50% 85%;
}
@keyframes otterHello{
  from{transform:translateY(0) rotate(-1deg)}
  to{transform:translateY(-7px) rotate(1.5deg)}
}
.thanks-bubble{
  display:inline-block;
  max-width:620px;
  margin:6px auto 20px;
  padding:15px 18px;
  border-radius:14px;
  background:#26343b;
  border:1px solid #44565f;
  color:#eef2f3;
  font-size:16px;
  line-height:1.55;
  position:relative;
}
.thanks-bubble:before{
  content:"";
  position:absolute;
  top:-9px;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  width:16px;
  height:16px;
  background:#26343b;
  border-left:1px solid #44565f;
  border-top:1px solid #44565f;
}
.thanks-card h1{
  margin:8px 0 8px;
  font-size:34px;
}
.thanks-card .accentline{
  color:var(--orange);
  font-weight:800;
}
.thanks-info{
  max-width:590px;
  margin:0 auto 24px;
  color:#bcc5c9;
  font-size:13px;
  line-height:1.65;
}
.thanks-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
@media(max-width:540px){
  .thanks-shell{padding:28px 0 70px}
  .thanks-card{padding:26px 16px 28px}
  .thanks-card h1{font-size:28px}
  .thanks-bubble{font-size:14px}
}

/* --- 0.12 Reifenhotel Pro: Versionen & Upgrade --- */
.eyebrow,.section-kicker{
  color:var(--orange);
  font-size:11px;
  font-weight:900;
  letter-spacing:1.8px;
}
.license-panel{
  margin-top:34px;
  background:linear-gradient(180deg,#18242a,#111a1f);
  border:1px solid #33434b;
  border-radius:12px;
  padding:24px;
  box-shadow:0 18px 48px #0004;
}
.license-head h2{margin:5px 0 8px;font-size:27px}
.license-head p{color:#b6c0c4;line-height:1.55;margin:0;max-width:760px}
.license-tabs{
  display:flex;
  gap:8px;
  margin:24px 0 18px;
  padding-bottom:14px;
  border-bottom:1px solid #334149;
}
.license-tab{
  border:1px solid #43515a;
  background:#111a1f;
  color:#d9e0e3;
  border-radius:7px;
  padding:10px 18px;
  font-weight:800;
  cursor:pointer;
}
.license-tab.active{
  color:white;
  border-color:var(--orange);
  background:#3b2411;
  box-shadow:inset 0 -2px 0 var(--orange);
}
.license-pane{display:none}
.license-pane.active{display:block}
.version-choice-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:15px;
}
.version-choice{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:7px;
  min-height:190px;
  background:#1d292f;
  border:1px solid #3a4850;
  border-radius:10px;
  padding:20px;
  cursor:pointer;
  transition:.18s ease;
}
.version-choice:hover,.version-choice.selected{
  border-color:var(--orange);
  transform:translateY(-2px);
  box-shadow:0 12px 26px #0004;
}
.version-choice.future{
  opacity:.56;
  cursor:not-allowed;
}
.version-choice input{position:absolute;opacity:0;pointer-events:none}
.version-choice strong{font-size:19px}
.version-choice>span:not(.version-chip){color:#c4cdd1}
.version-choice small{color:#919da3;line-height:1.45}
.version-choice b{font-size:21px;margin-top:auto}
.version-choice b em{font-size:11px;color:#aab4b8;font-style:normal;font-weight:500}
.version-chip{
  align-self:flex-start;
  padding:4px 7px;
  border-radius:999px;
  background:#4b2b10;
  color:#ffae68;
  font-size:10px;
  font-weight:900;
  letter-spacing:.8px;
}
.version-chip.muted{background:#29343a;color:#aeb8bd}
.license-summary{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  padding:17px 18px;
  margin-top:15px;
  background:#10191e;
  border:1px solid #2e3d44;
  border-radius:9px;
}
.license-summary b,.license-summary span{display:block}
.license-summary span{color:#9fabb0;font-size:12px;margin-top:4px}
.upgrade-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.upgrade-form,.upgrade-result{
  background:#1c282e;
  border:1px solid #35444c;
  border-radius:10px;
  padding:20px;
}
.upgrade-form h3,.upgrade-result h3{margin-top:0}
.upgrade-form p,.upgrade-result p{
  color:#aeb9bd;
  font-size:13px;
  line-height:1.55;
}
.upgrade-form label{
  display:block;
  margin:14px 0 6px;
  font-size:12px;
  font-weight:800;
}
.upgrade-input{
  width:100%;
  background:#10191e;
  border:1px solid #43515a;
  color:white;
  border-radius:6px;
  padding:11px;
  font:inherit;
}
.upgrade-form .btn{margin-top:16px}
.upgrade-result{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.upgrade-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--orange);
  border:1px solid var(--orange);
  font-size:24px;
  font-weight:900;
  margin-bottom:10px;
}
.upgrade-icon.ok{color:#9bd145;border-color:#9bd145}
.upgrade-icon.warn{color:#ffb34f;border-color:#ffb34f}
.upgrade-rule{
  display:grid;
  gap:7px;
  padding:13px;
  margin:12px 0;
  background:#111a1f;
  border:1px solid #2f3c43;
  border-radius:7px;
  font-size:12px;
}
.upgrade-rule span{color:#aeb9bd}
.license-note{
  margin-top:17px;
  padding:12px 14px;
  border:1px solid #604b31;
  background:#2b2117;
  color:#e7c69f;
  border-radius:7px;
  font-size:12px;
  line-height:1.55;
}

/* Dankes-Otter: saubere, kompakte Darstellung ohne Schriftzug */
.thanks-otter{
  width:150px;
  height:auto;
  object-fit:contain;
  margin-bottom:14px;
}
@media(max-width:720px){
  .version-choice-grid,.upgrade-grid{grid-template-columns:1fr}
  .license-summary{flex-direction:column;align-items:stretch}
  .license-summary .btn{width:100%}
}

/* --- 0.13 Editionen Basic / Pro / Premium --- */
.edition-section,.comparison-section,.upgrade-shop-section{margin-top:38px}
.section-intro{margin-bottom:18px}
.section-intro h2,.comparison-section h2{font-size:28px;margin:6px 0 8px}
.section-intro p{color:#aeb8bd;max-width:760px}
.edition-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.edition-grid.compact .edition-card{min-height:300px}
.edition-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,#1d292f,#151f24);
  border:1px solid #37464e;
  border-radius:11px;
  padding:20px;
  min-height:510px;
  box-shadow:0 18px 38px #0003;
}
.edition-card.featured{
  border-color:var(--orange);
  box-shadow:0 18px 42px #0006,0 0 0 1px #ff790033 inset;
  transform:translateY(-4px);
}
.edition-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}
.edition-name{font-size:23px;font-weight:900;color:white}
.edition-badge{
  padding:4px 7px;
  border-radius:999px;
  background:#26343b;
  color:#aeb9be;
  font-size:9px;
  font-weight:900;
  letter-spacing:.8px;
}
.edition-badge.hot{background:#4d2b10;color:#ffae65}
.edition-card h3{font-size:15px;line-height:1.45;margin:14px 0}
.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.feature-list li{font-size:12px;line-height:1.4;color:#d5dcdf;padding-left:20px;position:relative}
.feature-list li.yes:before{content:"✓";position:absolute;left:0;color:#9cd044;font-weight:900}
.feature-list li.no{color:#7f8b91}
.feature-list li.no:before{content:"–";position:absolute;left:2px;color:#69747a}
.feature-list li.sub{padding-left:31px;color:#a7b1b6;font-size:11px}
.feature-list li.sub:before{content:"•";position:absolute;left:18px;color:var(--orange)}
.edition-price{margin-top:auto;padding:18px 0 12px}
.edition-price strong{display:block;font-size:17px}
.edition-price small{display:block;color:#8f9ba1;margin-top:4px}
.edition-buy{width:100%;text-align:center}
.edition-table-wrap{overflow-x:auto;border:1px solid #34434b;border-radius:10px}
.edition-table{width:100%;border-collapse:collapse;min-width:720px;background:#152026}
.edition-table th,.edition-table td{padding:13px 14px;border-bottom:1px solid #2f3d44;text-align:center;font-size:12px}
.edition-table th:first-child,.edition-table td:first-child{text-align:left}
.edition-table thead th{background:#1c292f;color:white}
.edition-table td:not(:first-child){font-weight:900;color:#ff973f}
.upgrade-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.upgrade-config,.upgrade-offer{
  background:#1b272d;
  border:1px solid #37464e;
  border-radius:10px;
  padding:20px;
}
.upgrade-config label{display:block;font-size:12px;font-weight:800;margin:13px 0 6px}
.upgrade-config .btn{margin-top:16px}
.upgrade-offer{display:flex;flex-direction:column;justify-content:center}
.upgrade-paths{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:14px;
}
.upgrade-paths>div{background:#111a1f;border:1px solid #303e45;border-radius:8px;padding:14px}
.upgrade-paths b,.upgrade-paths span{display:block}
.upgrade-paths b{color:var(--orange);margin-bottom:6px}
.upgrade-paths span{font-size:11px;line-height:1.5;color:#aab5ba}
.upgrade-banner{
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:#18242a;
  border:1px solid #394951;
  border-radius:10px;
  padding:20px;
}
.upgrade-banner h2{margin:5px 0}.upgrade-banner p{margin:0;color:#aab5ba}
.empty-cart{padding:30px;text-align:center;color:#aab5ba}
.empty-cart a{color:var(--orange)}
@media(max-width:850px){
  .edition-grid,.upgrade-paths{grid-template-columns:1fr}
  .edition-card.featured{transform:none}
  .upgrade-shop-grid{grid-template-columns:1fr}
  .upgrade-banner{flex-direction:column;align-items:flex-start}
}

/* --- 0.14 Kaufwege & zentrale Produkte --- */
.product-buybox{
  margin-top:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px;
  background:#18242a;
  border:1px solid #384850;
  border-radius:10px;
}
.product-buybox h2{margin:5px 0 6px}
.product-buybox p{margin:0;color:#aeb8bd}
.other-product-prices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:22px;
}
.simple-price-card{
  background:#18242a;
  border:1px solid #384850;
  border-radius:10px;
  padding:20px;
}
.simple-price-card h2{margin-top:0}
.simple-price-card p{color:#aeb8bd}
.simple-price-card strong{display:block;margin:18px 0}
.disabled-link{opacity:.45;pointer-events:none}
@media(max-width:760px){
  .product-buybox{flex-direction:column;align-items:flex-start}
  .other-product-prices{grid-template-columns:1fr}
}

/* --- 0.17 Reifenhotel Demo-Bereich --- */
.rhp-demo-section{margin-top:38px}
.demo-panel{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.45fr .55fr;
  gap:28px;
  align-items:center;
  padding:28px;
  background:
    radial-gradient(circle at 90% 20%,rgba(255,121,0,.16),transparent 30%),
    linear-gradient(135deg,#1b292f,#111b20);
  border:1px solid #4a5154;
  border-radius:13px;
  box-shadow:0 20px 52px #0005;
}
.demo-panel:after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-85px;
  width:330px;
  height:330px;
  background:url('otter-logo.png') center/contain no-repeat;
  opacity:.045;
  filter:grayscale(1) brightness(1.7);
  pointer-events:none;
}
.demo-copy{position:relative;z-index:2}
.demo-copy h2{font-size:30px;margin:6px 0 10px}
.demo-lead{max-width:720px;color:#c0c9cd;line-height:1.6}
.demo-facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:20px 0;
}
.demo-facts>div{
  padding:13px;
  background:#111a1f;
  border:1px solid #334149;
  border-radius:8px;
}
.demo-facts strong,.demo-facts span{display:block}
.demo-facts strong{color:var(--orange);font-size:18px}
.demo-facts span{color:#9faab0;font-size:11px;margin-top:3px}
.demo-actions{display:flex;gap:10px;flex-wrap:wrap}
.demo-download-note{
  margin:12px 0 0;
  max-width:720px;
  color:#8d989e;
  font-size:11px;
  line-height:1.5;
}
.demo-visual{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:210px;
}
.demo-ring{
  width:150px;
  height:150px;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:50%;
  border:4px solid var(--orange);
  box-shadow:0 0 0 8px #ff790014,0 14px 40px #0008;
  background:#111a1fcf;
}
.demo-ring span{font-size:52px;line-height:.9;font-weight:900;color:white}
.demo-ring small{margin-top:8px;color:var(--orange);font-weight:900;letter-spacing:2px}
.demo-premium-label{
  margin-top:14px;
  padding:5px 9px;
  border-radius:999px;
  background:#4b2a10;
  color:#ffb370;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
}
.demo-scope{
  margin-top:15px;
  padding:22px;
  background:#151f24;
  border:1px solid #34434a;
  border-radius:11px;
}
.demo-scope-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
}
.demo-scope-head h3{font-size:22px;margin:5px 0 0}
.demo-source-note{color:#7f8b91;font-size:10px}
.demo-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.demo-feature{
  min-height:105px;
  padding:13px;
  border-radius:8px;
  background:#1d292f;
  border:1px solid #34434b;
}
.demo-feature.pro{border-top:2px solid #f0a14a}
.demo-feature.premium{border-top:2px solid var(--orange)}
.demo-feature b,.demo-feature span{display:block}
.demo-feature b{font-size:12px;color:white}
.demo-feature span{margin-top:6px;color:#9da8ad;font-size:10px;line-height:1.45}
.demo-rules{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.demo-rules>div{
  padding:14px;
  background:#10191e;
  border:1px solid #2f3d44;
  border-radius:8px;
}
.demo-rules b{font-size:12px;color:#ffad68}
.demo-rules p{font-size:10px;color:#98a4aa;line-height:1.5;margin-bottom:0}
.rhp-demo-download,.download-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px;
  margin:18px 0;
  background:#18242a;
  border:1px solid #384850;
  border-radius:10px;
}
@media(max-width:900px){
  .demo-panel{grid-template-columns:1fr}
  .demo-visual{min-height:auto;padding:8px 0}
  .demo-feature-grid{grid-template-columns:repeat(2,1fr)}
  .demo-rules{grid-template-columns:1fr}
}
@media(max-width:560px){
  .demo-facts,.demo-feature-grid{grid-template-columns:1fr}
  .demo-scope-head,.rhp-demo-download{align-items:flex-start;flex-direction:column}
  .demo-panel,.demo-scope{padding:17px}
}

.center-hero-card{display:grid;grid-template-columns:1.45fr .55fr;gap:28px;align-items:center;margin:24px 0 28px;padding:28px;border:1px solid #5a4937;border-radius:13px;background:radial-gradient(circle at 90% 20%,rgba(255,121,0,.16),transparent 32%),linear-gradient(135deg,#1c282d,#121b20);box-shadow:0 22px 56px #0005}.free-pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#38591f;color:#bde88c;font-size:11px;font-weight:900;letter-spacing:1px;margin-right:8px}.center-hero-card h2{font-size:31px;margin:8px 0}.center-hero-card p{color:#b6c0c4;line-height:1.6}.center-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:0;list-style:none;margin:18px 0}.center-feature-list li{position:relative;padding-left:20px;font-size:12px}.center-feature-list li:before{content:"✓";position:absolute;left:0;color:#9ed04d;font-weight:900}.center-icon{text-align:center}.center-icon img{display:block;width:150px;margin:auto;filter:drop-shadow(0 15px 20px #0008)}.center-icon strong,.center-icon span{display:block}.center-icon strong{margin-top:8px;font-size:12px;color:#ffab61}.center-icon span{font-size:10px;color:#8d989e}.placeholder-note{font-size:10px!important;color:#7f898e!important}.public-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-product-card{display:flex;flex-direction:column;min-height:420px;padding:20px;border:1px solid #36454d;border-radius:11px;background:#19252b}.public-product-card.rhp{border-top:3px solid #ff7900}.public-product-card.vault{border-top:3px solid #0b8a92}.public-product-card.twindrive{border-top:3px solid #8b5ad8}.public-icon{font-size:38px}.product-status{align-self:flex-start;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900}.product-status.live{background:#253f2c;color:#a7dbac}.product-status.planned{background:#352849;color:#cbb0f4}.public-product-card p{color:#aeb8bd}.public-product-card ul{padding-left:18px;font-size:12px;line-height:1.8}.public-product-card .buttons{margin-top:auto}.disabled-product{opacity:.55;pointer-events:none}.project-download-section{margin-top:38px}.project-download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.project-download-grid a{display:block;padding:15px;border:1px solid #34434b;background:#162127;border-radius:8px;text-decoration:none;color:white}.project-download-grid a:hover{border-color:var(--orange)}.project-download-grid b,.project-download-grid span{display:block}.project-download-grid span{color:#8f9ca2;font-size:10px;margin-top:5px}.home-products-priority{padding:42px 0;background:#141d22;border-top:1px solid #28363d}.home-center-download{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #514434;background:#1c282d;border-radius:10px}.home-center-download h3{margin:8px 0 4px}.home-center-download p{margin:0;color:#aeb8bd}.home-mini-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 16px}.home-mini-products a{padding:14px;border:1px solid #34434b;background:#172229;border-radius:8px;color:white;text-decoration:none}.home-mini-products b,.home-mini-products span{display:block}.home-mini-products span{color:#94a0a6;font-size:10px;margin-top:4px}.free-center-price,.planned-price-card{margin:18px 0;padding:20px;border:1px solid #3a484f;border-radius:10px;background:#18242a}.free-center-price{display:flex;justify-content:space-between;align-items:center;gap:20px}@media(max-width:850px){.center-hero-card{grid-template-columns:1fr}.center-icon{display:none}.public-product-grid,.home-mini-products{grid-template-columns:1fr}}@media(max-width:650px){.center-feature-list,.project-download-grid{grid-template-columns:1fr}.home-center-download,.free-center-price{flex-direction:column;align-items:flex-start}}

/* --- 0.19 Preise & Lizenzen vollständig --- */
.price-stack{display:grid;gap:18px;margin-top:24px}.price-wide{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px;border:1px solid #3a4850;border-radius:11px;background:#18242a}.price-wide.free{border-left:4px solid #7cc043}.price-wide.vault{border-left:4px solid #0b8a92}.price-wide.planned{border-left:4px solid #8b5ad8}.price-wide h2{margin:8px 0 6px}.price-wide p{margin:0;color:#aeb8bd}.price-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.price-chip{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.7px}.price-chip.free{background:#365a1f;color:#c5ec9d}.price-chip.vault{background:#173d41;color:#82d7dc}.price-chip.planned{background:#352849;color:#d1b8f6}.price-meta{margin-top:10px;color:#8f9ca1;font-size:11px}.rhp-pricing-block{padding:22px;border:1px solid #4a4036;border-radius:12px;background:linear-gradient(180deg,#1b282e,#151f24)}.pricing-block-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.pricing-block-head h2{margin:6px 0 5px}.pricing-block-head p{margin:0;color:#aeb8bd}.pricing-head-actions{display:flex;gap:8px;flex-wrap:wrap}.price-editions{margin-top:4px}.compact-upgrade{margin-top:16px}.compact-upgrade h3{margin:5px 0}.page-version{position:static!important;display:block;text-align:right;margin-top:22px;padding-bottom:4px}@media(max-width:850px){.price-wide,.pricing-block-head{flex-direction:column;align-items:flex-start}.price-actions{justify-content:flex-start}}

/* ===== Website 1.0.0 RC additions ===== */
:root{--otter-orange:#ff7a00;--otter-bg:#101318;--otter-panel:#1a1f26;--otter-panel2:#222832;--otter-text:#f5f7fa;--otter-muted:#aab2bd;--otter-teal:#0b6b78;--otter-red:#ef5350;--otter-green:#66bb6a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:0}.wrap{width:min(1180px,calc(100% - 32px))}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}
nav a.active{color:var(--otter-orange)}.menubtn{display:none;background:none;border:0;color:#fff;font-size:24px}.page{min-height:calc(100vh - 150px)}
.hero-v2{padding:88px 0 42px;position:relative;overflow:hidden}.hero-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(255,122,0,.12),transparent 36%),radial-gradient(circle at 25% 80%,rgba(11,107,120,.10),transparent 34%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:48px;align-items:center}.hero-v2 h1{font-size:clamp(42px,6vw,74px);line-height:1.02;margin:0 0 18px}.hero-v2 .lead{font-size:clamp(20px,2.5vw,30px);max-width:760px}.hero-visual{display:flex;justify-content:center}.hero-visual img{width:min(390px,100%);filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:46px}.trust-item{padding:16px;border:1px solid #2c333d;border-radius:16px;background:rgba(25,30,37,.78)}.trust-item b{display:block}.trust-item small{color:var(--otter-muted)}
.section{padding:56px 0}.section.alt{background:#14181e}.section-intro{max-width:780px;margin-bottom:28px}.section-kicker{letter-spacing:.14em;font-size:12px;color:var(--otter-orange);font-weight:800}.product-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card-v2{display:flex;flex-direction:column;min-height:100%;padding:24px;border:1px solid #303742;border-radius:22px;background:linear-gradient(180deg,#1b2027,#171b21);box-shadow:0 12px 34px rgba(0,0,0,.16)}.product-card-v2.teal{border-color:rgba(11,107,120,.55)}.product-card-v2 .product-icon-img{width:92px;height:92px;object-fit:contain;margin-bottom:16px}.product-card-v2 h2{margin:4px 0 8px}.product-card-v2 p{color:var(--otter-muted)}.product-card-v2 ul{padding-left:20px;flex:1}.product-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 18px}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #3b434f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;background:#20262e}.badge.live{border-color:rgba(102,187,106,.4);color:#bfe9c1}.badge.free{border-color:rgba(255,122,0,.45);color:#ffae63}.badge.teal{border-color:rgba(11,107,120,.65);color:#77d5e0}.version-chip{color:#c4cbd4}.price-large{font-size:28px;font-weight:800;margin:16px 0 4px}.price-note{font-size:13px;color:var(--otter-muted)}.buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{cursor:pointer}.btn.disabled-product,.btn[disabled]{opacity:.52;cursor:not-allowed;pointer-events:none}.btn.teal{background:var(--otter-teal);border-color:var(--otter-teal)}
.detail-hero{padding:48px 0 28px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:36px;align-items:center}.detail-art{display:flex;justify-content:center}.detail-art img{width:min(340px,100%);max-height:320px;object-fit:contain}.feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{padding:20px;border:1px solid #303742;border-radius:18px;background:#1a1f26}.feature-card h3{margin-top:0}.feature-card p{color:var(--otter-muted)}.notice{border:1px solid #3a424d;border-left:4px solid var(--otter-orange);background:#181d23;border-radius:12px;padding:16px 18px;margin:20px 0}.notice.teal{border-left-color:var(--otter-teal)}.notice.warn{border-left-color:#ffb300}.notice.ok{border-left-color:var(--otter-green)}
.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.cart-card,.checkout-card,.summary-card,.legal-card,.form-card{background:#181d23;border:1px solid #303742;border-radius:18px;padding:22px}.summary-card{position:sticky;top:105px}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #2c333d}.cart-row:last-child{border-bottom:0}.cart-title b{display:block}.cart-title small{color:var(--otter-muted)}.cart-price{font-weight:800;white-space:nowrap}.icon-button{border:0;background:#282f38;color:#fff;border-radius:10px;padding:8px 11px;cursor:pointer}.summary-line{display:flex;justify-content:space-between;gap:14px;padding:8px 0}.summary-total{border-top:1px solid #343c47;margin-top:10px;padding-top:14px;font-size:21px;font-weight:800}.empty-state{text-align:center;padding:46px 20px;color:var(--otter-muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:#dbe0e7}.field input,.field select,.field textarea{width:100%;border:1px solid #39414c;background:#11151a;color:#fff;border-radius:10px;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--otter-orange);box-shadow:0 0 0 3px rgba(255,122,0,.10)}.field textarea{min-height:140px;resize:vertical}.checks{display:grid;gap:12px;margin:18px 0}.checkrow{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#d3d9e0}.checkrow input{margin-top:3px}.checkout-status{margin:14px 0;display:none}.checkout-status.show{display:block}.paypal-zone{margin-top:18px;min-height:44px}.config-blocked{padding:16px;border-radius:12px;background:#251d14;border:1px solid #5a4025;color:#ffd5a5}.order-number{font-size:22px;font-weight:800;color:var(--otter-orange)}
.status-table{width:100%;border-collapse:collapse}.status-table th,.status-table td{text-align:left;padding:12px;border-bottom:1px solid #303742;vertical-align:top}.status-table th{width:38%;color:#b9c1cb}.status-good{color:#98d99a}.status-warn{color:#ffc56f}.status-bad{color:#ff8c89}
.legal-shell{max-width:900px}.legal-card h1{margin-top:0}.legal-card h2{margin-top:30px}.placeholder{background:#352714;border:1px solid #694d24;color:#ffd29a;border-radius:10px;padding:12px 14px}.legal-data{padding:18px;background:#12161b;border-radius:12px}.legal-data code{color:#ffb56e}.muted{color:var(--otter-muted)}.small{font-size:13px}.danger{color:#ff9390}.success{color:#a7e4aa}
.download-box{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #303742;background:#181d23;border-radius:16px;padding:18px;margin-top:18px}.download-box p{margin:4px 0 0;color:var(--otter-muted)}
.footer-note{font-size:12px;color:#89929d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.hero-grid,.detail-grid,.shop-layout{grid-template-columns:1fr}.summary-card{position:static}.product-grid-v2,.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-row{grid-template-columns:repeat(2,1fr)}nav{display:none;position:absolute;top:72px;left:16px;right:16px;flex-direction:column;padding:14px;background:#171b21;border:1px solid #303742;border-radius:14px}nav.open{display:flex}.menubtn{display:block}.nav{position:relative}}
@media(max-width:620px){.wrap{width:min(100% - 20px,1180px)}.hero-v2{padding-top:48px}.product-grid-v2,.feature-cards,.trust-row,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.cart-row{grid-template-columns:1fr auto}.cart-row .icon-button{grid-column:2}.download-box{align-items:flex-start;flex-direction:column}.foot{gap:14px;flex-direction:column}.hero-v2 h1{font-size:40px}}



/* --- Otter Vault Support-Reset --- */
.support-reset-card{padding:26px;border:1px solid rgba(11,107,120,.62);border-radius:20px;background:linear-gradient(135deg,rgba(11,107,120,.14),#181d23 46%,#151a20);box-shadow:0 14px 38px rgba(0,0,0,.18)}
.support-reset-card h2{margin:8px 0 10px;font-size:clamp(25px,3vw,36px)}
.support-reset-card>p{max-width:900px;color:var(--otter-muted);line-height:1.65}
.support-security{display:grid;gap:6px;margin:20px 0;padding:17px 18px;border:1px solid rgba(102,187,106,.36);border-left:4px solid var(--otter-green);border-radius:12px;background:rgba(102,187,106,.06)}
.support-security strong{color:#bfe9c1}
.support-security span{color:#d7dde4;line-height:1.6}
.support-reset-price{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:18px;padding:16px 18px;border:1px solid #3a424d;border-radius:12px;background:#12171c}
.support-reset-price .price-label{display:block;color:#94a0a6;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}
.support-reset-price strong{display:block;color:#77d5e0;font-size:21px}
.support-reset-price p{margin:0;max-width:470px;text-align:right;color:#97a1aa;font-size:12px;line-height:1.5}
.support-price-mini{margin:12px 0 14px;padding:10px 11px;border:1px solid rgba(11,107,120,.46);border-radius:10px;background:rgba(11,107,120,.08);color:#aebbc1;font-size:12px;line-height:1.45}
.support-price-mini b{color:#77d5e0}
@media(max-width:700px){.support-reset-price{align-items:flex-start;flex-direction:column}.support-reset-price p{text-align:left}}


/* --- 1.0.0 RC Über mich --- */
.about-hero{
  padding:54px 0 26px;
}
.about-hero-grid{
  display:grid;
  grid-template-columns:1.2fr .95fr;
  gap:34px;
  align-items:center;
}
.profile-visual{
  display:flex;
  justify-content:center;
}
.profile-shot{
  width:min(100%,460px);
  border-radius:20px;
  border:1px solid #33424a;
  box-shadow:0 24px 60px #0008;
  background:#131d22;
}
.profile-panel{
  margin-top:22px;
  background:linear-gradient(180deg,#18242a,#10191f);
  border:1px solid #324149;
  border-radius:14px;
  padding:24px;
  box-shadow:0 16px 44px #0004;
}
.profile-panel h2{margin:0 0 10px;font-size:28px}
.profile-panel p{color:#c8d0d4;line-height:1.75;font-size:14px}
.profile-highlights{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:24px;
}
.profile-highlight{
  background:#1a252b;
  border:1px solid #324149;
  border-radius:12px;
  padding:18px;
}
.profile-highlight b{display:block;margin-bottom:8px;font-size:15px;color:#fff}
.profile-highlight span{display:block;color:#aeb7bc;font-size:13px;line-height:1.6}
.note-box{
  margin-top:18px;
  padding:16px 18px;
  border-radius:12px;
  border:1px solid #4b3b28;
  background:#261d15;
  color:#ffd9af;
  font-size:13px;
  line-height:1.65;
}
@media(max-width:900px){
  .about-hero-grid{grid-template-columns:1fr}
  .profile-panel h2{text-align:left}
}
@media(max-width:540px){
  .profile-highlights{grid-template-columns:1fr}
}

/* RC2: keyboard access, resilient checkout and narrow screens. */
[hidden]{display:none!important}
body{line-height:1.55}
button,input,select,textarea{font:inherit}
a,button,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:3px solid #ffad66;outline-offset:4px}
.skip-link{position:fixed;top:8px;left:12px;z-index:1000;transform:translateY(-160%);background:#ff8b22;color:#141414;border-radius:6px;padding:10px 16px;font-weight:800}
.skip-link:focus{transform:translateY(0)}
.btn{color:#181818;min-height:44px;line-height:1.35}
.btn.ghost,.btn.teal{color:#fff}
.btn.disabled-product,.btn[disabled]{opacity:.72}
.icon-button,.menubtn,.cart{min-width:44px;min-height:44px}
.cart{display:inline-flex;align-items:center;justify-content:center}
.cart sup{align-self:center;font-size:12px}
.shop-page{padding-bottom:64px}
.payment-method{border:1px solid #39414c;border-radius:12px;padding:18px;margin-top:16px}
.payment-method h3{margin:0 0 8px}
.cart-title,.summary-line>span,.summary-line>b,.summary-card,.checkout-card,.form-card,.cart-card{min-width:0;overflow-wrap:anywhere}
.summary-line>b{flex-shrink:0}
.summary-total>span:last-child{white-space:nowrap}
.field input,.field select,.field textarea{font-size:16px}
.checkrow{line-height:1.55}
.checkrow input{flex:0 0 18px;width:18px;height:18px;accent-color:#ff7a00}
.foot>span:last-child{display:flex;flex-wrap:wrap;gap:12px 18px}
.foot a{margin-left:0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.nav nav{gap:18px}.nav{gap:12px}}
@media(max-width:900px){.nav nav{top:68px;left:0;right:0;max-height:calc(100dvh - 90px);overflow-y:auto}.nav nav a{padding:12px}.menubtn{display:inline-flex;align-items:center;justify-content:center}}
@media(max-width:620px){.cart-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px 12px}.cart-title{grid-column:1}.cart-price{grid-column:1;grid-row:2;white-space:normal}.cart-row .icon-button{grid-column:2;grid-row:1/3}.summary-total{font-size:19px}.payment-method{padding:14px}.checkout-card,.form-card,.summary-card,.cart-card{padding:18px}.pagehead h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.brandlogo{width:auto;max-width:150px;max-height:54px;object-fit:contain}
@media(max-width:900px){.checkout-card+.summary-card{order:-1}}
.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){.home-product-grid{grid-template-columns:1fr}}

/* Website 1.1.0: current products, local videos and free downloads. */
.free-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-card-v2 .buttons{margin-top:auto;padding-top:20px;flex-wrap:wrap}
.product-card-v2{display:flex;flex-direction:column;min-width:0}
.product-card-v2 .product-meta{flex-wrap:wrap}.product-card-v2 h2{overflow-wrap:anywhere}
.video-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px;align-items:start}
.video-grid video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--line);border-radius:14px;background:#11151a;box-shadow:0 18px 45px #0004}
.video-transcript{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.video-transcript summary{cursor:pointer;color:var(--orange);font-weight:650}.video-transcript div{color:var(--muted);line-height:1.7;padding-top:14px;font-size:14px}
.step-number{font-size:30px;color:var(--orange);font-weight:800;letter-spacing:-1px}
.autolog-preview{background:#19232c;border:1px solid #414950;border-top:5px solid var(--orange);border-radius:18px;padding:30px;box-shadow:0 20px 50px #0005;transform:rotate(1deg)}
.autolog-preview h2{font-size:32px;margin:12px 0 24px}.autolog-preview>div{display:grid;gap:5px;padding:17px 0;border-top:1px solid #39414b}.autolog-preview b{color:#ffab61}.autolog-preview span:not(.section-kicker),.autolog-preview small{color:#c2cad1}.autolog-preview small{display:block;margin-top:18px}
.autolog-steps{line-height:1.8;max-width:860px;padding-left:25px}.autolog-steps li{padding:8px 0 8px 8px}
.download-pending{font-size:14px;color:var(--muted);display:block;width:100%;line-height:1.5}
footer .withdrawal-link{border:1px solid #a96b37;border-radius:6px;padding:7px 10px;color:#ffb06d;display:inline-block}
[id]{scroll-margin-top:100px}
@media(max-width:800px){.video-grid{grid-template-columns:1fr;gap:22px}.free-product-grid{grid-template-columns:1fr}.autolog-preview{transform:none;padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 1.2.0: responsive, shared edition comparison and product status. */
.edition-capacity{font-size:24px;font-weight:800;color:#ffae63!important;line-height:1.3}
.edition-table-scroll{width:100%;overflow-x:auto;margin-top:30px;border:1px solid #3b434f;border-radius:14px;-webkit-overflow-scrolling:touch}
.edition-table-scroll:focus-visible{outline:3px solid #ff7a00;outline-offset:4px}
.edition-table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px;line-height:1.5}
.edition-table caption{text-align:left;padding:18px;font-weight:800;background:#20262e;color:#f6f7f8}
.edition-table th,.edition-table td{padding:14px 16px;border-top:1px solid #3b434f;text-align:left;vertical-align:top}
.edition-table thead th{background:#20262e;color:#ffae63}
.edition-table tbody th{width:43%;font-weight:600}
.edition-table tbody tr:nth-child(even){background:#1a1f26}
.edition-table td:last-child{color:#ffce9c}
.product-card-v2.featured{border-color:#ff7a00}
[id]{scroll-margin-top:88px}
@media(max-width:620px){.edition-capacity{font-size:22px}.edition-table th,.edition-table td{padding:12px}}

/* Demostart: existing identity, responsive launch and contact areas. */
.launch-strip{background:#251b13;border-bottom:1px solid #70421e;color:#ffca9b;font-size:13px;padding:12px 0}
.launch-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.launch-strip a{color:#ffd4af;font-weight:700}
.launch-callout{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:32px;background:#1b252b;border:1px solid #c26b26;border-radius:12px}.launch-callout p{max-width:680px}.launch-callout .btn{flex-shrink:0}
.interest-products{border:0;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.interest-products legend{font-size:20px;font-weight:700;margin-bottom:16px}
.choice{display:flex;gap:12px;align-items:flex-start;background:#131d22;border:1px solid #465058;border-radius:8px;padding:14px;line-height:1.5;cursor:pointer;min-width:0}.choice:has(input:checked){border-color:#ff7a00;background:#2c2015}.choice input{width:19px;height:19px;flex:0 0 19px;margin-top:2px;accent-color:#ff7a00}.consent{margin:22px 0 16px;font-size:14px}
[data-email-draft]>.field{margin:16px 0}[data-draft-text]{display:block;width:100%;min-height:200px;padding:14px;border-radius:8px;background:#10191e;color:#e9eef0;border:1px solid #56636c;resize:vertical;font:inherit;font-size:14px}
.draft-status:not(:empty){border-left:3px solid #ff7a00;padding:14px;margin:20px 0;color:#ffd4af;background:#251d16}[data-draft-result]{margin-top:24px;padding-top:18px;border-top:1px solid #465058}.summary-card a{overflow-wrap:anywhere}.download-ready{color:#8cdeb1;font-weight:600}
.launch-list{padding-left:20px;line-height:2}hr{border:0;border-top:1px solid #465058;margin:24px 0}.pagehead .buttons{justify-content:center}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffb36b;outline-offset:4px}[hidden]{display:none!important}
@media(max-width:760px){.interest-products{grid-template-columns:1fr}.launch-callout{display:block;padding:24px}.launch-callout .btn{margin-top:12px}.launch-strip{font-size:12px}.shop-page .pagehead h1{font-size:32px}.choice{padding:12px}.buttons .btn{white-space:normal;text-align:center}.launch-strip .wrap{gap:8px}}