@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--navy:#092b4d;--navy-deep:#061f39;--blue:#0d456b;--ink:#102c44;--muted:#647488;--paper:#f3f5f8;--line:#e8edf2;--accent:#c5a976;--white:#fff;--radius:21px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse 500px 400px at 50% -120px,rgba(188,204,216,.3),transparent 85%),var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #c9a463;outline-offset:4px}
.page{width:min(100%,578px);margin:0 auto;padding:30px 20px 23px}
.header{text-align:center;margin-bottom:21px}
.brand-icon{height:66px;width:70px;object-fit:contain;margin:0 auto 7px;display:block;filter:brightness(0) saturate(100%) invert(16%) sepia(30%) saturate(1644%) hue-rotate(167deg) brightness(90%) contrast(99%)}
.brand-name{font-family:'Playfair Display',Georgia,serif;letter-spacing:-1.2px;font-size:clamp(30px,5.2vw,40px);line-height:1.1;color:var(--navy-deep);font-weight:600;margin:0}
.brand-specialty{margin:8px 0 0;color:#617282;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}
.brand-line{width:39px;height:2px;background:var(--accent);margin:16px auto 0;border-radius:3px}
.hero{position:relative;isolation:isolate;min-height:350px;overflow:hidden;border-radius:25px;background:linear-gradient(124deg,#082642 2%,#082f52 52%,#0b3b61 100%);box-shadow:0 19px 38px rgba(12,41,67,.16)}
.hero::before{content:'';position:absolute;z-index:-1;inset:auto -100px -200px 0;height:400px;border:1px solid rgba(153,194,219,.13);border-radius:50%;transform:rotate(-20deg)}
.hero::after{content:'';position:absolute;z-index:-1;right:-65px;top:-150px;width:370px;height:370px;border-radius:50%;border:1px solid rgba(176,215,244,.12);box-shadow:0 0 0 47px rgba(255,255,255,.015),0 0 0 91px rgba(255,255,255,.014)}
.hero__grain{position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(40,111,157,.2),transparent 42%);pointer-events:none}
.hero__content{position:relative;z-index:2;width:55%;padding:39px 0 38px 31px;color:white}
.hero__eyebrow{display:flex;gap:10px;align-items:center;letter-spacing:1.9px;font-size:9px;font-weight:800;color:#ddc69c;text-transform:uppercase;white-space:nowrap}
.hero__eyebrow:before{content:'';width:19px;height:1px;background:#ddc69c;display:block}
.hero h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(27px,5vw,39px);line-height:1.15;letter-spacing:-.8px;margin:29px 0 13px;max-width:275px;text-wrap:balance}
.hero__sub{font-size:12.5px;color:#c7d7e5;line-height:1.7;margin:0;max-width:185px}
.hero__signature{margin-top:51px;padding-left:12px;border-left:2px solid var(--accent);font:italic 500 17px/1.42 'Playfair Display',Georgia,serif;letter-spacing:-.1px;max-width:195px;color:#f8f9fa}
.hero__doctor{position:absolute;z-index:1;height:350px;width:auto;max-width:none;right:-2px;bottom:0;display:block;object-fit:contain;object-position:bottom right;filter:drop-shadow(-12px 10px 15px rgba(0,5,15,.16))}
.hero__fade{position:absolute;z-index:1;bottom:0;left:0;width:65%;height:55px;background:linear-gradient(0deg,rgba(3,23,42,.24),transparent);pointer-events:none}
.intro{text-align:center;margin:32px 0 22px}
.intro__tag{display:inline-flex;align-items:center;gap:8px;color:#977746;font-size:9px;text-transform:uppercase;letter-spacing:2.3px;font-weight:800}
.intro__tag::before,.intro__tag::after{content:'';display:inline-block;height:1px;width:16px;background:#ceb88f}
.intro h3{font-size:25px;letter-spacing:-.8px;margin:8px 0 6px;color:#143754;line-height:1.25}
.intro p{font-size:13px;color:#6f7e8c;line-height:1.6;margin:0}
.actions{display:grid;grid-template-columns:1fr;gap:11px}
.action{width:100%;min-height:76px;border-radius:17px;display:flex;align-items:center;gap:16px;padding:13px 17px;background:#fff;border:1px solid #e8ecf1;box-shadow:0 4px 15px rgba(14,41,63,.035);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.action:hover{transform:translateY(-2px);box-shadow:0 11px 27px rgba(14,41,63,.1);border-color:#c9d8e5}
.action--primary{background:linear-gradient(100deg,#082c4c 0%,#0d476b 100%);color:#fff;border-color:transparent;box-shadow:0 10px 20px rgba(8,47,78,.17)}
.action--primary:hover{box-shadow:0 15px 25px rgba(8,47,78,.22);border-color:transparent}
.action__icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:13px;background:#ecf4f8;color:var(--blue)}
.action--primary .action__icon{background:rgba(255,255,255,.13);color:#fff}
.action__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.action__text{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.action__text strong{font-size:13px;letter-spacing:.6px;font-weight:800;text-transform:uppercase}
.action__text small{font-size:11px;line-height:1.2;color:#7c8996}
.action--primary .action__text small{color:#c1d6e3}
.action__arrow{color:#9aabba;width:17px;height:17px;flex:0 0 17px;stroke-width:1.9}
.action--primary .action__arrow{color:#fff}
.action--pending{cursor:pointer}
.footer{text-align:center;padding:27px 10px 3px;font-size:10px;line-height:1.7;color:#95a1ad;letter-spacing:.3px}
.footer b{color:#7d8995;font-weight:700}
.footer .dot{display:inline-block;height:3px;width:3px;border-radius:50%;background:#c5a976;vertical-align:middle;margin:0 7px}
.toast{position:fixed;z-index:20;left:50%;bottom:22px;transform:translate(-50%,15px);width:min(calc(100% - 36px),440px);background:#102f4a;color:white;border-radius:12px;padding:14px 18px;box-shadow:0 10px 35px rgba(3,32,54,.25);font-size:12px;text-align:center;line-height:1.55;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.toast--show{opacity:1;transform:translate(-50%,0)}
@media(max-width:450px){.page{padding:24px 16px 18px}.brand-icon{height:59px;width:64px}.brand-name{font-size:33px}.hero{min-height:336px;border-radius:21px}.hero__content{padding:31px 0 29px 22px;width:60%}.hero__eyebrow{font-size:8px;letter-spacing:1.3px}.hero h2{font-size:32px;margin-top:28px}.hero__sub{font-size:11px;max-width:150px}.hero__signature{font-size:15px;max-width:159px;margin-top:46px}.hero__doctor{height:330px;right:-17px}.intro{margin:30px 0 20px}.intro h3{font-size:23px}.action{min-height:75px}}
@media(max-width:370px){.page{padding-inline:12px}.hero__content{padding-left:19px}.hero h2{font-size:28px}.hero__doctor{height:299px;right:-22px}.hero__signature{max-width:150px;font-size:14px}.intro h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}