/* ============================================================
   Five Elements Care — Design System  (English)
   Palette, emblem and typography derived from the printed
   business card: warm cream paper, deep evergreen ink,
   olive accents, five-element color dots, elegant serif.
   ============================================================ */

:root{
  /* paper */
  --cream:#F4F1E7;
  --cream-2:#FAF8EF;
  --cream-3:#ECE9DC;
  --paper-shadow:#E7E3D6;

  /* ink */
  --ink:#10271D;
  --ink-2:#1C3428;
  --ink-soft:#334536;
  --body:#28332B;

  /* greens */
  --olive:#68662E;
  --olive-dark:#5D5B29;
  --sage:#5E6246;
  --moss:#536542;
  --olive-gray:#898A61;

  /* five-element accents — traditional Wu Xing colors, muted to suit the card's palette */
  --e-moss:#536542;   /* Wood  · green            */
  --e-red:#A94A2E;    /* Fire  · red              */
  --e-gold:#B48A4A;   /* Earth · yellow / ochre   */
  --e-gray:#949B95;   /* Metal · silver / gray    */
  --e-ochre:#4E6E88;  /* Water · blue             */

  --line:rgba(104,102,46,.4);
  --line-soft:rgba(104,102,46,.22);

  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  --maxw:1200px;
  --radius:4px;
  --shadow-sm:0 2px 14px rgba(16,39,29,.06);
  --shadow-md:0 16px 44px rgba(16,39,29,.11);
  --shadow-lg:0 30px 80px rgba(16,39,29,.16);
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body{
  margin:0;font-family:var(--sans);color:var(--body);background:var(--cream);
  font-size:17.5px;line-height:1.8;letter-spacing:.004em;overflow-x:hidden;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
}
body.nav-open,body.dr-locked{overflow:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

/* ---------- dramatic display type ---------- */
h1,h2,h3,h4{font-family:var(--serif);color:var(--ink);margin:0 0 .5em;letter-spacing:-.008em;}
h1{font-size:clamp(3.3rem,7.4vw,6.3rem);font-weight:600;line-height:1.0;}
h2{font-size:clamp(2.5rem,5.4vw,4.3rem);font-weight:600;line-height:1.04;}
h3{font-size:clamp(1.55rem,2.6vw,2.15rem);font-weight:600;line-height:1.15;}
h4{font-size:1.3rem;font-weight:600;}
p{margin:0 0 1.1em;}
.lead{font-size:1.3rem;line-height:1.75;color:var(--ink-soft);}
strong{font-weight:600;color:var(--ink-2);}

/* ---------- layout ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px;}
.section{padding:clamp(62px,8.5vw,124px) 0;position:relative;}
.section--tight{padding:clamp(46px,6vw,80px) 0;}
.center{text-align:center;}
.mx-auto{margin-left:auto;margin-right:auto;}
.measure{max-width:64ch;}
.measure-c{max-width:66ch;margin-left:auto;margin-right:auto;}
.bg-alt{background:var(--cream-2);}
.bg-ink{background:var(--ink);color:#EDEADF;}
.bg-ink h1,.bg-ink h2,.bg-ink h3{color:var(--cream-2);}
.bg-ink .stat .n{color:var(--cream-2);}
.bg-ink .stat .l{color:#B9BEB0;}
.bg-ink p{color:#D6DACC;}

/* ---------- eyebrow ---------- */
.eyebrow{
  font-family:var(--sans);text-transform:uppercase;letter-spacing:.42em;
  font-size:.78rem;font-weight:700;color:var(--olive);margin:0 0 1.2em;
  display:inline-flex;align-items:center;gap:.9em;
}
.eyebrow::before,.eyebrow::after{content:"";width:34px;height:1.5px;background:var(--olive);opacity:.55;}
.eyebrow--plain::before,.eyebrow--plain::after{display:none;}
.bg-ink .eyebrow{color:var(--e-gold);}
.bg-ink .eyebrow::before,.bg-ink .eyebrow::after{background:var(--e-gold);}

.rule{height:1px;background:var(--line);border:0;margin:0;}

/* five-element dot motif */
.dots{display:inline-flex;gap:10px;align-items:center;}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block;}
.dot.moss{background:var(--e-moss);}
.dot.ochre{background:var(--e-ochre);}
.dot.gold{background:var(--e-gold);}
.dot.gray{background:var(--e-gray);}
.dot.red{background:var(--e-red);}
.dots--lg{gap:14px;}
.dots--lg .dot{width:15px;height:15px;}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.65em;font-family:var(--sans);
  font-weight:700;font-size:.86rem;letter-spacing:.16em;text-transform:uppercase;
  padding:17px 34px;border-radius:6px;border:1px solid var(--olive-dark);
  cursor:pointer;transition:all .35s var(--ease);background:var(--olive-dark);color:#FBF9F0;
}
.btn:hover{background:var(--ink);border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--shadow-md);}
.btn--ghost{background:rgba(250,248,239,.5);color:var(--ink);border-color:rgba(93,91,41,.5);}
.btn--ghost:hover{background:var(--olive-dark);color:#FBF9F0;border-color:var(--olive-dark);}
.btn--light{background:var(--cream-2);color:var(--ink);border-color:var(--cream-2);}
.btn--light:hover{background:var(--e-gold);border-color:var(--e-gold);color:var(--ink);}
.btn--block{width:100%;justify-content:center;}
.btn-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;}

/* ============================================================
   HEADER
   ============================================================ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:all .4s var(--ease);
  background:rgba(244,241,231,.74);backdrop-filter:blur(12px);border-bottom:1px solid transparent;}
.site-header.scrolled{padding:10px 0;background:rgba(244,241,231,.95);border-bottom-color:var(--line-soft);box-shadow:0 8px 30px rgba(16,39,29,.06);}
.header-inner{display:flex;align-items:center;gap:40px;}
.brand{display:flex;align-items:center;gap:15px;flex:0 0 auto;}
.brand img{width:58px;height:58px;transition:width .4s var(--ease);}
.site-header.scrolled .brand img{width:48px;height:48px;}
.brand-text{display:flex;flex-direction:column;line-height:1;}
.brand-name{font-family:var(--serif);font-size:1.32rem;font-weight:700;letter-spacing:.12em;color:var(--ink);text-transform:uppercase;white-space:nowrap;}
.brand-sub{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--olive);margin-top:6px;white-space:nowrap;}

.nav{margin-left:auto;display:flex;align-items:center;gap:clamp(13px,1.35vw,24px);flex-wrap:nowrap;}
.nav a{font-size:.79rem;font-weight:600;letter-spacing:.075em;text-transform:uppercase;color:var(--ink);
  position:relative;padding:4px 0;transition:color .3s var(--ease);white-space:nowrap;flex:0 0 auto;}
.nav a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1.6px;background:var(--olive);transition:width .35s var(--ease);}
.nav a:hover,.nav a.active{color:var(--olive-dark);}
.nav a:hover::after,.nav a.active::after{width:100%;}

.header-actions{display:flex;align-items:center;gap:14px;margin-left:6px;}
.header-cta{
  padding:12px 22px;font-size:.72rem;letter-spacing:.14em;white-space:nowrap;
  border-radius:999px;border:1px solid var(--olive-dark);
  background:linear-gradient(155deg,var(--olive),var(--olive-dark));
  box-shadow:0 5px 16px rgba(93,91,41,.26);gap:.55em;
}
.header-cta svg{width:15px;height:15px;flex:0 0 15px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.header-cta:hover{
  background:linear-gradient(155deg,var(--ink-2),var(--ink));border-color:var(--ink);
  transform:translateY(-2px);box-shadow:0 9px 24px rgba(16,39,29,.32);
}
.header-cta:active{transform:translateY(0);}

.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto;}
.burger span{width:26px;height:1.8px;background:var(--ink);display:block;transition:.3s;}
.burger.on span:nth-child(1){transform:translateY(6.8px) rotate(45deg);}
.burger.on span:nth-child(2){opacity:0;}
.burger.on span:nth-child(3){transform:translateY(-6.8px) rotate(-45deg);}

.mobile-nav{position:fixed;inset:0 0 0 auto;width:min(88vw,400px);z-index:99;background:var(--cream);
  padding:120px 36px 40px;transform:translateX(102%);transition:transform .5s var(--ease);
  box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:6px;overflow-y:auto;}
.mobile-nav.open{transform:none;}
.mobile-nav a{padding:16px 0;border-bottom:1px solid var(--line-soft);font-family:var(--serif);font-size:1.5rem;color:var(--ink);}
.scrim{position:fixed;inset:0;background:rgba(16,39,29,.4);opacity:0;pointer-events:none;transition:.4s;z-index:98;}
.scrim.on{opacity:1;pointer-events:auto;}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;padding:150px 0 92px;overflow:hidden;}
.hero-bg{position:absolute;inset:0;z-index:-2;}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 68%;opacity:.92;}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(244,241,231,.9) 0%,rgba(244,241,231,.5) 44%,rgba(244,241,231,.94) 100%);}
.hero-inner{position:relative;text-align:center;max-width:980px;margin:0 auto;text-shadow:0 1px 18px rgba(244,241,231,.8);}
.hero h1{font-size:clamp(3.6rem,8.6vw,7rem);margin-bottom:.24em;color:var(--ink);}
.hero h1 .accent{display:block;font-size:1.04em;letter-spacing:.02em;}
.hero .lead{font-size:1.34rem;max-width:58ch;margin:0 auto 2.2em;}
.hero .btn-row{justify-content:center;}
.hero-badge{display:inline-flex;align-items:center;gap:.85em;padding:9px 22px;border:1px solid var(--line);
  border-radius:999px;background:rgba(250,248,239,.72);font-size:.78rem;letter-spacing:.16em;font-weight:700;
  color:var(--olive-dark);text-transform:uppercase;margin-bottom:1.8em;}
.hero-scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:.64rem;letter-spacing:.34em;text-transform:uppercase;color:var(--sage);animation:float 2.6s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,8px);}}

/* subpage banner */
.page-hero{position:relative;padding:210px 0 88px;text-align:center;overflow:hidden;border-bottom:1px solid var(--line-soft);}
.page-hero .bgimg{position:absolute;inset:0;z-index:-1;opacity:.5;}
.page-hero .bgimg img{width:100%;height:100%;object-fit:cover;object-position:center 60%;}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(244,241,231,.72),rgba(244,241,231,.95));}
.page-hero h1{margin-bottom:.22em;}
.page-hero p{max-width:62ch;margin:0 auto;color:var(--ink-soft);font-size:1.16rem;}
.breadcrumb{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--sage);margin-bottom:1.6em;font-weight:600;}
.breadcrumb a:hover{color:var(--olive-dark);}

/* ============================================================
   GRIDS & CARDS
   ============================================================ */
.grid{display:grid;gap:28px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,76px);align-items:center;}

.card{background:var(--cream-2);border:1px solid var(--line-soft);border-radius:var(--radius);
  padding:38px 34px;transition:all .45s var(--ease);position:relative;overflow:hidden;}
.card::before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--olive);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease);}
.card:hover{transform:translateY(-7px);box-shadow:var(--shadow-md);border-color:var(--line);}
.card:hover::before{transform:scaleY(1);}
.card h3{margin-bottom:.4em;}
.card p:last-child{margin-bottom:0;}
.card .num{font-family:var(--serif);font-size:1.9rem;font-weight:600;color:var(--olive);display:block;margin-bottom:.3em;}
.pill{display:inline-block;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--olive-dark);border:1px solid var(--line);border-radius:999px;padding:5px 14px;margin-bottom:1.2em;font-weight:700;}

.icon-badge{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin-bottom:1.3em;background:rgba(104,102,46,.1);border:1px solid var(--line);}
.icon-badge svg{width:28px;height:28px;stroke:var(--olive-dark);fill:none;stroke-width:1.5;}

.media{position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow-md);}
.media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease);}
.media:hover img{transform:scale(1.04);}
.media--tall{aspect-ratio:4/5;}
.media--wide{aspect-ratio:16/10;}
.media--square{aspect-ratio:1/1;}
.frame{position:relative;}
.frame::after{content:"";position:absolute;inset:15px -15px -15px 15px;border:1px solid var(--line);border-radius:var(--radius);z-index:-1;}

.corner-art{position:absolute;pointer-events:none;opacity:.5;z-index:0;}
.corner-art.bl{left:-40px;bottom:-30px;width:270px;}
.corner-art.tr{right:-50px;top:-20px;width:250px;transform:scaleX(-1);}

/* five element strip */
.elements-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(18px,4vw,54px);}
.element{text-align:center;flex:1;min-width:132px;}
.element .swatch{width:64px;height:64px;border-radius:50%;margin:0 auto 18px;box-shadow:inset 0 0 0 1px rgba(16,39,29,.12);}
.element h4{font-family:var(--serif);font-size:1.3rem;margin-bottom:.25em;letter-spacing:.05em;}
.element span{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);font-weight:600;}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.stat .n{font-family:var(--serif);font-size:clamp(2.6rem,5vw,3.9rem);font-weight:600;color:var(--ink);line-height:1;}
.stat .l{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin-top:.7em;font-weight:600;}

/* reviews */
.review{background:var(--cream-2);border:1px solid var(--line-soft);border-radius:var(--radius);padding:34px;display:flex;flex-direction:column;transition:all .45s var(--ease);}
.review:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.stars{color:var(--e-gold);letter-spacing:.22em;margin-bottom:1em;font-size:1.02rem;}
.review blockquote{font-family:var(--serif);font-size:1.34rem;font-style:italic;color:var(--ink-2);margin:0 0 1.2em;line-height:1.5;}
.review cite{font-style:normal;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-top:auto;font-weight:600;}
.rating-big{font-family:var(--serif);font-size:4.4rem;font-weight:600;line-height:1;color:var(--ink);}

/* info rows */
.info-row{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line-soft);}
.info-row:last-child{border-bottom:0;}
.info-row svg{width:24px;height:24px;flex:0 0 24px;stroke:var(--olive-dark);fill:none;stroke-width:1.5;margin-top:4px;}
.info-row .k{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);font-weight:700;}
.info-row .v{display:block;font-family:var(--serif);font-size:1.42rem;font-weight:600;color:var(--ink);line-height:1.4;margin-top:2px;overflow-wrap:anywhere;}

/* callouts */
.callout{border:1px solid var(--line);border-left:4px solid var(--e-gold);
  background:linear-gradient(180deg,rgba(180,138,74,.08),rgba(180,138,74,.02));padding:34px 38px;border-radius:var(--radius);}
.callout.vet{border-left-color:var(--e-red);background:linear-gradient(180deg,rgba(169,74,46,.07),rgba(169,74,46,.01));}
.callout h3{margin-bottom:.5em;}
.callout p:last-child{margin-bottom:0;}

/* checklist */
.checks{list-style:none;padding:0;margin:0;display:grid;gap:15px;}
.checks li{position:relative;padding-left:36px;}
.checks li::before{content:"";position:absolute;left:0;top:.34em;width:20px;height:20px;border-radius:50%;background:rgba(83,101,66,.14);border:1px solid var(--line);}
.checks li::after{content:"";position:absolute;left:7px;top:.6em;width:5px;height:10px;border:solid var(--moss);border-width:0 1.8px 1.8px 0;transform:rotate(45deg);}

/* benefits grid */
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.benefit{background:var(--cream-2);border:1px solid var(--line);border-left:5px solid var(--bc,var(--olive));border-radius:var(--radius);padding:26px 24px;transition:transform .45s var(--ease),box-shadow .45s var(--ease);}
.benefit:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.benefit .bnum{font-family:var(--serif);font-size:1.6rem;font-weight:600;color:var(--bc,var(--olive));line-height:1;}
.benefit h4{font-size:1.2rem;margin:.45em 0 .35em;}
.benefit p{font-size:.92rem;margin:0;color:var(--ink-soft);}
.note{font-size:.9rem;color:var(--ink-soft);}

/* steps */
.steps{counter-reset:s;display:grid;gap:26px;}
.step{display:flex;gap:24px;align-items:flex-start;}
.step .no{font-family:var(--serif);font-size:2.4rem;font-weight:600;color:var(--olive);line-height:1;flex:0 0 auto;width:64px;}
.step h3{margin-bottom:.25em;}

/* table */
.tbl{width:100%;border-collapse:collapse;font-size:.98rem;}
.tbl th,.tbl td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line-soft);vertical-align:top;}
.tbl th{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);font-weight:700;}
.tbl tr:hover td{background:rgba(104,102,46,.05);}

/* map */
.map-frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);}
.map-frame iframe{width:100%;height:440px;border:0;display:block;filter:grayscale(.25) contrast(1.02);}

/* qr */
.qr-card{
  display:flex;gap:34px;align-items:center;
  background:var(--cream-2);border:1px solid var(--line);border-radius:12px;
  padding:34px;max-width:560px;box-shadow:var(--shadow-sm);
}
.qr-badge{
  flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:13px;
  background:linear-gradient(160deg,#E9E4D4,#DFD9C7);
  border:1px solid rgba(104,102,46,.26);border-radius:16px;padding:16px 16px 12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 22px rgba(104,102,46,.12);
}
.qr-badge img{width:204px;height:204px;display:block;border-radius:7px;box-shadow:0 1px 0 rgba(255,255,255,.5);}
.qr-badge span{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--olive-dark);}
.qr-card--wide{max-width:940px;width:100%;margin:0 auto;gap:44px;padding:34px 40px;}
.qr-card--wide .qr-body{max-width:600px;}
.qr-body{flex:1 1 auto;min-width:0;}
.qr-body .t{font-family:var(--serif);font-size:1.72rem;font-weight:600;color:var(--ink);line-height:1.2;margin:.18em 0 .4em;}
.qr-copy{font-size:.99rem;color:var(--ink-soft);margin:0 0 1.25em;line-height:1.6;}
.qr-card .btn{font-size:.72rem;letter-spacing:.11em;padding:14px 22px;white-space:nowrap;}
.qr-card .btn svg{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

/* ============================================================
   SELECTION BOXES  —  ultrasound exam cards
   ============================================================ */
.exams{display:grid;gap:16px;max-width:920px;margin:0 auto;}
.exam{position:relative;background:var(--cream-2);border:1px solid var(--line-soft);border-radius:8px;
  overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);}
.exam::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--ac,#68662E);transform:scaleY(.3);transform-origin:center;transition:transform .45s var(--ease);}
.exam:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line);}
.exam:hover::before,.exam[open]::before{transform:scaleY(1);}
.exam[open]{box-shadow:var(--shadow-md);border-color:var(--line);background:var(--cream-2);}
.exam > summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:22px;padding:24px 30px 24px 36px;transition:background .35s var(--ease);}
.exam > summary::-webkit-details-marker{display:none;}
.exam > summary:focus-visible{outline:2px solid var(--olive);outline-offset:-4px;}
.exam:hover > summary{background:rgba(104,102,46,.045);}
.exam .ico{flex:0 0 auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:color-mix(in srgb, var(--ac) 20%, transparent);border:1.5px solid color-mix(in srgb, var(--ac) 55%, transparent);transition:all .4s var(--ease);}
.exam .ico svg{width:28px;height:28px;stroke:color-mix(in srgb, var(--ac) 78%, #10271D);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.exam[open] .ico,.exam:hover .ico{background:var(--ac);border-color:var(--ac);}
.exam[open] .ico svg,.exam:hover .ico svg{stroke:#FBF9F0;}
.exam .meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:7px;}
.exam .ttl{display:block;font-family:var(--serif);font-size:1.6rem;font-weight:600;color:var(--ink);line-height:1.15;}
.exam .sub{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--olive-dark);font-weight:700;}
.exam .sub b{color:var(--ac);font-weight:700;margin-right:.35em;}
.exam .tag{flex:0 0 auto;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
  color:var(--ink);border:1.5px solid color-mix(in srgb, var(--ac) 60%, transparent);border-radius:999px;padding:7px 15px;
  background:color-mix(in srgb, var(--ac) 14%, transparent);white-space:nowrap;}
.exam .plus{flex:0 0 auto;position:relative;width:44px;height:44px;border-radius:50%;border:1.8px solid var(--olive-dark);
  background:rgba(250,248,239,.85);transition:transform .4s var(--ease),background .4s,border-color .4s;}
.exam .plus::before,.exam .plus::after{content:"";position:absolute;top:50%;left:50%;background:var(--olive-dark);transform:translate(-50%,-50%);transition:.35s var(--ease);}
.exam .plus::before{width:16px;height:2.4px;}
.exam .plus::after{width:2.4px;height:16px;}
.exam:hover .plus{border-color:var(--olive);background:#fff;}
.exam[open] .plus{background:var(--olive);border-color:var(--olive);transform:rotate(180deg);}
.exam[open] .plus::before,.exam[open] .plus::after{background:#FBF9F0;}
.exam[open] .plus::after{opacity:0;}
.exam .body{padding:2px 40px 32px 116px;animation:fadeUp .45s var(--ease);}
.exam .body p{margin:0 0 .9em;color:var(--ink-soft);}
.exam .body p:last-child{margin-bottom:0;}
.exam .body .prep{display:inline-flex;gap:.6em;align-items:center;font-size:.82rem;font-weight:600;color:var(--ink-2);
  background:rgba(104,102,46,.09);border-radius:6px;padding:9px 14px;}
.exam .body .prep b{letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;color:var(--sage);}
@keyframes fadeUp{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

/* ============================================================
   DOCTOR PROFILE / EQUIPMENT
   ============================================================ */
.profile{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(34px,5vw,72px);align-items:center;}
.profile .media{border-radius:6px;}
.profile{align-items:start;}
.profile-name{font-family:var(--serif);font-size:clamp(2.3rem,4.4vw,3.5rem);font-weight:600;color:var(--ink);line-height:1.04;margin:0 0 .18em;}
.profile-role{font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;color:var(--olive-dark);font-weight:700;margin-bottom:1.4em;}
.split.profile{align-items:start;}
.caption{font-size:.92rem;color:var(--ink-soft);margin-top:16px;letter-spacing:.01em;font-style:italic;}
.cred-list{list-style:none;padding:0;margin:1.4em 0 0;display:grid;gap:13px;}
.cred-list li{position:relative;padding-left:30px;color:var(--ink-soft);}
.cred-list li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--e-gold);}

.equip{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.equip-card{background:var(--cream-2);border:1px solid var(--line-soft);border-radius:6px;padding:30px 32px;transition:all .45s var(--ease);}
.equip-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--line);}
.equip-card .tag{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--e-gold);}
.equip-card h3{margin:.35em 0 .4em;}
.equip-card p:last-child{margin-bottom:0;font-size:.95rem;color:var(--ink-soft);}

/* ============================================================
   DOCTOR PROFILE — Korean slide-in panel
   ============================================================ */
.dr-section{overflow:hidden;}
.dr-stage{position:relative;margin-top:60px;}
.dr-trigger{cursor:pointer;position:relative;}
.dr-trigger:focus-visible{outline:2px solid var(--olive);outline-offset:6px;border-radius:4px;}
.dr-hint{
  display:inline-flex;align-items:center;gap:.6em;margin-top:16px;
  font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  color:var(--olive-dark);border:1px solid var(--line);border-radius:999px;
  padding:9px 18px;background:rgba(250,248,239,.75);transition:all .35s var(--ease);
}
.dr-hint-ko{font-family:'Noto Sans KR',var(--sans);letter-spacing:.04em;text-transform:none;font-size:.82rem;}
.dr-trigger:hover .dr-hint,.dr-stage.open .dr-hint{background:var(--olive-dark);color:#FBF9F0;border-color:var(--olive-dark);}
.dr-trigger:hover .dr-hint .dr-hint-ko,.dr-stage.open .dr-hint .dr-hint-ko{color:#FBF9F0;}

.dr-scrim{
  position:fixed;inset:0;background:rgba(16,39,29,.46);backdrop-filter:blur(3px);
  opacity:0;pointer-events:none;transition:opacity .5s var(--ease);z-index:150;
}
.dr-stage.open .dr-scrim{opacity:1;pointer-events:auto;}
.dr-slide{
  position:fixed;top:50%;left:50%;z-index:160;
  width:min(1180px,94vw);max-height:88vh;height:auto;
  background:var(--cream);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 44px 110px rgba(16,39,29,.4);overflow-y:auto;
  padding:54px 58px 50px;
  transform:translate(-50%,-50%) translateX(56px) scale(.985);opacity:0;pointer-events:none;
  transition:transform .62s var(--ease),opacity .5s var(--ease);
}
.dr-stage.open .dr-slide{transform:translate(-50%,-50%);opacity:1;pointer-events:auto;}
.dr-slide::-webkit-scrollbar{width:9px;}
.dr-slide::-webkit-scrollbar-thumb{background:rgba(104,102,46,.35);border-radius:9px;}
.dr-close{
  position:absolute;top:14px;right:16px;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--line);background:rgba(250,248,239,.9);cursor:pointer;
  font-size:1rem;line-height:1;color:var(--ink);transition:all .3s var(--ease);
}
.dr-close:hover{background:var(--ink);color:#FBF9F0;border-color:var(--ink);}

/* Korean content */
.dr-slide-inner{font-family:'Noto Sans KR',var(--sans);color:var(--body);line-height:1.85;word-break:keep-all;}
.k-eyebrow{font-size:.72rem;letter-spacing:.26em;color:var(--olive);font-weight:700;margin:0 0 .5em;}
.k-name{font-family:'Noto Serif KR',var(--serif);font-size:clamp(2.1rem,4vw,2.9rem);font-weight:700;color:var(--ink);line-height:1.2;margin:0 0 .12em;}
.k-en{font-family:var(--serif);font-size:1.02rem;letter-spacing:.1em;color:var(--olive-dark);margin:0 0 .7em;}
.k-role{font-size:.9rem;color:var(--ink-soft);font-weight:500;margin:0 0 1.5em;padding-bottom:1.3em;border-bottom:1px solid var(--line);}
.k-lead{font-family:'Noto Serif KR',var(--serif);font-size:1.32rem;color:var(--ink);font-weight:600;margin:0 0 1em;line-height:1.6;}
.k-h{font-family:'Noto Sans KR',var(--sans);font-size:.82rem;letter-spacing:.14em;color:var(--olive-dark);font-weight:700;margin:1.9em 0 .8em;padding-bottom:.5em;border-bottom:1px solid var(--line-soft);}
.k-list{list-style:none;padding:0;margin:0;display:grid;gap:11px;}
.k-list li{position:relative;padding-left:24px;font-size:.98rem;}
.k-list li::before{content:"";position:absolute;left:2px;top:.76em;width:8px;height:8px;border-radius:50%;background:var(--e-gold);}
.k-quote{font-family:'Noto Serif KR',var(--serif);font-size:1.08rem;color:var(--ink-2);border-left:3px solid var(--e-gold);padding:4px 0 4px 22px;margin:1.6em 0;line-height:1.75;}
.k-quote cite{display:block;margin-top:.7em;font-family:'Noto Sans KR',var(--sans);font-style:normal;font-size:.82rem;letter-spacing:.04em;color:var(--sage);}
.k-media{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:start;margin-top:.4em;}
.k-mag{
  margin:0;background:#FBF4E0;border:6px solid #E0B247;border-radius:5px;padding:9px;
  box-shadow:0 20px 44px rgba(150,112,44,.32),0 0 0 1px rgba(150,112,44,.18);
  transform:rotate(-1.8deg);transition:transform .5s var(--ease),box-shadow .5s var(--ease);
}
.k-mag:hover{transform:rotate(0) translateY(-4px);box-shadow:0 26px 56px rgba(150,112,44,.4);}
.k-mag img{width:100%;border-radius:2px;display:block;}
.k-mag figcaption{font-size:.76rem;color:#7A5A15;text-align:center;margin-top:10px;font-weight:700;letter-spacing:.01em;}
.k-mag.k-portrait{transform:rotate(1.6deg);}
.k-mag.k-portrait:hover{transform:rotate(0) translateY(-4px);}
.k-media-text .k-quote{margin:0 0 1em;font-size:1rem;}
.k-media-text .k-quote:last-child{margin-bottom:0;}
.k-media-title{font-family:'Noto Serif KR',var(--serif);font-size:1.22rem;font-weight:700;color:var(--ink);margin:0 0 .3em;line-height:1.4;}
.k-media-sub{font-weight:600;color:var(--olive-dark);margin:0 0 .7em;font-size:.98rem;line-height:1.5;}
.k-media-text p{margin:0 0 .9em;font-size:.95rem;}
.k-src{font-size:.8rem !important;color:var(--sage);}
.k-press{margin:1.6em 0 0;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--cream-2);}
.k-press img{width:100%;display:block;}
.k-press figcaption{font-size:.78rem;color:var(--sage);padding:10px 14px;border-top:1px solid var(--line-soft);}
.k-cta{margin-top:2em;padding-top:1.6em;border-top:1px solid var(--line);text-align:center;}
.k-cta p{font-family:'Noto Serif KR',var(--serif);font-size:1.08rem;color:var(--ink);margin:0 0 1.1em;}

@media (max-width:1000px){
  .dr-slide{width:94vw;max-height:90vh;padding:50px 30px 42px;}
  .k-media{grid-template-columns:190px 1fr;gap:20px;}
}
@media (max-width:640px){
  .dr-slide{width:96vw;max-height:92vh;padding:46px 20px 38px;}
  .k-media{grid-template-columns:1fr;}
  .k-mag{max-width:280px;margin:0 auto;}
}

/* ============================================================
   FAQ
   ============================================================ */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(34px,5vw,80px);align-items:start;}
.faq-side{position:sticky;top:120px;}
.faq-list{display:grid;gap:13px;}
.faq{background:var(--cream-2);border:1px solid var(--line-soft);border-radius:8px;overflow:hidden;position:relative;transition:box-shadow .4s var(--ease),border-color .4s var(--ease);}
.faq::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--olive);transform:scaleY(0);transform-origin:center;transition:transform .4s var(--ease);}
.faq:hover{border-color:var(--line);box-shadow:var(--shadow-sm);}
.faq:hover::before,.faq[open]::before{transform:scaleY(1);}
.faq[open]{box-shadow:var(--shadow-md);border-color:var(--line);}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px;padding:21px 24px;font-family:var(--serif);font-size:1.26rem;font-weight:600;color:var(--ink);line-height:1.28;transition:background .3s var(--ease);}
.faq summary::-webkit-details-marker{display:none;}
.faq:hover summary{background:rgba(104,102,46,.04);}
.faq summary .q{flex:0 0 auto;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-family:var(--sans);font-size:.7rem;font-weight:700;color:var(--olive-dark);background:rgba(104,102,46,.12);border:1px solid var(--line);transition:all .35s var(--ease);}
.faq[open] summary .q{background:var(--olive);color:#FBF9F0;border-color:var(--olive);}
.faq summary .plus{margin-left:auto;flex:0 0 auto;position:relative;width:17px;height:17px;}
.faq summary .plus::before,.faq summary .plus::after{content:"";position:absolute;background:var(--olive-dark);transition:.35s var(--ease);}
.faq summary .plus::before{left:0;top:7.6px;width:17px;height:1.8px;}
.faq summary .plus::after{left:7.6px;top:0;width:1.8px;height:17px;}
.faq[open] summary .plus::after{transform:rotate(90deg);opacity:0;}
.faq .a{padding:0 24px 22px 69px;color:var(--ink-soft);}
.faq .a p{margin:0 0 .7em;} .faq .a p:last-child{margin-bottom:0;}
.faq .a a{color:var(--olive-dark);text-decoration:underline;text-underline-offset:3px;}
@media (max-width:900px){.faq-wrap{grid-template-columns:1fr;} .faq-side{position:static;} .faq .a{padding-left:24px;}}

/* ============================================================
   PRICING
   ============================================================ */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;}
.pcard{background:var(--cream-2);border:1px solid var(--line-soft);border-radius:12px;padding:22px 24px;display:flex;flex-direction:column;transition:all .45s var(--ease);}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--line);}
.pcard .tag{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--olive-dark);align-self:flex-start;border:1px solid var(--line);border-radius:999px;padding:5px 13px;margin-bottom:1.1em;}
.pcard h3{font-size:1.7rem;margin-bottom:.15em;}
.pcard .sub{font-size:.84rem;color:var(--sage);margin-bottom:1em;}
.pcard ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;}
.pcard .pfoot{margin-top:auto;padding-top:14px;border-top:1px dashed rgba(104,102,46,.22);font-size:.8rem;color:var(--sage);}
.pcard ul{margin-bottom:14px;}
.pcard li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px dashed rgba(104,102,46,.22);}
.pcard li:last-child{border-bottom:0;padding-bottom:0;}
.pcard li span{color:var(--ink-soft);font-size:.96rem;}
.pcard li b{font-family:var(--serif);font-size:1.6rem;font-weight:600;color:var(--ink);white-space:nowrap;line-height:1;}
.pcard li .dur{font-style:normal;display:inline-block;margin-left:.5em;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);}
.pcard .pkg{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid var(--line-soft);border-radius:9px;margin-bottom:7px;background:linear-gradient(180deg,rgba(180,138,74,.06),rgba(180,138,74,0));}
.pcard .pkg .n{font-family:var(--serif);font-size:1.32rem;font-weight:600;color:var(--ink);}
.pcard .pkg .n em{display:block;font-family:var(--sans);font-style:normal;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);margin-top:3px;}
.pcard .pkg .n .save{color:var(--e-red);font-weight:700;}
.pcard .pkg .n .dur2{display:block;margin-top:3px;font-family:var(--sans);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);white-space:nowrap;}
.pcard.feature .pkg .n .dur2{color:#9FB098;}
.pcard .pkg .p{font-family:var(--serif);font-size:1.85rem;font-weight:600;color:var(--olive-dark);line-height:1;text-align:right;}
.pcard .pkg .p em{display:block;font-family:var(--sans);font-style:normal;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);margin-top:3px;}
.pcard.feature{background:var(--ink);border-color:var(--ink);}
.pcard.feature h3{color:var(--cream-2);}
.pcard.feature .sub{color:#AEB8A6;}
.pcard.feature .pkg{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);}
.pcard.feature .pkg .n{color:var(--cream-2);} .pcard.feature .pkg .n em{color:#9FB098;}
.pcard.feature .pkg .n .save{color:#E6A98C;}
.pcard.feature .pkg .p{color:var(--e-gold);} .pcard.feature .pkg .p em{color:#9FB098;}
.pcard.feature .tag{color:var(--e-gold);border-color:rgba(180,138,74,.5);}
.price-wide{grid-column:1/-1;background:var(--cream-2);border:1px solid var(--line-soft);border-radius:12px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.price-wide h3{font-size:1.5rem;margin:0 0 .3em;}
.price-wide p{margin:0;color:var(--ink-soft);font-size:.96rem;max-width:62ch;}
.price-note{margin-top:34px;text-align:center;font-size:.92rem;color:var(--sage);max-width:70ch;margin-left:auto;margin-right:auto;}
@media (max-width:900px){.price-grid{grid-template-columns:1fr;}}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:var(--ink);color:#D6DACC;padding:80px 0 32px;position:relative;overflow:hidden;}
.site-footer a{color:#D6DACC;transition:color .3s;}
.site-footer a:hover{color:var(--e-gold);}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:46px;}
.footer-brand img{width:78px;height:78px;margin-bottom:20px;background:var(--cream);border-radius:50%;padding:7px;box-shadow:0 8px 26px rgba(0,0,0,.22);}
.footer-brand .brand-name{color:var(--cream-2);font-size:1.4rem;}
.footer-brand p{font-size:.96rem;color:#B9BEB0;max-width:34ch;}
.footer h4{font-family:var(--sans);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--e-gold);margin-bottom:1.5em;font-weight:700;}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:13px;font-size:.97rem;overflow-wrap:anywhere;}
.footer ul a[href^="mailto:"]{font-size:.86rem;letter-spacing:-.01em;white-space:nowrap;}
.footer .slogan{font-family:var(--serif);font-size:1.1rem;letter-spacing:.3em;text-transform:uppercase;color:#B9BEB0;margin-top:8px;}
.footer-legal{border-top:1px solid rgba(207,211,198,.18);margin-top:52px;padding-top:26px;display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:center;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;}
.footer-legal a{color:#B9BEB0;}
.footer-legal a:hover{color:var(--e-gold);}
.footer-bottom{margin-top:22px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:.84rem;color:#9CA290;letter-spacing:.04em;}

/* ============================================================
   LEGAL / POLICY CONTENT
   ============================================================ */
.legal-nav{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:8px;}
.legal-body{max-width:840px;margin:0 auto;}
.legal-body h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin:0 0 .5em;padding-top:.2em;}
.legal-body h3{font-size:1.42rem;margin:1.9em 0 .55em;}
.legal-body h4{font-family:var(--sans);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--olive-dark);font-weight:700;margin:1.8em 0 .6em;}
.legal-body p,.legal-body li{color:var(--ink-soft);}
.legal-body ul{margin:0 0 1.1em;padding-left:1.3em;}
.legal-body ul li{margin-bottom:.5em;}
.legal-body strong{color:var(--ink-2);}
.legal-meta{font-size:.86rem;letter-spacing:.06em;color:var(--sage);text-transform:uppercase;font-weight:600;margin-bottom:1.6em;}
.legal-short{background:rgba(180,138,74,.13);border-left:3px solid var(--e-gold);border-radius:4px;padding:14px 18px;margin:0 0 1.7em;font-size:.98rem;color:var(--ink-2);}
.legal-short b{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--olive-dark);margin-bottom:.3em;}
.legal-anchor{scroll-margin-top:118px;}
.notice-alert{border:2px solid var(--ink);border-radius:6px;background:rgba(104,102,46,.06);padding:26px 30px;margin:0 0 1.6em;text-align:center;font-family:var(--sans);font-weight:700;font-size:.96rem;line-height:1.6;letter-spacing:.02em;color:var(--ink);text-transform:uppercase;}
.legal-divider{border:0;border-top:1px solid var(--line);margin:70px 0 0;}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.09s;}
.reveal.d2{transition-delay:.18s;}
.reveal.d3{transition-delay:.27s;}
.reveal.d4{transition-delay:.36s;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}html{scroll-behavior:auto;}}

/* ---------- responsive ---------- */
@media (max-width:1320px){
  .brand-sub{display:none;}
  .header-inner{gap:26px;}
  .brand-name{font-size:1.18rem;}
}
@media (max-width:1240px){
  .nav,.header-cta{display:none;}
  .burger{display:flex;}
}
@media (max-width:1040px){
  .nav,.header-cta{display:none;}
  .burger{display:flex;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .split,.profile{grid-template-columns:1fr;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .benefits{grid-template-columns:repeat(2,1fr);}
  .stats{grid-template-columns:repeat(2,1fr);gap:36px;}
}
@media (max-width:760px){
  body{font-size:16.5px;}
  .grid-3,.grid-2,.equip{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:36px;}
  .hero{min-height:auto;padding:128px 0 70px;}
  .corner-art{display:none;}
  .frame::after{display:none;}
  .qr-card{flex-direction:column;text-align:center;gap:26px;padding:28px;}
  .qr-badge img{width:176px;height:176px;}
  .header-inner{gap:12px;}
  .brand img{width:48px;height:48px;}
  .brand-sub{display:none;}
  .brand-name{font-size:1rem;letter-spacing:.06em;}
  .exam > summary{padding:18px 18px 18px 24px;gap:16px;}
  .exam .tag{display:none;}
  .exam .ttl{font-size:1.32rem;}
  .exam .body{padding:2px 24px 26px 26px;}
}
@media (max-width:520px){
  .grid-4{grid-template-columns:1fr;}
  .info-row .v{font-size:1.22rem;}
  .wrap{padding:0 20px;}
  .btn{width:100%;justify-content:center;}
  .btn-row{gap:12px;}
  .site-header{padding:12px 0;}
  .brand-name{display:none;}
  .brand img{width:52px;height:52px;}
  .exam .ico{width:44px;height:44px;}
  .exam .ico svg{width:22px;height:22px;}
}
tter-spacing:.06em;}
  .exam > summary{padding:18px 18px 18px 24px;gap:16px;}
  .exam .tag{display:none;}
  .exam .ttl{font-size:1.32rem;}
  .exam .body{padding:2px 24px 26px 26px;}
}
@media (max-width:520px){
  .grid-4{grid-template-columns:1fr;}
  .info-row .v{font-size:1.22rem;}
  .wrap{padding:0 20px;}
  .btn{width:100%;justify-content:center;}
  .btn-row{gap:12px;}
  .site-header{padding:12px 0;}
  .brand-name{display:none;}
  .brand img{width:52px;height:52px;}
  .exam .ico{width:44px;height:44px;}
  .exam .ico svg{width:22px;height:22px;}
}
;}
  .exam .ico{width:44px;height:44px;}
  .exam .ico svg{width:22px;height:22px;}
}