/* Public editorial layer only. Dialogs keep their existing dark UI; iframe documents are independent. */
body.clarity{background:#25344d;background-image:none}body.clarity::before,body.clarity::after{display:none}
.clarity main{background:#f8f5ee;color:#25344d}.clarity main>.hero{background:#f8f5ee;padding:54px 0 34px}.clarity main>.hero .lead{color:#4f5e70}.clarity main>.hero h1{letter-spacing:-.045em;max-width:23ch}.clarity main .container{max-width:1240px}.clarity .clarity-hero-grid{grid-template-columns:1.1fr 1fr;gap:54px;align-items:center}.clarity .clarity-home .hero__copy{max-width:none}.clarity .clarity-home h1{font-size:clamp(2rem,3.7vw,3.15rem)}
.clarity main>.hero label,.clarity main>.hero .clarity-promise{color:#25344d}.clarity main>.hero .clarity-scope{color:#526174}.clarity main>.hero .url-entry{background:#fff;border:1px solid #a1afbe;border-radius:12px;padding:6px;box-shadow:0 6px 20px #25344d09}.clarity main>.hero .url-entry__field{color:#25344d;background:#fff;min-width:140px}/* The white URL wrapper does not override the input’s explicit dark-theme text. */
.clarity main>.hero .url-entry__input{color:#25344d;-webkit-text-fill-color:#25344d;caret-color:#25344d;background:#fff}.clarity main>.hero .url-entry__input::placeholder{color:#526174;-webkit-text-fill-color:#526174;opacity:1}
.clarity main>.hero .btn--primary,.clarity main>.section .btn--primary,.clarity .clarity-content>.clarity-next .btn--primary,.clarity .editorial-end .btn--primary,.clarity #pilot .btn--primary{background:#25344d;color:#fff;border-color:#25344d;box-shadow:none}.clarity main>.hero .link,.clarity main>.section .link,.clarity .clarity-content .link,.clarity .editorial-art .link,.clarity .editorial-end .link{color:#34568a;text-underline-offset:5px}.clarity main>.hero button.own-text-button{color:#34568a}
.clarity .clarity-proof{background:#e5edf4;border:1px solid #c4d1de;padding:24px;border-radius:20px;box-shadow:0 16px 40px #25344d0a}.clarity .clarity-proof h2{font-size:24px;letter-spacing:-.025em}.clarity .clarity-proof p{font-size:14px;margin:12px 0}.clarity .clarity-proof .eyebrow{color:#495c72}.clarity .proof-prompt{border-color:#b76550}.proof-comparison{border:0;padding:0;margin:18px 0 0;min-width:0}.proof-comparison legend{font-size:12px;margin-bottom:10px}.proof-comparison>input{margin:0 5px 0 0;accent-color:#25344d}.proof-comparison>label{display:inline!important;margin:0 20px 0 0!important;font-size:14px;cursor:pointer}.proof-frame{margin:14px 0 0;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #bdc9d4}.proof-frame img{display:block;width:100%;height:auto}.proof-frame figcaption{padding:12px 16px;font-size:14px;font-weight:600}.proof-after{display:none}#proof-after:checked~.proof-before{display:none}#proof-after:checked~.proof-after{display:block}
.clarity .editorial-art{background:#eee9df;padding:60px 0}.editorial-art-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.editorial-art figure{margin:0}.editorial-art img{width:100%;height:auto;display:block;border-radius:12px}.editorial-art figcaption{font-size:11px;color:#5a645f;margin-top:8px}.editorial-art h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;letter-spacing:-.035em;margin:16px 0 22px;max-width:20ch}.editorial-art p{color:#4f5e70;line-height:1.75;margin-bottom:24px;max-width:52ch}.editorial-art .eyebrow{color:#6e4b3e}.clarity .editorial-future{background:#e6edf3}.editorial-future figure{order:2}.editorial-future .eyebrow{color:#425a74}
.clarity main>.section{padding:60px 0;background:#f8f5ee}.clarity main>.section .section__head{margin-bottom:28px;max-width:740px}.clarity main>.section .section__head p{color:#526174}.clarity .clarity-card{background:#fff;border:1px solid #d7dddF;border-radius:14px;padding:24px;color:#25344d;box-shadow:0 6px 18px #25344d04}.clarity #examples .clarity-card{padding:14px 14px 24px}.clarity #examples .clarity-card>h3,.clarity #examples .clarity-card>p,.clarity #examples .clarity-card>a{margin-left:10px;margin-right:10px}.clarity #examples .clarity-card img{aspect-ratio:1.5;object-fit:cover;object-position:top;border:1px solid #e1e3e5;border-radius:9px}.clarity #examples .clarity-card .link{font-size:14px}.clarity .clarity-card p{color:#526174}.clarity .clarity-card .eyebrow{color:#73594c}.clarity .clarity-card .clarity-price{color:#25344d}.clarity #how-it-works{border-top:1px solid #d6dce0}.clarity #how-it-works .clarity-card{background:none;box-shadow:none;border:0;border-radius:0;border-top:1px solid #aebcc8;padding:24px 0}.clarity #how-it-works .eyebrow{background:#ccddf0;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#25344d;letter-spacing:0}.clarity #how-it-works h3{font-size:22px}.clarity .editorial-end{padding-top:56px;padding-bottom:56px}.editorial-end h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.clarity .clarity-content{max-width:1100px!important;padding-bottom:60px}.clarity .clarity-content>.clarity-grid{margin-top:0}.clarity .clarity-section{padding:24px 0;margin:0 0 16px;border-color:#cbd2d8;max-width:80ch}.clarity .clarity-section p{color:#4f5e70}.clarity .clarity-section p+p{margin-top:16px}.clarity .clarity-section h2{letter-spacing:-.025em;line-height:1.25}.clarity .credit-overview{margin-top:36px;max-width:none;background:#e6edf3;padding:28px 32px;border:0;border-radius:14px}.credit-overview .eyebrow{color:#465c74}.credit-overview p{max-width:80ch}.credit-status{font-size:14px}.credit-faq{margin:36px 0;max-width:80ch}.credit-faq h2{font-size:25px;margin-bottom:18px}.credit-faq details{border-bottom:1px solid #cbd2d8}.credit-faq summary{line-height:1.4}.credit-faq p{padding:0 0 20px;line-height:1.7;color:#4f5e70}.clarity .clarity-content>.editorial-art{padding:28px;border-radius:14px;margin:32px 0}.clarity-content .editorial-art-grid{padding:0;gap:28px}.clarity #pilot{background:#e6edf3;padding:28px 32px;border-radius:14px;margin-top:32px}.clarity #name-fiction{margin:24px 0}.clarity #name-fiction .section{background:transparent;color:#25344d}.clarity main>#guided-tour,.clarity main>.container:has(#guided-tour){padding-top:16px;padding-bottom:16px}.clarity #guided-tour{margin-bottom:0}.clarity #guided-tour>summary{color:#34568a}
.clarity .site-footer{padding-top:36px;padding-bottom:24px;background:#25344d}.clarity .site-footer__top{gap:28px}.clarity .site-footer__bottom{margin-top:24px;padding-top:18px}.clarity .site-header{background:#25344d}.clarity main>.hero :focus-visible,.clarity .clarity-content :focus-visible,.editorial-art :focus-visible,.clarity main>.section :focus-visible{outline-color:#34568a}
@media(max-width:1000px){.clarity .clarity-hero-grid{gap:28px}.editorial-art-grid{gap:32px}.clarity-home .url-entry__btn{width:100%}}
@media(max-width:760px){.clarity .clarity-hero-grid,.editorial-art-grid{grid-template-columns:1fr}.clarity main>.hero{padding:30px 0}.clarity .clarity-home h1{font-size:34px}.clarity .clarity-proof{padding:20px;margin-top:8px}.clarity main>.section,.clarity .editorial-art{padding:36px 0}.editorial-art figure{order:2}.editorial-art h2{max-width:24ch}.clarity .credit-overview,.clarity #pilot{padding:22px}.clarity .clarity-content>.editorial-art{padding:20px}.clarity .clarity-grid{gap:18px}.clarity .editorial-end{padding-top:36px;padding-bottom:36px}.clarity main .container{width:100%}.clarity .clarity-proof .proof-prompt{font-size:13px}.clarity .site-footer__top{gap:20px}}
@media(max-width:360px){.clarity .clarity-home h1{font-size:30px}.clarity .clarity-proof{padding:16px}.clarity main .container{padding-left:18px;padding-right:18px}.clarity .clarity-content>.editorial-art .container{padding:0}.clarity .url-entry__field{width:100%}.clarity .clarity-next{gap:18px}.proof-comparison>label{margin-right:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.clarity *{animation:none!important;transition:none!important}}
/* Explicit heading colours override the original dark-theme heading rule. */
.clarity main>:not(#onboarding-overlay) h1,.clarity main>:not(#onboarding-overlay) h2,.clarity main>:not(#onboarding-overlay) h3{color:#25344d}.clarity main>.hero .hero__copy>.eyebrow{color:#6e4b3e}.clarity .editorial-future figure{min-width:0}
.product-path{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0;margin:32px 0}.product-path li{counter-increment:step;border-top:2px solid #a6bbcf;padding-top:18px;font-weight:700}.product-path li::before{content:counter(step,decimal-leading-zero);display:block;color:#526b83;font-size:13px;margin-bottom:12px}.product-path span{display:block;font-weight:400;font-size:14px;margin-top:8px;color:#526174}.editorial-footer-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px;margin-top:18px}.editorial-footer-links a{color:#ccddf0}.clarity #name-fiction p{color:#4f5e70}@media(max-width:500px){.product-path{grid-template-columns:1fr}.product-path li{padding-top:12px}.product-path li::before{display:inline;margin-right:12px}}
/* 20 September: founder-selected photographic direction supersedes paper/interior art. */
.clarity main,.clarity main>.hero,.clarity main>.section{background:#1a2335;color:#f7f8fa}.clarity main>:not(#onboarding-overlay) h1,.clarity main>:not(#onboarding-overlay) h2,.clarity main>:not(#onboarding-overlay) h3{color:#f7f8fa}.clarity main>.hero .lead,.clarity main>.hero .clarity-scope,.clarity main>.section .section__head p,.clarity .clarity-section p,.clarity .clarity-card p,.credit-faq p,.product-path span,.clarity #name-fiction p{color:#ccddf0}.clarity main>.hero label,.clarity main>.hero .clarity-promise{color:#f7f8fa}.clarity main>.hero .hero__copy>.eyebrow{color:#e9a18d}
.clarity main>.hero .link,.clarity main>.section .link,.clarity .clarity-content .link,.clarity .editorial-end .link,.clarity main>.hero button.own-text-button,.clarity #guided-tour>summary{color:#ccddf0}.clarity main>.hero .btn--primary,.clarity main>.section .btn--primary,.clarity .clarity-content>.clarity-next .btn--primary,.clarity .editorial-end .btn--primary,.clarity #pilot .btn--primary{background:#ccddf0;color:#25344d;border-color:#ccddf0}.clarity .clarity-card,.clarity .credit-overview,.clarity #pilot{background:#25344d;border-color:#455670;box-shadow:none}.clarity .clarity-card .clarity-price{color:#f7f8fa}.clarity .clarity-card .eyebrow,.credit-overview .eyebrow{color:#e9a18d}.clarity .clarity-section,.credit-faq details,.clarity #how-it-works{border-color:#43536a}.product-path li{border-color:#637a97}.product-path li::before{color:#ccddf0}.clarity main>.hero :focus-visible,.clarity .clarity-content :focus-visible,.clarity main>.section :focus-visible{outline-color:#e9a18d}
/* The genuine product proof remains a deliberate light contrast surface. */
.clarity .clarity-proof{color:#25344d}.clarity .clarity-proof h2,.clarity .clarity-proof label,.clarity .clarity-proof h3{color:#25344d!important}.clarity .clarity-proof .link{color:#34568a!important}.clarity .clarity-proof :focus-visible{outline-color:#34568a!important}
/* Supporting photography: compact columns; genuine product evidence is untouched. */
.business-scene{padding:30px 0;background:#202c40}.scene-grid{display:grid;grid-template-columns:minmax(0,1fr) 30%;gap:36px;align-items:center}.business-scene figure{margin:0;min-width:0;max-width:350px;justify-self:end;width:100%}.business-scene img{display:block;width:100%;height:auto;border-radius:7px}.business-scene figcaption{font-size:11px;line-height:1.4;color:#b8c8dc;margin-top:8px}.scene-copy{order:-1}.business-scene .eyebrow{color:#e9a18d}.business-scene h2{font-size:clamp(1.5rem,2.3vw,1.85rem);line-height:1.2;letter-spacing:-.025em;margin:10px 0 14px;max-width:32ch}.business-scene p{color:#ccddf0;line-height:1.65;max-width:62ch;margin-bottom:16px}.business-scene .link{color:#ccddf0}.business-scene :focus-visible{outline:3px solid #e9a18d;outline-offset:4px}.scene-bakery{background:#1a2335;border-top:1px solid #43536a}.clarity-content>.business-scene{padding:24px;margin:24px 0;border-radius:8px}.clarity-content .scene-grid{padding:0;gap:28px}.scene-cleaner figure{max-width:160px;justify-self:center}.clarity main>.container:has(>.credit-overview){padding-bottom:32px}.clarity .site-footer{background:#202c40}
@media(max-width:760px){.business-scene{padding:24px 0}.scene-grid{grid-template-columns:1fr;gap:18px}.business-scene figure{width:100%;max-width:270px;justify-self:start}.business-scene h2{font-size:25px}.clarity-content>.business-scene{padding:18px}.clarity-content .scene-grid{padding:0!important;gap:18px}.scene-cleaner figure,.scene-bakery figure{display:none}.clarity #guided-tour .section__head p{color:#ccddf0}}
/* Compact campaign intent; real links only, no simulated editor or generated outputs. */
.campaign-proposition{padding:28px 0;margin:20px 0 28px;border-top:1px solid #526681;border-bottom:1px solid #526681;color:#f7f8fa}.campaign-proposition>.eyebrow{color:#e9a18d}.campaign-proposition h2{font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.2;max-width:32ch;margin:12px 0 18px}.campaign-proposition p{color:#ccddf0;line-height:1.65;max-width:82ch;margin:12px 0}.campaign-proposition .campaign-example,.campaign-proposition .campaign-scope,.campaign-proposition .campaign-now{font-size:14px}.campaign-proposition .link{color:#ccddf0}.campaign-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:18px 0}.campaign-channels>div{padding-top:10px;border-top:1px solid #526681}.campaign-channels dt{font-weight:700}.campaign-channels dd{font-size:14px;color:#ccddf0;margin:8px 0;line-height:1.5}.campaign-workflow ol{padding-left:24px;max-width:82ch}.campaign-workflow li{margin:16px 0}.campaign-proposition .clarity-next{margin-top:16px}.campaign-proposition :focus-visible{outline:3px solid #e9a18d;outline-offset:4px}@media(max-width:760px){.campaign-proposition{padding:24px 0;margin:16px 0 24px}.campaign-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}}
