/* SNS: lightweight progressive enhancement, no external runtime. */
[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.ux-hero{padding:76px 0 72px}.ux-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center}.ux-hero h1{font-size:clamp(36px,4.2vw,60px);line-height:1.08;max-width:730px}.ux-hero h1 span{display:block;color:#f2de1d;margin-top:12px}.ux-hero .lede{font-size:18px;line-height:1.65;max-width:650px}.ux-hero .eyebrow{display:block;margin-bottom:22px}.ux-reassurance{font-size:13px!important;color:#ccc!important;margin-top:18px!important;max-width:570px}
.ux-report{background:#f8f7f2;color:#12130f;padding:28px;border-radius:20px;box-shadow:0 28px 70px #0003;border:1px solid #ffffff38;transform:rotate(1deg)}.ux-label{font-size:12px;letter-spacing:.06em;display:block;color:var(--muted);line-height:1.6}.ux-report .ux-label{color:#595b50}.ux-report-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d5cb;padding:17px 0;margin-bottom:24px;font:600 13px monospace}.ux-report-heading span:last-child{display:grid;place-items:center;background:#f2de1d;width:32px;height:32px;border-radius:50%;font-size:22px}.ux-report h2{font-size:30px!important;color:#12130f}.ux-report ol{list-style:none;padding:0;counter-reset:report}.ux-report li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #dedfd7;counter-increment:report}.ux-report li:before{content:'0' counter(report);font:500 13px monospace;padding-top:2px;color:#6d650a}.ux-report h3{font-size:16px!important;color:#12130f}.ux-report li p{font-size:14px!important;color:#505246!important;margin:6px 0 0!important}.ux-report-note{font-size:12px!important;line-height:1.6;color:#606257!important;margin:16px 0 0!important}
.ux-proof{padding:34px 0!important;border-bottom:1px solid var(--line)}.ux-small-title{font-size:18px!important;font-weight:500}.ux-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0 20px}.ux-stats>div{border-inline-start:3px solid var(--yellow);padding-inline-start:18px}.ux-stats strong{font-family:Archivo,Arial,sans-serif;font-size:clamp(30px,4vw,44px);line-height:1.2;display:block}.ux-stats h3{font-size:16px;line-height:1.5;margin:8px 0}.ux-stats p{font-size:13px;color:var(--muted)}
.ux-grid{display:grid;gap:22px}.ux-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}.ux-index{font:500 12px monospace;color:var(--amber)}.ux-card h3{font-size:23px;line-height:1.2}.ux-card p{font-size:16px;line-height:1.7;color:var(--ink2)}.ux-card .more,.ux-card>.btn{margin-top:auto}.ux-card .more{font-size:14px;letter-spacing:0;text-transform:none;line-height:1.6}.ux-stage{border-top:4px solid var(--yellow)}.ux-price{font-size:32px;font-weight:600;line-height:1.3}.ux-spaced{margin-top:24px}.ux-case-result{align-self:stretch;padding:22px;background:#141713;color:#f6f5ed;border-radius:10px;min-height:116px;display:flex;flex-direction:column;justify-content:center;gap:8px}.ux-case-result strong{font-size:32px;line-height:1.2;color:#f2de1d}.ux-case-result span{font-size:12px}.ux-case dl{margin:0}.ux-case dt{font-size:12px;font-weight:600;color:var(--amber);margin-top:18px}.ux-case dd{margin:6px 0 0;font-size:14px;line-height:1.75;color:var(--ink2)}.ux-process{padding:0;list-style:none}.ux-process h3{font-size:22px;line-height:1.4;margin:14px 0}.ux-process p{font-size:16px;color:var(--ink2)}.ux-faq{max-width:920px}.ux-faq details{border-bottom:1px solid var(--line);padding:22px 0}.ux-faq summary{font-size:19px;font-weight:500;cursor:pointer;padding-inline-end:12px}.ux-faq details p{padding-top:14px;color:var(--ink2)}
.ux-whatsapp{position:fixed;inset:auto 20px 18px auto;z-index:70;background:var(--yellow);color:#12130f;border:1px solid #12130f;padding:11px 18px;border-radius:100px;text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 3px 14px #0002}html[dir=rtl] .ux-whatsapp{inset:auto auto 18px 20px}footer{padding-bottom:86px!important}.ux-form-hint{font-size:14px;color:var(--muted);margin-bottom:18px}.ux-step-label{grid-column:1/-1;font-size:16px;font-weight:600;border-bottom:2px solid var(--yellow);padding-bottom:12px}.ux-form-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}.ux-form-actions button{cursor:pointer}.sns-request-form .buttons{margin:0}.sns-request-form .form-field{min-width:0}.sns-request-form .ux-summary{grid-column:1/-1;font-size:14px;color:var(--muted)}
@media(min-width:901px){.ux-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ux-card:hover{transform:translateY(-4px);border-color:var(--amber);box-shadow:0 10px 24px #0000000c}}
@media(prefers-reduced-motion:no-preference){.btn{transition:transform .16s ease,background-color .16s ease}.btn:hover{transform:translateY(-2px)}.ux-visible{animation:ux-reveal .35s ease both}@keyframes ux-reveal{from{opacity:.6;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){.ux-hero-grid{gap:28px}.ux-three{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-card{padding:24px}.ux-hero h1{font-size:42px}}
@media(max-width:700px){.ux-hero{padding:42px 0}.ux-hero-grid,.ux-three,.ux-stats{grid-template-columns:1fr}.ux-hero h1{font-size:36px;line-height:1.16}.ux-hero .lede{font-size:17px}.ux-report{transform:none;margin-top:12px;padding:22px}.ux-hero-grid{gap:24px}.ux-stats{gap:22px}.ux-stats strong{font-size:36px}.ux-card{padding:24px}.ux-whatsapp{font-size:12px;bottom:12px;right:12px}.ux-hero .acts .btn{width:100%;justify-content:center}.ux-proof{padding-block:28px!important}.ux-faq summary{font-size:17px}.ux-card h3{font-size:22px}}
html[dir=rtl] .ux-report{transform:rotate(-1deg)}html[dir=rtl] .ux-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.45}html[dir=rtl] .ux-hero h1 span{margin-top:2px}html[dir=rtl] .ux-card h3{line-height:1.5}html[dir=rtl] .ux-report h2{line-height:1.5}html[dir=rtl] .ux-label{letter-spacing:0}
@media(max-width:700px){html[dir=rtl] .ux-report{transform:none}html[dir=rtl] .ux-hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.ux-card,.btn{transition:none!important;transform:none!important}.ux-visible{animation:none!important}}

.ux-client-band{padding:24px 0;border-bottom:1px solid var(--line)}.ux-client-band p{font-size:12px;color:var(--muted);margin-bottom:16px}.ux-client-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;align-items:center}.ux-client-logos img{width:100%;height:64px;object-fit:contain;background:#f8f8f2;padding:10px;border-radius:8px}.ux-optional{grid-column:1/-1;border:1px solid var(--line);padding:16px;border-radius:8px}.ux-optional summary{cursor:pointer;font-size:14px}.ux-optional[open]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ux-optional summary{grid-column:1/-1}@media(max-width:700px){.ux-client-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-optional[open]{grid-template-columns:1fr}}

/* Component foregrounds follow their own surface, independent of band inversion. */
.ux-card,.ux-card h3,.band .ux-card h3{color:var(--ink)}
.band .ux-card p,.band .ux-card dd{color:var(--ink2)}
.band .ux-card .ux-index,.band .ux-card dt{color:var(--amber)}
.band .ux-card a:not(.btn){color:var(--amber);border-bottom-color:currentColor}
.band .ux-process p,.band .ux-process .ux-index,.band .ux-faq details p{color:var(--onink)}
.band .ux-process p,.band .ux-faq details p{opacity:.9}


.ux-report-link{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;text-decoration:none;color:#12130f;border-radius:50%}.ux-report-link:focus-visible{outline:3px solid #12130f;outline-offset:3px}