.hero-panel{position:relative;overflow:hidden;padding:0;font-family:Kanit,Sarabun,Noto Sans Thai,sans-serif;background:radial-gradient(circle at 12% 20%,rgba(255,215,0,.1),transparent 28%),radial-gradient(circle at 88% 76%,rgba(126,105,255,.18),transparent 34%),linear-gradient(145deg,#19163dfa,#12102df5)}.hero-panel:after{content:"";position:absolute;width:320px;height:320px;right:-180px;top:-180px;border:1px solid rgba(255,215,0,.12);border-radius:50%;box-shadow:0 0 0 48px #ffd70006,0 0 0 96px #ffd70005;pointer-events:none}.engine-lockup{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-height:190px;padding:28px;overflow:hidden;border-bottom:1px solid rgba(255,215,0,.18);background:#9b641b}.engine-banner,.engine-banner img,.engine-banner-shade{position:absolute;inset:0;width:100%;height:100%}.engine-banner img{object-fit:cover;object-position:center;transition:transform .5s ease}.engine-lockup:hover .engine-banner img{transform:scale(1.015)}.engine-banner-shade{background:linear-gradient(90deg,#171223e6,#171223ad 34%,#1712230f 66%),linear-gradient(0deg,rgba(12,9,28,.42),transparent 70%)}.engine-mark{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:linear-gradient(145deg,#ffe45d,#d4af37);color:#171223;font-size:17px;font-weight:800;letter-spacing:-.08em;box-shadow:0 6px 20px #ffd70033}.engine-copy{position:relative;z-index:1;display:grid;line-height:1.15}.engine-kicker{color:#f1dfbb;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.engine-copy strong{margin-top:3px;color:#fff9e9;font-size:18px;letter-spacing:.01em;text-shadow:0 2px 14px rgba(30,16,4,.5)}.engine-status{position:absolute;z-index:1;top:20px;right:24px;display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid rgba(255,215,0,.2);border-radius:999px;background:#ffd7000f;color:#f2dda0;font-size:11px}.engine-status i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #ffd7001a}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:44px;align-items:center;padding:44px 40px 42px}.hero-copy h1{margin-bottom:18px;font-size:clamp(36px,4.6vw,54px);font-weight:600;letter-spacing:-.02em;line-height:1.18;font-synthesis:none}.hero-copy h1 span{color:var(--gold);text-shadow:0 8px 30px rgba(255,215,0,.16)}.lead{max-width:460px;margin-bottom:24px;font-size:15px}.hero-points{display:grid;gap:9px}.hero-points span{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:12px}.hero-points b{color:var(--gold-royal);font-size:10px;letter-spacing:.1em}.analyze-card{padding:24px;border:1px solid rgba(255,215,0,.22);border-radius:20px;background:#090818bd;box-shadow:0 18px 46px #05041070,inset 0 1px #ffffff0a;backdrop-filter:blur(12px)}.analyze-card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.analyze-card-head>span:last-child{display:grid}.analyze-card-head small{color:var(--text-dim);font-size:11px}.analyze-card-head strong{color:var(--text);font-size:16px}.phone-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,215,0,.22);border-radius:13px;background:var(--gold-subtle)}.phone-icon svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.analyze-card .field{margin-bottom:0}.analyze-card label{color:#d2cee8}.input-row{display:flex;gap:10px;flex-wrap:wrap}.input-row input{flex:1;min-width:200px;height:50px;padding-inline:16px;border-color:#ffd70047;background:#050410c7;font-size:17px;letter-spacing:.04em}.input-row button{flex-shrink:0;min-height:50px;padding-inline:18px}.engine-note{display:flex;align-items:center;gap:8px;margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--text-muted)}.engine-note>span,.engine-note strong{color:var(--gold)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.step{display:flex;gap:12px;align-items:flex-start}.step-no{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,var(--gold),var(--gold-soft));color:#1a1408;font-weight:700;font-size:15px}.step strong{display:block;margin-bottom:2px}.step p{margin:0;font-size:13px}.grade-legend{display:grid;gap:10px}.grade-row{display:flex;align-items:center;gap:14px;font-size:14px}.grade-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-weight:800;color:#13111a}.grade-range{min-width:64px;font-variant-numeric:tabular-nums;color:var(--text)}.g-a{background:linear-gradient(135deg,#0f6b57,#1f9d7c);color:#fff}.g-b{background:#7fbf8a}.g-c{background:#d8a34a}.g-d{background:#d39a2b}.g-f{background:linear-gradient(135deg,#7a1e1e,#b63a3a);color:#fff}.section-title.first{margin-top:0}.powered-card{display:flex;align-items:center;gap:16px;padding:18px 22px;margin-bottom:24px;border-radius:18px;text-decoration:none;color:var(--text);background:linear-gradient(135deg,#d8a34a24,#1e1c4b99);border:1px solid rgba(216,163,74,.35);transition:border-color .15s ease,transform .15s ease}.powered-card[hidden]{display:none}.powered-card:hover{border-color:#f1c26d;transform:translateY(-1px)}.pc-mark{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:14px;background:linear-gradient(140deg,#d8a34a,#f1c26d);color:#2a2321;font-weight:800;font-size:28px}.pc-text{display:flex;flex-direction:column;flex:1}.pc-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.pc-name{font-size:20px;font-weight:800;color:#f1c26d;line-height:1.2}.pc-tag{font-size:13px;color:var(--text-muted)}.pc-arrow{font-size:22px;color:#f1c26d}.sn-results{scroll-margin-top:90px;margin-bottom:24px;padding:28px;border:1px solid rgba(255,215,0,.15);border-radius:28px;background:#1e1c4b73;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text);font-family:Kanit,Sarabun,Noto Sans Thai,sans-serif;box-shadow:0 20px 50px #0a08188c}.evaluate-summary{display:grid;grid-template-columns:minmax(270px,320px) 1fr;gap:24px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff08;box-shadow:0 16px 30px #0003}.summary-number{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;padding:22px 20px;border-radius:16px;background:linear-gradient(135deg,var(--sn-c1),var(--sn-c2));color:#fff;text-align:center;box-shadow:0 12px 26px var(--sn-shadow)}.summary-number>span:first-child{color:#ffffffbd;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.summary-number>strong{display:block;width:100%;overflow:hidden;color:#fff;font-size:clamp(25px,3vw,34px);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.01em;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.summary-score{display:flex;justify-content:center;gap:8px;margin-top:4px}.summary-score span{padding:5px 10px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:#ffffff1f;color:#fff;font-size:11px}.summary-score b{font-size:13px}.summary-body{align-self:center;min-width:0}.summary-kicker{margin:0 0 8px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.summary-heading-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.summary-heading-row h2{margin:0;color:var(--text);font-size:24px;font-weight:600}.summary-body>p:last-child{margin:12px 0 0;color:var(--text-muted);font-size:15px;line-height:1.75}.summary-title-badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;color:var(--sn-c2, var(--gold));border:1px solid var(--sn-c2, var(--gold));background:var(--sn-soft, transparent)}#result[data-theme=good]{--sn-c1: #0f6b57;--sn-c2: #1f9d7c;--sn-soft: rgba(31, 157, 124, .12);--sn-shadow: rgba(31, 157, 124, .28)}#result[data-theme=warning]{--sn-c1: #946116;--sn-c2: #d39a2b;--sn-soft: rgba(211, 154, 43, .13);--sn-shadow: rgba(211, 154, 43, .3)}#result[data-theme=danger]{--sn-c1: #7a1e1e;--sn-c2: #b63a3a;--sn-soft: rgba(182, 58, 58, .12);--sn-shadow: rgba(182, 58, 58, .28)}.theme-banner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:20px 0 0;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,var(--sn-c1),var(--sn-c2));color:#fff9f2}.theme-banner p{margin:0;font-size:13px;line-height:1.5}.theme-banner-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:#fff3;border:1px solid rgba(255,255,255,.4);font-weight:700;font-size:20px}.section-title{margin:26px 0 12px;font-size:16px;color:var(--text)}.theme-overview,.pairs-overview{margin-top:24px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#ffffff08;box-shadow:0 14px 28px #00000026;backdrop-filter:blur(12px)}.theme-overview-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.theme-overview-heading p{margin:0 0 3px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.14em}.theme-overview-heading h3{margin:0;color:var(--text);font-size:22px;font-weight:600}.theme-overview-heading>span{color:var(--text-dim);font-size:12px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-grid.preview .topic{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(31,157,124,.5);border-radius:12px;background:#1f9d7c1a}.theme-meter-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:#ffffff08;box-shadow:inset 0 1px #ffffff0d,0 8px 18px #0000001a}.theme-meter-card h4{display:flex;align-items:center;gap:9px;min-width:0;margin:0;color:var(--text);font-size:14px;font-weight:500;line-height:1.35}.theme-meter-card.is-off{background:#ffffff03;opacity:.55}.topic-icon{flex:0 0 auto;font-size:18px}.topic-label{min-width:0}.theme-meter{display:flex;align-items:center;justify-content:flex-end}.theme-meter-dot{width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:linear-gradient(180deg,#d3d3d3 0,#bdbdbd);box-shadow:inset 0 1px #ffffffeb,0 2px 6px #0000000f}.theme-meter-dot.is-active{background:linear-gradient(180deg,#70cc3a 0,#57b625);box-shadow:inset 0 1px #ffffff73,0 4px 10px #57a0292e}.pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pair-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:#ffffff08;color:var(--text-muted);box-shadow:0 12px 22px #00000026}.pair-score-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.pair-score-item{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#10b981;color:#fff;font-size:19px;font-weight:700;box-shadow:0 8px 18px #10b98133}.pair-status{display:table;margin:0 auto 8px;padding:3px 9px;border-radius:999px;background:#10b98126;color:#34d399;font-size:10px;font-weight:600}.pair-card h4{margin:0 0 8px;color:var(--text);font-size:16px;text-align:center}.pair-card p{margin:0;color:var(--text-dim);font-size:13px;line-height:1.6;text-align:center}.pair-card.is-danger{border-color:#ffd2c866;background:linear-gradient(135deg,#7a1e1e,#b63a3a);color:#fff6f2;box-shadow:0 18px 30px #b63a3a47}.pair-card.is-danger .pair-score-item{background:#ffffff2e;box-shadow:none}.pair-card.is-danger .pair-status{background:#ffffff26;color:#fff}.pair-card.is-danger h4,.pair-card.is-danger p{color:#fff6f2}.pair-card.is-neutral .pair-score-item{background:#d39a2b;box-shadow:0 8px 18px #d39a2b33}.pair-card.is-neutral .pair-status{background:#d39a2b26;color:gold}.recommend-groups{display:flex;flex-direction:column;gap:28px}.recommend-group[hidden]{display:none}.recommend-group-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.recommend-group-head h4{margin:0;color:var(--text);font-size:15px;font-weight:600}.recommend-group-head .muted{font-size:12px}.recommend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.recommend-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:12px;border:1px solid rgba(216,163,74,.28);border-radius:20px;background:#ffffff0b;color:var(--text);text-decoration:none;box-shadow:0 12px 22px #00000026;transition:border-color .15s ease,transform .15s ease,background .15s ease}.recommend-card:hover{border-color:#f1c26d;transform:translateY(-2px);background:#fff1}.recommend-number-band{position:relative;display:flex;align-items:center;justify-content:center;min-height:68px;padding:12px;border:1px solid rgba(255,215,0,.16);border-radius:14px;background:#050410d1;box-shadow:0 8px 18px #0003}.recommend-number-band strong{overflow:hidden;color:#fff;font-size:clamp(17px,1.55vw,22px);font-variant-numeric:tabular-nums;letter-spacing:.025em;line-height:1;text-overflow:ellipsis;white-space:nowrap}.recommend-card-meta{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--text);font-size:14px;font-weight:700;text-align:center}.recommend-card-meta>span:first-child{color:#f1c26d}.recommend-card-meta strong{font-weight:600}.recommend-card-price{min-height:24px;color:var(--text);font-size:15px;font-weight:600;line-height:1.35;text-align:center}.recommend-card-topics{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.recommend-topic-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#ffffff0a;font-size:13px;box-shadow:0 5px 12px #00000024}.recommend-card-cta{margin-top:auto;padding:12px 14px;border-radius:12px;background:linear-gradient(140deg,#d8a34a,#f1c26d);color:#2a2321;font-size:14px;font-weight:700;text-align:center;box-shadow:0 8px 18px #d8a34a29}.recommend-card:hover .recommend-card-cta{background:linear-gradient(140deg,#e2ad4d,#f6cc7d)}@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:30px}.evaluate-summary,.topic-grid{grid-template-columns:1fr}.pair-grid,.recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.engine-lockup{min-height:168px;align-items:flex-end;padding:18px}.engine-banner img{object-position:60% center}.engine-banner-shade{background:linear-gradient(90deg,#171223e0,#17122380 54%,#1712230d),linear-gradient(0deg,rgba(12,9,28,.58),transparent 80%)}.engine-copy strong{font-size:15px}.engine-status{display:none}.hero-grid{padding:30px 18px 20px}.hero-copy h1{font-size:38px}.analyze-card{padding:18px}.input-row{display:grid}.input-row input,.input-row button{width:100%}.steps{grid-template-columns:1fr}.sn-results{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.evaluate-summary,.theme-overview,.pairs-overview{padding:16px;border-radius:18px}.summary-number{padding:18px 14px}.summary-heading-row h2,.theme-overview-heading h3{font-size:19px}.summary-body>p:last-child{font-size:14px;line-height:1.65}.theme-overview-heading{align-items:flex-start;flex-direction:column;gap:5px}.topic-grid{grid-template-columns:1fr;gap:8px}.pair-grid,.recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-meter-card{gap:10px;padding:12px 14px;border-radius:14px}.theme-meter-card h4{gap:8px;font-size:13px;line-height:1.35}.theme-meter-card .topic-icon{font-size:17px}.theme-meter-card .topic-label{overflow-wrap:anywhere}.theme-meter-dot{width:12px;height:12px;flex-basis:12px}.pair-card{padding:14px 10px}.pair-score-container{gap:6px;margin-bottom:12px}.pair-score-item{width:46px;height:46px;font-size:17px}.pair-card h4{font-size:15px}.pair-card p{font-size:12px;line-height:1.55}.recommend-card{gap:8px;padding:10px;border-radius:16px}.recommend-number-band{min-height:52px;padding:8px 6px;border-radius:10px}.recommend-number-band strong{font-size:16px}.recommend-card-topics{gap:3px}.recommend-topic-icon{width:25px;height:25px;font-size:12px}.recommend-card-meta{flex-wrap:wrap;gap:2px 5px;font-size:12px;line-height:1.25}.recommend-card-price{min-height:34px;font-size:13px}.recommend-card-cta{padding:10px 8px;border-radius:10px;font-size:13px}}