:root{--brand-green:#0aafa2;--green-ink:#006b63;--brand-purple:#552f72;--purple-soft:#f5eff9;--green-soft:#edf9f7;font-family:Manrope,Arial,sans-serif;color:#1c3030;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--brand-green);outline-offset:3px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #dfe9e4;background:#fff}.brand{text-decoration:none;display:flex;gap:14px;align-items:center}.brand-mark{width:44px;height:44px;border:1.5px solid #86cbb8;border-radius:12px;display:grid;place-items:center;color:var(--green-ink);font-size:15px;font-weight:800;letter-spacing:-2px}.brand-mark span{color:#ed9fb2}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:-.04em}.brand small{font-size:10px;letter-spacing:.025em;color:#7d9390;margin-top:2px}.site-link{font-size:12px;text-decoration:none;font-weight:700;color:var(--green-ink)}main{max-width:1360px;margin:auto;padding:0 5vw}.intro{padding:63px 0 38px}.eyebrow,.micro{font-size:10px;letter-spacing:.17em;font-weight:800;color:#6b968b}.eyebrow span{padding:0 6px;color:#e6a4b4}.intro h1{font-size:clamp(38px,5vw,66px);line-height:1.09;letter-spacing:-.07em;margin:18px 0 16px;font-weight:700}.intro h1 em{color:var(--brand-green);font-style:normal}.intro>p{font-size:15px;line-height:1.8;max-width:580px;color:#637a76;margin:0}.tip{background:#e9f6f0;border:1px solid #d8ebe2;border-radius:15px;display:flex;align-items:center;gap:19px;padding:19px 24px;margin-bottom:28px}.tip-symbol{width:40px;height:40px;border-radius:11px;background:#d3eee0;color:var(--green-ink);display:grid;place-items:center;font-size:22px;flex:none}.tip>div:nth-child(2){flex:1}.tip p{margin:4px 0 1px;font-size:13px;line-height:1.5;font-weight:600}.tip a{font-size:10px;font-weight:800;text-decoration:none;color:var(--green-ink)}.tip button{border:0;background:transparent;color:var(--green-ink);font-size:22px}.workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.8fr);gap:24px}.viewer-card,.detail-card{background:#fff;border:1px solid #e6ece9;box-shadow:0 10px 35px #42645c0a;border-radius:20px}.viewer-card{overflow:hidden}.viewer-head{padding:29px 30px 0;display:flex;justify-content:space-between;align-items:start;gap:12px}.viewer-head h2{font-size:21px;letter-spacing:-.045em;margin:7px 0 0}.live-badge{font-size:9px;color:var(--green-ink);font-weight:800;background:#eaf8f0;padding:8px 10px;border-radius:20px;white-space:nowrap}.live-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand-green);margin-right:3px}.arch-toggle{display:inline-flex;margin:22px 30px 4px;padding:4px;background:#f0f5f2;border-radius:9px;gap:3px}.arch-toggle button{border:0;background:transparent;color:#79908a;padding:8px 12px;border-radius:7px;font-size:10px;font-weight:800}.arch-toggle .active{color:var(--green-ink);background:white;box-shadow:0 2px 8px #3a62541b}.canvas-wrap{position:relative;height:400px;background:radial-gradient(ellipse at 50% 48%,#f5faf6 0%,#fbfdfb 65%,white 100%)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.orientation{position:absolute;bottom:12px;width:100%;text-align:center;pointer-events:none;font-size:9px;letter-spacing:.11em;color:#9aaea8;font-weight:700}.orientation span{margin:0 12px}.viewer-foot{border-top:1px solid #edf2ee;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 30px;font-size:10px;color:#8b9d98}.viewer-foot button{border:0;background:none;color:var(--green-ink);font-size:10px;font-weight:800;white-space:nowrap}.detail-card{padding:31px 29px}.tooth-number{font-size:76px;line-height:1;letter-spacing:-.09em;font-weight:700;color:var(--green-ink);margin-top:21px}.tooth-name{font-size:18px;font-weight:800;letter-spacing:-.04em;margin-top:8px}.tooth-description{font-size:12px;line-height:1.75;color:#798b86;margin:12px 0 0;min-height:64px}.detail-divider{height:1px;background:#e8efeb;margin:24px 0 23px}.detail-caption{font-size:10px;letter-spacing:.14em;font-weight:800;color:#8ba09a;margin-bottom:13px}.action{width:100%;text-align:left;display:flex;align-items:center;gap:12px;border:1px solid #e2ece7;background:#fff;border-radius:10px;padding:15px;margin-bottom:10px;font-size:12px;font-weight:800;color:var(--green-ink)}.action span{font-size:17px;color:var(--brand-green)}.action b{margin-left:auto;font-size:14px;font-weight:500}.action.primary{background:var(--green-ink);color:white;border-color:var(--green-ink)}.action.primary span{color:white}.action:hover{transform:translateY(-2px);box-shadow:0 7px 16px #387e6825}.small-note{font-size:10px;line-height:1.65;color:#96a8a1;margin:20px 0 0}.below{display:flex;justify-content:space-between;gap:45px;padding:66px 0 60px}.below h2{font-size:clamp(25px,3.5vw,42px);letter-spacing:-.06em;line-height:1.15;margin:12px 0 0}.below p{max-width:475px;font-size:13px;color:#748882;line-height:1.85;margin-top:27px}.below a{color:var(--green-ink);font-weight:800;text-decoration:none}footer{border-top:1px solid #e3eae6;padding:26px 5vw;color:#91a29b;font-size:10px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}footer button{border:0;background:none;color:var(--green-ink);font-size:10px;font-weight:800}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:15px}.modal-backdrop{position:absolute;inset:0;background:#112822ae;backdrop-filter:blur(6px)}.modal-panel{position:relative;background:#fff;border-radius:22px;width:min(920px,100%);max-height:min(90vh,850px);overflow:auto;padding:36px;box-shadow:0 35px 90px #0b241f55}.close{position:absolute;right:20px;top:16px;background:#f0f5f2;border:0;border-radius:50%;width:33px;height:33px;color:var(--green-ink);font-size:22px}.modal h2{font-size:30px;letter-spacing:-.055em;margin:10px 35px 8px 0}.modal p{font-size:13px;line-height:1.75;color:#61756e}.modal-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;margin-top:18px}.anatomy{min-height:350px;background:#f4f9f6;border-radius:15px;display:grid;place-items:center;overflow:hidden}.anatomy svg{width:100%;height:350px}.part-list{display:grid;gap:8px;align-content:start}.part-list button,.therapy-list button,.chip{border:1px solid #dfece5;background:white;border-radius:10px;text-align:left;padding:12px 14px;color:var(--green-ink);font-size:12px;font-weight:700}.part-list button.active,.therapy-list button.active,.chip.active{background:#e6f5ec;border-color:var(--brand-green);color:var(--green-ink)}.part-list p{margin:10px 0}.therapy-list{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.step-controls{display:flex;align-items:center;gap:10px;margin-top:16px}.step-controls button,.solid{border:0;background:var(--green-ink);color:#fff;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:800}.step-controls button:disabled{opacity:.35;cursor:not-allowed}.step-controls strong{font-size:11px;min-width:72px;text-align:center}.symptom-options{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.visit-summary{border-radius:12px;padding:18px;background:#eef8f2;font-size:12px;line-height:1.7}.source-list li{font-size:12px;line-height:1.8;margin-bottom:9px}.source-list a{color:var(--green-ink)}@media(max-width:850px){.workspace{grid-template-columns:1fr}.detail-card{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.detail-card>.micro,.detail-card>.tooth-number,.detail-card>.tooth-name,.detail-card>.tooth-description,.detail-card>.detail-divider,.detail-card>.detail-caption,.detail-card>.small-note{grid-column:1/-1}.detail-divider{margin:12px 0}.detail-caption{margin-bottom:8px}.action{grid-column:1/-1}.tooth-number{font-size:55px;margin-top:12px}.tooth-description{min-height:0}.below{padding:45px 0}}@media(max-width:620px){.topbar{height:72px}.site-link{font-size:10px}.intro{padding:39px 0 24px}.intro h1{font-size:39px}.intro>p{font-size:13px}.tip{padding:15px;gap:10px}.viewer-head{padding:23px 20px 0}.viewer-head h2{font-size:17px}.live-badge{font-size:8px}.arch-toggle{margin:18px 20px 0}.canvas-wrap{height:315px}.orientation{font-size:7px}.orientation span{margin:0 5px}.viewer-foot{padding:12px 20px}.viewer-foot span{max-width:180px;line-height:1.4}.detail-card{padding:23px}.below{display:block}.below p{margin-top:20px}.modal-panel{padding:24px 18px}.modal-grid{grid-template-columns:1fr}.anatomy{min-height:260px}.anatomy svg{height:265px}.modal h2{font-size:24px}}

.picker-label{display:block;margin-top:15px;margin-bottom:6px;color:#708c80;font-size:10px;font-weight:800}#tooth-picker{width:100%;border:1px solid #dfebe5;background:#fff;border-radius:9px;padding:9px;color:var(--green-ink);font:600 11px Manrope,Arial,sans-serif}
.brand-logo{width:56px;height:56px;object-fit:contain}.clinical-note{padding:15px;background:#f1f7f3;border-left:3px solid var(--brand-green);border-radius:5px;font-size:12px;line-height:1.65;color:#526e61}.answer-options{display:grid;gap:9px}.answer-options label{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:14px;border:1px solid #dce9e1;border-radius:11px;font-size:14px;line-height:1.5;cursor:pointer}.answer-options label:has(input:checked){background:#e7f6ed;border-color:var(--green-ink)}.answer-options input{margin-top:4px;accent-color:var(--green-ink);width:18px;height:18px;flex:none}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:15px;font-weight:800;margin-bottom:12px}.wizard-controls{position:sticky;bottom:-36px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;padding:16px 0;border-top:1px solid #e1ece5;margin-top:20px}.wizard-controls button{min-height:48px;border:0;background:var(--green-ink);color:#fff;border-radius:10px;padding:12px 17px;font-weight:700}.wizard-controls button:disabled{opacity:.35}.wizard-controls span{font-size:12px;color:#789384}.clinical-result{background:#edf7f0;border-radius:12px;padding:20px;margin:22px 0}.clinical-result.urgent,.clinical-result.soon{background:#fff3df}.clinical-result.emergency{background:#ffe5e5;border:2px solid #a53238}.clinical-result strong{font-size:20px}.possibilities{padding-left:22px;font-size:14px;line-height:1.7}.possibilities li{margin-bottom:12px}.modal h3{font-size:16px;margin-top:23px}.modal details{margin:22px 0;font-size:13px}.modal summary{min-height:44px;cursor:pointer;font-weight:800;color:var(--green-ink)}.modal a{color:var(--green-ink)}.close{width:44px;height:44px;position:sticky;top:0;float:right;z-index:5}.modal-panel{overscroll-behavior:contain}#tooth-picker{font-size:16px;min-height:44px}.arch-toggle button{min-height:44px}.tip button{min-width:44px;min-height:44px}.therapy-list button,.part-list button{min-height:44px}.viewer-foot button{min-height:44px}.picker-label,#tooth-picker{grid-column:1/-1}
@media(max-width:620px){.topbar{padding:0 18px}.site-link{font-size:0}.site-link:after{content:'Sito ↗';font-size:12px}.brand-logo{width:48px;height:48px}.intro{padding-top:25px}.intro h1{font-size:34px}.intro p{font-size:14px}.canvas-wrap{height:330px}.modal{padding:0}.modal-panel{border-radius:0;width:100%;height:100dvh;max-height:100dvh;padding:18px 18px calc(18px + env(safe-area-inset-bottom))}.wizard-controls{bottom:calc(-18px - env(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.modal p,.part-list button,.therapy-list button,.step-controls button{font-size:14px}.modal h2{clear:both}.step-controls{flex-wrap:wrap}.step-controls button{min-height:48px}.live-badge{font-size:7px;padding:7px}.viewer-head{gap:6px}.detail-card .tooth-description{font-size:14px}.action{font-size:14px;min-height:52px}.orientation{font-size:6px}.below{padding:32px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.related-articles{display:grid;gap:8px;margin:24px 0}.related-articles>a{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:48px;padding:12px 14px;border:1px solid #dcebe2;background:#f4faf6;border-radius:10px;font-size:12px;font-weight:700;text-decoration:none}.related-articles span{flex:none}
.therapy-stage{min-width:0}.replay-step{display:block;margin:10px auto;border:1px solid #bed9c9;border-radius:9px;background:#f5fbf7;color:var(--green-ink);min-height:44px;padding:10px 16px;font-weight:700;font-size:12px}#therapy-visual svg{height:auto;max-height:430px;aspect-ratio:480/440}#therapy-visual{min-height:0}

/* Brand colors sampled from the original logo: RGB 10/175/162 and 85/47/114. */
body,.canvas-wrap,.anatomy{background:#fff}
.intro h1 em,.tooth-number{color:var(--green-ink)}
.intro h1 em{text-decoration:underline;text-decoration-color:var(--brand-green);text-decoration-thickness:3px;text-underline-offset:8px}
.tip{background:var(--green-soft);border-color:#cceeea}.tip-symbol{background:var(--brand-green);color:#143633}
.live-badge{background:var(--green-soft);color:var(--green-ink)}.live-badge i{background:var(--brand-green)}
.action.primary{background:var(--brand-green);border-color:var(--brand-green);color:#143633}.action.primary span{color:#143633}
.action:not(.primary) span,.eyebrow span,.site-link,.below a,footer button,.modal a{color:var(--brand-purple)}
.part-list button.active,.therapy-list button.active,.chip.active{background:var(--purple-soft);border-color:var(--brand-purple);color:var(--brand-purple)}
.step-controls button,.solid,.wizard-controls button{background:var(--brand-purple);color:#fff}
.arch-toggle .active{color:var(--brand-purple);box-shadow:0 2px 8px #552f7218}
.replay-step{background:var(--purple-soft);border-color:#d9c8e5;color:var(--brand-purple)}
.related-articles>a{background:#fff;border-color:#e4d9ec;color:var(--brand-purple)}.related-articles>a:hover{background:var(--purple-soft)}
.answer-options label:has(input:checked){background:var(--green-soft);border-color:var(--brand-green)}.answer-options input{accent-color:var(--brand-purple)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brand-purple);outline-offset:3px}

.anatomy-parts{display:flex;flex-wrap:wrap;gap:8px}.anatomy-parts button{min-height:44px}.anatomy-layer{transition:opacity .2s ease}.anatomy svg{width:100%;height:auto}@media(max-width:700px){#anatomy-visual{max-width:380px;margin:auto}.anatomy-parts{gap:6px}.anatomy-parts button{padding:10px 13px}}

#mouth{touch-action:none}.zoom-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px}.zoom-controls button{width:44px;height:44px;border:1px solid #d5e3df;background:#fff;border-radius:50%;font-size:24px;color:var(--green-ink)}.zoom-controls output{min-width:55px;text-align:center;font-size:13px}.canal-card{background:#f5f2f8;border-radius:12px;padding:13px;margin:14px 0;font-size:13px;line-height:1.55}.canal-card strong,.canal-card small{display:block}.canal-card small{margin-top:5px;color:#65736f}.detail-card>#canal-expectation{grid-column:1/-1}

/* Shared booking CTA and independent symptom app. */
.booking-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:11px;background:var(--brand-purple);color:#fff!important;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap}.topbar{gap:16px}.topbar .brand{margin-right:auto}.booking-button:hover{background:#432459}.action.standalone-link{text-decoration:none}.booking-result{margin:24px 0;padding:20px;border-radius:14px;background:var(--purple-soft)}.booking-result p{margin-bottom:0}.skip-link{position:absolute;top:-100px;left:12px;z-index:50;background:#fff;padding:12px}.skip-link:focus{top:8px}.symptom-page main{max-width:920px}.symptom-intro{padding:44px 0 28px}.symptom-intro h1{font-size:clamp(34px,5vw,54px)}.symptom-intro h1 em{color:var(--brand-purple)}.symptom-context{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #e4ece8;font-size:12px;color:#637a76}.symptom-context a{font-weight:800;color:var(--brand-purple);text-decoration:none}.symptom-flow.modal{position:static;display:block;padding:0;z-index:auto;scroll-margin-top:20px}.symptom-flow .symptom-panel{width:100%;height:auto;max-height:none;overflow:visible;border:1px solid #dfe9e4;box-shadow:0 10px 35px #42645c0a;padding:30px;border-radius:20px;margin-bottom:40px}.symptom-flow .wizard-controls{bottom:0;padding-bottom:max(16px,env(safe-area-inset-bottom));z-index:2}.symptom-flow h2{margin-right:0}.symptom-flow #modal-title:focus{outline:none}.symptom-page footer a{color:var(--brand-purple)}
@media(max-width:620px){.topbar .booking-button{font-size:12px;min-height:44px;padding:10px 13px}.topbar .brand strong{font-size:13px}.topbar .brand{gap:8px}.topbar .site-link{display:none}.symptom-page .symptom-intro{padding:28px 0 22px}.symptom-flow .symptom-panel{padding:22px 18px;border-radius:16px;height:auto;max-height:none}.symptom-flow h2{font-size:24px}.symptom-flow .wizard-controls{bottom:0;margin-left:-4px;margin-right:-4px}.symptom-flow .answer-options label{font-size:15px}.symptom-flow .small-note{font-size:12px}.symptom-context{font-size:13px}.symptom-flow .booking-button{width:100%}}
.contact-details{padding:18px;border:1px solid #dfd5e6;border-radius:14px;background:#fcfaff}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-fields label{font-size:14px;font-weight:700;display:grid;gap:8px}.contact-fields input{width:100%;min-width:0;border:1px solid #ccdcd4;border-radius:9px;padding:12px;font:inherit;font-size:16px}.contact-fields .phone-field{grid-column:1/-1}.contact-consent{display:flex;gap:10px;align-items:start;margin:20px 0;font-size:13px;line-height:1.65}.contact-consent input{flex:none;width:18px;height:18px;margin-top:4px;accent-color:var(--green-ink)}.contact-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-details .solid{min-height:48px}.contact-details #contact-status{font-weight:700}.contact-details button:disabled{opacity:.6;cursor:default}@media(max-width:620px){.contact-fields{grid-template-columns:1fr}.contact-details{padding:15px}.contact-details .solid{width:100%}}

.check-identity{display:flex;align-items:center;gap:30px;margin:16px 0 24px}.check-identity h1{margin:0;font-size:clamp(36px,5vw,64px);line-height:1.12}.check-identity h1 strong{display:block;font-weight:800;color:var(--brand-purple)}.check-identity h1 em{display:block;margin-top:10px;font-style:italic;font-weight:500;font-size:clamp(23px,3vw,34px);color:var(--green-ink);text-decoration:none}.engine-mark{width:170px;height:auto;flex-shrink:0}.return-site{font-size:13px}.symptom-context{gap:14px}.symptom-page .topbar .brand strong{font-size:14px}@media(max-width:620px){.check-identity{gap:10px;align-items:center}.engine-mark{width:86px}.check-identity h1{font-size:clamp(25px,7vw,36px)}.check-identity h1 em{font-size:19px;line-height:1.3}.symptom-intro{padding-top:28px}}
.symptom-context [hidden]{display:none!important}.check-identity h1 em{font-family:Georgia,serif;font-style:italic}

.doctor-signature{display:flex;justify-content:center;align-items:center;gap:14px;padding:36px 24px;color:var(--green-ink);font-size:13px}.doctor-signature strong,.doctor-signature small{display:block}.doctor-signature small{margin-top:5px;font-size:11px}.symptom-page .brand small em{font-family:Georgia,serif;font-style:italic}

.check-identity .check-tagline{display:block;margin-top:10px;font-family:inherit;font-style:normal;font-weight:500;font-size:clamp(19px,3vw,30px);line-height:1.3;color:var(--green-ink)}.symptom-page .brand small{font-family:inherit;font-style:normal}.tooth-field{margin:25px 0 0;max-width:640px}.tooth-field label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.tooth-field label span{font-size:12px;font-weight:500;color:#657b79;margin-left:6px}.tooth-field input{width:100%;border:1px solid #bdd6d0;border-radius:12px;padding:14px 16px;font:inherit;font-size:16px;color:#1c3030;background:white}.tooth-field input:focus-visible{outline:3px solid var(--brand-green);outline-offset:3px}.tooth-field small{display:block;margin-top:9px;color:#657b79;font-size:12px;line-height:1.6}@media(max-width:620px){.check-identity .check-tagline{font-size:19px}.tooth-field input::placeholder{font-size:13px}}

:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--brand-green:#08b3a5;--brand-purple:#563079}.check-identity h1{letter-spacing:-.035em}.check-identity .check-tagline{letter-spacing:0;font-weight:400;line-height:1.45}.brand strong{letter-spacing:0}.symptom-page .brand small{letter-spacing:.02em}