/* =========================================================================
   hero-first.css — 확정된 첫 화면 (claude-handoff-praum-hero/index.html 원본)
   전달받은 CSS를 그대로 옮겼으며, 설문 화면과 섞이지 않도록
   전역 규칙(html,body,h1)만 .page 안으로 스코프를 좁혔습니다.
   그 외 수치·색·좌표는 한 글자도 바꾸지 않았습니다.
   ========================================================================= */
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body.hero-on{background:#e7edf8;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#10244d}
/* 설문 화면용 폰트 렌더링 설정이 첫 화면에 상속되지 않도록 기본값으로 되돌린다 */
.page{position:relative;width:min(100%,430px);min-height:max(100svh,940px);margin:auto;overflow:hidden;background:linear-gradient(180deg,#f7fbff 0%,#eaf3ff 50%,#d8e7ff 100%);box-shadow:0 0 48px rgba(13,38,90,.2);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#10244d;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:auto}
.top{position:absolute;z-index:5;top:0;left:0;right:0;height:57px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(22,67,145,.08);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:900;letter-spacing:-.04em;min-width:0;flex:0 1 auto}
/* 브랜드 로고 이미지 (원본의 PR 마크 + 텍스트를 대체) */
.brand .logo{display:block;width:auto;height:25px;max-width:100%;object-fit:contain}
@media(max-width:392px){.brand .logo{height:21px}}
@media(max-width:352px){.brand .logo{height:19px}.safe{font-size:9.5px}}.mark{width:29px;height:29px;border:1px solid #cad4e5;border-radius:50%;display:grid;place-items:center;color:#18345f;font-family:Georgia,serif;font-size:10px}.safe{display:flex;align-items:center;gap:5px;color:#64738c;font-size:10px}.safe svg{width:13px;fill:none;stroke:#265af5;stroke-width:1.8}
.hero{position:relative;min-height:max(100svh,940px);padding-top:57px;display:flex;flex-direction:column}.copy{position:relative;z-index:3;text-align:center;padding:15px 20px 0}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#e9f0ff;color:#2458ee;font-size:11px;font-weight:900;box-shadow:0 5px 18px rgba(38,89,245,.1)}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff5b65;box-shadow:0 0 0 4px rgba(255,91,101,.12)}h1{margin:13px 0 0;font-size:35px;line-height:1.07;letter-spacing:-.075em;font-weight:950}h1 strong{display:block;color:#2458f4}.exclusive{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid rgba(36,88,244,.13);border-radius:999px;background:rgba(255,255,255,.92);color:#2458ee;font-size:11px;font-weight:900;letter-spacing:-.04em;box-shadow:0 7px 20px rgba(36,88,238,.11)}.exclusive:before{content:"";width:6px;height:6px;margin-right:7px;border-radius:50%;background:#ff6d75;box-shadow:0 0 0 4px rgba(255,109,117,.12)}.hero-title{margin:10px 0 0;font-size:31px;line-height:1.16;letter-spacing:-.065em}.hero-title strong{margin-top:3px}.sub{margin:10px 0 0;color:#60718e;font-size:13px;line-height:1.5;letter-spacing:-.03em}
.portrait{position:absolute;z-index:1;inset:57px 0 0;overflow:hidden}.portrait:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(247,251,255,.1),rgba(216,231,255,.04));pointer-events:none}.portrait img{position:absolute;width:126%;height:126%;left:-13%;top:-26%;object-fit:cover;object-position:center center;mix-blend-mode:multiply;filter:brightness(.93) contrast(1.08) saturate(1.12) sepia(.025)}.doctor-label{position:absolute;z-index:2;right:19px;bottom:150px;padding:9px 12px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 10px 25px rgba(30,68,130,.14);backdrop-filter:blur(9px);font-size:10px;color:#67758c;text-align:left}.doctor-label b{display:block;margin-bottom:2px;color:#17305b;font-size:12px}
.keywords{position:absolute;z-index:3;inset:0;pointer-events:none}.keyword-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.keyword-orbit .orbit-wide{fill:none;stroke:url(#orbitGradient);stroke-width:12;stroke-linecap:round;stroke-dasharray:54 18;opacity:.17}.keyword-orbit .orbit-line{fill:none;stroke:url(#orbitGradient);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:4 6;opacity:.62;filter:drop-shadow(0 3px 7px rgba(52,99,230,.2))}.keyword{position:absolute;width:76px;display:flex;flex-direction:column;align-items:center;color:#174edc;font-size:10.5px;font-weight:900;line-height:1;white-space:nowrap;letter-spacing:-.045em}.keyword b{display:block;margin-top:5px;padding:6px 9px;border:1px solid rgba(255,255,255,.95);border-radius:999px;background:rgba(255,255,255,.87);box-shadow:0 6px 16px rgba(31,73,161,.13),inset 0 1px 0 #fff;backdrop-filter:blur(12px);font:inherit}.keyword-icon{width:43px;height:43px;padding:10px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(145deg,#6090ff,#2858e8);color:#fff;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 9px 20px rgba(36,85,232,.28),0 0 0 6px rgba(255,255,255,.38),inset 0 1px 0 rgba(255,255,255,.65)}.keyword:nth-of-type(1){left:8px;top:437px}.keyword:nth-of-type(2){left:36px;top:505px}.keyword:nth-of-type(3){left:177px;top:548px}.keyword:nth-of-type(4){right:36px;top:505px}.keyword:nth-of-type(5){right:8px;top:437px}.keyword:nth-of-type(2) .keyword-icon,.keyword:nth-of-type(5) .keyword-icon{background:linear-gradient(145deg,#6b8cff,#4a42dd)}.keyword:nth-of-type(3) .keyword-icon{background:linear-gradient(145deg,#42b8ef,#2768e8)}
.keyword:nth-of-type(1){left:8px;top:415px}.keyword:nth-of-type(2){left:92px;top:495px}.keyword:nth-of-type(3){left:177px;top:522px}.keyword:nth-of-type(4){right:92px;top:495px}.keyword:nth-of-type(5){right:8px;top:415px}
.premium-copy{position:absolute;z-index:5;left:38px;right:38px;bottom:244px;padding:14px 12px 10px;text-align:center;color:#102d5b;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(245,249,255,.9));border:1px solid rgba(255,255,255,.98);border-radius:16px;box-shadow:0 10px 28px rgba(26,65,130,.16),inset 0 0 0 1px rgba(53,100,239,.05);backdrop-filter:blur(14px);transform:translateY(-16px)}.premium-copy:before{content:"5S";position:absolute;top:-16px;left:50%;display:grid;place-items:center;width:34px;height:22px;border:3px solid #eef4ff;border-radius:999px;background:linear-gradient(135deg,#3767ff,#214bd9);color:#fff;font-size:9px;font-weight:950;letter-spacing:0;box-shadow:0 5px 12px rgba(36,88,244,.25);transform:translateX(-50%)}.premium-copy strong{display:block;font-size:13.5px;line-height:1.4;font-weight:900;letter-spacing:-.045em}.premium-copy span{display:block;margin-top:2px;color:#526680;font-size:11.5px;line-height:1.35;font-weight:700;letter-spacing:-.035em}
.offer{position:absolute;z-index:4;left:14px;right:14px;bottom:18px;padding:16px 16px 14px;border:1px solid rgba(255,255,255,.97);border-radius:23px;background:rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(20,61,137,.25);backdrop-filter:blur(16px);transform:translateY(-16px)}.benefit-row{display:flex;align-items:center;justify-content:space-between;padding:0 3px 11px}.benefit-copy small{display:block;margin-bottom:2px;color:#7b8aa2;font-size:10px;font-weight:800;letter-spacing:-.03em}.benefit-copy strong{font-size:19px;line-height:1;letter-spacing:-.055em}.benefit-copy em{color:#ef434d;font-size:27px;font-style:normal}.limited{padding:7px 10px;border:1px solid #f0d88b;border-radius:8px;background:#fff4d4;color:#9b6b00;font-size:9px;font-weight:950}.availability{display:flex;align-items:center;justify-content:space-between;padding:11px 4px 12px;border-top:1px dashed #dbe3f0;color:#5c6d88;font-size:14px;font-weight:800;letter-spacing:-.035em}.availability .status{display:flex;align-items:center}.availability .status:before{content:"";width:7px;height:7px;margin-right:7px;border-radius:50%;background:#ff6670;box-shadow:0 0 0 4px rgba(255,102,112,.12);animation:live 1.8s ease-in-out infinite}.availability strong{color:#2458ee;font-size:12px;letter-spacing:-.04em}.cta{width:100%;height:56px;border:0;border-radius:15px;background:linear-gradient(105deg,#315eff,#2148d8);color:#fff;font-size:16px;font-weight:900;letter-spacing:-.04em;box-shadow:0 10px 22px rgba(36,88,255,.3);cursor:pointer}.cta span{float:right;margin-right:4px;font-size:23px;line-height:16px}.notes{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;row-gap:6px;padding-top:12px;color:#64738c;font-size:14px;font-weight:600}.notes span{white-space:nowrap}@media(max-width:378px){.notes{font-size:12.5px;gap:8px}}.notes span:before{content:"✓";margin-right:3px;color:#2458ee;font-weight:900}@keyframes live{50%{opacity:.45;transform:scale(.82)}}@media(prefers-reduced-motion:reduce){.availability .status:before{animation:none}}
.availability strong em{font-size:18px;font-style:normal;line-height:1}.availability strong span{font-size:14px;font-weight:800}.limited{padding:8px 11px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:linear-gradient(135deg,#163f9f 0%,#285ce8 55%,#4b7cff 100%);color:#fff;font-size:8px;font-weight:950;letter-spacing:.035em;box-shadow:0 7px 16px rgba(31,77,190,.25),inset 0 1px 0 rgba(255,255,255,.3)}
/* V2: five-step horizontal infographic */
.premium-copy{top:468px;bottom:auto;transform:none}
.keywords{position:absolute;inset:auto;top:540px;left:12px;right:12px;height:108px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0 8px;overflow:visible}
.keywords:before{content:"";position:absolute;z-index:0;top:0;left:0;right:0;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:17px 17px 11px 11px;background:linear-gradient(110deg,#1f50c7 0%,#3474ef 48%,#4c91ff 100%);box-shadow:0 10px 24px rgba(30,81,197,.22),inset 0 1px 0 rgba(255,255,255,.28)}
.keyword-orbit{display:none}.keyword{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto;height:108px;display:flex;flex-direction:column;align-items:center;padding-top:22px;color:#1d4ec7;font-size:9.5px;overflow:visible}
.keyword:before{position:absolute;z-index:2;top:6px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.88);font-size:8px;font-weight:950;letter-spacing:.08em}.keyword:nth-of-type(1):before{content:"01"}.keyword:nth-of-type(2):before{content:"02"}.keyword:nth-of-type(3):before{content:"03"}.keyword:nth-of-type(4):before{content:"04"}.keyword:nth-of-type(5):before{content:"05"}
.keyword:after{content:"›";position:absolute;z-index:4;top:47px;right:-9px;display:grid;place-items:center;width:17px;height:17px;border:2px solid #eaf2ff;border-radius:50%;background:#fff;color:#2b65e5;font-size:13px;font-weight:950;box-shadow:0 4px 10px rgba(33,79,174,.18)}.keyword:nth-of-type(5):after{display:none}
.keyword-icon{position:relative;z-index:2;width:49px;height:49px;padding:10px;margin:0;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:linear-gradient(145deg,rgba(92,182,255,.96),rgba(47,106,225,.96));color:#fff;stroke:currentColor;stroke-width:1.45;fill:none;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 10px 20px rgba(30,73,163,.22),0 0 0 6px rgba(255,255,255,.36),inset 0 2px 5px rgba(255,255,255,.38)}.keyword:nth-of-type(2) .keyword-icon{background:linear-gradient(145deg,#6199ff,#5145dd)}.keyword:nth-of-type(3) .keyword-icon{background:linear-gradient(145deg,#55bdf1,#2f71df)}.keyword:nth-of-type(4) .keyword-icon{background:linear-gradient(145deg,#668fff,#3159d9)}.keyword:nth-of-type(5) .keyword-icon{background:linear-gradient(145deg,#55b9ec,#3684df)}
.keyword b{position:relative;z-index:3;display:block;margin-top:-1px;padding:6px 5px;min-width:62px;text-align:center;border:1px solid rgba(255,255,255,.95);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 7px 15px rgba(31,74,155,.13),inset 0 1px 0 #fff;backdrop-filter:blur(12px);font:inherit}
/* V2 reference-matched circular cards */
.keywords{top:535px;height:120px;padding:0 6px;gap:2px}.keywords:before{height:50px;border-radius:16px 16px 10px 10px;background:linear-gradient(105deg,#347fe9 0%,#4c99fa 52%,#3f86ed 100%)}
.keyword{width:76px!important;height:84px!important;margin-top:18px;padding:8px 4px 5px!important;justify-self:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:linear-gradient(180deg,rgba(75,149,244,.64) 0%,rgba(105,172,246,.52) 38%,rgba(246,251,255,.95) 39%,rgba(236,246,255,.96) 100%);box-shadow:0 11px 18px rgba(27,75,154,.2),inset 0 1px 0 rgba(255,255,255,.62);backdrop-filter:blur(8px)}
.keyword:before{top:-15px!important;color:#fff!important;font-size:9px!important;text-shadow:0 1px 3px rgba(15,54,131,.25)}.keyword:after{top:32px;right:-11px;width:20px;height:20px;border-width:3px;font-size:14px;background:rgba(255,255,255,.96);box-shadow:0 5px 11px rgba(33,79,174,.2)}
.keyword-icon,.keyword:nth-of-type(2) .keyword-icon,.keyword:nth-of-type(3) .keyword-icon,.keyword:nth-of-type(4) .keyword-icon,.keyword:nth-of-type(5) .keyword-icon{width:27px;height:27px;padding:2px;margin:0;background:none;border:0;border-radius:0;color:#fff;stroke-width:1.3;box-shadow:none;filter:drop-shadow(0 2px 3px rgba(24,73,158,.22))}
.keyword b{display:block;margin:5px 0 0;padding:5px 0 6px;min-width:72px;border:0;border-radius:0;background:rgba(255,255,255,.86);color:#1d56be;font-size:11px;box-shadow:0 3px 7px rgba(29,74,155,.1);backdrop-filter:none}.keyword small{display:none}.keyword{width:80px!important;height:86px!important;padding-top:7px!important}.keywords .keyword .keyword-icon{width:34px;height:34px;padding:2px;stroke-width:1.45}.keyword:after{top:33px}
/* V2 side layout: two left, three right */
.premium-copy{top:565px}.keywords{position:absolute;inset:0;display:block;width:auto;height:auto;padding:0;overflow:visible}.keywords:before{display:none}.keyword{position:absolute!important;width:112px!important;height:48px!important;margin:0;padding:0 10px!important;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:1px solid rgba(255,255,255,.92);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(231,241,255,.78));box-shadow:0 10px 24px rgba(28,69,145,.15),inset 0 1px 0 #fff;backdrop-filter:blur(15px) saturate(1.2);overflow:visible;justify-self:auto}.keyword:before,.keyword:after{display:none!important}.keywords .keyword .keyword-icon{flex:0 0 auto;width:29px;height:29px;padding:6px;border:1px solid rgba(255,255,255,.82);border-radius:10px;background:linear-gradient(145deg,#5b8dff,#2c5ce1);color:#fff;stroke-width:1.55;box-shadow:0 5px 11px rgba(36,85,232,.24),inset 0 1px 0 rgba(255,255,255,.35);filter:none}.keyword b{min-width:0;margin:0 0 0 8px;padding:0;border:0;background:none;color:#1646b5;font-size:12px;line-height:1;font-weight:900;box-shadow:none;white-space:nowrap}.keyword:nth-of-type(1){left:10px!important;right:auto!important;top:340px!important}.keyword:nth-of-type(2){left:10px!important;right:auto!important;top:418px!important}.keyword:nth-of-type(3){left:auto!important;right:10px!important;top:300px!important}.keyword:nth-of-type(4){left:auto!important;right:10px!important;top:378px!important}.keyword:nth-of-type(5){left:auto!important;right:10px!important;top:456px!important}
/* V2 floating 3D gradient icons without glass cards */
.keyword{width:92px!important;height:72px!important;padding:0!important;flex-direction:column;justify-content:center;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}.keywords .keyword .keyword-icon{width:46px;height:46px;padding:9px;border:1px solid rgba(255,255,255,.58);border-radius:15px;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.75),transparent 32%),linear-gradient(145deg,#75f1f3 0%,#3289fa 46%,#7b2de2 100%);color:#fff;stroke-width:1.7;box-shadow:0 13px 22px rgba(43,77,187,.25),inset 0 2px 6px rgba(255,255,255,.4),inset 0 -5px 10px rgba(80,34,204,.18);filter:drop-shadow(0 5px 9px rgba(45,89,200,.18))}.keyword:nth-of-type(2) .keyword-icon{border-radius:50% 50% 50% 15px;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.8),transparent 34%),linear-gradient(145deg,#7eeff5,#4b7cf5 52%,#7730df)}.keyword:nth-of-type(3) .keyword-icon{border-radius:12px 12px 18px 18px;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.75),transparent 32%),linear-gradient(155deg,#70edf2,#318af5 48%,#6e32de)}.keyword:nth-of-type(4) .keyword-icon{border-radius:18px 10px 18px 10px;background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.78),transparent 31%),linear-gradient(135deg,#80f0f1,#3a88f4 50%,#8532df)}.keyword:nth-of-type(5) .keyword-icon{border-radius:13px 13px 22px 22px;background:radial-gradient(circle at 28% 17%,rgba(255,255,255,.8),transparent 32%),linear-gradient(150deg,#65eff1,#2e8ef8 48%,#7629da)}.keyword b{min-width:0;margin:5px 0 0;padding:0;background:none;color:#1747ad;font-size:12.5px;line-height:1;font-weight:950;letter-spacing:-.055em;text-shadow:0 1px 0 rgba(255,255,255,.95),0 3px 8px rgba(28,72,160,.16);box-shadow:none}.keyword:nth-of-type(1){left:14px!important}.keyword:nth-of-type(2){left:14px!important}.keyword:nth-of-type(3){right:14px!important}.keyword:nth-of-type(4){right:14px!important}.keyword:nth-of-type(5){right:14px!important}.keyword-network{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:url(#networkGradient);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:.5;filter:drop-shadow(0 3px 6px rgba(45,89,218,.22))}.keyword-network .hub{fill:#fff;stroke:#3268ec;stroke-width:1.5}.keyword{z-index:2}
.keyword-network{display:none}.keywords .keyword .keyword-icon{width:50px;height:50px;padding:10px;border:0;border-radius:18px 18px 18px 7px;background:radial-gradient(circle at 72% 26%,rgba(255,255,255,.88) 0 13%,rgba(255,255,255,.28) 14% 29%,transparent 31%),linear-gradient(145deg,#82d5ff 0%,#55a5f5 48%,#397fdf 100%);color:#fff;stroke-width:1.75;box-shadow:0 11px 20px rgba(43,112,205,.18),inset 0 2px 5px rgba(255,255,255,.32);filter:drop-shadow(0 5px 8px rgba(73,138,222,.15))}.keywords .keyword:nth-of-type(2) .keyword-icon{border-radius:50% 50% 16px 50%;background:radial-gradient(circle at 74% 24%,rgba(255,255,255,.88) 0 15%,rgba(255,255,255,.26) 16% 30%,transparent 32%),linear-gradient(145deg,#8cdcff,#58a9f5 50%,#347edf)}.keywords .keyword:nth-of-type(3) .keyword-icon{border-radius:11px 19px 11px 19px;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.86) 0 14%,rgba(255,255,255,.25) 15% 28%,transparent 30%),linear-gradient(150deg,#91dfff,#62b1f7 48%,#3d83dc)}.keywords .keyword:nth-of-type(4) .keyword-icon{border-radius:50% 16px 50% 16px;background:radial-gradient(circle at 72% 24%,rgba(255,255,255,.9) 0 14%,rgba(255,255,255,.28) 15% 30%,transparent 32%),linear-gradient(145deg,#87d8ff,#55a6f2 50%,#347bd8)}.keywords .keyword:nth-of-type(5) .keyword-icon{border-radius:20px 20px 8px 20px;background:radial-gradient(circle at 73% 24%,rgba(255,255,255,.9) 0 14%,rgba(255,255,255,.27) 15% 30%,transparent 32%),linear-gradient(145deg,#96e2ff,#59acf4 48%,#3c82d9)}.keyword b{margin-top:6px;color:#2864bd;font-size:12.5px;text-shadow:0 1px 0 #fff,0 3px 7px rgba(51,111,194,.12)}
.keyword{width:88px!important;height:35px!important;padding:0 12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(53,103,238,.12)!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 22px rgba(36,88,238,.14),inset 0 1px 0 #fff!important;backdrop-filter:blur(12px)!important}.keywords .keyword .keyword-icon{display:none!important}.keywords .keyword:before{content:""!important;position:static!important;display:block!important;flex:0 0 auto;width:6px!important;height:6px!important;margin:0 6px 0 0!important;border-radius:50%!important;background:#4b75ff!important;box-shadow:0 0 0 4px rgba(75,117,255,.11)!important;transform:none!important}.keyword b{margin:0!important;padding:0!important;min-width:0!important;background:none!important;color:#2458ee!important;font-size:12px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.045em!important;text-shadow:none!important}.keyword:nth-of-type(1),.keyword:nth-of-type(2){left:8px!important}.keyword:nth-of-type(3),.keyword:nth-of-type(4),.keyword:nth-of-type(5){right:8px!important}
.keyword{border:1px solid rgba(255,255,255,.78)!important;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(224,237,255,.38))!important;box-shadow:0 9px 23px rgba(35,78,164,.14),inset 0 1px 0 rgba(255,255,255,.94),inset 0 0 0 1px rgba(75,119,235,.05)!important;backdrop-filter:blur(14px) saturate(1.32)!important;-webkit-backdrop-filter:blur(14px) saturate(1.32)!important}
.keyword:nth-of-type(1),.keyword:nth-of-type(2){left:14px!important}.keyword:nth-of-type(3),.keyword:nth-of-type(4),.keyword:nth-of-type(5){right:14px!important}
.premium-copy{top:575px}
/* V3: keep the page intact and restyle only the backdrop behind the doctor */
.portrait{background:#eef5ff}
.portrait img{mix-blend-mode:normal}
.portrait:before{background:radial-gradient(ellipse 92px 132px at -9% 39%,rgba(65,139,255,.4) 0 52%,rgba(222,239,255,.64) 54%,rgba(86,145,244,.2) 59%,transparent 63%),radial-gradient(ellipse 76px 108px at 105% 29%,rgba(103,167,255,.34) 0 49%,rgba(239,248,255,.8) 51%,rgba(82,137,238,.18) 56%,transparent 61%),radial-gradient(ellipse 104px 72px at 111% 57%,rgba(55,107,229,.34) 0 50%,rgba(225,239,255,.68) 52%,rgba(73,129,234,.16) 57%,transparent 62%),radial-gradient(circle 42px at 6% 18%,rgba(255,255,255,.72) 0 45%,rgba(104,166,255,.26) 48%,rgba(255,255,255,.5) 55%,transparent 59%);opacity:.9}
.portrait:after{content:"";position:absolute;z-index:1;top:155px;right:-45px;width:112px;height:112px;border:1px solid rgba(255,255,255,.78);border-radius:38% 62% 55% 45%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.72),transparent 28%),linear-gradient(145deg,rgba(169,210,255,.27),rgba(45,102,225,.14));box-shadow:inset 8px 8px 18px rgba(255,255,255,.3),inset -12px -12px 20px rgba(54,104,217,.12),0 18px 38px rgba(61,113,205,.12);transform:rotate(24deg);pointer-events:none}
.offer{transform:translateY(-52px)}

/* ── CTA 버튼 광택 효과 ─────────────────────────────────
   버튼 위를 옅은 빛이 주기적으로 한 번씩 지나간다.
   버튼의 색·크기·위치는 그대로이며 광택 레이어만 얹는다. */
.cta{position:relative;overflow:hidden}
.cta:after{
  content:"";position:absolute;z-index:1;top:0;bottom:0;left:-40%;width:32%;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.16) 28%,rgba(255,255,255,.52) 50%,rgba(255,255,255,.16) 72%,rgba(255,255,255,0) 100%);
  transform:skewX(-18deg);pointer-events:none;
  animation:ctaShine 2.6s cubic-bezier(.32,0,.5,1) infinite;
}
@keyframes ctaShine{0%,46%{left:-40%}82%,100%{left:112%}}
@media(prefers-reduced-motion:reduce){.cta:after{animation:none;display:none}}
@media(min-width:700px){body.hero-on{display:grid;place-items:center;padding:24px}.page{min-height:940px;height:940px;border-radius:30px}.hero{min-height:940px}}
@media(max-height:740px){.copy{padding-top:17px}.sub{display:none}.portrait{inset:57px 0 0}.offer{bottom:18px}.doctor-label{bottom:142px}}