/* Presentation layer: static light and depth, no rendering library or background loop. */
.marketing-page{background:var(--brand-bg);--line-soft:#203148}
.marketing-page .marketing-header{min-height:88px;border-bottom-color:#263b5377;position:relative;z-index:2}
.marketing-page .brand{font-weight:700;letter-spacing:-1px}.marketing-page .brand span{color:var(--brand-accent)}
.marketing-page nav a{border-radius:8px}.marketing-page nav a[aria-current]{color:var(--brand-text);background:#7aaeff0c;border-color:#7aaeff20}
.marketing-page .signup-link,.marketing-page .cta{border-radius:10px;background:linear-gradient(145deg,var(--brand-action-start),var(--brand-action-end));border:1px solid var(--brand-action-border);box-shadow:inset 0 1px #ffffff26,0 6px 20px #06152d66;color:var(--brand-on-accent);transition:background .18s,box-shadow .18s,transform .18s}
.marketing-page .cta:hover,.marketing-page .signup-link:hover{background:linear-gradient(145deg,var(--brand-action-hover-start),var(--brand-action-hover-end));box-shadow:inset 0 1px #ffffff26,0 8px 26px #183b7055;transform:translateY(-1px)}
.marketing-page .eyebrow,.marketing-page .section-label{font-size:10px;letter-spacing:.18em;font-weight:600;color:var(--brand-accent)}
.marketing-page .hero h1{font-weight:650;text-wrap:balance}.marketing-page .hero>p{color:var(--brand-muted)}
.marketing-home .landing-hero{display:flex;flex-direction:column;gap:52px;align-items:center;padding:68px 0 88px;position:relative;isolation:isolate}
.marketing-home .landing-hero:before{content:'';pointer-events:none;position:absolute;z-index:-1;inset:-40px -24px -180px;background:radial-gradient(ellipse 62% 44% at 46% 32%,#265ca32b,transparent 88%),radial-gradient(ellipse 54% 36% at 50% 78%,#347fe026,transparent 92%);-webkit-mask-image:linear-gradient(#000 0%,#000 58%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 58%,transparent 100%)}
.marketing-home .landing-hero:after{content:'';pointer-events:none;position:absolute;z-index:-1;inset:40% 0 -120px;background-image:linear-gradient(#75a7e207 1px,transparent 1px),linear-gradient(90deg,#75a7e207 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(transparent,#0008 45%,transparent 100%);mask-image:linear-gradient(transparent,#0008 45%,transparent 100%)}
.marketing-home .landing-hero>.hero{width:100%;max-width:940px;text-align:center;padding:0 20px}
.marketing-home .hero .eyebrow{margin:26px 0 16px}.marketing-home .hero h1{max-width:930px;font-size:clamp(40px,5.4vw,70px);line-height:1.1;letter-spacing:-2.8px;margin:0 auto 22px;color:#eef4ff}
.marketing-home .hero>p:first-of-type{font-size:16px;line-height:1.85;max-width:630px;margin:0 auto;color:#b4c4d9}
.marketing-home .hero-actions{justify-content:center;gap:14px;margin:28px 0 16px}.marketing-home .hero-actions .cta{min-height:50px;min-width:210px;margin:0;padding:0 24px;font-weight:600;font-size:14px}.marketing-home .hero-actions .secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid #53709466;background:#0f1b2a80;border-radius:10px;text-decoration:none;color:#d8e4f4;font-size:13px}.marketing-home .hero-actions .secondary:hover{background:#172a40}
.marketing-home .hero .note{font-size:11px;color:#91a6bf;margin:0;line-height:1.7}.marketing-home .hero .action-context{display:none}
.hero-capabilities{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:27px;color:#a8bdd6;font-size:11px}.hero-capabilities span{display:flex;align-items:center;gap:7px}.hero-capabilities span:before{content:'';height:4px;width:4px;background:#6594d5;border-radius:1px}
.marketing-home .workspace-preview{width:100%;max-width:1080px;min-width:0;position:relative;margin:0;border-radius:15px;border:1px solid #5377a566;background:linear-gradient(155deg,#15243a,#0c1726);box-shadow:0 0 0 6px #5d8fc408,0 30px 85px #0005,0 -16px 80px #266ac614;overflow:hidden}
.preview-window{display:flex;align-items:center;gap:5px;margin-right:12px}.preview-window i{width:5px;height:5px;border-radius:50%;background:#5d7899}.preview-window i:nth-child(2){opacity:.65}.preview-window i:last-child{opacity:.35}
.marketing-home .preview-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;min-height:56px;border-bottom:1px solid #35507466;background:#111e2e}.preview-identity{display:flex;align-items:center;font-size:11px;color:#a5b8d1}.marketing-home .preview-head strong{font-size:12px;color:#c5d6eb;font-weight:600}
.marketing-home .preview-tabs{padding:8px 18px;background:#0c1726;border-color:#35507466;gap:8px}.marketing-home .preview-tabs a{min-height:42px;border-radius:7px;font-size:12px}.marketing-home .preview-tabs a[aria-selected=true]{background:#25487155;border-color:#5b8bc766;color:#cce0fc;box-shadow:inset 0 1px #ffffff08}
.marketing-home .product-panel{display:grid;grid-template-columns:1.55fr 1fr;min-height:340px}.marketing-home .preview-scene{height:340px;padding:32px 38px;background:radial-gradient(ellipse at 50% 50%,#285c9e18,transparent 75%)}.marketing-home .preview-scene .chart-drawing{max-width:650px}.marketing-home .preview-caption{display:flex;flex-direction:column;justify-content:center;padding:36px;border-top:0;border-left:1px solid #35507455;background:#0b152266;min-height:0}.marketing-home .preview-caption h3{font-size:25px;line-height:1.35;letter-spacing:-.6px;font-weight:600;margin:16px 0}.marketing-home .preview-caption p{font-size:13px;line-height:1.9;color:#adbed3}.preview-index{color:var(--brand-accent);font-size:10px;letter-spacing:.15em;font-weight:600}.marketing-home .preview-disclaimer{border-color:#35507466;background:#0b1625;padding:13px 22px;color:#849bb6;font-size:10px}
.marketing-home .tabs-ready .product-panel:not([hidden]){animation:preview-reveal .22s ease-out}
@keyframes preview-reveal{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.marketing-page main>section{border-color:#2a405966}.marketing-page .answer-summary{display:grid;grid-template-columns:1fr 1.5fr;align-items:start;gap:32px;padding:32px 0 48px;margin:0;border-top:0}.marketing-page .answer-summary h2{font-size:20px;letter-spacing:-.5px;margin:0;color:#d4e2f4}.marketing-page .answer-summary p{font-size:13px;line-height:1.9;margin:0;color:#9fb3cd}.marketing-page .answer-summary h3{grid-column:1}.marketing-page .answer-summary h3+p{grid-column:2}
.marketing-page .steps-section{padding:60px 0 64px}.marketing-page .steps-section>h2,.marketing-page .feature-section h2,.marketing-page .closing h2{font-size:clamp(26px,3vw,36px);line-height:1.25;letter-spacing:-1px;font-weight:600;text-wrap:balance}.marketing-page .steps-section ol{gap:32px;margin-top:36px}.marketing-page .steps-section li{background:transparent;border:0;border-left:1px solid #3d5d8566;border-radius:0;padding:0 0 0 22px}.marketing-page .steps-section li:before{color:var(--brand-accent);font-size:11px}.marketing-page .steps-section h3{font-weight:550;font-size:16px}.marketing-page .steps-section p{font-size:13px;line-height:1.9;color:#9fb3cd}
.marketing-page .feature-section{gap:88px;padding:72px 0}.marketing-page .feature-list article{padding:23px 0;border-color:#2a405966}.marketing-page .feature-list article:first-child{padding-top:0}.marketing-page .feature-list h3{font-size:17px;letter-spacing:-.25px}.marketing-page .feature-list p,.marketing-page .feature-section>div>p{font-size:13px;line-height:1.9;color:#a7bad2}
.marketing-page .faq-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:88px;width:100%;max-width:none;margin:0;padding:64px 0}.marketing-page .faq-section>h2{font-size:30px;font-weight:600;letter-spacing:-.8px;margin:0}.marketing-page .faq-list{min-width:0}.marketing-page details{border-color:#2c466166}.marketing-page summary{font-size:14px;font-weight:500;padding:20px 0}.marketing-page details p{font-size:13px;line-height:1.9;color:#a7bad2}
.marketing-page .closing{text-align:center;padding:64px 28px;margin:20px 0 64px;border:1px solid #42668f44;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#285c9e26,transparent 75%),#101c2b66}.marketing-page .closing p{max-width:620px;margin:18px auto;font-size:13px;line-height:1.9}.marketing-page .closing .action-context{font-size:11px;color:#8fa5bf}.marketing-page .closing .cta{display:inline-flex;justify-content:center;align-items:center;min-height:48px;margin-top:10px;padding:0 25px;font-size:13px}
.marketing-page footer{border-color:#29415c66;padding-top:34px;padding-bottom:38px}.marketing-page .info-box{border-radius:13px;border-color:#42668f55;background:linear-gradient(145deg,#14243a,#101b2a);box-shadow:0 15px 45px #0002}
@media(min-width:1800px){.marketing-home .landing-hero{padding-top:76px}.marketing-home .hero h1{font-size:76px}}
@media(max-width:1000px){.marketing-home .landing-hero{padding-top:48px;gap:42px}.marketing-page .feature-section,.marketing-page .faq-section{gap:40px}.marketing-home .preview-scene{padding:24px}.marketing-home .preview-caption{padding:26px}.marketing-home .preview-caption h3{font-size:22px}}
@media(max-width:700px){.marketing-page .marketing-header{min-height:0}.marketing-home .landing-hero{padding:38px 0 48px;gap:32px}.marketing-home .landing-hero>.hero{padding:0}.marketing-home .hero h1{font-size:clamp(36px,8.8vw,52px);letter-spacing:-1.6px}.marketing-home .hero>p:first-of-type{font-size:14px;line-height:1.8}.marketing-home .hero .eyebrow{font-size:9px;letter-spacing:.14em;margin-top:22px}.marketing-home .hero-actions{gap:10px;flex-direction:row;flex-wrap:wrap}.marketing-home .hero-actions .cta,.marketing-home .hero-actions .secondary{min-width:0;font-size:12px;padding:0 18px;min-height:46px}.hero-capabilities{gap:12px 18px;font-size:10px;max-width:330px;margin:22px auto 0}.marketing-home .workspace-preview{border-radius:11px}.marketing-home .preview-head{padding:14px}.preview-window{display:none}.marketing-home .preview-head strong{font-size:11px}.preview-identity{font-size:10px}.marketing-home .preview-tabs{padding:6px;gap:3px}.marketing-home .preview-tabs a{font-size:10px;min-height:42px}.marketing-home .product-panel{grid-template-columns:1fr;min-height:420px}.marketing-home .preview-scene{height:230px;padding:18px}.marketing-home .preview-caption{border-left:0;border-top:1px solid #35507455;padding:22px;min-height:190px}.marketing-home .preview-caption h3{font-size:20px;margin:10px 0}.marketing-home .preview-caption p{font-size:12px}.marketing-home .preview-disclaimer{padding:12px 16px;line-height:1.7}.marketing-page .answer-summary{grid-template-columns:1fr;gap:16px;padding-bottom:32px}.marketing-page .answer-summary h3,.marketing-page .answer-summary h3+p{grid-column:auto}.marketing-page .steps-section{padding:38px 0}.marketing-page .steps-section ol{gap:28px}.marketing-page .feature-section{padding:40px 0;gap:26px}.marketing-page .faq-section{grid-template-columns:minmax(0,1fr);gap:20px;padding:38px 0}.marketing-page .faq-section>h2{font-size:26px}.marketing-page .closing{padding:36px 20px;margin:12px 0 32px}.marketing-page footer{gap:25px}.marketing-home .landing-hero:before{inset:0 0 10%}}
@media(prefers-reduced-motion:reduce){.marketing-home .tabs-ready .product-panel:not([hidden]){animation:none}.marketing-page .cta,.marketing-page .signup-link{transition:none}.marketing-page .cta:hover,.marketing-page .signup-link:hover{transform:none}}

.marketing-home .hero-accent{color:#91bbf5;background:linear-gradient(110deg,#c9dffc,#8ab4f0 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(min-width:361px) and (max-width:480px){.marketing-page .marketing-header{grid-template-columns:auto 1fr;gap:8px}.marketing-page .marketing-header>.brand{grid-column:1;grid-row:1;font-size:19px}.marketing-page .marketing-header .header-account{grid-column:2;grid-row:1;gap:4px}.marketing-page .marketing-header .header-account a{padding:0 8px;font-size:10px}.marketing-page .marketing-header .header-account .language-switch a{padding:0 2px}.marketing-page .marketing-header .language-switch{margin-right:3px}.marketing-page .marketing-header nav{grid-column:1/-1;grid-row:2}}

/* Constrained text boxes must share their parent's center at every desktop width. */
.marketing-home .hero>.note{margin-inline:auto}
.marketing-page .closing h2{margin-inline:auto}
/* The introduction and information pages use the same top rhythm. */
.marketing-home .landing-hero{padding-top:var(--page-start)}

/* Editorial blocks use the same content grid as features and FAQ. */
.marketing-page .cms-content-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:88px;max-width:none;padding:48px 0}
.marketing-page .cms-content-section h2{margin:0;font-size:clamp(24px,2.3vw,30px);font-weight:600;line-height:1.35;letter-spacing:-.7px}
.marketing-page .cms-section-body{min-width:0}.marketing-page .cms-section-body p{font-size:13px;line-height:1.9;margin:0 0 20px;color:#a7bad2}.marketing-page .cms-section-body p:last-child{margin-bottom:0}
@media(max-width:1000px){.marketing-page .cms-content-section{gap:40px}}
@media(max-width:700px){.marketing-page .cms-content-section{grid-template-columns:minmax(0,1fr);gap:18px;padding:32px 0}.marketing-page .cms-content-section h2{font-size:24px}}

/* r74 · Tanıtım yüzü görsel iyileştirmesi (yalnız sunum katmanı).
   Okunabilir metin ölçeği, tutarlı bölüm ritmi, kartlaşan adım/SSS blokları,
   gerçek dokunma hedefleri. Renk, yazı tipi ve buton dili değişmiyor. */
.marketing-page{color-scheme:dark}
.marketing-page p{text-wrap:pretty}
.marketing-page ::selection{background:#2f5f9a;color:#fff}

/* Bölüm etiketi: ince çizgi + harf aralığı aynı kimliği taşır. */
.marketing-page .section-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:#93b9e6}
.marketing-page .section-label:before{content:'';width:18px;height:1px;flex:none;background:#416a97}

/* Tanım bloğu: başlık ve metin aynı hizada, satır uzunluğu kontrollü. */
.marketing-page .answer-summary{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:44px;padding:44px 0 52px}
.marketing-page .answer-summary h2{font-size:22px;line-height:1.4;letter-spacing:-.45px}
.marketing-page .answer-summary p{font-size:14px;line-height:1.9;color:#a8bdd3}
.marketing-page .answer-summary>p{max-width:66ch}

/* Adımlar: numara rozeti olan, eşit yükseklikte kartlar. */
.marketing-page .steps-section{padding:64px 0 68px}
.marketing-page .steps-section ol{gap:16px;margin-top:34px}
.marketing-page .steps-section li{border:1px solid #22374c;border-radius:12px;padding:20px 20px 22px;background:linear-gradient(165deg,#101d2c,#0c1521);box-shadow:inset 0 1px #ffffff06;transition:border-color .18s,box-shadow .18s,transform .18s}
.marketing-page .steps-section li:before{display:grid;place-items:center;width:27px;height:27px;margin:0 0 15px;border:1px solid #2f5277;border-radius:8px;background:#12293f;color:#9cc4ee;font-size:11px;font-weight:600;letter-spacing:.04em}
.marketing-page .steps-section li:hover{border-color:#33567c;box-shadow:0 12px 30px #0005,inset 0 1px #ffffff08;transform:translateY(-2px)}
.marketing-page .steps-section li h3{margin:0 0 8px;font-size:16px;line-height:1.45;color:#e6eef8}
.marketing-page .steps-section li p{margin:0;font-size:13.5px;line-height:1.85;color:#a3b8cd}

/* Özellik sütunu: başlık kaydırırken sabit kalır, metin ölçüsü dengelenir. */
.marketing-page .feature-section{padding:68px 0;gap:72px}
.marketing-page .feature-section>div:first-child p{max-width:46ch}
.marketing-page .feature-list article{padding:26px 0}
.marketing-page .feature-list h3{margin:0 0 9px;font-size:17px;color:#e4edf8}
.marketing-page .feature-list p{font-size:14px;line-height:1.9;color:#a7bbd1;max-width:62ch}
@media(min-width:1101px){
 .marketing-page .feature-section>div:first-child{position:sticky;top:28px;align-self:start}
 .marketing-page .faq-section>h2{position:sticky;top:28px;align-self:start}
 .marketing-page .answer-summary{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
}

/* Katlanır açıklama satırı (özellik içi) kart diliyle uyumlu. */
.marketing-page .feature-explainer{margin-top:16px;padding:0 15px;border:1px solid #24384e;border-radius:9px;background:#0d1826}
.marketing-page .feature-explainer summary{display:flex;align-items:center;gap:10px;padding:13px 0;font-size:12.5px;color:#bcd4ec;list-style:none}
.marketing-page .feature-explainer summary::-webkit-details-marker{display:none}
.marketing-page .feature-explainer summary:after{content:'';flex:none;width:7px;height:7px;margin:0 2px 2px auto;border-right:1.5px solid #7ba3ca;border-bottom:1.5px solid #7ba3ca;transform:rotate(45deg);transition:transform .18s,border-color .18s}
.marketing-page .feature-explainer[open] summary:after{margin-bottom:5px;border-color:var(--brand-accent);transform:rotate(-135deg)}
.marketing-page .feature-explainer p{margin:0 0 15px;padding:0;font-size:13px;line-height:1.85;color:#a7bbd1}

/* SSS: çerçeveli, tek tek açılan satırlar; cevap soruyla aynı hizada. */
.marketing-page .faq-section{padding:68px 0}
.marketing-page .faq-section>h2{font-size:30px;letter-spacing:-.8px}
.marketing-page .faq-list{display:grid;align-content:start;gap:8px}
.marketing-page .faq-section details{padding:0 16px;border:1px solid #243a51;border-radius:11px;background:#0e1a28;transition:border-color .16s,background .16s}
.marketing-page .faq-section details:hover{border-color:#31506f;background:#101e2e}
.marketing-page .faq-section details[open]{border-color:#36597c;background:#101f30}
.marketing-page .faq-section summary{display:flex;align-items:flex-start;gap:12px;min-height:0;padding:15px 0;font-size:14.5px;font-weight:550;line-height:1.55;color:#dbe7f5;list-style:none}
.marketing-page .faq-section summary::-webkit-details-marker{display:none}
.marketing-page .faq-section summary:after{content:'';flex:none;width:8px;height:8px;margin:7px 3px 0 auto;border-right:1.6px solid #7ba3ca;border-bottom:1.6px solid #7ba3ca;transform:rotate(45deg);transition:transform .18s,border-color .18s}
.marketing-page .faq-section details[open] summary{color:#eaf3ff}
.marketing-page .faq-section details[open] summary:after{margin-top:11px;border-color:var(--brand-accent);transform:rotate(-135deg)}
.marketing-page .faq-section details p{margin:0;padding:0 8px 16px 0;font-size:13.5px;line-height:1.9;color:#a7bbd1}

/* Bilgi kutusu (ücretler/iletişim): yüzey derinliği ve işaretli liste. */
.marketing-page .info-box{padding:26px 28px;border-radius:14px;background:linear-gradient(160deg,#122031,#0d1826);box-shadow:0 24px 60px #0004,inset 0 1px #ffffff08}
.marketing-page .info-box h2{margin:0 0 4px;font-size:21px;letter-spacing:-.4px}
.marketing-page .check-list{margin:14px 0 0;padding:0}
.marketing-page .check-list li{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid #223548;font-size:13.5px;line-height:1.7;color:#c6d8ea}
.marketing-page .check-list li:before{content:'✓';display:grid;place-items:center;width:18px;height:18px;flex:none;margin:2px 0 0;border:1px solid #2f6a58;border-radius:50%;background:#10291f;color:#8fe0c4;font-size:10px;line-height:1}
.marketing-page .check-list li:last-child{border-bottom:0}
.marketing-page .feedback-list{margin:14px 0 0;padding:0;counter-reset:feedback}
.marketing-page .feedback-list li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #223548;font-size:13.5px;line-height:1.75;color:#c6d8ea;counter-increment:feedback}
.marketing-page .feedback-list li:before{content:'0' counter(feedback);display:grid;place-items:center;width:22px;height:22px;flex:none;margin:1px 0 0;border:1px solid #2f5277;border-radius:6px;background:#12293f;color:#9cc4ee;font-size:10px;font-weight:600}
.marketing-page .feedback-list li:last-child{border-bottom:0}

/* Başlık çubuğu: aynı sade dil, daha rahat tıklama alanı. */
.marketing-page .marketing-header{min-height:80px;border-bottom-color:#1e3145}
.marketing-page .brand{font-size:20px;letter-spacing:-.7px}
@media(min-width:701px){
 .marketing-page nav{gap:4px}
 .marketing-page nav a{display:inline-flex;align-items:center;min-height:38px;padding:6px 12px;border:1px solid transparent;border-radius:8px;font-size:12.5px;color:#b9cbdf;transition:background .15s,border-color .15s,color .15s}
 .marketing-page nav a:hover{background:#142335;color:#e8f1fb}
 .marketing-page nav a[aria-current]{color:#f2f7ff;background:#16293d;border-color:#2b4a68;font-weight:600}
}

/* Alt çağrı kartı: hafif üst ışık, aynı mavi aksiyon. */
.marketing-page .closing{padding:56px 28px;border-radius:18px;border-color:#33506f;background:radial-gradient(ellipse 70% 120% at 50% -10%,#2a65ad33,transparent 70%),linear-gradient(160deg,#122234,#0e1927)}
.marketing-page .closing h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.9px}
.marketing-page .closing .cta{min-width:210px;min-height:46px;margin-top:14px}
.marketing-page .closing p{max-width:64ch}

/* Alt bilgi: üç hizalı sütun, sakin bağlantılar, "üste dön" rozeti. */
/* Önizleme kartı: sekmeler ve alt not aynı ölçekte. */
.marketing-home .hero-capabilities{gap:22px;font-size:11.5px;color:#adc2d9}
.marketing-home .preview-tabs a{transition:background .15s,color .15s}
.marketing-home .preview-tabs a:hover{color:#d6e7fa}
.marketing-home .preview-disclaimer{font-size:10.5px;color:#8aa1ba}

@media(max-width:900px){
 .marketing-page .steps-section ol{grid-template-columns:minmax(0,1fr);gap:10px}
}
@media(max-width:1000px){
 .marketing-page .faq-section{grid-template-columns:minmax(0,1fr);gap:22px}
 .marketing-page .faq-section>h2{position:static}
}
@media(max-width:700px){
 .marketing-page .answer-summary{padding:34px 0 36px}
 .marketing-page .answer-summary h2{font-size:20px}
 .marketing-page .steps-section{padding:40px 0}
 .marketing-page .steps-section ol{gap:10px;margin-top:24px}
 .marketing-page .steps-section li{padding:17px 17px 19px}
 .marketing-page .steps-section li:before{margin-bottom:12px}
 .marketing-page .feature-section{padding:42px 0;gap:24px}
 .marketing-page .faq-section{padding:42px 0}
 .marketing-page .faq-section>h2{font-size:26px;position:static}
 .marketing-page .faq-section summary{padding:14px 0;font-size:14px}
 .marketing-page .info-box{padding:22px 20px}
 .marketing-page .closing{padding:38px 20px;border-radius:15px}
 .marketing-page .closing .cta{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
 .marketing-page .steps-section li{transition:none}
 .marketing-page .steps-section li:hover{transform:none}
}

/* r86 · SSS sayfası grupları ve "tüm soruları gör" bağlantısı. */
.marketing-page .faq-group>.h2,.marketing-page .faq-group>h2{margin:0}
.marketing-page .faq-more{margin:18px 0 0;text-align:right}
.marketing-page .faq-more a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #294158;border-radius:8px;color:#9cc4f4;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}
.marketing-page .faq-more a:hover{border-color:#3a5c7d;background:#142335}
@media(max-width:700px){.marketing-page .faq-more{text-align:left}}

/* r87 · Alt bilgi: dört sütunlu simetrik bölge — marka solda, üç bilgi sütunu aynı hizada. */

.marketing-page footer{display:block;padding:48px 0 24px;font-size:13px;line-height:1.65;color:#93a8bf}
.marketing-page .footer-grid{display:grid;grid-template-columns:minmax(0,1.65fr) repeat(3,minmax(0,1fr));gap:32px 48px;align-items:start}
.marketing-page .footer-grid>div{min-width:0}
.marketing-page .footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-right:16px}
.marketing-page footer .footer-brand .brand{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:25px;line-height:1.1;letter-spacing:normal;padding:0;min-height:36px}
.marketing-page footer .footer-brand .brand-name{font-size:inherit;line-height:1.1;color:#ecf2fa}
.marketing-page footer .footer-brand .brand-name>span{font-size:inherit;color:#91bdff}
.marketing-page footer .tickrivo-symbol{width:34px;height:34px;flex:none}
.marketing-page .footer-brand>p{margin:0;max-width:280px;font-size:13px;line-height:1.75;color:#a3b5ca}
.marketing-page .footer-brand>.footer-motto,.marketing-page .footer-brand>span{margin:0;font-size:12px;line-height:1.7;color:#849ab2}
.marketing-page footer .back-to-top{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0;margin:0;color:#adc5e1;font-size:12px;text-decoration:none;border:0;background:none}
.marketing-page footer .back-to-top:hover{color:#edf3fc}
.marketing-page .footer-group h2{display:flex;align-items:center;min-height:30px;margin:0 0 8px;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:#dce8f6}
.marketing-page footer .footer-links,.marketing-page footer .footer-legal{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:0}
.marketing-page footer .footer-links a,.marketing-page footer .footer-legal a{display:inline-flex;align-items:center;justify-content:flex-start;min-height:32px;max-width:100%;padding:3px 0;border:0;border-radius:0;background:none;margin:0;font-size:13px;font-weight:400;line-height:1.6;color:#a9bdd4;text-decoration:none;overflow-wrap:anywhere}
.marketing-page footer .footer-links a:hover,.marketing-page footer .footer-legal a:hover{color:#edf3fc;text-decoration:underline}
.marketing-page .footer-group p{margin:12px 0 0;font-size:12px;line-height:1.75;color:#849ab2}
.marketing-page .footer-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:12px 32px;max-width:none;margin:32px 0 0;padding-top:20px;border-top:1px solid #253c55;font-size:12px;color:#849ab2}
.marketing-page footer .language-note{margin:0;max-width:560px;font-size:12px;line-height:1.7;text-align:right;color:#849ab2}
@media(max-width:1200px){
 .marketing-page .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}
 .marketing-page .footer-group{order:1}
 .marketing-page .footer-brand{order:2;grid-column:1/-1;padding:24px 0 0;border-top:1px solid var(--line)}
 .marketing-page .footer-brand>p{max-width:440px}
}
@media(max-width:600px){
 .marketing-page footer{padding:32px 0 24px}
 .marketing-page .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px}
 .marketing-page .footer-group{order:1;grid-column:auto}
 .marketing-page .footer-group:last-child{grid-column:auto}
 .marketing-page .footer-brand{order:2;grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;gap:12px}
 .marketing-page .footer-group h2{min-height:24px;margin-bottom:6px}
 .marketing-page footer .footer-links a,.marketing-page footer .footer-legal a{min-height:40px}
 .marketing-page .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;margin-top:28px;padding-top:20px}
 .marketing-page footer .language-note{text-align:left}
}

/* Practical guides share the existing product surfaces and spacing. */
.guide-section{padding:36px 0 48px;border-top:1px solid var(--line)}.guide-section h2{max-width:760px;font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.025em}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.guide-card{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;min-width:0}.guide-card strong{font-size:19px;line-height:1.4;overflow-wrap:anywhere}.guide-card span{font-size:14px;line-height:1.75;color:var(--muted)}.guide-card b{font-size:13px;color:var(--accent);margin-top:auto}.guide-card:hover{border-color:var(--brand-action-border);background:var(--surface-raised)}@media(max-width:650px){.guide-grid{grid-template-columns:1fr}.guide-card{padding:20px}.guide-section{padding-top:24px}}

/* Real product gallery and page-specific reading rhythm. Marketing routes only. */
.marketing-page .page-intro{padding:var(--page-start) 0 32px;max-width:780px}
.marketing-page .page-intro .hero h1{font-size:clamp(34px,4vw,52px)}
.marketing-home .landing-hero{gap:32px;padding-bottom:48px}
.marketing-page .workspace-preview{width:100%;max-width:1080px;margin-inline:auto}
.marketing-page .preview-head h2{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:0;margin:0;text-wrap:wrap}
.marketing-page .product-panel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);min-height:0}
.marketing-page .preview-scene{height:auto;padding:0;background:#0c1724;min-width:0;display:block}
.marketing-page .preview-scene a,.marketing-page .preview-scene picture{display:block;width:100%;height:auto}
.marketing-page .preview-scene img{display:block;max-width:100%;max-height:none;width:100%;height:auto;object-fit:contain;border-radius:0}
.marketing-page .preview-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.marketing-page .preview-tabs a{font-size:12px;text-align:center;line-height:1.4;overflow-wrap:normal}
.marketing-page .preview-caption{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:28px;border-top:0;border-left:1px solid var(--line)}
.marketing-page .preview-caption h3{font-size:24px;line-height:1.35}
.marketing-page .preview-controls{display:none;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-top:1px solid var(--line)}
.marketing-page .tabs-ready .preview-controls{display:flex}
.marketing-page .preview-controls button{width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--brand-text);font:inherit;cursor:pointer}
.marketing-page .preview-controls span{font-size:11px;color:var(--muted);text-align:center}
.marketing-page button:focus-visible,.marketing-page .preview-scene a:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}
.marketing-page .preview-disclaimer{font-size:11px}
.marketing-page .section-link{margin:-20px 0 36px;font-size:14px}
.marketing-page .plan-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 0}
.marketing-page .plan-link h2{font-size:28px;margin:0}
.marketing-page .plan-link p{font-size:14px;margin:12px 0 0}
.marketing-page .plan-link>a{flex-shrink:0}
.marketing-page .faq-more{grid-column:2;margin:0;text-align:left}
.marketing-page .pricing-page>.hero{padding:var(--page-start) 0 24px;max-width:780px}
.marketing-page .pricing-page .hero h1{font-size:clamp(34px,4vw,52px)}
.marketing-page .custom-page{max-width:800px;padding:var(--page-start) 0 32px;border:0}
.marketing-page .custom-page h1{font-size:clamp(32px,4vw,48px);line-height:1.2;letter-spacing:-.035em;text-wrap:balance}
.marketing-page .custom-page~.cms-content-section{display:block;max-width:800px;padding:28px 0}
.marketing-page .custom-page~.cms-content-section h2{font-size:26px;margin-bottom:16px}
@media(max-width:1000px){.marketing-page .preview-caption{padding:22px}.marketing-page .preview-caption h3{font-size:21px}}
@media(max-width:700px){
 .marketing-page .product-panel{grid-template-columns:1fr;min-height:0}
 .marketing-page .preview-scene{height:auto;padding:0}
 .marketing-page .preview-tabs a{font-size:12px;padding:4px 2px}
 .marketing-page .preview-caption{border-left:0;border-top:1px solid var(--line);min-height:178px;padding:20px}
 .marketing-page .preview-caption h3{font-size:21px;margin:12px 0}
 .marketing-page .plan-link{align-items:flex-start;flex-direction:column;gap:10px}
 .marketing-page .faq-more{grid-column:1}
 .marketing-page .custom-page~.cms-content-section h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.marketing-page *, .marketing-page *:before,.marketing-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Product frames reserve their size across every slide; full-size images remain accessible. */
.marketing-page .workspace-preview .preview-panels{height:430px}.marketing-page .workspace-preview .product-panel{height:100%;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.marketing-page .workspace-preview .product-panel:not([hidden]){display:grid}.marketing-page .workspace-preview .product-panel[hidden]{display:none}.marketing-page .workspace-preview .preview-scene{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.marketing-page .workspace-preview .preview-scene a,.marketing-page .workspace-preview .preview-scene picture{height:100%;width:100%;display:block}.marketing-page .workspace-preview .preview-scene img{width:100%;height:100%;object-fit:contain}.marketing-page .workspace-preview .preview-caption{height:100%;box-sizing:border-box;overflow-wrap:anywhere}.marketing-page .workspace-preview .preview-caption h3{font-size:21px}.marketing-page .workspace-preview .preview-controls [data-preview-play]{width:auto;min-width:86px;padding-inline:12px}
@media(max-width:700px){.marketing-page .workspace-preview .preview-panels{height:calc(62.5vw + 290px)}.marketing-page .workspace-preview .product-panel:not([hidden]){grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 320px}.marketing-page .workspace-preview .preview-caption{height:320px;padding:20px}.marketing-page .workspace-preview .preview-caption h3{font-size:20px}.marketing-page .workspace-preview .preview-caption p{font-size:14px;line-height:1.55}.marketing-page .workspace-preview .preview-controls{gap:6px}}

.marketing-page .workspace-preview .product-panel{box-sizing:border-box;min-height:0}.marketing-page .workspace-preview .preview-panels{flex:none}.marketing-page .workspace-preview .preview-tabs a{overflow-wrap:anywhere}

@media(max-width:700px){.marketing-page .workspace-preview .preview-panels{height:calc(100vw + 260px)}.marketing-page .workspace-preview .product-panel:not([hidden]){grid-template-rows:minmax(0,1fr) 280px}.marketing-page .workspace-preview .preview-caption{height:280px}}

/* r87 · Ortak yüzey dili: tanıtım sayfaları ücretler sayfasıyla aynı çizgide.
   Aksan rengi mavi, kart yarıçapı 16px, aynı yüzey gradyanı ve çizgi rengi. */
.marketing-page{--accent:#85b3f0;--ink:#0b111b}
.marketing-page .brand span{color:#9cc4f4}
.marketing-page .eyebrow,.marketing-page .section-label{color:#8fb9ea;font-size:11px;letter-spacing:.14em}
.marketing-page .steps-section li{background:linear-gradient(165deg,#132131,#0d1826);border-color:#2b425b;border-radius:16px}
.marketing-page .steps-section li:hover{border-color:#3b5d82;box-shadow:0 16px 40px #0005,inset 0 1px #ffffff0a}
.marketing-page .steps-section li:before{border-color:#3d6a9e;background:#12243a;border-radius:10px;color:#a8cbff}
.marketing-page .info-box{border-color:#2b425b;border-radius:16px;background:linear-gradient(165deg,#132131,#0d1826)}
.marketing-page .guide-card{border-color:#2b425b;border-radius:16px;background:linear-gradient(165deg,#132131,#0d1826)}
.marketing-page .guide-card:hover{border-color:#4a78ad;background:linear-gradient(165deg,#17293f,#0e1d30)}
.marketing-page .faq-section details{border-color:#2b425b;border-radius:12px;background:#0d1826}
.marketing-page .check-list li:before{border-color:#3d6a9e;background:#12243a;color:#a8cbff}
.marketing-page .workspace-preview{border-radius:14px}
@media(max-width:700px){
 .marketing-page .steps-section li{border-radius:14px}
 .marketing-page .info-box,.marketing-page .guide-card{border-radius:14px}
}

/* r87 · CMS içerik bölümleri: ücretler sayfasıyla aynı kart yüzeyi. */
.marketing-page .cms-content-section{max-width:840px;margin:0 0 28px;padding:26px 30px;border:1px solid #2b425b;border-radius:16px;background:linear-gradient(165deg,#132131,#0d1826)}
.marketing-page .cms-content-section h2{margin:0 0 12px;font-size:22px;letter-spacing:-.3px}
.marketing-page .cms-section-body p{margin:0 0 12px;font-size:15px;line-height:1.85;color:#b9cbe0}
.marketing-page .cms-section-body p:last-child{margin-bottom:0}
@media(max-width:700px){.marketing-page .cms-content-section{padding:20px 18px;border-radius:14px}}

/* r87 · İletişim sayfası: iki kanal, dört başlıklı talep rehberi, hızlı yollar. */
.marketing-page .contact-page{display:grid;gap:18px;max-width:1060px;padding:6px 0 12px}
.marketing-page .contact-channels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.marketing-page .contact-channel{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid #2b425b;border-radius:16px;background:linear-gradient(165deg,#132131,#0d1826)}
.marketing-page .contact-channel-primary{border-color:#4a78ad;box-shadow:0 0 0 1px #85b3f01f,0 18px 46px #3273ca26}
.marketing-page .contact-kicker{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8fb9ea}
.marketing-page .contact-channel h2{margin:0;font-size:24px;letter-spacing:-.4px;font-weight:650}
.marketing-page .contact-lead{margin:10px 0 16px;color:var(--muted);font-size:14.5px;line-height:1.7}
.marketing-page .contact-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 18px;padding:0;list-style:none;counter-reset:none}
.marketing-page .contact-steps li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#c7d4e4;line-height:1.5;counter-increment:none}
.marketing-page .contact-steps li::before{content:none}
.marketing-page .contact-steps span{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid #3d6a9e;border-radius:7px;background:#12243a;color:#a8cbff;font-size:11px;font-weight:650}
.marketing-page .contact-channel .cta{margin-top:auto;align-self:flex-start;min-height:44px;padding:0 18px;font-size:13px}
.marketing-page .contact-mail{display:inline-flex;align-items:center;min-height:44px;align-self:flex-start;margin:2px 0 0;font-size:17px;font-weight:650;color:#cfe1f8;text-decoration:none;border-bottom:1px solid #34567e;overflow-wrap:anywhere}
.marketing-page .contact-mail:hover{color:#fff;border-bottom-color:#5a8bc8}
.marketing-page .contact-meta{margin:14px 0 0;font-size:12.5px;font-weight:600;color:#a8cbff}
.marketing-page .contact-channel:not(.contact-channel-primary) .contact-meta{margin-top:auto}
.marketing-page .contact-note{margin:8px 0 0;font-size:12.5px;line-height:1.6;color:#8fa5bd}

.marketing-page .contact-brief{padding:26px;border:1px solid #2b425b;border-radius:16px;background:var(--brand-surface)}
.marketing-page .contact-brief-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 20px;margin:0 0 18px}
.marketing-page .contact-brief-head h2{margin:0;font-size:20px;letter-spacing:-.3px;font-weight:650}
.marketing-page .contact-brief-head p{margin:0;color:var(--muted);font-size:13px}
.marketing-page .contact-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.marketing-page .contact-brief-grid article{min-width:0;padding:16px 18px;border:1px solid #223448;border-radius:12px;background:#0d1826}
.marketing-page .contact-brief-grid span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;color:#8fb9ea;font-variant-numeric:tabular-nums}
.marketing-page .contact-brief-grid h3{margin:6px 0 4px;font-size:15px;font-weight:650;color:#e6eef8}
.marketing-page .contact-brief-grid p{margin:0;font-size:13px;line-height:1.65;color:#a3b8cd}
.marketing-page .contact-brief-note{margin:14px 0 0;font-size:12.5px;color:#8fa5bd}

.marketing-page .contact-routes{padding:22px 26px;border:1px solid #2b425b;border-radius:16px;background:var(--brand-surface)}
.marketing-page .contact-routes h2{margin:0 0 10px;font-size:20px;letter-spacing:-.3px;font-weight:650}
.marketing-page .contact-routes ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none}
.marketing-page .contact-routes li{min-width:0;padding:10px 0;border-top:1px solid #1f3145;counter-increment:none}
.marketing-page .contact-routes li::before{content:none}
.marketing-page .contact-routes li:nth-child(-n+2){border-top:0}
.marketing-page .contact-routes a{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:14.5px;font-weight:650;color:#dbe6f3;text-decoration:none}
.marketing-page .contact-routes a:hover{color:#fff}
.marketing-page .contact-routes a span{color:#8fb9ea}
.marketing-page .contact-routes p{margin:2px 0 0;font-size:12.5px;line-height:1.6;color:#8fa5bd}

@media(max-width:800px){
 .marketing-page .contact-channels,.marketing-page .contact-brief-grid,.marketing-page .contact-routes ul{grid-template-columns:minmax(0,1fr)}
 .marketing-page .contact-routes li:nth-child(-n+2){border-top:1px solid #1f3145}
 .marketing-page .contact-routes li:first-child{border-top:0}
 .marketing-page .contact-brief{padding:20px}
 .marketing-page .contact-routes{padding:18px}
}
@media(max-width:560px){
 .marketing-page .contact-channel{padding:20px}
 .marketing-page .contact-brief-grid{gap:10px}
 .marketing-page .contact-channel .cta{align-self:stretch;width:100%}
}

/* r89 · Ana sayfa: hero yanında kompakt ürün kadranı, altında ürün turu bağlantısı. */
.marketing-page .landing-hero .workspace-preview{box-shadow:0 20px 50px #0003}
.marketing-page .landing-hero .preview-head{min-height:0;padding:11px 14px}
.marketing-page .landing-hero .preview-tabs{padding:5px;gap:2px}
.marketing-page .landing-hero .preview-tabs a{font-size:10.5px;min-height:34px;padding:4px 6px}
.marketing-page .landing-hero .preview-scene{height:300px;display:block;padding:0}
.marketing-page .landing-hero .preview-scene a,.marketing-page .landing-hero .preview-scene picture{display:block;height:100%}
.marketing-page .landing-hero .preview-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.marketing-page .landing-hero .preview-caption{min-height:0;padding:14px 16px}
.marketing-page .landing-hero .preview-caption h3{font-size:16px;margin:6px 0 4px}
.marketing-page .landing-hero .preview-caption p{font-size:12.5px;line-height:1.6}
.marketing-page .landing-hero .preview-controls{padding:8px 12px}
.marketing-page .landing-hero .preview-disclaimer{padding:10px 14px;font-size:10px}

.marketing-page .tour-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:0;padding:24px 26px;border:1px solid #2b425b;border-radius:16px;background:linear-gradient(165deg,#132131,#0d1826)}
.marketing-page .tour-link h2{margin:6px 0 0;font-size:22px;letter-spacing:-.4px;font-weight:650;line-height:1.35}
.marketing-page .tour-link p{margin:6px 0 0;color:var(--muted);font-size:13.5px;line-height:1.65}
.marketing-page .tour-link .secondary{flex:none}

.marketing-page .feature-story{padding:58px 0;border-top:1px solid var(--line-soft)}
.marketing-page .story-head{max-width:720px;margin:0 0 28px}
.marketing-page .story-head h2{margin:6px 0 8px;font-size:clamp(26px,3vw,36px);line-height:1.22;letter-spacing:-.9px;font-weight:600;text-wrap:balance}
.marketing-page .story-head>p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.marketing-page .story-rows{display:grid;gap:24px}
.marketing-page .story-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:center;padding:22px;border:1px solid #2b425b;border-radius:18px;background:linear-gradient(165deg,#132131,#0d1826)}
.marketing-page .story-row:nth-child(even) .story-media{order:2}
.marketing-page .story-media{margin:0;border:1px solid #1f3145;border-radius:12px;overflow:hidden;background:#0a1119}
.marketing-page .story-media a{display:block}
.marketing-page .story-media img{display:block;width:100%;height:auto}
.marketing-page .story-copy{padding:4px 4px}
.marketing-page .story-kicker{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8fb9ea}
.marketing-page .story-kicker span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #3d6a9e;border-radius:7px;background:#12243a;color:#a8cbff;font-size:10px;letter-spacing:0;font-variant-numeric:tabular-nums}
.marketing-page .story-copy h3{margin:0 0 8px;font-size:22px;line-height:1.3;letter-spacing:-.4px;font-weight:650;color:#e8eff8}
.marketing-page .story-copy p{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.7}
.marketing-page .story-copy ul{display:grid;gap:7px;margin:0;padding:0;list-style:none;color:#c7d4e4;font-size:13.5px}
.marketing-page .story-copy li{position:relative;padding-left:18px;line-height:1.55}
.marketing-page .story-copy li::before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:#6ba8ff}

@media(max-width:900px){
 .marketing-page .feature-story{padding:42px 0}
 .marketing-page .story-row{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}
 .marketing-page .story-row:nth-child(even) .story-media{order:0}
 .marketing-page .story-copy h3{font-size:19px}
}
@media(max-width:700px){
 .marketing-page .landing-hero .preview-scene{height:240px}
 .marketing-page .landing-hero .preview-caption{min-height:0;padding:12px 14px}
 .marketing-page .tour-link{padding:18px}
}

/* r89b · Ana sayfa çıktı bandı ve kompakt kadran düzeltmeleri. */
.marketing-page .benefits{padding:58px 0;border-top:1px solid var(--line-soft)}
.marketing-page .benefits-head{display:grid;gap:10px;max-width:720px;margin:0 0 26px}
.marketing-page .benefits-head h2{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.22;letter-spacing:-.9px;font-weight:600;text-wrap:balance}
.marketing-page .benefits-head p{margin:0;max-width:62ch;color:var(--muted);font-size:15px;line-height:1.7}
.marketing-page .benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.marketing-page .benefits-grid article{min-width:0;padding:20px;border:1px solid #2b425b;border-radius:16px;background:linear-gradient(165deg,#132131,#0d1826)}
.marketing-page .benefits-grid span{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;color:#8fb9ea;font-variant-numeric:tabular-nums}
.marketing-page .benefits-grid h3{margin:8px 0 6px;font-size:16px;font-weight:650;line-height:1.4;color:#e6eef8}
.marketing-page .benefits-grid p{margin:0;font-size:13.5px;line-height:1.7;color:#a3b8cd}
.marketing-page .landing-hero .product-panel{grid-template-columns:minmax(0,1fr);min-height:0}
.marketing-page .landing-hero .preview-caption{border-left:0;border-top:1px solid #1f3145;min-height:0}
@media(max-width:900px){
 .marketing-page .benefits-grid{grid-template-columns:minmax(0,1fr)}
 .marketing-page .benefits{padding:42px 0}
}

/* r89c · Ana sayfa hero: başlık solda, kompakt ürün kadranı sağda. */
@media(min-width:1001px){
 .marketing-home .landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:48px;padding:56px 0 64px}
 .marketing-home .landing-hero>.hero{max-width:none;text-align:left;padding:0}
 .marketing-home .hero .eyebrow{margin:0 0 14px}
 .marketing-home .hero h1{max-width:none;font-size:clamp(38px,4.1vw,58px);line-height:1.08;letter-spacing:-2px;margin:0 0 18px;text-align:left}
 .marketing-home .hero>p:first-of-type{max-width:54ch;margin:0;text-align:left}
 .marketing-home .hero-actions{justify-content:flex-start;gap:12px;margin:24px 0 12px}
 .marketing-home .hero-actions .cta{min-width:0;padding:0 20px}
 .marketing-home .hero .note{margin:0;text-align:left}
 .marketing-page .landing-hero .preview-scene{height:330px}
}

/* r89d · Paketler şeridi ürün turu kutusuyla aynı yüzeyde. */
.marketing-page .plan-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:0 0 8px;padding:24px 26px;border:1px solid #2b425b;border-radius:16px;background:linear-gradient(165deg,#132131,#0d1826)}
.marketing-page .plan-link h2{margin:6px 0 0;font-size:22px;line-height:1.35;letter-spacing:-.4px;font-weight:650;text-wrap:balance}
.marketing-page .plan-link p{margin:6px 0 0;font-size:13.5px;line-height:1.65;color:var(--muted)}
.marketing-page .plan-link>a{flex:none}
@media(max-width:700px){
 .marketing-page .plan-link{align-items:flex-start;flex-direction:column;gap:12px;padding:18px}
}

/* r89e · Tur ve paket kutuları arasına nefes. */
.marketing-page .tour-link{margin:0 0 18px}
.marketing-page .plan-link{margin:0 0 26px}
@media(max-width:700px){
 .marketing-page .tour-link{margin:0 0 14px}
 .marketing-page .plan-link{margin:0 0 22px}
}

/* r89f · Tur ve paket kutuları, ücretlerdeki tasarruf şeridiyle aynı mavi sol kenar. */
.marketing-page .tour-link,.marketing-page .plan-link{border-left:3px solid var(--brand-accent)}
@media(max-width:700px){
 .marketing-page .tour-link,.marketing-page .plan-link{border-left-width:3px;padding-left:20px}
}

/* r89g · SSS "tüm soruları gör" bağlantısı diğerleriyle aynı beyaz ton ve hizada. */
.marketing-page .faq-more{grid-column:2;margin:16px 0 0;text-align:right}
.marketing-page .faq-more a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;color:#e2eaf5;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#5b7da3}
.marketing-page .faq-more a:hover{color:#fff;text-decoration-color:#8fb9ea}
@media(max-width:700px){
 .marketing-page .faq-more{grid-column:1;margin:14px 0 0;text-align:left}
}

/* r89h · SSS: bağlantı çizgisi kesintisiz, liste ile bağlantı arası sıkı. */
.marketing-page .faq-section{row-gap:0;column-gap:88px}
.marketing-page .faq-more{grid-column:2;margin:18px 0 0;text-align:right}
.marketing-page .faq-more a{display:inline-flex;align-items:flex-end;gap:6px;min-height:38px;padding:0 0 3px;border:0;border-bottom:1px solid #5b7da3;background:none;color:#e2eaf5;font-size:13px;font-weight:600;text-decoration:none}
.marketing-page .faq-more a span{color:#e2eaf5}
.marketing-page .faq-more a:hover{color:#fff;border-bottom-color:#8fb9ea}
@media(max-width:1100px){
 .marketing-page .faq-section{grid-template-columns:minmax(0,1fr);row-gap:18px}
 .marketing-page .faq-section>h2{position:static}
 .marketing-page .faq-more{grid-column:1;margin:0;text-align:left}
}

/* Product copy (features, FAQ, home): bullet lists and links inside content sections. */
.cms-content-section{scroll-margin-top:88px}
.cms-section-body ul{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:10px}
.cms-section-body ul:last-child{margin-bottom:0}
.marketing-page .cms-section-body li{position:relative;padding-left:22px;font-size:15px;line-height:1.75;color:#b9cbe0}
.cms-section-body li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:#85b3f0}
.cms-section-body a,.faq-list p a{color:#9cc4f5;text-underline-offset:3px}
.cms-section-body a:hover,.faq-list p a:hover{color:#c4dcfa}
.cms-section-body a:focus-visible,.faq-list p a:focus-visible,.benefits-grid h3 a:focus-visible{outline:2px solid #5a8bc8;outline-offset:3px;border-radius:3px}
.benefits-grid h3 a{color:inherit;text-decoration:none}
.benefits-grid h3 a:hover{color:#9cc4f5;text-decoration:underline;text-underline-offset:4px}
.home-features .faq-more{margin:20px 0 0}

/* r90 · Ana sayfa düzeni: ilkeler, özellikler ve yan yana iki kutu. */
.marketing-page .home-features .benefits-grid article{display:flex;flex-direction:column;gap:6px}
.marketing-page .home-features .benefits-grid h3{margin:8px 0 0}
.marketing-page .home-features .benefits-grid h3 a{color:inherit;text-decoration:none}
.marketing-page .home-features .benefits-grid h3 a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.marketing-page .section-more{display:flex;justify-content:flex-end;margin:18px 0 0}
.marketing-page .section-more a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 0 3px;border-bottom:1px solid #5b7da3;color:#e2eaf5;font-size:13px;font-weight:600;text-decoration:none}
.marketing-page .section-more a:hover{color:#fff;border-bottom-color:#8fb9ea}
.marketing-page .next-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:8px 0 0}
.marketing-page .next-row .tour-link,.marketing-page .next-row .plan-link{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;margin:0}
.marketing-page .next-row .tour-link .secondary,.marketing-page .next-row .plan-link .secondary{flex:none;margin-top:auto}
@media(max-width:860px){.marketing-page .next-row{grid-template-columns:minmax(0,1fr)}}

/* r90b · Özellik bölümü başlığı ve CMS kartının genişliği. */
.marketing-page .features-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 28px;margin:0 0 26px}
.marketing-page .features-head .benefits-head{margin:0;flex:1 1 520px}
.marketing-page .features-head .section-more{flex:none;margin:0 0 4px}
.marketing-home .cms-content-section{max-width:none;width:100%;padding:26px 30px}
.marketing-home .cms-content-section h2{margin-bottom:14px}
@media(max-width:700px){
 .marketing-page .features-head{gap:10px}
 .marketing-page .features-head .section-more{align-self:flex-start}
 .marketing-home .cms-content-section{padding:20px 18px}
}

/* r90c · "Kimler için" bandı: başlık dikey ortada, gövde dengeli. */
.marketing-home .cms-content-section{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:10px 44px;align-items:center}
.marketing-home .cms-content-section h2{margin:0}
.marketing-home .cms-content-section .cms-section-body{max-width:660px}
@media(max-width:860px){
 .marketing-home .cms-content-section{grid-template-columns:minmax(0,1fr);gap:12px}
 .marketing-home .cms-content-section .cms-section-body{max-width:none}
}

/* r91 · Özellikler sayfası: sabit dizin + okunabilir tek sütun. */
.marketing-page .features-page{display:grid;grid-template-columns:236px minmax(0,1fr);gap:48px;padding:4px 0 44px;align-items:start;max-width:1060px}
.marketing-page .features-toc{position:sticky;top:24px;display:grid;gap:2px;padding:12px;border:1px solid #2b425b;border-radius:12px;background:var(--brand-surface)}
.marketing-page .features-toc a{display:block;padding:7px 9px;border-radius:6px;color:#b9cbdf;font-size:12.5px;line-height:1.45;text-decoration:none}
.marketing-page .features-toc a:hover{background:#122033;color:#eaf3fb}
.marketing-page .feature-block{padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid var(--line-soft)}
.marketing-page .feature-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.marketing-page .feature-block h2{margin:0 0 12px;font-size:24px;line-height:1.25;letter-spacing:-.6px;font-weight:650;scroll-margin-top:24px;text-wrap:balance}
.marketing-page .feature-block p{margin:0 0 12px;max-width:74ch;color:var(--muted);font-size:14.5px;line-height:1.8;white-space:pre-line}
.marketing-page .feature-block p:last-child{margin-bottom:0}
.marketing-page .feature-block a{color:#9cc4f4;text-decoration:underline;text-underline-offset:4px}
.marketing-page .feature-block .feature-list{display:grid;gap:7px;margin:0 0 14px;padding:0;list-style:none;color:#c7d4e4;font-size:13.5px}
.marketing-page .feature-block .feature-list li{position:relative;padding-left:18px;line-height:1.6}
.marketing-page .feature-block .feature-list li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:#6ba8ff}
.marketing-page .feature-shot{margin:18px 0 0;max-width:780px;border:1px solid #1f3145;border-radius:12px;overflow:hidden;background:#0a1119}
.marketing-page .feature-shot a{display:block}
.marketing-page .feature-shot img{display:block;width:100%;height:auto}
@media(max-width:1000px){
 .marketing-page .features-page{grid-template-columns:minmax(0,1fr);gap:20px;padding-bottom:32px}
 .marketing-page .features-toc{position:static;display:flex;flex-wrap:wrap;gap:4px;padding:8px}
 .marketing-page .features-toc a{padding:6px 9px;border:1px solid #223448;border-radius:7px;font-size:12px}
 .marketing-page .feature-block{padding-bottom:24px;margin-bottom:24px}
 .marketing-page .feature-block h2{font-size:21px}
}

/* r91b · Dizin: sol kenar vurgusu, her özelliğe simge. */
.marketing-page .features-toc{border-left:3px solid var(--brand-accent);padding:10px}
.marketing-page .features-toc a{display:flex;align-items:center;gap:9px;padding:6px 8px}
.marketing-page .features-toc .toc-ico{flex:none;display:grid;place-items:center;width:22px;height:22px;border:1px solid #223448;border-radius:6px;background:#0a1119;color:#8fb9ea}
.marketing-page .features-toc a:hover .toc-ico{border-color:#3d6a9e;background:#12243a;color:#a8cbff}
.marketing-page .features-toc a span:last-child{min-width:0}
.marketing-page .feature-block:target h2{color:#dbe9fb}
.marketing-page .feature-block:target{scroll-margin-top:24px}
@media(max-width:1000px){
 .marketing-page .features-toc{align-items:center}
 .marketing-page .features-toc a{gap:7px;padding:5px 8px}
 .marketing-page .features-toc .toc-ico{width:20px;height:20px}
}

/* r91c · Dizin hizası ve aktif bölüm ışığı. */
.marketing-page .features-toc a{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:6px 8px;border-radius:8px;transition:background .16s ease,color .16s ease}
.marketing-page .features-toc .toc-ico{width:24px;height:24px;border-radius:7px;transition:border-color .16s ease,color .16s ease,box-shadow .16s ease,background .16s ease}
.marketing-page .features-toc a[aria-current="true"]{background:#12243a}
.marketing-page .features-toc a[aria-current="true"] span:last-child{color:#eef5ff}
.marketing-page .features-toc a[aria-current="true"] .toc-ico{border-color:#4a78ad;background:#16293d;color:#bfe0ff;box-shadow:0 0 0 1px #85b3f02e,0 0 14px #3273ca66}
@media(prefers-reduced-motion:reduce){
 .marketing-page .features-toc a,.marketing-page .features-toc .toc-ico{transition:none}
}
@media(max-width:1000px){
 .marketing-page .features-toc a{grid-template-columns:20px minmax(0,1fr);gap:7px;padding:5px 8px}
 .marketing-page .features-toc .toc-ico{width:20px;height:20px;border-radius:6px}
}

/* r92 · Özellikler başlığı: metin solda, tek eylem sağda. */
.marketing-page .page-intro .hero--split{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:36px;align-items:start}
.marketing-page .hero--split .eyebrow{grid-column:1/-1;grid-row:1;margin:0 0 12px}
.marketing-page .hero--split h1{grid-column:1;grid-row:2;margin:0}
.marketing-page .hero--split>p:not(.eyebrow){grid-column:1;grid-row:3;margin:14px 0 0;max-width:62ch}
.marketing-page .hero--split .hero-actions{grid-column:2;grid-row:2;margin:4px 0 0;align-self:start;justify-self:end;flex-wrap:nowrap}
.marketing-page .hero--split .hero-actions .cta{min-width:0;white-space:nowrap}
@media(max-width:900px){
 .marketing-page .page-intro .hero--split{grid-template-columns:minmax(0,1fr);column-gap:0}
 .marketing-page .hero--split h1{grid-column:1;grid-row:auto}
 .marketing-page .hero--split>p{grid-column:1;grid-row:auto}
 .marketing-page .hero--split .hero-actions{grid-column:1;grid-row:auto;justify-self:start;margin-top:18px;flex-wrap:wrap}
}

.marketing-page .page-intro--wide{max-width:none}

/* r93 · Rehber sayfaları: makale başlığı, numaralı dizin, düz bölümler. */
.marketing-page .guide-hero{max-width:820px;padding:var(--page-start) 0 26px}
.marketing-page .guide-hero h1{margin:8px 0 14px;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-1.4px;font-weight:650;text-wrap:balance}
.marketing-page .guide-hero>p{margin:0;max-width:70ch;color:var(--muted);font-size:15.5px;line-height:1.8}
.marketing-page .guide-hero .guide-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:20px 0 0}
.marketing-page .guide-meta>span{color:#8fa5bd;font-size:12.5px}
.marketing-page .guide-meta .cta{min-height:44px;padding:0 16px;font-size:13px}
.marketing-page .guide-page{padding-top:4px}
.marketing-page .guide-page--flat{max-width:820px;padding:0 0 32px}
.marketing-page .features-toc .toc-num{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid #223448;border-radius:7px;background:#0a1119;color:#8fb9ea;font-size:10.5px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.marketing-page .features-toc a[aria-current="true"] .toc-num{border-color:#4a78ad;background:#16293d;color:#bfe0ff;box-shadow:0 0 0 1px #85b3f02e,0 0 14px #3273ca66}
@media(max-width:1000px){
 .marketing-page .features-toc .toc-num{width:20px;height:20px;font-size:10px}
}
@media(max-width:700px){
 .marketing-page .guide-hero h1{font-size:clamp(28px,7vw,38px)}
 .marketing-page .guide-meta{flex-direction:column;align-items:flex-start;gap:12px}
}

/* r93b · Rehber alt bağlantıları ve dizin ölçüsü. */
@media(min-width:1000px){.marketing-page .guide-section--three .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.marketing-page .guide-page .features-toc{width:252px}

/* r93c · Rehber/özellik girişi: ayırıcı çizgi ve doğru küçük başlık. */
.marketing-page .guide-intro{border-bottom:1px solid var(--line-soft);padding-bottom:26px;margin:0 0 26px}
.marketing-page .guide-hero .eyebrow{margin:0 0 10px;color:#8fb9ea;font-size:11px;font-weight:700;letter-spacing:.14em}
.marketing-page .guide-hero>p:not(.eyebrow){margin:0;max-width:70ch;color:var(--muted);font-size:15.5px;line-height:1.8}
.marketing-page .page-intro--wide{border-bottom:1px solid var(--line-soft)}
@media(max-width:700px){
 .marketing-page .guide-intro{padding-bottom:18px;margin-bottom:18px}
}

/* r94 · Rehber başlığı: metin solda, eylem sağda; ayırıcı korunur. */
.marketing-page .guide-hero.hero--split{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:36px;align-items:start;max-width:none}
.marketing-page .guide-hero.hero--split .eyebrow{grid-column:1/-1}
.marketing-page .guide-hero.hero--split h1{grid-column:1;grid-row:2;margin:0}
.marketing-page .guide-hero.hero--split>p:not(.eyebrow){grid-column:1;grid-row:3;margin:14px 0 0;max-width:64ch}
.marketing-page .guide-hero.hero--split .hero-actions{grid-column:2;grid-row:2;margin:4px 0 0;align-self:start;justify-self:end;flex-wrap:nowrap}
.marketing-page .guide-hero.hero--split .hero-actions .cta{min-width:0;white-space:nowrap}
@media(max-width:900px){
 .marketing-page .guide-hero.hero--split{grid-template-columns:minmax(0,1fr)}
 .marketing-page .guide-hero.hero--split h1{grid-row:auto}
 .marketing-page .guide-hero.hero--split>p:not(.eyebrow){grid-row:auto}
 .marketing-page .guide-hero.hero--split .hero-actions{grid-column:1;grid-row:auto;justify-self:start;margin-top:16px}
}

/* r95 · Tanıtım sayfalarında içerik genişliği tek hizada. */
.marketing-page .features-page{max-width:none}
.marketing-page .contact-page{max-width:none}
.marketing-page .cms-content-section{max-width:none}
.marketing-page .cms-section-body{max-width:74ch}
.marketing-page .cms-section-body p{max-width:74ch}

/* Ürün ekranı sekmeleri · dar ekranda 'Challenge' kelimesi bölünmez. */
@media(max-width:480px){.marketing-page .workspace-preview .preview-tabs a{overflow-wrap:normal;word-break:normal;font-size:10px;padding:4px 1px;letter-spacing:-.1px}}
/* Challenge ekranı rakamları kenarda; kırpılmadan, tamamı görünür. */
.marketing-page .landing-hero #preview-challenge .preview-scene img{object-fit:contain;object-position:center top}
/* Ana sayfa · Piyasalar bandı: kart bağlantısı ok işaretiyle tek satırda, kartın altında. */
.marketing-page .home-markets .benefits-grid article{display:flex;flex-direction:column;gap:6px}
.marketing-page .home-markets .benefits-grid h3{margin:8px 0 0}
.marketing-page .home-markets .benefits-grid h3 a{color:inherit;text-decoration:none}
.marketing-page .home-markets .market-more{margin-top:auto;padding-top:8px}
.marketing-page .home-markets .market-more a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#9cc4f5;font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid #5b7da3}

/* Home hero v2: split hero, edge-bleeding product slides, tabs below (2026-11-08) */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html:has(.hero-v2),body.marketing-home{overflow-x:clip}
.marketing-home{--hero-main:min(1160px,calc(100vw - 64px))}
@media(min-width:1800px){.marketing-home{--hero-main:min(1320px,calc(100vw - 80px))}}
.marketing-home .landing-hero.hero-v2{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center;padding:72px 0 84px}
.marketing-home .hero-v2 .hero .eyebrow.hero-chip{display:inline-flex;align-items:center;margin:0;padding:7px 14px;border:1px solid #8ab4f04d;border-radius:999px;background:#8ab4f00f;color:#a9c8f5;font-size:14px;line-height:1.3;letter-spacing:.2px;font-weight:550;text-transform:none}
.marketing-home .hero-v2 .hero h1{font-size:clamp(38px,4vw,56px);margin:22px 0 22px;text-wrap:wrap}
.marketing-home .hero-v2 .hero h1 .hero-accent{display:block}
.marketing-home .hero-v2 .hero>p:not(.note){max-width:500px}
.marketing-home .hero-v2 .workspace-preview{max-width:none;margin:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;position:relative;display:flex;flex-direction:column;min-width:0}
.marketing-home .hero-v2 .workspace-preview:before{content:"";position:absolute;right:-12%;top:-22%;width:75%;height:140%;background:radial-gradient(closest-side,#2b5fae30,transparent);pointer-events:none;z-index:-1}
.marketing-home .hero-v2 .preview-panels{order:1;position:relative;height:auto!important;min-height:0;margin:0}
.marketing-home .hero-v2 .product-panel:not([hidden]){display:block!important;height:auto!important;min-height:0!important;padding:0;border:0}
.marketing-home .hero-v2 .preview-scene{height:auto!important;aspect-ratio:1.6;display:block;padding:0!important;border:1px solid #8ab4f038;border-radius:14px;overflow:hidden;background:#0f1722;box-shadow:0 30px 70px #0008,0 0 70px #3d7bd81c}
.marketing-home .hero-v2 .preview-scene a,.marketing-home .hero-v2 .preview-scene picture{display:block;width:100%;height:100%}
.marketing-home .hero-v2 .preview-scene img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center top!important;border-radius:0}
.marketing-home .hero-v2 .preview-caption{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.marketing-home .hero-v2 .workspace-preview{container-type:inline-size}
.marketing-home .hero-v2 .preview-scene{border-radius:14px 14px 0 0;border-bottom:0}
.marketing-home .hero-v2 .preview-tabs{order:2;display:flex;gap:1px;margin:0;padding:0;border:1px solid #8ab4f038;border-radius:0 0 14px 14px;overflow:hidden;background:#304760}
.marketing-home .hero-v2 .preview-tabs a{flex:1 1 0;min-width:0;min-height:44px;padding:4px 2px;border:0;border-radius:0;background:#121d2a;color:#bdcad9;font-size:12px;font-weight:550;line-height:1.2;letter-spacing:normal;overflow-wrap:normal}
.marketing-home .hero-v2 .preview-tabs a:hover{background:#1b2c40;color:#edf5ff}
.marketing-home .hero-v2 .preview-tabs a[aria-selected=true]{background:#1b3757;color:#dcecff;box-shadow:inset 0 -2px #75acfa}
.marketing-home .hero-v2 .preview-tabs a:focus-visible{outline:2px solid #9ac4ff;outline-offset:-3px}
@container (max-width: 560px){
 .marketing-home .hero-v2 .preview-tabs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}
 .marketing-home .hero-v2 .preview-tabs a{grid-column:span 3;font-size:clamp(10px,3.7cqw,12px)}
 .marketing-home .hero-v2 .preview-tabs:has(a:nth-child(7)) a:nth-child(n+5){grid-column:span 4}
}
@media(max-width:1100px){.marketing-home .landing-hero.hero-v2{grid-template-columns:1fr;gap:40px;padding:44px 0 56px}.marketing-home .hero-v2 .hero{text-align:center;max-width:680px;margin:0 auto}.marketing-home .hero-v2 .hero>p:not(.note){margin-left:auto;margin-right:auto;text-align:center}.marketing-home .hero-v2 .hero h1,.marketing-home .hero-v2 .hero .note{text-align:center;margin-left:auto;margin-right:auto}.marketing-home .hero-v2 .hero-actions{justify-content:center}.marketing-home .hero-v2 .workspace-preview{max-width:760px;width:100%;margin:0 auto}.marketing-home .hero-v2 .preview-tabs{justify-content:center}.marketing-home .hero-v2 .preview-disclaimer{text-align:center}}
@media(max-width:700px){.marketing-home .hero-v2 .hero{text-align:center}.marketing-home .hero-v2 .hero .eyebrow.hero-chip{font-size:12.5px;margin-top:0;letter-spacing:.1px}.marketing-home .hero-v2 .hero h1{font-size:clamp(34px,9.4vw,46px);letter-spacing:-1.4px}.marketing-home .hero-v2 .hero>p:not(.note){margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:no-preference){.marketing-home .hero-v2 .tabs-ready .product-panel:not([hidden]) .preview-scene img{animation:hero-slide-in .35s ease-out}}
@keyframes hero-slide-in{from{opacity:.4}to{opacity:1}}
@media(max-width:520px){
 .marketing-home .landing-hero.hero-v2{gap:22px;padding-top:24px}
 .marketing-home .hero-v2 .hero h1{margin-block:14px}
 .marketing-home .hero-v2 .hero>p:not(.note){line-height:1.6}
 .marketing-home .hero-v2 .hero-actions{margin:16px 0 8px}
 .marketing-home .hero-v2 .preview-scene{aspect-ratio:4/3}
 .marketing-home .hero-v2 .preview-scene img{object-fit:contain!important;object-position:center!important}
}
.marketing-home .home-challenge .hero-actions{justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:16px 0 0}
.marketing-home .home-challenge .hero-actions .cta{min-width:0;min-height:42px}
.marketing-home .home-challenge .hero-actions .secondary{min-width:0;min-height:40px;padding-inline:8px;font-size:12px;background:none;border-color:transparent}

/* Compact navigation stays anchored to the public header. */
.marketing-header .marketing-menu-toggle,.marketing-header .marketing-drawer-account{display:none}
@media(max-width:900px){
 .marketing-page .marketing-header.menu-ready{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:66px;gap:8px;padding-block:8px}
 .marketing-page .marketing-header.menu-ready>.brand{grid-area:1/1;justify-self:start}
 .marketing-page .marketing-header.menu-ready>.header-account{grid-area:1/2;justify-self:end;gap:8px}
 .marketing-page .marketing-header.menu-ready>.header-account>:is(.login-link,.signup-link){display:none}
 .marketing-page .marketing-header.menu-ready .marketing-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 10px;border:1px solid var(--brand-line);border-radius:9px;background:var(--brand-surface);color:var(--brand-text);font:inherit;font-size:12px;cursor:pointer}
 .marketing-page .marketing-header.menu-ready .marketing-menu-toggle[aria-expanded=true]{border-color:var(--brand-accent);color:var(--brand-accent)}
 .marketing-page .marketing-header.menu-ready>nav{position:absolute;z-index:4;inset:100% 0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;max-height:calc(100dvh - 80px);overflow:auto;padding:8px;border:1px solid var(--brand-line);border-radius:0 0 12px 12px;background:var(--brand-bg);box-shadow:0 16px 35px #0006;visibility:hidden;opacity:0;transform:translateY(-7px);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s}
 .marketing-page .marketing-header.menu-ready:has(.marketing-menu-toggle[aria-expanded=true])>nav{visibility:visible;opacity:1;transform:none;pointer-events:auto}
 .marketing-page .marketing-header.menu-ready>nav a{display:flex;align-items:center;min-height:44px;padding:6px 10px}
 .marketing-page .marketing-header.menu-ready .marketing-drawer-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 2px 2px;border-top:1px solid var(--brand-line)}
 .marketing-page .marketing-header.menu-ready .marketing-drawer-account a{justify-content:center;text-align:center}
 .marketing-page .marketing-header.menu-ready>nav a:focus-visible{outline-offset:-2px}
 @media(prefers-reduced-motion:reduce){.marketing-page .marketing-header.menu-ready>nav{transition:none}}
}