:root {
  --navy-950:#06101a;
  --navy-900:#071421;
  --navy-800:#0b2034;
  --navy-700:#103454;
  --blue:#00a3e0;
  --cyan:#47c7f4;
  --mist:#f1f8fc;
  --cloud:#f8fbfd;
  --white:#fff;
  --ink:#0b1f31;
  --text:#3c5366;
  --muted:#6e8395;
  --line:#dce8f0;
  --radius:26px;
  --shadow:0 28px 80px rgba(12,45,70,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--white);color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.narrow{max-width:850px}
.center{text-align:center}
.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#fff;color:#000;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}

.site-header{position:fixed;inset:0 0 auto;z-index:100;height:84px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(5,15,25,.32);backdrop-filter:blur(12px);transition:.25s ease}
.site-header.scrolled{height:72px;background:rgba(5,15,25,.93);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.header-inner{width:min(1320px,calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:16px}
.brand img{width:174px;height:auto}
.brand span{padding-left:16px;border-left:1px solid rgba(255,255,255,.3);color:#b8ccdc;font-size:11px;font-weight:700;letter-spacing:.18em}
.header-cta{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:14px;font-weight:700;transition:.2s ease}
.header-cta:hover{background:#fff;color:var(--navy-900)}

.hero{position:relative;min-height:780px;height:100vh;height:100svh;max-height:980px;display:flex;align-items:center;color:#fff;background:var(--navy-950) url("../images/hero-pc.webp") center/cover no-repeat;overflow:hidden}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,21,.96) 0%,rgba(3,12,21,.88) 25%,rgba(3,12,21,.53) 48%,rgba(3,12,21,.08) 76%),linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.08) 60%,rgba(3,12,21,.72))}
.hero-content{position:relative;z-index:2;padding-top:60px}
.eyebrow{margin:0 0 22px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.17em;line-height:1.4}
.eyebrow.light{color:var(--cyan)}
.hero h1{max-width:780px;margin:0;font-size:clamp(48px,5.2vw,74px);line-height:1.12;letter-spacing:-.055em;font-weight:650}
.hero h1 em{color:#73d9ff;font-style:normal}
.hero-copy{margin:30px 0 38px;color:#d9e6ef;font-size:clamp(17px,1.4vw,20px);line-height:1.8;font-weight:350}
.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:58px;padding:0 26px;border:0;border-radius:999px;font-weight:750;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,var(--blue),#1375e7);color:#fff;box-shadow:0 18px 46px rgba(0,163,224,.26)}
.hero-proof{position:absolute;z-index:2;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.14);background:rgba(4,15,25,.48);backdrop-filter:blur(12px)}
.proof-list{display:grid;grid-template-columns:repeat(4,1fr);height:80px;align-items:center}
.proof-list span{position:relative;text-align:center;color:#d7e6f1;font-size:13px;letter-spacing:.03em}
.proof-list span+span:before{content:"";position:absolute;left:0;top:50%;width:1px;height:22px;background:rgba(255,255,255,.18);transform:translateY(-50%)}

.section{padding:140px 0}
.section h2{margin:0;font-size:clamp(38px,4vw,58px);line-height:1.22;letter-spacing:-.05em;font-weight:650}
.lead{margin:30px auto 0;color:var(--text);font-size:18px;line-height:1.85;font-weight:380}
.problem{background:#fff}
.issue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:76px}
.issue-grid article{min-height:240px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#fff,var(--cloud));transition:.25s ease}
.issue-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#bfe4f5}
.issue-grid b{display:block;margin-bottom:56px;color:var(--blue);font-size:12px;letter-spacing:.15em}
.issue-grid h3{margin:0 0 12px;font-size:22px}
.issue-grid p{margin:0;color:var(--text);font-size:15px;line-height:1.65}
.transition-copy{margin-top:64px;padding:34px;text-align:center;border-radius:22px;background:var(--mist)}
.transition-copy p{margin:0;color:var(--text);font-size:20px}.transition-copy strong{color:var(--navy-800)}

.standard{background:linear-gradient(180deg,#eef7fc,#f8fcfe)}
.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}
.section-head>p{margin:0;color:var(--text);font-size:16px;line-height:1.8}
.protocol-list{margin-top:80px;border-top:1px solid #cddfea}
.protocol{display:grid;grid-template-columns:130px 1fr;gap:36px;padding:48px 0;border-bottom:1px solid #cddfea}
.protocol-no{color:#8ecce7;font-size:15px;font-weight:700;letter-spacing:.12em}
.protocol-en{margin:0 0 12px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em}
.protocol h3{margin:0 0 13px;font-size:28px;letter-spacing:-.03em}
.protocol div>p:last-child{max-width:800px;margin:0;color:var(--text);font-size:16px;line-height:1.75}

.platform{position:relative;background:radial-gradient(circle at 85% 0%,rgba(0,163,224,.19),transparent 30%),linear-gradient(145deg,var(--navy-950),var(--navy-800));color:#fff;overflow:hidden}
.platform-intro{max-width:780px;margin-left:auto;margin-right:auto;text-align:center}
.platform-intro>p:last-child{margin:28px auto 0;color:#b9cddd;font-size:17px;line-height:1.8}
.technology-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:72px}
.technology{overflow:hidden;border:1px solid rgba(111,205,246,.2);border-radius:30px;background:rgba(255,255,255,.045);box-shadow:0 28px 70px rgba(0,0,0,.22)}
.media-slot{aspect-ratio:16/9;background:radial-gradient(circle at 50% 40%,rgba(74,199,244,.14),transparent 34%),linear-gradient(140deg,rgba(255,255,255,.05),rgba(255,255,255,.01));border-bottom:1px solid rgba(111,205,246,.15)}
.technology-body{padding:34px 36px 38px}
.technology-label{margin:0 0 18px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.14em}
.technology h3{margin:0 0 12px;font-size:28px}.technology-body>p:last-child{margin:0;color:#b9cddd;line-height:1.75}
.application{margin-top:54px;padding-top:36px;border-top:1px solid rgba(111,205,246,.2)}
.application>p{margin:0 0 20px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.18em}
.application ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.application li{padding:11px 15px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#dbe8f1;font-size:13px}

.partners{background:#fff}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:74px}
.partner-card{padding:34px;border:1px solid var(--line);border-radius:28px;background:#fff;transition:.25s ease}
.partner-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.portrait-slot{width:112px;height:112px;margin-bottom:30px;border-radius:50%;background:linear-gradient(145deg,#edf6fb,#dcebf3);box-shadow:inset 0 0 0 1px #d2e3ed}
.partner-card .clinic{margin:0 0 6px;color:var(--muted);font-size:13px}
.partner-card h3{margin:0 0 24px;font-size:24px}
.partner-card strong{display:block;margin-bottom:10px;color:var(--blue);font-size:15px}
.partner-card>p:last-child{margin:0;color:var(--text);font-size:14px;line-height:1.7}

.support{background:var(--mist)}
.support-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}
.support-photo{overflow:hidden;border-radius:30px;box-shadow:var(--shadow)}
.support-photo img{width:100%;aspect-ratio:16/10;object-fit:cover}
.support-copy>p:last-child{margin:28px 0 0;color:var(--text);font-size:16px;line-height:1.8}
.support-points{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:70px}
.support-points article{padding:28px 25px;border-top:2px solid var(--blue);background:#fff;box-shadow:0 16px 45px rgba(9,44,69,.07)}
.support-points b{color:var(--blue);font-size:11px}.support-points h3{margin:28px 0 10px;font-size:19px}.support-points p{margin:0;color:var(--text);font-size:14px;line-height:1.65}
.certified{display:grid;grid-template-columns:330px 1fr;gap:70px;align-items:center;margin-top:72px;padding:48px 70px;border-radius:32px;background:var(--navy-900);color:#fff}
.certified img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}
.certified h3{margin:0;font-size:34px;line-height:1.35;letter-spacing:-.03em}.certified div>p:last-child{margin:20px 0 0;color:#b9cddd;line-height:1.75}

.marketing{background:#fff}
.marketing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:76px;align-items:start}
.marketing-card{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 54px rgba(12,45,70,.08)}
.marketing-image{overflow:hidden;background:#eaf4f9}
.marketing-image.portrait{aspect-ratio:4/5}.marketing-image.landscape{aspect-ratio:4/5}
.marketing-image img{width:100%;height:100%;object-fit:cover}.marketing-image.landscape img{object-fit:contain;object-position:center}
.marketing-card>div:last-child{padding:30px}
.marketing-en{margin:0 0 18px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.15em}
.marketing-card h3{margin:0 0 12px;font-size:22px}.marketing-card div>p:last-child{margin:0;color:var(--text);font-size:14px;line-height:1.7}
.rights-note{margin-top:26px;color:var(--muted);font-size:12px;line-height:1.6}

.demo{position:relative;background:linear-gradient(140deg,var(--navy-950),#0c2944);color:#fff;overflow:hidden}
.demo-glow{position:absolute;right:-15vw;top:-20vw;width:55vw;height:55vw;border-radius:50%;background:rgba(0,163,224,.16);filter:blur(80px)}
.demo-layout{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:start}
.demo-copy>p:nth-of-type(2){margin:28px 0;color:#b9cddd;font-size:16px;line-height:1.8}
.contact-info{display:flex;flex-direction:column;gap:10px;margin-top:42px}.contact-info span{margin-bottom:5px;color:#8fa8bb;font-size:11px;font-weight:700;letter-spacing:.15em}.contact-info a{font-size:18px}
.demo-form{padding:42px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:rgba(255,255,255,.08);backdrop-filter:blur(18px);box-shadow:0 28px 80px rgba(0,0,0,.22)}
.form-head h3{margin:0 0 8px;font-size:27px}.form-head p{margin:0 0 32px;color:#a9bfd0;font-size:13px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.demo-form label>span{display:block;margin-bottom:8px;color:#dce9f2;font-size:13px;font-weight:600}.demo-form b{color:var(--cyan)}
.demo-form input,.demo-form textarea{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:12px;outline:none;background:rgba(2,10,18,.45);color:#fff;transition:.2s ease}
.demo-form input{height:52px;padding:0 15px}.demo-form textarea{padding:14px 15px;resize:vertical}
.demo-form input::placeholder,.demo-form textarea::placeholder{color:#70879a}.demo-form input:focus,.demo-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(71,199,244,.12)}
.demo-form .full{display:block;margin-top:19px}
.consent{display:flex;align-items:center;gap:10px;margin:22px 0}.consent input{width:18px;height:18px;margin:0;accent-color:var(--blue)}.demo-form .consent span{margin:0;color:#bfd0dc;font-size:13px}.consent a{text-decoration:underline;text-underline-offset:3px}
.button-submit{width:100%;background:#fff;color:var(--navy-900)}
.form-status{min-height:20px;margin:12px 0 0;color:#9de3ff;font-size:13px;text-align:center}

footer{padding:50px 0;background:#050c13;color:#8599a9}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}.footer-inner img{width:150px;margin-bottom:16px}.footer-inner p{margin:0;font-size:12px;line-height:1.75}.footer-inner>p{text-align:right}
.mobile-cta{display:none}
.privacy-dialog{width:min(620px,calc(100% - 32px));padding:36px;border:0;border-radius:22px;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.3)}.privacy-dialog::backdrop{background:rgba(1,10,18,.72);backdrop-filter:blur(4px)}.privacy-dialog h2{margin:0 0 18px;font-size:25px}.privacy-dialog p,.privacy-dialog dd{color:var(--text);font-size:14px;line-height:1.7}.privacy-dialog dl{margin:24px 0}.privacy-dialog dl div{padding:14px 0;border-top:1px solid var(--line)}.privacy-dialog dt{font-weight:700}.privacy-dialog dd{margin:5px 0 0}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#668095;font-size:28px}

.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.js .reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.button:hover,.issue-grid article:hover,.partner-card:hover{transform:none}}

@media (max-width:980px){
  .section{padding:105px 0}.hero{min-height:720px}.hero-content{padding-top:30px}.hero h1{font-size:54px}.issue-grid,.support-points{grid-template-columns:1fr 1fr}.section-head,.support-layout,.demo-layout{grid-template-columns:1fr;gap:42px}.section-head>p{max-width:650px}.partner-grid{grid-template-columns:1fr 1fr}.certified{grid-template-columns:270px 1fr;padding:42px}.marketing-grid{gap:14px}.marketing-card>div:last-child{padding:22px}.demo-copy{max-width:720px}
}

@media (max-width:680px){
  html{scroll-padding-top:68px}.shell{width:min(100% - 32px,1180px)}.desktop-only{display:none}
  .site-header,.site-header.scrolled{height:66px}.header-inner{width:calc(100% - 28px)}.brand img{width:132px}.brand span{display:none}.header-cta{padding:9px 13px;font-size:12px}
  .hero{height:760px;min-height:0;align-items:flex-end;background-position:62% center}.hero-shade{background:linear-gradient(180deg,rgba(3,12,21,.24) 0%,rgba(3,12,21,.2) 31%,rgba(3,12,21,.92) 65%,rgba(3,12,21,.99) 100%)}.hero-content{padding:0 0 126px}.eyebrow{margin-bottom:16px;font-size:10px}.hero h1{font-size:40px;line-height:1.13}.hero-copy{margin:22px 0 28px;font-size:15px;line-height:1.7}.button{min-height:54px;gap:22px;padding:0 21px;font-size:14px}.hero-proof{display:none}
  .section{padding:88px 0}.section h2{font-size:34px}.lead{margin-top:22px;font-size:16px;line-height:1.75}.issue-grid{grid-template-columns:1fr;margin-top:46px}.issue-grid article{min-height:0;padding:25px}.issue-grid b{margin-bottom:34px}.transition-copy{margin-top:34px;padding:26px 20px}.transition-copy p{font-size:17px;line-height:1.6}
  .section-head{gap:22px}.protocol-list{margin-top:50px}.protocol{grid-template-columns:48px 1fr;gap:12px;padding:34px 0}.protocol h3{font-size:22px}.protocol div>p:last-child{font-size:15px}
  .technology-grid{grid-template-columns:1fr;margin-top:48px}.technology-body{padding:27px}.technology h3{font-size:24px}.application{margin-top:38px}
  .partner-grid{grid-template-columns:1fr;margin-top:48px}.partner-card{padding:28px}.portrait-slot{width:96px;height:96px}
  .support-photo img{aspect-ratio:4/3}.support-copy>p:last-child{font-size:15px}.support-points{grid-template-columns:1fr;margin-top:46px}.support-points h3{margin-top:20px}.certified{grid-template-columns:1fr;gap:30px;margin-top:46px;padding:26px}.certified>div:first-child{max-width:260px;margin:auto}.certified h3{font-size:27px}
  .marketing-grid{grid-template-columns:1fr;margin-top:48px;gap:24px}.marketing-image.portrait,.marketing-image.landscape{aspect-ratio:4/4.5}.marketing-image.landscape img{object-position:center}.rights-note{font-size:11px}
  .demo-layout{gap:38px}.demo-copy h2{font-size:33px}.contact-info{margin-top:28px}.demo-form{padding:26px 20px;border-radius:22px}.form-grid{grid-template-columns:1fr}.form-head h3{font-size:23px}
  .footer-inner{display:block;padding-bottom:64px}.footer-inner>p{margin-top:25px;text-align:left}.mobile-cta{display:flex;position:fixed;z-index:90;left:14px;right:14px;bottom:12px;height:54px;align-items:center;justify-content:center;gap:24px;border-radius:999px;background:linear-gradient(135deg,var(--blue),#1277e7);color:#fff;font-size:14px;font-weight:800;box-shadow:0 14px 40px rgba(0,63,118,.4)}
}