:root{--ink:#113631;--deep:#063a36;--green:#0d665d;--mint:#b9e3d7;--lime:#d8f06b;--paper:#f7faf8;--line:#d7e3df;--muted:#637873;--white:#fff;--shadow:0 18px 50px rgba(7,51,46,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);background:rgba(247,250,248,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;color:var(--deep);font-size:18px;font-weight:780;text-decoration:none;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--deep);color:var(--lime);font-family:Georgia,serif;font-size:20px;font-style:italic}.topbar nav{display:flex;gap:32px}.topbar nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:650}.lang{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 14px;color:var(--deep);font-weight:700}.hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr);align-items:center;gap:7vw;padding:68px clamp(20px,7vw,110px);background:radial-gradient(circle at 82% 22%,#d5f4e8 0,transparent 34%),linear-gradient(135deg,#f8fbf9 55%,#edf6f2)}.hero-copy{max-width:720px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--green);margin:0 0 14px}.hero h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(43px,5.2vw,78px);line-height:1.08;letter-spacing:-.055em;margin:0 0 24px;font-weight:500}.hero h1 em{color:var(--green);font-weight:500}.lead{font-size:18px;max-width:600px;color:var(--muted);margin-bottom:30px}.search-shell{position:relative;background:white;padding:10px 10px 10px 20px;border:1px solid #c6d9d3;border-radius:18px;box-shadow:var(--shadow)}.search-shell label{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-left:30px}.search-row{display:flex;align-items:center;gap:10px}.search-row span{font-size:26px;color:var(--green);transform:rotate(-15deg)}.search-row input{border:0;outline:0;min-width:0;flex:1;font-size:17px;padding:8px 0;background:transparent;color:var(--ink)}.search-row button,.primary{border:0;border-radius:12px;background:var(--deep);color:white;font-weight:750;padding:15px 24px;cursor:pointer}.suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:15px;padding:8px;box-shadow:var(--shadow);z-index:20}.suggestions button{width:100%;border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:9px;color:var(--ink)}.suggestions button:hover{background:#eff7f3}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:18px;flex-wrap:wrap}.ghost{background:transparent;border:1px solid var(--line);border-radius:12px;padding:11px 15px;color:var(--ink);font-weight:650;cursor:pointer}.text-link{color:var(--green);font-weight:700;text-decoration:none}.passport-preview{background:var(--deep);color:white;border-radius:28px;padding:26px;min-height:500px;box-shadow:0 35px 80px rgba(4,50,45,.22);transform:rotate(1.4deg);position:relative;overflow:hidden}.passport-preview:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(213,240,107,.09);right:-80px;top:-70px}.passport-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em;font-weight:800;position:relative;z-index:1}.cross{color:var(--lime);font-size:22px}.tooth-stage{display:grid;place-items:center;height:290px}.tooth-stage svg{height:260px;filter:drop-shadow(0 22px 16px rgba(0,0,0,.28))}.preview-fields{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}.preview-fields div{display:flex;flex-direction:column}.preview-fields small{color:#a9c4bd;font-size:10px;letter-spacing:.12em}.preview-fields strong{margin-top:4px;font-size:15px}.barcode{height:29px;width:54%;margin-top:25px;opacity:.65;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 6px,transparent 6px 10px)}.trust-strip{display:flex;justify-content:center;gap:0;background:var(--deep);color:#d8ebe5}.trust-strip span{padding:16px clamp(18px,4vw,55px);font-size:13px;border-right:1px solid rgba(255,255,255,.14)}.trust-strip span:before{content:"✓";color:var(--lime);margin-right:9px}.section{padding:90px clamp(20px,7vw,110px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading h2,.anatomy h2,.help h2{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(35px,4vw,55px);line-height:1.12;letter-spacing:-.04em;margin:0;font-weight:500}.section-heading>p{max-width:480px;color:var(--muted);margin:0}.directory{background:white}.directory-toolbar{display:grid;grid-template-columns:1fr 220px 180px;gap:12px}.mini-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:0 15px}.mini-search input{border:0;outline:0;width:100%;padding:14px 0}.directory select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);border-radius:12px;background:white;padding:14px;color:var(--ink)}.results-meta{display:flex;align-items:baseline;gap:6px;margin:24px 0 14px}.results-meta strong{font-size:25px}.results-meta span{color:var(--muted)}.results-meta button{margin-left:auto;border:0;background:none;color:var(--green);cursor:pointer}.company-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.company-card{border:1px solid var(--line);border-radius:16px;background:#fbfdfc;padding:17px;text-align:left;cursor:pointer;min-height:128px;transition:.18s ease;color:var(--ink)}.company-card:hover{transform:translateY(-3px);border-color:#93beb2;box-shadow:0 13px 25px rgba(8,66,59,.08)}.company-card .initial{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e0f0eb;color:var(--green);font-weight:850;margin-bottom:14px}.company-card h3{font-size:16px;margin:0 0 2px;line-height:1.2}.company-card p{font-size:12px;color:var(--muted);margin:3px 0 0}.company-card .country{float:right;font-size:11px;color:var(--green);font-weight:750}.load-more{display:block;margin:28px auto 0;border:1px solid var(--deep);color:var(--deep);background:white;border-radius:12px;padding:12px 26px;font-weight:750;cursor:pointer}.anatomy{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;background:#eaf3ef}.anatomy>div:first-child p:last-child{color:var(--muted);max-width:430px;font-size:16px}.parts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:center}.parts article{background:white;border-radius:20px;padding:22px;min-height:265px;box-shadow:0 10px 30px rgba(7,62,55,.06)}.parts article:nth-child(2){transform:translateY(24px)}.parts article>span{font-size:11px;color:var(--green);font-weight:800}.part-icon{display:grid;place-items:center;height:90px;font-size:52px;color:var(--green)}.parts h3{margin:10px 0 5px;font-family:Georgia,serif;font-size:22px}.parts h3 small{display:block;font:600 12px Inter,sans-serif;color:var(--muted);margin-top:5px}.parts p{font-size:13px;color:var(--muted)}.passport-builder{background:#f9fbfa}.passport-builder form{background:white;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 15px 45px rgba(8,65,57,.06)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:10px;align-items:center;margin-top:22px;flex-wrap:wrap}.secondary,.quiet{border-radius:12px;padding:14px 20px;font-weight:700;cursor:pointer}.secondary{background:white;border:1px solid var(--deep);color:var(--deep)}.quiet{border:0;background:transparent;color:var(--muted)}.save-status{min-height:22px;color:var(--green);font-weight:650}.help{background:var(--deep);color:white}.help .eyebrow{color:var(--lime)}.help-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.help-steps article{border-top:1px solid rgba(255,255,255,.25);padding-top:24px}.help-steps b{color:var(--lime);font-family:Georgia,serif;font-size:30px}.help-steps h3{margin:12px 0 8px}.help-steps p{color:#bcd1cc}footer{padding:50px clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr 1fr 2fr;gap:30px;align-items:center;background:#031f1c;color:white}footer .brand{color:white}footer p{margin:0;color:#b9d0ca}.legal{font-size:12px;line-height:1.6}dialog{width:min(520px,calc(100% - 32px));border:0;border-radius:22px;padding:30px;color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(2,28,25,.68);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;color:var(--muted);cursor:pointer}.dialog-alias{color:var(--muted)}.dialog-info{display:grid;grid-template-columns:1fr 1fr;background:#eef5f2;border-radius:12px;padding:16px;margin:20px 0;gap:15px}.dialog-info div{display:flex;flex-direction:column}.dialog-info small{color:var(--muted)}.dialog-note{font-size:14px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);background:var(--deep);color:white;border-radius:12px;padding:13px 18px;opacity:0;pointer-events:none;transition:.22s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){.company-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr .7fr;gap:32px;padding-inline:40px}.section{padding-inline:40px}.parts{grid-template-columns:1fr}.parts article{min-height:0}.parts article:nth-child(2){transform:none}}@media(max-width:760px){.topbar{height:66px;padding:0 18px}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding:48px 20px}.hero h1{font-size:45px}.passport-preview{min-height:430px;transform:none}.trust-strip{overflow:auto;justify-content:flex-start}.trust-strip span{white-space:nowrap}.section{padding:65px 20px}.section-heading{display:block}.section-heading>p{margin-top:15px}.directory-toolbar{grid-template-columns:1fr 1fr}.mini-search{grid-column:1/-1}.company-grid{grid-template-columns:repeat(2,1fr)}.anatomy{grid-template-columns:1fr}.parts{grid-template-columns:1fr 1fr 1fr;gap:8px}.parts article{padding:14px}.part-icon{height:65px}.parts h3{font-size:16px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.help-steps{grid-template-columns:1fr}footer{grid-template-columns:1fr}.search-row button{padding-inline:17px}}@media(max-width:460px){.hero h1{font-size:38px}.company-grid{grid-template-columns:1fr}.parts{grid-template-columns:1fr}.directory-toolbar{grid-template-columns:1fr}.passport-builder form{padding:20px}}@media print{.topbar,.hero,.trust-strip,.directory,.anatomy,.help,footer,.form-actions,.section-heading>p{display:none!important}.passport-builder{padding:20px}.passport-builder form{box-shadow:none}.passport-builder:before{content:"KnowMyImplant · MY IMPLANT PASSPORT";display:block;font-size:22px;font-weight:800;margin-bottom:25px}.form-grid input,.form-grid select,.form-grid textarea{border:0;border-bottom:1px solid #777;border-radius:0}.save-status{display:none}}
