/* Klooma's actual product palette: white, charcoal, red and teal. */
:root{--ink:#16161a;--muted:#62646b;--teal:#38b0bc;--red:#ed3661;--paper:#fff;--line:#e5e6e9;--mint:#fff;background:#fff;color:var(--ink)}
body{background:#fff;color:var(--ink)}
.site-header{background:#fff;border-color:#eee}.site-header #site-nav{background:#fff}.site-header .brand img{filter:brightness(0)}.site-header nav a:hover,.text-link:hover{color:var(--red)}.nav-cta{background:#16161a;border-radius:100px}.nav-cta:hover{background:var(--red)}
.hero{background:#0b0e14;color:#fff}.hero-atmosphere{background:radial-gradient(ellipse at 74% 38%,#38b0bc35,transparent 47%),radial-gradient(ellipse at 18% 80%,#ed366123,transparent 42%)}.hero-halo{background:radial-gradient(circle,#38b0bc52,transparent 70%)}.hero h1 em{color:#fff}.hero .eyebrow,.hero-description,.pilot-note,.hero-foot{color:#d1d4d9}.eyebrow-dot{background:var(--red)}.hero .button-primary,.button-primary{background:var(--red);color:#fff;border-radius:100px}.hero .button-primary:hover,.button-primary:hover{background:#ce2550;color:#fff}.hero .text-link{color:#fff}.pilot-note>span{color:#fff}.hero-foot{border-color:#ffffff30}.stage-word{color:#ffffff0b}.hero-orbit-label{color:#fff}
.world-strip{background:#16161a;color:#fff}.world-strip span{color:var(--red)}
.section-number,.tag,.format-specs dt,.proof-strip strong,.step-number,.form-top,.text-button,.clear-draft{color:#a7244b}.formats h2 span,.onboarding h2 span,.listening-story h2 span{color:var(--red)}.tag{background:#fff1f4}.placement-preview{background:#f5f6f8;border:1px solid #eceef1}.preview-window{box-shadow:0 20px 50px #16161a1c}.preview-marker .annotation-number{border-color:var(--red);color:var(--red)}.preview-slot{background:#fff;border:1px dashed #ed3661;color:#16161a}.preview-slot span{color:#b7234c}.preview-slot small{color:#62646b}
.experience{background:#11151b;color:#fff}.experience .section-number,.experience h2 span{color:#58c4ce}.experience .section-head>p,.surface-footnote{color:#bec5cb}.surface-tab{color:#b9c0c8}.surface-tab[aria-selected=true]{border-bottom-color:var(--red);color:#fff}.surface-stage{background:#f2f4f6}.surface-story{color:#16161a}.surface-story p{color:#60646d}
.people-band{background:#f7f7f8;color:#16161a}.people-copy .section-number{color:#aa264b}.people-copy>p:not(.section-number),.people-copy>span{color:#62646b}.planning-grid article,.planning-grid article:nth-child(2),.planning-grid article:nth-child(3){background:#f5f6f8;border:1px solid #e8e9eb}.planning-grid article:nth-child(2){background:#f2f8f9}.planning-grid article:nth-child(3){background:#fff5f7}.planning-grid article>span,.planning-grid p{color:#65676e}.process{background:#f6f7f8}.steps li{border-color:#d7d9de}.step-number small{color:#666970}.form-panel{border-color:#e1e3e7}.form-panel input,.form-panel select,.form-panel textarea{background:#fff;border-color:#d5d7dc}.progress{background:#eceef1}.progress span{background:linear-gradient(90deg,var(--red),var(--teal))}
footer{background:#11151b}.footer-inner p,.footer-inner>span{color:#c2c8cd}
.placement-lab{background:#f4f5f7;color:#16161a}.placement-lab-head .section-number,.placement-lab-head h2 span{color:#b7234c}.placement-lab-head>p:last-child{color:#60646d}.placement-lab-body{background:#fff;box-shadow:0 25px 65px #16161a12}.placement-tabs{background:#15171c}.placement-tabs button{color:#d9dde1}.placement-tabs button span{color:#87cbd1}.placement-tabs button small{color:#abb3bb}.placement-tabs button[aria-selected=true]{background:#292e36;border-color:var(--red);color:#fff}.placement-tabs button[aria-selected=true] small{color:#e0e4e8}.placement-tabs button:hover{background:#272c33}.device-switch,.ad-view-switch{background:#f1f2f4;border-color:#e0e2e6}.device-switch button,.ad-view-switch button{color:#4e535c}.device-switch button[aria-pressed=true],.ad-view-switch button[aria-pressed=true]{background:#16161a;color:#fff}.ad-visibility,.placement-guidance{color:#4e535c}.ad-visibility input{accent-color:var(--red)}.placement-guidance-dot{background:var(--red)}.placement-guidance strong{color:#656b73}.placement-info>div>span{color:#b7234c}.placement-info p,.placement-info dd,.placement-lab-note{color:#62666f}.placement-info dl>div{border-color:#e3e5e8}
.render-canvas.real-capture,.render-canvas.real-capture.scene-music,.render-canvas.real-capture.scene-podcast{display:block;min-height:0;padding:clamp(1rem,2.3vw,2rem);background:#e9ebef;overflow:visible}.real-capture #rendered-app{width:100%}.capture-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.72fr);gap:clamp(1rem,2vw,1.8rem);align-items:stretch}.capture-frame{margin:0;min-width:0;background:#fff;border:1px solid #dfe2e6;border-radius:14px;overflow:hidden;box-shadow:0 18px 38px #15171c16;display:flex;flex-direction:column}.capture-frame figcaption{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;background:#fff;color:#343942;border-bottom:1px solid #e5e7ea;font-size:.62rem;font-weight:850;letter-spacing:.1em}.capture-frame figcaption i{display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--teal))}.capture-frame a{display:block;min-width:0}.capture-frame img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}.capture-frame>small{display:block;margin-top:auto;padding:.65rem 1rem;color:#747982;font-size:.62rem}.capture-placement{min-width:0;border-radius:14px;background:#11151b;color:#fff;padding:clamp(1.2rem,2.2vw,2rem);display:flex;flex-direction:column;gap:1.5rem}.capture-placement-head>span,.capture-placement-foot{font-size:.57rem;font-weight:850;letter-spacing:.12em;color:#88cbd1}.capture-placement-head strong{display:block;font-family:'Klooma Display',sans-serif;font-size:clamp(1.7rem,2.3vw,2.8rem);letter-spacing:-.05em;line-height:1.02;margin:1rem 0}.capture-placement-head p{color:#c8cbd0;font-size:.78rem;line-height:1.5;margin:0}.capture-ad-empty,.capture-ad-sample,.capture-ad-hidden{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:240px;padding:1.35rem;background:#fff;color:#16161a;border:1px dashed #ed3661;border-radius:10px}.capture-ad-empty:before{content:'';position:absolute;inset:7px;border:1px solid #eceef1;border-radius:5px;pointer-events:none}.capture-ad-empty span,.capture-ad-sample span{z-index:1;color:#af2850;font-size:.55rem;font-weight:850;letter-spacing:.12em}.capture-ad-empty strong{z-index:1;font-family:'Klooma Display',sans-serif;font-size:clamp(2.5rem,4vw,4rem);line-height:.85;letter-spacing:-.07em}.capture-ad-empty small{z-index:1;color:#6a6f77;font-size:.67rem}.capture-ad-sample{border:0;background:linear-gradient(145deg,#ed3661 0%,#a33a81 55%,#38b0bc 100%);color:#fff}.capture-ad-sample span{color:#fff}.capture-ad-sample strong{font-family:'Klooma Display',sans-serif;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.05em;line-height:1}.capture-ad-sample p{font-size:.75rem;margin:0}.capture-ad-sample b{font-size:.7rem}.capture-ad-hidden{min-height:120px;justify-content:center;background:#242a32;color:#d2d8df;border-color:#59616b;font-size:.78rem}.capture-placement-foot{margin-top:auto;color:#aeb8c0}
.device-mobile .capture-layout{grid-template-columns:minmax(0,390px) minmax(230px,1fr);justify-content:center}.device-mobile .capture-frame{width:100%;border:8px solid #171a1f;border-radius:30px;box-shadow:0 20px 35px #15171c24}.device-mobile .capture-frame figcaption{border-radius:20px 20px 0 0;line-height:1.35}.device-mobile .capture-frame img{width:100%;height:auto}.device-mobile .capture-placement{align-self:start}
.listening-story{background:#f7f7f8;color:#16161a}.listening-story-intro .section-number{color:#b7234c}.listening-story-intro>p:last-child,.listening-story-note{color:#646970}.listening-story-card{background:#161a21}.listening-story-photo{background:#252a32}.listening-story-copy>span,.listening-story-copy a{color:#69c8d1}.listening-story-copy p{color:#c4cbd1}
@media(max-width:900px){.capture-layout,.device-mobile .capture-layout{grid-template-columns:1fr}.device-mobile .capture-frame{max-width:390px;justify-self:center}.capture-placement{min-height:0}.capture-ad-empty,.capture-ad-sample{min-height:190px}}
@media(max-width:740px){.site-header #site-nav{background:#fff}.render-canvas.real-capture{padding:.8rem}.capture-frame figcaption{font-size:.52rem}.capture-placement-head strong{font-size:2rem}.capture-ad-empty strong{font-size:2.8rem}}