:root{--bg: #f7f1e9;--paper: #fffaf3;--white: #ffffff;--ink: #211d18;--muted: #6b6157;--soft: #efe4d5;--line: rgba(58, 48, 38, .13);--orange: #e85d18;--orange-dark: #b94712;--green: #456f55;--amber: #d88934;--red: #b84b3a;--shadow-soft: 0 16px 40px rgba(42, 34, 26, .08);--shadow-card: 0 24px 70px rgba(42, 34, 26, .13);--max: 1120px;font-family:IBM Plex Sans KR,Noto Sans KR,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 18% 8%,rgba(232,93,24,.1),transparent 26rem),linear-gradient(180deg,#fffaf3 0%,var(--bg) 48%,#fffaf3 100%);letter-spacing:-.035em}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{word-break:keep-all}.site-header{position:sticky;top:10px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(var(--max),calc(100% - 32px));height:62px;margin:10px auto 0;padding:8px 10px 8px 14px;border:1px solid rgba(58,48,38,.1);border-radius:999px;background:#fffaf3e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 32px #2a221a14}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:grid;width:34px;height:34px;place-items:center;flex:0 0 auto;border-radius:12px;color:#fff;font-weight:700;background:var(--ink)}.brand strong,.brand small{display:block}.brand strong{font-size:17px;line-height:1.1}.brand small{margin-top:2px;color:var(--muted);font-size:11px;letter-spacing:-.02em}.header-nav{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;font-weight:600}.header-nav a{padding:9px 12px;border-radius:999px}.header-nav a:hover{color:var(--ink);background:#e85d1814}.header-nav a:last-child{color:var(--ink);background:#fff;border:1px solid var(--line)}main{width:min(var(--max),calc(100% - 32px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.82fr);gap:clamp(30px,5vw,64px);align-items:center;padding:54px 0 50px}.eyebrow{display:inline-flex;width:fit-content;margin:0 0 16px;padding:8px 12px;border:1px solid #f2d6c1;border-radius:999px;color:var(--orange-dark);font-size:13px;font-weight:700;background:#fff4e9}h1{max-width:670px;margin:0;font-size:clamp(42px,7vw,78px);line-height:1.05;letter-spacing:-.06em;font-weight:600;text-wrap:balance}.hero-text{max-width:620px;margin:22px 0 0;color:#5f554c;font-size:clamp(16px,1.7vw,19px);line-height:1.72;font-weight:500}.hero-actions,.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:999px;cursor:pointer;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:var(--ink);box-shadow:0 14px 28px #211d1829}.button.ghost{color:var(--ink);border-color:var(--line);background:#ffffff9e}.trust-note,.form-note{max-width:620px;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.62;font-weight:500}.phone-card{justify-self:center;width:min(100%,376px);padding:12px;border:1px solid rgba(58,48,38,.14);border-radius:38px;background:#2a241e;box-shadow:var(--shadow-card);transform:rotate(1.2deg)}.phone-top{width:82px;height:6px;margin:0 auto 12px;border-radius:999px;background:#ffffff2e}.phone-screen{min-height:506px;padding:22px;border-radius:29px;background:var(--paper)}.place-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.badge{padding:7px 10px;border-radius:999px;color:#fff;font-size:12px;font-weight:700;background:var(--ink)}.muted{color:var(--muted);font-size:13px}.rank-row{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;margin-bottom:10px;padding:13px;border:1px solid rgba(58,48,38,.08);border-radius:18px;background:#fff;box-shadow:0 8px 22px #2a221a0d}.rank-row>span{display:grid;width:38px;height:38px;place-items:center;border-radius:14px;color:#fff;font-weight:700}.rank-row b,.rank-row small{display:block}.rank-row b{font-size:15px}.rank-row small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35}.rank-row.strong>span{background:var(--green)}.rank-row.soft>span{background:var(--amber)}.rank-row.weak>span{background:var(--red)}.score-card{display:flex;align-items:baseline;gap:8px;margin-top:20px;padding:20px;border-radius:24px;color:#fff;background:var(--ink)}.score-card span{margin-right:auto;font-weight:700}.score-card strong{font-size:48px;letter-spacing:-.05em}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 76px}.strip div,.diagnosis-form,.result-shell,.method-section{border:1px solid var(--line);background:#fffaf3c2;box-shadow:var(--shadow-soft)}.strip div{padding:20px;border-radius:24px}.strip strong,.strip span{display:block}.strip strong{margin-bottom:7px;font-size:17px}.strip span{color:var(--muted);font-size:14px;line-height:1.45}.check-section,.method-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:start;margin-bottom:76px}.section-heading h2,.result-header h2{margin:0;font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.055em;font-weight:600}.section-heading p:not(.eyebrow){max-width:460px;color:var(--muted);line-height:1.7;font-weight:500}.diagnosis-form{display:grid;gap:18px;padding:clamp(22px,4vw,34px);border-radius:30px}.diagnosis-form label{display:grid;gap:9px;color:var(--ink);font-weight:700}.diagnosis-form label span{color:var(--muted);font-size:12px;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diagnosis-form input,.diagnosis-form textarea{width:100%;padding:0 16px;border:1px solid rgba(58,48,38,.14);border-radius:16px;outline:none;color:var(--ink);background:#fff}.diagnosis-form input{min-height:56px}.diagnosis-form textarea{min-height:92px;padding-top:14px;line-height:1.55;resize:vertical}.diagnosis-form input:focus,.diagnosis-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px #e85d181f}.consent-row{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;padding:13px 14px;border:1px solid rgba(58,48,38,.09);border-radius:16px;background:#ffffff9e;color:var(--muted)!important;font-size:13px;line-height:1.5;font-weight:600!important}.consent-row input{width:18px;min-height:18px;height:18px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--ink);box-shadow:none!important}.consent-row span{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.form-note.saved{color:#35643c;font-weight:700}.form-note.warn{color:var(--orange-dark);font-weight:700}.loading .diagnosis-form button{opacity:.72;pointer-events:none}.result-shell{margin:0 0 76px;padding:clamp(20px,4vw,34px);border-radius:32px;scroll-margin-top:88px}.result-header{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:22px}.result-score{min-width:116px;padding:16px 18px;border-radius:24px;color:#fff;text-align:center;background:var(--ink);box-shadow:0 12px 28px #211d1821}.result-score span,.result-score small{display:block;color:#ffffffbf;font-size:12px;font-weight:600}.result-score strong{display:inline-block;margin:3px 0 0;font-size:46px;line-height:1;letter-spacing:-.06em}.free-report-card,.paid-diagnosis-card,.debug-detail-card,.first-impression-box{border:1px solid rgba(58,48,38,.1);background:#fff;box-shadow:0 10px 28px #2a221a0d}.free-report-card{padding:clamp(20px,4vw,30px);border-radius:28px}.report-label{display:inline-flex;margin:0 0 12px;padding:7px 10px;border-radius:999px;color:var(--orange-dark);background:#fff2e6;font-size:12px;font-weight:700}.report-label.paid{color:#fff;background:var(--ink)}.free-report-card h3,.paid-diagnosis-card h3{margin:0 0 10px;font-size:clamp(23px,3vw,34px);line-height:1.2;letter-spacing:-.045em;font-weight:600}.free-report-card p,.paid-diagnosis-card p{color:var(--muted);line-height:1.66;font-weight:500}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.summary-grid div{padding:15px;border:1px solid rgba(58,48,38,.08);border-radius:18px;background:#fffaf3}.summary-grid span,.first-impression-box span{display:block;color:var(--muted);font-size:12px;font-weight:700}.summary-grid strong{display:block;margin-top:7px;font-size:18px;line-height:1.35}.first-impression-box{margin-top:16px;padding:18px;border-radius:20px;background:#fff5e9;border-color:#f3d2b8}.first-impression-box p{margin:6px 0 0;color:#6b3c1f}.paid-diagnosis-card{display:grid;grid-template-columns:1fr .9fr;gap:20px;align-items:center;margin-top:16px;padding:clamp(20px,4vw,28px);border-radius:28px}.locked-list{display:grid;gap:8px}.locked-list div{padding:12px 13px;border:1px solid rgba(58,48,38,.09);border-radius:15px;background:var(--paper);color:#4f463e;font-weight:600}.locked-list span{display:inline-flex;margin-right:6px;padding:3px 7px;border-radius:999px;background:#efe4d5;color:#6d6257;font-size:11px}.paid-cta{grid-column:1 / -1;width:fit-content}.debug-detail-card{margin-top:16px;padding:16px;border-radius:22px}.debug-detail-card summary{cursor:pointer;font-weight:700;color:var(--ink)}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.rank-box{padding:14px;border-radius:18px;border:1px solid rgba(58,48,38,.08);background:var(--paper)}.rank-box p{margin:0 0 8px;font-weight:700}.rank-box ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.rank-box li{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:14px;line-height:1.42}.rank-box b{color:var(--ink);white-space:nowrap}.variance-note{margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.method-section{padding:clamp(20px,4vw,30px);border-radius:30px}.section-heading.compact{align-self:center}.method-list{display:grid;gap:12px}.method-list div{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:15px;border:1px solid rgba(58,48,38,.08);border-radius:18px;background:#fff}.method-list span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;color:#fff;background:var(--ink);font-weight:700}.method-list p{margin:0;color:#4f463e;line-height:1.58;font-weight:500}.site-footer{display:flex;justify-content:space-between;gap:18px;width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:34px 0 46px;color:var(--muted);font-size:14px}.site-footer p{margin:0}.site-footer a{color:var(--ink);font-weight:700}@media (max-width: 860px){.site-header{top:0;width:100%;height:56px;margin:0;border-width:0 0 1px;border-radius:0;padding:8px 14px}.brand-mark{width:30px;height:30px;border-radius:10px}.brand strong{font-size:15px}.brand small{display:none}.header-nav a:not(:first-child){display:none}.header-nav a:first-child{padding:8px 11px;color:#fff;background:var(--ink)}main{width:min(100% - 30px,var(--max))}.hero{display:block;padding:28px 0 34px}h1{font-size:clamp(36px,10vw,43px);line-height:1.1;letter-spacing:-.055em}.hero-text{margin-top:16px;font-size:16px;line-height:1.62}.hero-actions{margin-top:20px}.hero-actions .button{width:100%}.trust-note{margin-top:12px;font-size:13px}.phone-card{display:none}.strip{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:52px}.strip div{padding:16px;border-radius:20px}.strip strong{font-size:15px}.strip span{font-size:12px}.check-section,.method-section{grid-template-columns:1fr;gap:18px;margin-bottom:58px}.section-heading h2,.result-header h2{font-size:31px;line-height:1.14}.section-heading p:not(.eyebrow){font-size:15px;line-height:1.62}.diagnosis-form,.result-shell,.method-section{border-radius:24px}.diagnosis-form{padding:20px}.form-grid{grid-template-columns:1fr}.diagnosis-form input{min-height:52px;border-radius:15px}.diagnosis-form textarea{border-radius:15px}.form-actions .button{width:100%}.result-header{align-items:stretch}.result-score{min-width:92px;padding:13px 14px;border-radius:20px}.result-score strong{font-size:36px}.summary-grid{grid-template-columns:1fr 1fr}.paid-diagnosis-card{grid-template-columns:1fr}.paid-cta{width:100%}.rank-grid{grid-template-columns:1fr}.method-list div{align-items:start}.site-footer{display:block;width:min(100% - 30px,var(--max));padding:24px 0 38px}.site-footer a{display:inline-block;margin-top:10px}}@media (max-width: 390px){.strip{grid-template-columns:1fr}.result-header{flex-direction:column}.summary-grid{grid-template-columns:1fr}}.compact-paid-card{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:24px}.compact-paid-card h3{font-size:22px}.compact-paid-card p:not(.report-label){margin-top:6px}.simple-result-card{padding:clamp(20px,4vw,30px);border-radius:28px}.keyword-rank-list{display:grid;gap:9px;margin:20px 0 0;padding:0;list-style:none}.keyword-rank-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid rgba(58,48,38,.09);border-radius:17px;background:#fffaf3}.keyword-rank-list span{font-size:16px;font-weight:700;color:var(--ink);line-height:1.35}.keyword-rank-list b{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px}.tip-box{margin-top:16px;padding:17px;border:1px solid #f3d2b8;border-radius:20px;background:#fff5e9}.tip-box>span{display:block;margin-bottom:8px;color:#9a4d19;font-size:12px;font-weight:800}.tip-box ul{display:grid;gap:7px;margin:0;padding-left:18px}.tip-box li{color:#6b3c1f;line-height:1.55;font-weight:600}.keyword-rank-card h3{margin:0 0 8px;font-size:22px;letter-spacing:-.04em}.keyword-rank-intro{margin:0 0 12px;color:var(--muted);line-height:1.55;font-weight:500}.keyword-rank-card .rank-grid{grid-template-columns:1fr}.keyword-rank-card .rank-box{background:#fffaf3}.keyword-rank-card .rank-box p{font-size:13px;color:var(--muted)}.keyword-rank-card .rank-box li{font-size:16px;color:var(--ink);font-weight:700}.keyword-rank-card .rank-box b{padding:4px 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px}.competitor-keyword-card{margin-top:16px;padding:16px;border:1px solid rgba(58,48,38,.1);border-radius:22px;background:#f8fbf7}.competitor-keyword-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.competitor-keyword-header span{display:block;margin-bottom:4px;color:#49764b;font-size:12px;font-weight:800}.competitor-keyword-header strong{display:block;color:var(--ink);font-size:17px;line-height:1.35;letter-spacing:-.03em}.competitor-keyword-header small{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:700}.competitor-keyword-list{display:grid;gap:10px}.competitor-keyword-row{display:grid;gap:8px;padding:12px;border-radius:17px;background:#fff;border:1px solid rgba(58,48,38,.08)}.competitor-place-name{display:flex;align-items:center;justify-content:space-between;gap:10px}.competitor-place-name b{color:var(--ink);font-size:15px}.competitor-place-name small{color:var(--muted);font-size:12px;font-weight:700}.competitor-keyword-chips{display:flex;flex-wrap:wrap;gap:6px}.competitor-keyword-chips em{font-style:normal;padding:5px 8px;border-radius:999px;background:#eaf4e8;color:#365b37;font-size:12px;font-weight:800;line-height:1.2}
