/* Experience refinement, 2026-10-05. Shared across three languages. */
:root{--gold:#e8c4b8;--gold-light:#fae6d8;--muted:#c6bfd5;--line:#b5a2d42e;--night:#101022}
body{background:radial-gradient(ellipse at 85% 12%,#69437722,transparent 50%),#101022}
a,button,input,select,summary{touch-action:manipulation}
:focus-visible{outline:3px solid #d7c5ff;outline-offset:4px}
body:not(.wf-home) main{max-width:1000px}
body:not(.wf-home) .panel,body:not(.wf-home) .card{border-color:#b5a2d445;background:linear-gradient(140deg,#25203a,#16182d);box-shadow:0 16px 45px #0002}
body:not(.wf-home) input:not([type=checkbox]):not([type=radio]),body:not(.wf-home) select{min-height:48px;border-color:#aa98be;background-color:#141528;border-radius:12px}
body:not(.wf-home) .choice label:has(input:checked){background:#a88ac328;border-color:#d7bce7}
.wf-home .site-header{background:#101022f5;border-bottom-color:#b5a2d42e}
.wf-home .hero{background:#101022}.wf-home .hero-atmosphere{background:linear-gradient(90deg,#101022f5,#16132988),url('assets/Cosmic_Summary_Background.webp') center/cover;opacity:.8}
.wf-home .hero-inner{padding:90px 64px 70px;min-height:650px;gap:48px}
.wf-home .hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.38;letter-spacing:-1.7px;margin:22px 0}
.wf-home .hero-intro{font-size:18px;line-height:1.9;max-width:440px;color:#d0c9df}
.wf-home .button{border-radius:999px;min-height:54px;font-size:16px;padding:14px 24px}
.wf-home .button-gold{background:linear-gradient(110deg,#efd7bc,#e5bfc7);color:#282034;box-shadow:0 8px 28px #e6bfc712}
.wf-home .button-outline{border-color:#b9a4cb7a;color:#eee2f6;background:#ffffff04}
.wf-home .hero-help{color:#c0b4cb}.wf-home .hero-trust{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:22px;color:#c9bfd4;font-size:13px;line-height:1.7}
.wf-home .hero-trust span::before{content:'✧';margin-right:6px;color:#e6c1d3}
.wf-home .celestial{max-width:440px;background:radial-gradient(circle,#bb8cd329,transparent 66%)}
.wf-home .orbit-three{background:radial-gradient(circle at 30% 20%,#e9b9d42a,#7b65a216);border-color:#d5b7e16b}
.wf-home .orbit-label{border-color:#bd9ed161;background:#262039cc;color:#f0d6e7;letter-spacing:.5px}
.wf-home .promise-band{background:#1a172b;border-color:#b5a2d42e}
.wf-home .section-wrap{max-width:1240px;padding-top:76px;padding-bottom:76px}
.wf-home .section-heading h2{font-size:32px}.wf-home .section-heading>p{font-size:16px}
.wf-home .path-card{padding:28px;border-radius:24px;border-color:#b5a2d440;background:linear-gradient(145deg,#29213b,#17182c);box-shadow:0 14px 32px #0002}
.wf-home .path-card:nth-child(2){background:linear-gradient(145deg,#322338,#18182c)}
.wf-home .path-card:nth-child(3){background:linear-gradient(145deg,#232b3b,#17182c)}
.wf-home .path-card:nth-child(4){background:linear-gradient(145deg,#302b34,#17182c)}
.wf-home .path-card h3{font-size:21px;line-height:1.6;word-break:keep-all}
.wf-home .path-card>p{font-size:16px;line-height:1.8}.wf-home .card-top{margin-bottom:24px}
.wf-home .card-symbol{display:grid;place-items:center;width:60px;height:60px;background:#c5a1d015;border-radius:50%;font-size:34px;color:#e6c1d3}
.wf-home .card-link{font-size:16px;min-height:48px}.wf-home .small-link{font-size:14px;min-height:28px}
.wf-home .comparison{border-radius:28px;border-color:#b5a2d440;background:radial-gradient(ellipse at 5% 30%,#78577930,transparent 65%),#1b192e;padding:52px}
.wf-home .comparison h2{font-size:36px}.wf-home .comparison-copy>p:not(.eyebrow){font-size:17px}
.wf-home .closing{background:radial-gradient(ellipse at 50% 20%,#66476d38,transparent 70%),#141326}.wf-home .closing h2{font-size:36px}
.wf-summary{border-color:#c0a3d170;box-shadow:0 16px 48px #0003}.wf-summary-tile{background:#201c35;border-color:#bda1d34a}
.wf-narrator-close{width:44px;min-height:44px}.wf-summary-note{font-size:14px;line-height:1.8;color:#c7bfd6;margin:18px auto 0;max-width:650px}
.wf-guide-dialog:not(.chat-open),.wf-guide-dialog[open]:not(.chat-open){width:300px;top:110px}
.wf-guide-dialog:not(.chat-open) .wf-guide-scene{grid-template-columns:170px 130px;height:200px}
.wf-guide-dialog:not(.chat-open) .wf-guide-portrait{width:130px;height:200px}
.wf-guide-dialog:not(.chat-open) .wf-guide-greeting{width:168px;font-size:17px;padding:14px;border-radius:18px}
.wf-guide-dialog:not(.chat-open)[data-side=left] .wf-guide-scene{grid-template-columns:130px 170px}
@media(min-width:801px) and (max-width:1200px){.wf-guide-dialog:not(.chat-open),.wf-guide-dialog[open]:not(.chat-open){top:158px}.wf-home .hero-inner{padding-top:110px}}
@media(max-width:800px){.wf-home .hero-inner{padding:190px 30px 40px;grid-template-columns:1fr;min-height:0}.wf-home .hero h1{font-size:48px}.wf-home .celestial{max-width:290px}.wf-home .hero-actions{flex-direction:row}.wf-home .section-wrap{padding-top:52px;padding-bottom:52px}.wf-home .comparison{padding:30px}.wf-guide-dialog:not(.chat-open),.wf-guide-dialog[open]:not(.chat-open){position:absolute;top:102px;width:234px}.wf-guide-dialog:not(.chat-open) .wf-guide-scene{grid-template-columns:152px 82px;height:115px}.wf-guide-dialog:not(.chat-open) .wf-guide-portrait{width:82px;height:115px}.wf-guide-dialog:not(.chat-open) .wf-guide-greeting{width:150px;font-size:15px;padding:10px}.wf-guide-dialog:not(.chat-open)[data-side=left] .wf-guide-scene{grid-template-columns:82px 152px}}
@media(max-width:550px){.wf-home .hero-inner,body.wf-guide-docked.wf-home .hero-inner{padding:160px 24px 28px;gap:24px}.wf-home .hero h1{font-size:42px;letter-spacing:-1px}.wf-home .hero-intro{font-size:16px}.wf-home .hero-actions{flex-direction:column;align-items:stretch;margin-top:24px}.wf-home .hero-actions .button{width:100%;font-size:16px;min-height:52px}.wf-home .hero-help{font-size:13px}.wf-home .hero-help button{font-size:13px}.wf-home .hero-trust{font-size:12px;gap:6px 12px}.wf-home .celestial{width:65%;max-width:220px;margin:0 auto}.wf-home .section-heading h2{font-size:27px}.wf-home .path-card h3{font-size:23px}.wf-home .path-card>p{font-size:16px}.wf-home .comparison h2,.wf-home .closing h2{font-size:29px}.wf-home .scope h2{font-size:25px}.wf-home .promise-band span{font-size:11px}.wf-home .comparison .button{font-size:15px}.wf-home .home-footer{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wf-home *, .wf-home *::before,.wf-home *::after{animation:none!important;transition:none!important}}
.wf-guide-dialog:not(.chat-open),.wf-guide-dialog[open]:not(.chat-open){position:absolute}.wf-guide-greeting:lang(ko){word-break:keep-all}
