:root{--ivory: #fbf4ea;--paper: #fffaf3;--panel: #f2e7dc;--ink: #18233a;--muted: #6f7282;--line: #eadbcf;--coral: #e87562;--coral-dark: #c65345;--sage: #86a98d;--sage-soft: #e5efe5;--lavender: #ece8f2;--brass: #b78b45;--shadow: 0 18px 48px rgba(68, 48, 33, .12)}*{box-sizing:border-box}html{background:var(--ivory)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;background:radial-gradient(circle at top left,rgba(232,117,98,.16),transparent 30rem),linear-gradient(180deg,#fff9f0 0%,var(--ivory) 42%,#f7ecdf 100%);color:var(--ink)}button,input,select{font:inherit}button{border:0}.site-shell{min-height:100vh}.top-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1160px;margin:0 auto;padding:1rem 1.25rem;background:#fbf4eae0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-button,.top-nav nav button{color:var(--ink);background:transparent;cursor:pointer}.brand-button{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-size:1rem}.brand-mark{display:inline-grid;width:2rem;height:2rem;place-items:center;color:#fff;background:var(--ink);border-radius:8px;font-weight:800}.top-nav nav{display:flex;align-items:center;gap:.45rem}.top-nav nav button{min-height:2.25rem;padding:0 .85rem;border-radius:8px;color:var(--muted)}.top-nav nav button:hover{background:#fffaf3e6;color:var(--ink)}.landing,.funnel-page,.report-page{max-width:1160px;margin:0 auto;padding:2rem 1.25rem 5rem}.hero-section{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(20rem,.78fr);gap:3rem;align-items:center;min-height:calc(100vh - 5rem);padding-bottom:2rem}.eyebrow{margin:0 0 .7rem;color:var(--coral-dark);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero-copy h1,.funnel-heading h1,.report-plan h1,.report-hero h1,.positioning-section h2{margin:0;color:var(--ink);line-height:1.08;letter-spacing:0;overflow-wrap:break-word;word-break:keep-all}.hero-text,.daily-preview-card,.value-card,.focus-card,.birth-form,.account-panel,.report-hero,.insight-strip,.saju-card,.daily-fortune,.interpretation,.conversion-panel{overflow-wrap:break-word;word-break:keep-all}.hero-copy h1{max-width:42rem;font-size:clamp(2.8rem,8vw,5.7rem)}.hero-text{max-width:38rem;margin:1.25rem 0 0;color:#4c5368;font-size:1.12rem;line-height:1.72}.hero-actions,.report-actions,.form-actions,.secondary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.hero-actions{margin-top:1.8rem}.primary-action,.secondary-action,.text-action,.disabled-action{min-height:2.9rem;padding:0 1.05rem;border-radius:8px;font-weight:800}.primary-action{color:#fff;background:var(--coral);box-shadow:0 10px 28px #e8756242;cursor:pointer}.primary-action:hover{background:var(--coral-dark)}.primary-action:disabled,.disabled-action{color:#8a8790;background:#ddd4cc;box-shadow:none;cursor:not-allowed}.secondary-action{color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer}.text-action{color:var(--muted);background:transparent;cursor:pointer}.microcopy{color:var(--muted);font-size:.92rem}.trust-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem}.trust-row span,.form-assurance span,.badge{display:inline-flex;align-items:center;min-height:1.95rem;padding:0 .7rem;border:1px solid rgba(134,169,141,.36);border-radius:8px;color:#496c52;background:var(--sage-soft);font-size:.83rem;font-weight:700}.account-panel{display:grid;gap:.55rem;max-width:33rem;margin-top:1.1rem;padding:1rem;border:1px solid rgba(28,35,55,.1);border-radius:8px;background:#fffdf8d1}.account-panel.compact{margin:.8rem 0;background:#fffdf8}.account-panel strong{color:var(--ink);font-size:1rem}.account-panel p{margin:0;color:var(--muted);line-height:1.55}.kakao-action{min-height:2.8rem;padding:0 1rem;border-radius:8px;color:#191919;background:#fee500;font-weight:900;cursor:pointer}.kakao-action:hover{background:#f4dc00}.product-preview{display:flex;justify-content:center}.phone-frame{width:min(23rem,100%);min-height:39rem;padding:1rem;border:10px solid #172036;border-radius:28px;background:#fffaf3;box-shadow:var(--shadow)}.phone-header{display:flex;justify-content:space-between;color:var(--muted);font-size:.84rem}.daily-preview-card,.basis-list div,.plan-card,.value-card,.focus-card,.saju-card,.interpretation,.daily-fortune,.conversion-panel,.insight-strip article,.birth-form{border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 10px 28px #44302112}.daily-preview-card{margin-top:1rem;padding:1rem;background:linear-gradient(145deg,#ffe7de,#fff8ef 70%)}.daily-preview-card p,.daily-preview-card span{margin:0;color:var(--muted);font-size:.84rem}.daily-preview-card h2{margin:.45rem 0 .9rem;font-size:1.5rem;line-height:1.22}.mini-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0}.mini-pillars span{display:grid;aspect-ratio:1;place-items:center;border-radius:8px;color:var(--ink);background:var(--lavender);font-size:1.55rem;font-weight:800}.basis-list{display:grid;gap:.65rem}.basis-list div{padding:.8rem;box-shadow:none}.basis-list strong,.basis-list span{display:block}.basis-list strong{margin-bottom:.25rem}.basis-list span{color:var(--muted);font-size:.9rem}.value-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0 4rem}.value-card{padding:1rem}.value-card span{color:var(--brass);font-weight:900}.value-card h2{min-height:3rem;margin:.6rem 0 .5rem;font-size:1.05rem}.value-card p,.positioning-section p,.funnel-heading p,.report-plan p,.report-hero p,.focus-card p,.conversion-panel p{color:var(--muted);line-height:1.68}.positioning-section{display:grid;grid-template-columns:.8fr 1fr;gap:1.5rem;padding:1.5rem;border-radius:8px;background:var(--ink)}.positioning-section h2,.positioning-section p{color:#fff}.positioning-section .eyebrow{color:#ffc0b3}.funnel-heading{max-width:48rem;margin:2rem auto;text-align:center}.funnel-heading h1{font-size:clamp(2rem,6vw,4rem)}.focus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.focus-card{min-height:16rem;padding:1.1rem;text-align:left;color:var(--ink);cursor:pointer}.focus-card:hover,.focus-card.selected{border-color:#e875628c;transform:translateY(-2px)}.focus-card span{display:inline-flex;min-height:1.9rem;align-items:center;padding:0 .65rem;border-radius:8px;color:#5c694a;background:#edf3e6;font-size:.84rem;font-weight:800}.focus-card h2{margin:1rem 0 .5rem;font-size:1.16rem;line-height:1.35}.focus-card strong{display:block;margin-top:1rem;color:var(--coral-dark)}.secondary-actions{justify-content:center;margin-top:1.2rem}.birth-layout{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);gap:1.2rem;align-items:start;margin-top:2rem}.report-plan{position:sticky;top:5rem}.report-plan h1{font-size:clamp(2rem,4vw,3.4rem)}.plan-card{display:grid;gap:.35rem;padding:1rem;margin-top:.8rem}.plan-card span{color:var(--muted);font-size:.84rem}.plan-card.active{border-color:#86a98d73;background:#f5fbf1}.plan-card.locked{background:var(--lavender)}.birth-form{padding:1.2rem}.form-heading h2{margin:0;font-size:clamp(1.45rem,4vw,2.2rem)}.form-heading p:last-child{margin:.55rem 0 1.2rem;color:var(--muted);line-height:1.6}.saved-profile-banner{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin:0 0 1rem;padding:.85rem .9rem;border:1px solid rgba(134,169,141,.34);border-radius:8px;color:#496c52;background:var(--sage-soft);font-size:.9rem;font-weight:800}.saved-profile-banner button{min-height:2rem;padding:0 .65rem;border-radius:8px;color:var(--ink);background:#fffdf8;border:1px solid rgba(134,169,141,.34);font-weight:800;cursor:pointer}.field-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin-bottom:.85rem}.secondary-field-row{grid-template-columns:1fr 1fr 1fr 1.3fr}.field-row label{display:grid;gap:.35rem;color:#495066;font-size:.86rem;font-weight:700}.field-row input,.field-row select{width:100%;min-height:2.8rem;border:1px solid #e4d3c4;border-radius:8px;padding:0 .75rem;color:var(--ink);background:#fffdf8}.field-row input::placeholder{color:#aaa0a0}.field-row input[aria-invalid=true]{border-color:#c653457a}.field-row input[type=checkbox]{width:1rem;min-height:1rem}.field-row label:has(input[type=checkbox]){align-content:end;grid-template-columns:auto 1fr;align-items:center;min-height:4.15rem}.form-assurance{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.2rem}.error{margin:1rem 0 0;padding:.85rem 1rem;border:1px solid rgba(198,83,69,.28);border-radius:8px;color:#9b3f35;background:#fff0ed;font-weight:700}.field-error{margin:.35rem 0 0;color:#9b3f35;font-size:.88rem;font-weight:800}.report-hero{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.5rem 0 1rem;padding:1.4rem;border-radius:8px;background:linear-gradient(145deg,#fffaf3,#ffe9df);border:1px solid var(--line)}.report-hero h1{max-width:48rem;font-size:clamp(2rem,5vw,4rem)}.insight-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0}.insight-strip article{padding:1rem}.insight-strip span{color:var(--coral-dark);font-weight:900}.insight-strip p{margin:.45rem 0 0;color:var(--muted);line-height:1.5}.report-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.36fr);gap:1rem;align-items:start}.report-main{display:grid;gap:1rem}.saju-card,.interpretation,.daily-fortune,.conversion-panel{padding:1.2rem}.saju-card h2,.daily-fortune h2,.interpretation h2,.conversion-panel h2{margin:0}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0}.pillar{min-height:8.4rem;padding:.8rem .45rem;border:1px solid #eadbcf;border-radius:8px;text-align:center;background:#fffdf8}.pillar-label{color:var(--muted);font-size:.76rem;font-weight:700}.pillar-hanja{margin:.35rem 0;font-size:2rem;font-weight:800}.pillar-korean{color:var(--coral-dark);font-weight:800}.pillar-elements{margin-top:.25rem;color:var(--muted);font-size:.78rem}.correction-note{padding:.9rem;margin:1rem 0;border:1px solid rgba(134,169,141,.35);border-radius:8px;background:var(--sage-soft)}.correction-note p{margin:.4rem 0 0;color:#4d6554;line-height:1.6}.five-elements ul{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none}.five-elements li,.luck-pillar-chip{display:inline-flex;align-items:center;min-height:2rem;padding:0 .7rem;border-radius:8px;background:var(--lavender);color:var(--ink);font-size:.86rem;font-weight:700}.void-branches,.luck-pillars{margin-top:.9rem}.luck-pillars-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem}.daily-fortune{background:linear-gradient(145deg,#fffaf3,#f5fbf1)}.daily-fortune-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.daily-fortune-date,.source-note{color:var(--muted);font-size:.83rem}.daily-fortune-iljin{color:#577060}.daily-fortune-headline{margin:.7rem 0 .4rem;font-size:1.35rem}.daily-fortune li,.tab-panel li,.conversion-panel li{margin-bottom:.45rem;line-height:1.55}.daily-fortune-void{color:var(--coral-dark)}.character-card{padding:1rem;margin:1rem 0;border-radius:8px;background:var(--lavender)}.character-card h2{color:var(--ink)}.character-title,.character-intro,.tab-panel dd,.tab-panel p{color:var(--muted)}.character-title{margin:.25rem 0;font-weight:800}.character-intro{margin:0}.tab-panel section{margin-bottom:1.2rem}.tab-panel h3{margin:0 0 .45rem;color:var(--coral-dark)}.tab-panel dl{margin:0}.tab-panel dt{color:var(--ink);font-weight:900}.tab-panel dd{margin:0 0 .7rem;line-height:1.55}.conversion-panel{position:sticky;top:5rem}.conversion-panel ul{padding-left:1.2rem}.disabled-action,.panel-action{width:100%;margin:.4rem 0 .8rem}.advisor-note{display:grid;gap:.3rem;padding:.9rem;border-radius:8px;background:#fff2ed}.advisor-note span{color:var(--muted);line-height:1.5}@media (max-width: 980px){.hero-section,.birth-layout,.report-grid,.positioning-section{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:2rem}.value-section,.focus-grid,.insight-strip{grid-template-columns:repeat(2,1fr)}.report-plan,.conversion-panel{position:static}}@media (max-width: 720px){.top-nav{align-items:center;flex-direction:row;padding:.85rem 1rem}.top-nav nav{width:auto;justify-content:flex-end}.top-nav nav button{min-height:2rem;padding:0 .45rem;font-size:.86rem}.brand-button{font-size:.96rem}.brand-mark{width:1.85rem;height:1.85rem}.landing,.funnel-page,.report-page{padding:1rem 1rem 4rem}.hero-copy h1{font-size:3rem}.phone-frame{min-height:32rem}.value-section,.focus-grid,.field-row,.secondary-field-row,.insight-strip,.pillars{grid-template-columns:1fr}.focus-card{min-height:auto}.report-hero,.daily-fortune-header{align-items:flex-start;flex-direction:column}.report-actions,.form-actions,.hero-actions{align-items:stretch;flex-direction:column}.primary-action,.secondary-action,.text-action{width:100%}}