/* Bundle-Format: 3 | name=public-marketing | sources=1 */
/* ============================================================ HostingPlus Modern — Marketing Product Pages Extrahiert aus prototypes/site_00_Full_Landing.html (Zeilen 818-2006) Lädt zusätzlich zu marketing.css+home.css für Produkt-Unterseiten ============================================================ */ /* ============ DETAIL PAGE — CONFIGURATOR ============ */ .detail-hero{padding:40px 0 24px}.breadcrumb{font-size:13px;color:var(--mid);margin-bottom:24px;display:flex;align-items:center;gap:8px}.breadcrumb a:hover{color:var(--ink)}.breadcrumb .sep{color:var(--line-2)}.detail-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-0.03em;font-weight:700;margin:0 0 16px}.detail-hero h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.detail-hero p{font-size:17px;color:var(--ink-3);max-width:56ch;margin:0}/* Product subpages (wordpress/reseller/server) */ .prod-hero{padding:50px 0 60px;background:linear-gradient(180deg,var(--paper) 0%,var(--white) 100%);border-bottom:1px solid var(--line)}.prod-hero .container{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.prod-hero h1{font-size:clamp(40px,5vw,62px);line-height:1.02;letter-spacing:-0.03em;font-weight:700;margin:14px 0 16px}.prod-hero h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.prod-hero .lede{font-size:17px;color:var(--ink-3);line-height:1.55;max-width:52ch;margin:0 0 24px}.prod-hero .kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}.prod-hero .kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.prod-hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.prod-hero-visual{aspect-ratio:4/3;background:var(--surface-dark);color:#fff;border-radius:20px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 20px 50px -10px rgba(15,15,14,.18)}.prod-hero-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(229,36,43,.22),transparent 50%),radial-gradient(circle at 15% 90%,rgba(229,36,43,.08),transparent 50%);pointer-events:none}.prod-viz-row{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px}.prod-viz-meta{font-size:11.5px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.1em;font-family:'JetBrains Mono',monospace}.prod-viz-big{font-size:54px;font-weight:700;letter-spacing:-0.035em;line-height:1;margin-top:6px}.prod-viz-bars{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.prod-viz-bar{display:grid;grid-template-columns:60px 1fr 40px;gap:10px;align-items:center;font-size:11px;color:rgba(255,255,255,.6);font-family:'JetBrains Mono',monospace}.prod-viz-bar .track{height:8px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}.prod-viz-bar .fill{height:100%;background:var(--red);border-radius:3px}/* Feature strip */ .prod-features{padding:80px 0 30px}.prod-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.prod-feat{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,transform .15s,box-shadow .15s}.prod-feat:hover{border-color:var(--ink-3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.prod-feat-ico{width:40px;height:40px;border-radius:10px;background:var(--paper-2);color:var(--ink);display:grid;place-items:center}.prod-feat h3{font-size:18px;font-weight:700;letter-spacing:-0.015em;margin:0}.prod-feat p{font-size:14px;color:var(--ink-3);line-height:1.55;margin:0}.prod-feat .mono{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--red);margin-top:auto;padding-top:10px;border-top:1px dashed var(--line)}/* Spec grid (Server) */ .spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.spec-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,transform .15s,box-shadow .15s}.spec-card:hover{border-color:var(--ink-3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.spec-card.featured{border:2px solid var(--red);box-shadow:0 0 0 6px rgba(227,27,35,.05),var(--shadow-md)}.spec-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.spec-name{font-size:20px;font-weight:700;letter-spacing:-0.015em}.spec-price-row{text-align:right}.spec-price{font-size:28px;font-weight:700;letter-spacing:-0.025em}.spec-per{font-size:12px;color:var(--ink-3)}.spec-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0}.spec-item{display:flex;flex-direction:column;gap:2px}.spec-item-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mid);font-weight:600}.spec-item-val{font-size:15px;font-weight:700;font-family:'JetBrains Mono',monospace;letter-spacing:-0.01em}.spec-features{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ink-3)}.spec-features li::before{content:"✓ ";color:var(--red);font-weight:700}.spec-cta{align-self:flex-start;margin-top:4px}@media (max-width:900px){.prod-hero .container{grid-template-columns:1fr}.prod-feat-grid{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr}.spec-specs{grid-template-columns:repeat(2,1fr)}}/* Config */ .configurator{padding:28px 0 80px}.config-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:40px;align-items:start}.config-left{display:flex;flex-direction:column;gap:22px}.config-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 36px}.config-card h3{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--mid);margin:0 0 24px;font-weight:600;display:flex;align-items:center;gap:10px}.config-card h3 .step-num{width:22px;height:22px;border-radius:50%;background:var(--surface-dark);color:var(--paper);display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:0}/* Tier selector:auto-fit damit Cards immer die volle Container-Breite nutzen,egal ob 2,3 oder 4 Pakete angeboten werden. Min 180px pro Card fuer lesbare Typo. */ .tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.tier{background:var(--paper);border:2px solid var(--line);border-radius:12px;padding:22px 20px;cursor:pointer;transition:border-color .15s,background .15s;position:relative;display:flex;flex-direction:column;gap:10px}.tier:hover{border-color:var(--ink-3)}.tier.selected{border-color:var(--red);background:var(--red-soft)}[data-theme="dark"] .tier.selected{background:#1F0A0B}.tier .tier-badge{position:absolute;top:-10px;right:14px;background:var(--red);color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.06em;padding:3px 8px;border-radius:4px;text-transform:uppercase}.tier-name{font-size:16px;font-weight:700;letter-spacing:-0.01em}.tier-desc{font-size:12.5px;color:var(--mid);min-height:52px;line-height:1.45}.tier-price{display:flex;align-items:baseline;gap:3px;margin-top:4px}.tier-price .a{font-size:22px;font-weight:700;letter-spacing:-0.02em}.tier-price .p{font-size:12px;color:var(--mid)}.tier-specs{font-size:11.5px;color:var(--ink-3);font-family:'JetBrains Mono',monospace;margin-top:4px;line-height:1.45}/* Spec-Liste pro Tier-Tile (alle Features direkt sichtbar — wie hostingplus.de Original) */ .tier-spec-list{margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:0;font-size:12px}.tier-spec-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);line-height:1.35}.tier-spec-row:last-of-type{border-bottom:0}.tier-spec-row dt{color:var(--ink-3);font-weight:500}.tier-spec-row dd{margin:0;color:var(--ink);font-weight:600;text-align:right}.tier.selected .tier-spec-row{border-bottom-color:rgba(226,27,35,.15)}[data-theme="dark"] .tier-spec-row{border-bottom-color:rgba(255,255,255,.1)}.tier .tier-check{position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:50%;border:2px solid var(--line-2);background:var(--white);transition:background .15s,border-color .15s;display:grid;place-items:center}.tier.selected .tier-check{background:var(--red);border-color:var(--red)}.tier.selected .tier-check::after{content:"✓";color:#fff;font-size:11px;font-weight:700}.tier.has-badge .tier-check{right:auto;left:14px}/* Term selector */ .terms{display:flex;gap:0;background:var(--paper-2);border:1px solid var(--line);border-radius:10px;padding:4px;width:fit-content}.term-btn{padding:9px 16px;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--ink-3);position:relative;display:flex;align-items:center;gap:8px;transition:background .15s,color .15s}.term-btn.active{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}.term-btn .save-tag{font-size:10.5px;background:var(--red);color:#fff;padding:2px 5px;border-radius:3px;font-weight:600;letter-spacing:.04em}/* Addons */ .addons{display:flex;flex-direction:column;gap:10px}.addon{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);transition:border-color .15s,background .15s;cursor:pointer}.addon:hover{border-color:var(--ink-3)}.addon.selected{border-color:var(--red);background:var(--red-soft)}[data-theme="dark"] .addon.selected{background:#1F0A0B}.addon .a-left{display:flex;gap:14px;align-items:center}.addon .a-check{width:20px;height:20px;border-radius:5px;border:2px solid var(--line-2);background:var(--white);display:grid;place-items:center;flex-shrink:0}.addon.selected .a-check{background:var(--red);border-color:var(--red)}.addon.selected .a-check::after{content:"✓";color:#fff;font-size:11px;font-weight:700}.addon .a-info .a-name{font-weight:600;font-size:14.5px}.addon .a-info .a-desc{font-size:12.5px;color:var(--mid)}.addon .a-price{font-size:14px;font-weight:600;white-space:nowrap}.addon .a-price .unit{font-size:11px;color:var(--mid);font-weight:500}.addon.included .a-price{color:var(--green)}/* Domain step */ .included-domain{background:var(--paper);border:1px dashed var(--line-2);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;font-size:13.5px}.included-domain .g-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.included-domain .d-main{flex:1}.included-domain .d-value{font-family:'JetBrains Mono',monospace;font-weight:600}.included-domain .change-btn{font-size:12.5px;color:var(--red);font-weight:600}/* Summary */ .summary{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 28px;position:sticky;top:90px}.summary h3{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--mid);margin:0 0 18px;font-weight:600}.summary .s-line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 0;font-size:14px;border-bottom:1px dashed var(--line)}.summary .s-line .s-label{color:var(--ink-3)}.summary .s-line .s-label b{color:var(--ink);display:block;font-weight:600;font-size:14.5px}.summary .s-line .s-val{font-weight:600;white-space:nowrap}.summary .s-line .s-val .strike{color:var(--mid);text-decoration:line-through;font-weight:400;margin-right:6px;font-size:12.5px}.summary .s-sub{font-size:11.5px;color:var(--mid);margin-top:2px}.summary .s-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:18px;margin-top:8px}.summary .s-total .t-label{font-size:14px;color:var(--ink-3)}.summary .s-total .t-val{font-size:34px;font-weight:700;letter-spacing:-0.03em}.summary .s-total .t-val .u{font-size:14px;color:var(--mid);font-weight:500;margin-left:2px}.summary .s-billing{font-size:12px;color:var(--mid);margin-bottom:18px}.summary .s-cta{display:block;text-align:center;padding:15px;background:var(--red);color:#fff;border-radius:10px;font-weight:600;font-size:15.5px;margin-top:8px;transition:background .15s,transform .1s;box-shadow:0 1px 0 rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.18)}.summary .s-cta:hover{background:var(--red-hover)}.summary .s-cta:active{transform:translateY(1px)}.summary .s-notes{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--mid)}.summary .s-notes .n{display:flex;gap:8px;align-items:start}.summary .s-notes .n svg{flex-shrink:0;margin-top:2px;color:var(--green)}/* ============ TWEAKS PANEL ============ */ .tweak-panel{position:fixed;right:20px;bottom:20px;z-index:200;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;box-shadow:var(--shadow-lg);font-size:13px;width:280px;display:none}.tweak-panel.show{display:block}.tweak-panel h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px;color:var(--mid);display:flex;align-items:center;justify-content:space-between}.tweak-panel h4::before{content:"Tweaks";color:var(--ink);font-weight:700}.tweak-panel h4::after{content:"";width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 3px rgba(229,36,43,.2)}.tweak-panel .tweak-group{margin-bottom:14px}.tweak-panel .tweak-group:last-child{margin-bottom:0}.tweak-panel .tweak-label{font-size:11px;color:var(--mid);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.tweak-panel .tweak-row{display:flex;gap:4px;background:var(--paper-2);padding:3px;border-radius:8px}.tweak-panel .tweak-opt{flex:1;padding:7px 6px;border-radius:6px;font-size:12px;font-weight:500;color:var(--ink-3);text-align:center;transition:background .15s,color .15s;cursor:pointer}.tweak-panel .tweak-opt.active{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}/* ============ DOMAIN PAGE ============ */ .domain-hero{padding:50px 0 28px;text-align:center}.domain-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:20px}.domain-hero .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--red)}.domain-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-0.03em;font-weight:700;margin:0 0 14px;max-width:20ch;margin-inline:auto}.domain-hero h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.domain-hero p{font-size:17px;color:var(--ink-3);max-width:52ch;margin:0 auto 30px}/* Basis-Definition (Original in home.css). Hier dupliziert,weil /domains die home.css nicht mehr laedt (CSS-Bundle-Split fuer schlankere Pages). Aenderungen bitte auch in home.css spiegeln,sonst driftet der Look zwischen Home und /domains. */ .domain-search{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:8px 8px 8px 18px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-md);max-width:540px;margin-bottom:18px;transition:border-color .15s,box-shadow .15s}.domain-search:focus-within{border-color:var(--ink-3);box-shadow:0 0 0 4px rgba(11,11,12,.05),var(--shadow-md)}.domain-search .prefix{color:var(--mid);font-family:'JetBrains Mono',monospace;font-size:14px}.domain-search input{flex:1;border:none;outline:none;background:transparent;font-size:17px;font-weight:500;color:var(--ink);font-family:'JetBrains Mono',monospace;padding:12px 0;min-width:0}.domain-search input::placeholder{color:var(--mid)}.domain-search .check-btn{padding:11px 18px;border-radius:9px;background:var(--surface-dark);color:var(--paper);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:background .15s;border:0;cursor:pointer}.domain-search .check-btn:hover{background:var(--surface-dark-2)}/* /domains-spezifische Anpassungen (groesser,zentriert) */ .domain-hero .domain-search{margin:0 auto 14px;max-width:620px;padding:10px 10px 10px 22px}.domain-hero .domain-search input{font-size:19px;padding:14px 0}.domain-hero .domain-search .check-btn{padding:13px 22px;font-size:15px}.domain-hero .hero-quickstats{display:flex;justify-content:center;gap:36px;margin-top:28px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);max-width:720px;margin-inline:auto}.domain-hero .qs{display:flex;flex-direction:column;gap:2px}.domain-hero .qs .n{font-size:22px;font-weight:700;letter-spacing:-0.02em}.domain-hero .qs .n em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.domain-hero .qs .l{font-size:12px;color:var(--mid);text-transform:uppercase;letter-spacing:.1em;font-weight:600}/* Domain result panel (.dom-results) — extrahiert nach domain-check.css,wird ueber das public-base-Bundle global eingebunden (auch auf Home). */ /* Category tabs */ .cat-section{padding:40px 0 20px}.cat-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:22px;scrollbar-width:thin}.cat-tabs::-webkit-scrollbar{height:4px}.cat-tabs::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:2px}.cat-tab{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink-3);white-space:nowrap;transition:background .15s,color .15s;display:inline-flex;align-items:center;gap:8px}.cat-tab .count{font-size:11px;color:var(--mid);background:var(--paper-2);padding:1px 6px;border-radius:4px;font-weight:600}.cat-tab:hover{background:var(--paper-2);color:var(--ink)}.cat-tab.active{background:var(--surface-dark);color:var(--paper)}.cat-tab.active .count{background:rgba(255,255,255,.15);color:#fff}/* Search within categories */ .tld-filter{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.tld-filter input{flex:1;min-width:240px;padding:12px 16px 12px 40px;border:1px solid var(--line);border-radius:10px;background:var(--white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6B72' stroke-width='2.3'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>") no-repeat 14px center;font-size:14.5px;color:var(--ink);font-family:inherit;outline:none;transition:border-color .15s}.tld-filter input:focus{border-color:var(--ink-3)}.tld-filter .sort{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:14px;color:var(--ink-2);font-family:inherit;cursor:pointer}.tld-filter .count-info{font-size:13px;color:var(--mid)}.tld-filter .count-info b{color:var(--ink)}/* TLD Grid */ .tld-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tld-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,transform .15s,box-shadow .15s;position:relative;cursor:pointer}.tld-card:hover{border-color:var(--ink-3);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tld-card .tld-name{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:600;letter-spacing:-0.02em;color:var(--ink)}.tld-card .tld-desc{font-size:12px;color:var(--mid);min-height:28px;line-height:1.35}.tld-card .tld-price{display:flex;align-items:baseline;justify-content:space-between;padding-top:10px;border-top:1px dashed var(--line);margin-top:auto}.tld-card .tld-price .amt{font-size:15px;font-weight:700;letter-spacing:-0.01em}.tld-card .tld-price .per{font-size:11px;color:var(--mid);font-weight:500}.tld-card .tld-price .renew{font-size:10.5px;color:var(--mid)}.tld-card .tld-badge{position:absolute;top:12px;right:12px;font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:3px}.tld-card .tld-badge.hot{background:var(--red);color:#fff}.tld-card .tld-badge.new{background:var(--green);color:#fff}.tld-card .tld-badge.sale{background:var(--amber);color:#fff}.tld-card.hot{border-color:rgba(229,36,43,.3)}.tld-card.hot::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(229,36,43,.04),transparent 40%);pointer-events:none;border-radius:12px}/* Load more */ .load-more{display:block;margin:24px auto 0;padding:12px 28px;border:1px solid var(--line-2);border-radius:10px;background:var(--white);color:var(--ink);font-weight:600;font-size:14px}.load-more:hover{border-color:var(--ink-3)}/* Features strip */ .dom-features{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0;margin-top:60px}.dom-features .fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.dom-features .f{display:flex;flex-direction:column;gap:8px}.dom-features .f .fi{width:40px;height:40px;border-radius:10px;background:var(--white);border:1px solid var(--line);display:grid;place-items:center;color:var(--red);margin-bottom:6px}.dom-features .f h4{margin:0;font-size:16px;font-weight:700;letter-spacing:-0.01em}.dom-features .f p{margin:0;font-size:13.5px;color:var(--ink-3);line-height:1.5}/* Transfer callout */ .transfer-band{padding:64px 0}.transfer-band .tb-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.transfer-band h2{font-size:clamp(30px,3.6vw,44px);line-height:1.05;letter-spacing:-0.025em;font-weight:700;margin:0 0 14px}.transfer-band h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.transfer-band p{color:var(--ink-3);margin:0 0 20px;max-width:44ch}.transfer-band ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:8px}.transfer-band ul li{display:flex;align-items:center;gap:10px;font-size:14.5px}.transfer-band ul li svg{color:var(--green);flex-shrink:0}.transfer-band .tb-right{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:26px 28px;box-shadow:var(--shadow-md)}.transfer-band .tb-right h3{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--mid);font-weight:600}.transfer-band .tb-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.transfer-band .tb-field label{font-size:12px;color:var(--mid);font-weight:500}.transfer-band .tb-field input{padding:11px 14px;border:1px solid var(--line);border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:14px;outline:none}.transfer-band .tb-field input:focus{border-color:var(--ink-3)}.transfer-band .tb-submit{width:100%;padding:13px;background:var(--surface-dark);color:var(--paper);border-radius:10px;font-weight:600;font-size:14.5px}@media (max-width:980px){.tld-grid{grid-template-columns:1fr 1fr}.dom-features .fgrid{grid-template-columns:1fr 1fr}.transfer-band .tb-grid{grid-template-columns:1fr}}/* Helpers */ .hide{display:none !important}svg{display:block}@media (max-width:980px){.hero .hero-grid,.reasons-grid,.quote-strip .q-row,.config-grid,.cta-band .row{grid-template-columns:1fr !important}.product-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr}.q-meta{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:30px}nav.main{display:none}.hero.layout-editorial .hero-left{grid-template-columns:1fr}.float-card.support{left:10px;bottom:-10px}.float-card.live{right:10px;top:10px}.float-card.launch{display:none}.browser{transform:none}}/* ============ BLOG PAGE ============ */ .blog-hero{padding:50px 0 36px;border-bottom:1px solid var(--line)}.blog-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:end;margin-top:18px}.blog-hero h1{font-size:clamp(48px,6vw,82px);line-height:0.96;letter-spacing:-0.032em;font-weight:700;margin:10px 0 18px}.blog-hero h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.blog-hero .lede{font-size:18px;line-height:1.5;color:var(--ink-3);max-width:48ch;margin:0}.blog-search label{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.blog-search label:focus-within{border-color:var(--ink-3);box-shadow:0 0 0 4px rgba(11,11,12,.05),var(--shadow-sm)}.blog-search label svg{color:var(--mid);flex-shrink:0}.blog-search input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:15px;color:var(--ink)}.blog-search input::placeholder{color:var(--mid)}.blog-search-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--mid);margin-top:10px;padding-left:4px}/* Featured post */ .blog-featured{padding:44px 0 10px}.feat-card{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md)}.feat-media{background:linear-gradient(135deg,#0B0B0C,#1C1C1F);position:relative;min-height:380px;overflow:hidden}.feat-img{position:absolute;inset:0}.feat-img-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px}.feat-img-chart{position:absolute;inset:30px 24px}.feat-img-chart svg{width:100%;height:100%}.feat-img-annot{position:absolute;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:5px 9px;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#F5F5F2;display:flex;align-items:center;gap:6px;white-space:nowrap}.feat-img-annot .a-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red)}.feat-body{padding:40px 44px;display:flex;flex-direction:column;gap:18px}.feat-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:4px;background:var(--paper-2);color:var(--ink-3);border:1px solid var(--line)}.tag-feat{background:var(--surface-dark);color:#fff;border-color:var(--surface-dark)}.feat-body h2{font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-0.025em;font-weight:700;margin:0;text-wrap:balance}.feat-body p{font-size:16px;color:var(--ink-3);line-height:1.55;margin:0;max-width:44ch}.feat-meta{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);margin-top:auto;gap:16px;flex-wrap:wrap}.author{display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;letter-spacing:.02em;flex-shrink:0}.avatar.lg{width:52px;height:52px;font-size:16px}.a-name{font-size:14px;font-weight:600;color:var(--ink)}.a-role{font-size:12.5px;color:var(--mid);margin-top:1px}.feat-meta-right{display:flex;gap:8px;font-size:13px;color:var(--mid)}/* Category tabs */ .blog-cats{padding:30px 0 20px;border-top:1px solid var(--line);margin-top:50px}.blog-cats .container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cat-scroll{display:flex;gap:6px;flex-wrap:wrap;flex:1}.cat-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink-2);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s}.cat-tab:hover{border-color:var(--ink-3)}.cat-tab.active{background:var(--surface-dark);color:#fff;border-color:var(--surface-dark)}[data-theme="dark"] .cat-tab.active{background:var(--red);border-color:var(--red)}.cat-tab .c-count{font-family:'JetBrains Mono',monospace;font-size:11px;opacity:.6;font-weight:500}.cat-sort{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mid)}.cat-sort select{font-family:inherit;font-size:13px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);cursor:pointer}/* Posts grid */ .blog-grid-wrap{padding:30px 0 60px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post{display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:transform .15s}.post:hover{transform:translateY(-2px)}.post:hover .post-thumb-inner{transform:scale(1.03)}.post:hover h3{color:var(--red)}.post-thumb{aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:1px solid var(--line);position:relative}.post-thumb-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .4s ease}.post-thumb-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.85);padding:4px 10px;border-radius:4px;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);position:absolute;top:12px;left:12px}.post-cat{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}.post h3{font-size:19px;line-height:1.25;letter-spacing:-0.018em;font-weight:700;margin:0;text-wrap:balance;transition:color .15s}.post p{font-size:14px;color:var(--ink-3);line-height:1.5;margin:0}.post-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--mid);margin-top:auto;padding-top:10px}.post-meta .avatar{width:22px;height:22px;font-size:9px}.post-meta .sep{opacity:.4}.blog-empty{padding:60px 0;text-align:center;display:flex;flex-direction:column;gap:6px;color:var(--ink-3);font-size:15px}.blog-empty strong{color:var(--ink);font-size:18px}.blog-load{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:50px;padding-top:30px;border-top:1px dashed var(--line)}.blog-load-meta{font-size:13px;color:var(--mid)}.blog-load-meta b{color:var(--ink);font-weight:600}/* Thumb color variants */ .thumb-red{background:linear-gradient(135deg,#E31B23,#8B0F13)}.thumb-ink{background:linear-gradient(135deg,#1C1C1F,#0B0B0C)}.thumb-paper{background:linear-gradient(135deg,#F2F0EA,#D7D5CF)}.thumb-green{background:linear-gradient(135deg,#1F8A4C,#0F4A28)}.thumb-amber{background:linear-gradient(135deg,#C58B1B,#6B4A0E)}.thumb-blue{background:linear-gradient(135deg,#2B4E7A,#152843)}.thumb-paper .post-thumb-label{color:var(--ink);background:rgba(255,255,255,.6)}/* Thumb decorative glyphs (SVG motifs per thumb) */ .thumb-motif{width:72%;height:72%;opacity:.9}.thumb-paper .thumb-motif{opacity:.7}/* Authors */ .blog-authors{padding:70px 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.authors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.author-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,transform .15s}.author-card:hover{border-color:var(--ink-3);transform:translateY(-2px)}.author-card .avatar{margin-bottom:12px}.author-card .a-name{font-size:16px}.author-card .a-role{font-size:13px}.author-card .a-posts{font-size:12px;color:var(--mid);margin-top:8px;padding-top:10px;border-top:1px dashed var(--line)}/* Newsletter */ .blog-newsletter{padding:70px 0 90px}.nl-card{background:var(--surface-dark);color:#F5F5F2;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;gap:0;box-shadow:var(--shadow-lg)}.nl-left{padding:50px 56px;display:flex;flex-direction:column;gap:16px}.nl-left .kicker.white{color:#D5D5D0}.nl-left .kicker .dot{background:var(--red)}.nl-left h2{font-size:clamp(36px,4vw,52px);line-height:1;letter-spacing:-0.028em;font-weight:700;margin:0;color:#F5F5F2}.nl-left h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.nl-left p{color:#B8B8B2;font-size:15.5px;line-height:1.55;margin:0;max-width:42ch}.nl-form{display:flex;gap:8px;margin-top:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:6px;transition:border-color .15s}.nl-form:focus-within{border-color:rgba(255,255,255,.3)}.nl-form input{flex:1;background:transparent;border:none;outline:none;color:#F5F5F2;font-family:inherit;font-size:15px;padding:10px 12px}.nl-form input::placeholder{color:#6B6B72}.nl-form .btn-primary{padding:11px 20px}.nl-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12.5px;color:#8A8A84;margin-top:6px}.nl-right{background:linear-gradient(160deg,#16161A,#0B0B0C);padding:50px;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.06)}.nl-preview{background:#FAFAF8;color:var(--ink);border-radius:10px;padding:22px 24px;width:100%;max-width:340px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transform:rotate(1.5deg)}.nl-prev-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--mid);padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px}.nl-badge{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;color:var(--red);letter-spacing:.06em}.nl-toc{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.nl-toc li{display:flex;gap:10px;align-items:baseline;font-size:13px;line-height:1.35;color:var(--ink-2)}.nl-num{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--red);font-weight:700;flex-shrink:0}/* Dark mode adjustments */ [data-theme="dark"] .feat-card{background:var(--white)}[data-theme="dark"] .nl-card{background:#0A0A0B;border:1px solid var(--line)}[data-theme="dark"] .nl-preview{background:var(--white);color:var(--ink)}@media (max-width:900px){.blog-hero-grid{grid-template-columns:1fr;gap:32px}.feat-card{grid-template-columns:1fr}.feat-media{min-height:240px}.feat-body{padding:28px 24px}.blog-grid{grid-template-columns:1fr}.authors-grid{grid-template-columns:repeat(2,1fr)}.nl-card{grid-template-columns:1fr}.nl-left{padding:36px 28px}.nl-right{padding:36px 28px}.blog-cats .container{flex-direction:column;align-items:flex-start}}@media (max-width:1100px) and (min-width:901px){.blog-grid{grid-template-columns:repeat(2,1fr)}}/* ============ HELP / FAQ PAGE ============ */ .help-hero{padding:50px 0 50px;border-bottom:1px solid var(--line);background:radial-gradient(60% 80% at 50% 0%,rgba(227,27,35,.04),transparent 70%),var(--paper)}.help-hero-inner{max-width:760px;margin:0 auto;text-align:center;padding-top:10px}.help-hero .kicker{justify-content:center;display:inline-flex}.help-hero h1{font-size:clamp(46px,5.4vw,72px);line-height:1;letter-spacing:-0.03em;font-weight:700;margin:14px 0 16px}.help-hero h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.help-hero .lede{font-size:17.5px;line-height:1.5;color:var(--ink-3);margin:0 auto 28px;max-width:56ch;text-wrap:pretty}.help-search{max-width:640px;margin:0 auto}.help-search label{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-md);transition:border-color .15s,box-shadow .15s}.help-search label:focus-within{border-color:var(--ink-3);box-shadow:0 0 0 4px rgba(11,11,12,.05),var(--shadow-md)}.help-search svg{color:var(--mid);flex-shrink:0}.help-search input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:16px;color:var(--ink)}.help-search input::placeholder{color:var(--mid)}.help-search kbd{font-family:'JetBrains Mono',monospace;font-size:11px;background:var(--paper-2);color:var(--ink-3);padding:3px 7px;border-radius:4px;border:1px solid var(--line);flex-shrink:0}.help-search-popular{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px;font-size:13px;color:var(--mid)}.help-search-popular .chip{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-family:inherit;font-size:12.5px;color:var(--ink-2);cursor:pointer;transition:border-color .15s,color .15s}.help-search-popular .chip:hover{border-color:var(--ink-3);color:var(--ink)}.help-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;padding-top:30px;border-top:1px dashed var(--line);max-width:640px;margin-left:auto;margin-right:auto}.hst{display:flex;flex-direction:column;gap:4px;align-items:center}.hst-num{font-size:24px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);font-family:'JetBrains Mono',monospace}.hst-lbl{font-size:12px;color:var(--mid)}/* Status band */ .help-status{padding:24px 0}.status-band{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.status-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.status-left strong{color:var(--ink);font-weight:600}.status-sub{color:var(--mid);font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(31,138,76,.15)}.status-dot.ok{background:var(--green)}.status-dot.warn{background:var(--amber);box-shadow:0 0 0 3px rgba(197,139,27,.15)}/* Category tiles */ .help-cats{padding:50px 0 40px}.cat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.cat-tile{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 24px 22px;display:flex;flex-direction:column;gap:10px;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s,box-shadow .15s;font-family:inherit}.cat-tile:hover{border-color:var(--ink-3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cat-tile.active{border-color:var(--ink);box-shadow:0 0 0 3px rgba(11,11,12,.04)}.cat-tile .ct-icon-box{width:38px;height:38px;border-radius:8px;background:var(--paper-2);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:6px}.cat-tile h4{font-size:17px;font-weight:700;letter-spacing:-0.015em;margin:0}.cat-tile p{font-size:13.5px;line-height:1.45;color:var(--ink-3);margin:0}.cat-tile .ct-count{font-size:12px;color:var(--mid);display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:10px;border-top:1px dashed var(--line)}.cat-tile .ct-count .arrow{margin-left:auto;transition:transform .15s}.cat-tile:hover .ct-count .arrow{transform:translateX(3px)}/* FAQ */ .help-faq{padding:30px 0 70px}.faq-wrap{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}.faq-side{position:sticky;top:80px}.faq-side-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--mid);margin-bottom:10px}.faq-side-list{display:flex;flex-direction:column;gap:2px;margin-bottom:24px}.faq-side-btn{text-align:left;padding:8px 12px;border-radius:6px;border:none;background:transparent;color:var(--ink-2);font-family:inherit;font-size:13.5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:background .15s,color .15s}.faq-side-btn:hover{background:var(--paper-2);color:var(--ink)}.faq-side-btn.active{background:var(--surface-dark);color:#fff;font-weight:500}[data-theme="dark"] .faq-side-btn.active{background:var(--red)}.faq-side-btn .fsb-n{font-family:'JetBrains Mono',monospace;font-size:11px;opacity:.6}.faq-side-divider{height:1px;background:var(--line);margin:20px 0}.faq-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.faq-tips li{font-size:13px;line-height:1.5;color:var(--ink-3);padding-left:16px;position:relative}.faq-tips li::before{content:'→';position:absolute;left:0;color:var(--red)}.faq-tips code{font-family:'JetBrains Mono',monospace;font-size:12px;background:var(--paper-2);padding:1px 5px;border-radius:3px;color:var(--ink-2)}.faq-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:10px}.faq-head h3{font-size:22px;letter-spacing:-0.02em;margin:0;font-weight:700}.faq-meta{font-size:13px;color:var(--mid)}.faq-meta #faqCount{font-weight:600;color:var(--ink)}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;text-align:left;background:transparent;border:none;cursor:pointer;padding:20px 0;display:flex;align-items:flex-start;gap:16px;font-family:inherit;font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-0.01em}.faq-q:hover{color:var(--red)}.faq-q .fq-cat{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;padding-top:3px;width:70px}.faq-q .fq-text{flex:1;line-height:1.35;text-wrap:balance}.faq-q .fq-plus{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--ink-2);font-weight:400;transition:transform .2s,background .2s,color .2s;margin-top:2px}.faq-item.open .fq-plus{transform:rotate(45deg);background:var(--surface-dark);color:#fff;border-color:var(--surface-dark)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--ink-3);font-size:14.5px;line-height:1.6}.faq-a-inner{padding:0 38px 22px 86px}.faq-a-inner p{margin:0 0 10px}.faq-a-inner code{font-family:'JetBrains Mono',monospace;font-size:13px;background:var(--paper-2);padding:1px 6px;border-radius:3px;color:var(--ink-2)}.faq-a-inner .fa-foot{display:flex;align-items:center;gap:14px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--mid)}.faq-a-inner .fa-foot a{color:var(--red);font-weight:500}.faq-a-inner .fa-vote{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:3px 9px;background:var(--white);color:var(--ink-3);cursor:pointer;font-family:inherit;font-size:12px}.faq-a-inner .fa-vote:hover{border-color:var(--ink-3);color:var(--ink)}.faq-item.open .faq-a{max-height:800px}.faq-empty{padding:60px 0;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;color:var(--ink-3);font-size:15px}.faq-empty strong{color:var(--ink);font-size:18px}/* Contact cards */ .help-contact{padding:70px 0 90px;background:var(--paper);border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.ct-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s}.ct-card:hover{border-color:var(--ink-3)}.ct-card.ct-primary{background:var(--surface-dark);color:#F5F5F2;border-color:var(--surface-dark)}.ct-card.ct-primary h4,.ct-card.ct-primary p{color:#F5F5F2}.ct-card.ct-primary p{color:#B8B8B2}.ct-card.ct-primary .ct-lbl{color:#8A8A84}.ct-card.ct-primary .ct-meta{border-color:rgba(255,255,255,.08)}[data-theme="dark"] .ct-card.ct-primary{background:var(--white);color:var(--ink);border-color:var(--line)}[data-theme="dark"] .ct-card.ct-primary h4,[data-theme="dark"] .ct-card.ct-primary p{color:var(--ink)}[data-theme="dark"] .ct-card.ct-primary p{color:var(--ink-3)}.ct-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ct-icon{width:40px;height:40px;border-radius:10px;background:var(--paper-2);color:var(--ink);display:flex;align-items:center;justify-content:center}.ct-card.ct-primary .ct-icon{background:rgba(255,255,255,.08);color:#fff}[data-theme="dark"] .ct-card.ct-primary .ct-icon{background:var(--paper-2);color:var(--ink)}.ct-status{font-size:12px;color:var(--mid);display:inline-flex;align-items:center;gap:6px}.ct-card h4{font-size:19px;margin:4px 0 0;letter-spacing:-0.018em;font-weight:700}.ct-card p{font-size:14px;color:var(--ink-3);margin:0;line-height:1.5}.ct-meta{display:flex;flex-direction:column;gap:6px;padding-top:12px;margin-top:4px;border-top:1px dashed var(--line)}.ct-meta>div{display:flex;justify-content:space-between;font-size:13px;gap:12px}.ct-lbl{color:var(--mid)}.ct-card .btn{margin-top:6px;align-self:flex-start}@media (max-width:900px){.faq-wrap{grid-template-columns:1fr}.faq-side{position:static}.cat-tiles,.contact-grid{grid-template-columns:1fr}.help-stats{grid-template-columns:1fr;gap:18px}.faq-q .fq-cat{display:none}.faq-a-inner{padding-left:0;padding-right:14px}}@media (max-width:1100px) and (min-width:901px){.cat-tiles,.contact-grid{grid-template-columns:repeat(2,1fr)}}/* ============ PARTNER PAGE ============ */ .partner-hero{padding:50px 0 60px;border-bottom:1px solid var(--line);background:radial-gradient(70% 80% at 20% 10%,rgba(227,27,35,.04),transparent 70%)}.partner-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;margin-top:20px}.partner-hero h1{font-size:clamp(46px,5.4vw,80px);line-height:0.98;letter-spacing:-0.03em;font-weight:700;margin:12px 0 18px}.partner-hero h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.partner-hero .lede{font-size:17.5px;line-height:1.5;color:var(--ink-3);margin:0 0 26px;max-width:52ch}.partner-hero-right{position:relative}.partner-preview{padding:22px;background:var(--white)}.pp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.pp-kicker{font-size:11px;color:var(--mid);text-transform:uppercase;letter-spacing:.08em}.pp-title{font-size:18px;font-weight:700;letter-spacing:-0.015em;margin-top:2px}.pp-badge{background:var(--red-soft,#FCE7E8);color:var(--red);font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid rgba(227,27,35,.2)}.pp-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:16px;border-bottom:1px dashed var(--line);margin-bottom:14px}.pp-stat-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mid)}.pp-stat-num{font-size:26px;font-weight:700;letter-spacing:-0.02em;margin-top:4px}.pp-stat-trend{font-size:11.5px;color:var(--green);margin-top:2px;font-family:'JetBrains Mono',monospace}.pp-tld-list{display:flex;flex-direction:column;gap:2px}.pp-tld-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;padding:7px 0;font-size:13px;border-bottom:1px dashed var(--line)}.pp-tld-row:last-child{border-bottom:none}.pp-tld-row .mono{font-family:'JetBrains Mono',monospace;color:var(--ink);font-weight:600}.pp-cnt{color:var(--ink-3)}.pp-ek{font-family:'JetBrains Mono',monospace;color:var(--red);font-weight:600;font-size:12px}/* Tiers */ .partner-tiers{padding:80px 0 40px}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;align-items:stretch}.ptier{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 28px;display:flex;flex-direction:column;gap:18px;transition:border-color .15s,transform .15s,box-shadow .15s}.ptier:hover{border-color:var(--ink-3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ptier.featured{border:2px solid var(--red);box-shadow:0 0 0 6px rgba(227,27,35,.05),var(--shadow-md)}.ptier-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:999px;white-space:nowrap}.ptier-name{font-size:22px;font-weight:700;letter-spacing:-0.02em}.ptier-for{font-size:14px;color:var(--ink-3);margin-top:6px;line-height:1.45;min-height:40px}.ptier-price{display:flex;align-items:baseline;gap:6px}.pt-num{font-size:64px;font-weight:700;letter-spacing:-0.04em;color:var(--ink);line-height:1}.pt-unit{font-size:14px;color:var(--ink-3)}.ptier-divider{height:1px;background:var(--line)}.ptier-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1}.ptier-features li{font-size:14px;color:var(--ink-2);display:flex;gap:10px;align-items:baseline}.ptier-features .check{color:var(--red);font-weight:700;flex-shrink:0}.ptier-cta{width:100%;justify-content:center;margin-top:4px}.tier-foot{margin-top:26px;font-size:12.5px;color:var(--mid);line-height:1.55;max-width:72ch;text-align:center;margin-left:auto;margin-right:auto}/* Calc */ .partner-calc{padding:70px 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.calc-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.partner-calc h2{font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:-0.028em;font-weight:700;margin:14px 0 16px}.partner-calc h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.calc-intro{color:var(--ink-3);font-size:15.5px;line-height:1.55;max-width:42ch;margin:0 0 20px}.calc-legend{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--ink-3)}.lg-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:8px;vertical-align:-1px}.lg-ek{background:var(--line-2)}.lg-vk{background:var(--surface-dark)}.lg-marge{background:var(--red)}.calc-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px}.calc-label{display:flex;justify-content:space-between;font-size:13px;color:var(--mid);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.calc-val{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);text-transform:none}#calcSlider{width:100%;accent-color:var(--red)}.calc-slider-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--mid);margin-top:8px}#calcStaffel{color:var(--red);font-weight:600}.calc-bars{margin:26px 0 14px;display:flex;flex-direction:column;gap:12px}.cb-row{display:grid;grid-template-columns:70px 1fr 100px;align-items:center;gap:14px;font-size:13px}.cb-lbl{color:var(--ink-3)}.cb-bar{height:18px;background:var(--paper-2);border-radius:4px;overflow:hidden}.cb-fill{height:100%;transition:width .25s ease}.cb-ek{background:var(--line-2)}.cb-vk{background:var(--surface-dark)}.cb-marge{background:var(--red)}.cb-amt{font-family:'JetBrains Mono',monospace;font-weight:700;text-align:right;color:var(--ink)}.cb-row.highlight .cb-lbl,.cb-row.highlight .cb-amt{color:var(--red)}.calc-foot{font-size:12px;color:var(--mid);padding-top:14px;border-top:1px dashed var(--line)}/* ============ MOBILE:Konfigurator-Feinschliff ============ */ /* < 680px:Paket-Tiers stapeln (sonst sind 3-4 Spalten unleserlich gequetscht). Laufzeit-Buttons duerfen umbrechen. Addons bleiben ok. Alle Farben aus Variablen. */ @media (max-width:680px){.tiers{grid-template-columns:1fr}.tier{padding:16px 18px}.tier-name{font-size:16px}.terms{width:100%;flex-wrap:wrap}.terms .term-btn{flex:1 1 auto;min-width:30%}.config-card{padding:20px 18px}.configurator{padding:20px 0 48px}/* Summary darunter,kompakter */ .summary{padding:22px 20px}.summary .s-total .t-val{font-size:28px}}/* ============ PARTNER-FEATURES (Reseller-Seite) ============ */ .partner-features{padding:70px 0}.partner-features .section-head{margin-bottom:36px}.partner-features .kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:14px}.partner-features .kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.partner-features h2{font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:-0.028em;font-weight:700;margin:0}.partner-features h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pf{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,box-shadow .15s,transform .15s}.pf:hover{border-color:var(--ink-3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pf-ico{width:44px;height:44px;border-radius:10px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;margin-bottom:4px}.pf h4{font-size:17px;font-weight:700;letter-spacing:-0.01em;margin:0}.pf p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-3)}.pf-meta{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--mid);display:flex;gap:8px;align-items:center}.pf-meta .mono{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-3)}/* ============ PARTNER-SIGNUP (Bewerbungsformular) ============ */ .partner-signup{padding:70px 0;background:var(--surface-dark);color:var(--paper)}.partner-signup .kicker.white{color:#D5D5D0}.partner-signup .kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.partner-signup .kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.partner-signup h2{font-size:clamp(40px,4.5vw,64px);line-height:1;letter-spacing:-0.028em;font-weight:700;margin:0 0 18px;color:var(--paper)}.partner-signup h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--red)}.partner-signup p{color:#C8C8C2;font-size:15.5px;line-height:1.55;max-width:44ch}.signup-card{background:var(--white);color:var(--ink);border-radius:var(--radius-lg);display:grid;grid-template-columns:1fr 1.3fr;gap:0;overflow:hidden;box-shadow:var(--shadow-md)}.signup-left{padding:40px 36px;background:var(--surface-dark);color:var(--paper);display:flex;flex-direction:column;gap:18px}.signup-left h2,.signup-left p{color:var(--paper)}.signup-left p{color:#C8C8C2}.signup-steps{display:flex;flex-direction:column;gap:14px;margin-top:10px}.sstep{display:flex;gap:14px;align-items:flex-start;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.sstep:first-child{border-top:none;padding-top:0}.sstep-n{display:grid;place-items:center;min-width:36px;height:36px;border-radius:50%;background:rgba(227,27,35,.2);color:var(--red);font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700}.sstep strong{display:block;font-size:15px;font-weight:600;margin-bottom:3px;color:var(--paper)}.sstep span{font-size:13px;color:#B5B5B0;line-height:1.45}.signup-form{padding:40px 36px;display:flex;flex-direction:column;gap:16px;background:var(--white)}.sf-row{display:flex;flex-direction:column}.sf-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sf-row label,.sf-row-2 label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-2);letter-spacing:.02em}.sf-row input,.sf-row textarea,.sf-row-2 input,.sf-row-2 textarea{padding:11px 13px;border:1px solid var(--line);border-radius:8px;font-size:14px;color:var(--ink);background:var(--white);font-family:inherit;font-weight:400;transition:border-color .15s,box-shadow .15s}.sf-row input:focus,.sf-row textarea:focus,.sf-row-2 input:focus,.sf-row-2 textarea:focus{outline:none;border-color:var(--ink-3);box-shadow:0 0 0 3px rgba(17,17,17,.05)}.sf-row textarea{min-height:80px;resize:vertical}.sf-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-3);line-height:1.5;min-height:24px}.sf-check input[type=checkbox]{width:24px;height:24px;margin:0;accent-color:var(--red);flex-shrink:0;cursor:pointer}.sf-check span{padding-top:4px}.sf-submit{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}.sf-submit .btn-primary{padding:12px 24px;font-size:14.5px}.flash{display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:10px;font-size:14px;line-height:1.4}.flash svg{flex-shrink:0}.flash.success{background:#dcfce7;border:1px solid #86efac;color:#166534}.flash.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}/* Mobile:Partner-Features+Signup stapeln */ @media (max-width:900px){.pf-grid{grid-template-columns:1fr}.signup-card{grid-template-columns:1fr}.signup-left,.signup-form{padding:30px 22px}.sf-row-2{grid-template-columns:1fr}}