@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--aqua:#70bbb7;--ink:#343b3e;--muted:#6e797c;--light:#f4fbfb;--night:#071a28;--line:#d9e5e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #31847f;outline-offset:7px}img{display:block;max-width:100%}p{font-size:16px;line-height:1.8;margin:0}h1,h2,h3{margin:0;font-weight:500}figure{margin:0}header{height:88px;position:absolute;z-index:5;top:0;left:0;width:100%;padding:0 4.7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dae5e360;background:#ffffff30}header img{width:144px;height:auto}.header-product{font-size:14px;letter-spacing:.18em}.header-product b{font-weight:500;color:#478f8b}.header-link{font-size:13px}.header-link span{padding-left:18px;font-size:19px}.skip{position:fixed;left:20px;top:-100px;z-index:99;padding:15px;background:white}.skip:focus{top:10px}.hero{min-height:850px;height:100svh;max-height:1160px;position:relative;overflow:hidden;background:#f5faf9;padding-top:130px;display:flex;flex-direction:column}.hero-copy{position:relative;z-index:2;text-align:center}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:650;line-height:1.5}.hero .eyebrow{color:#6c8582;margin-bottom:18px}.hero h1{font-size:clamp(78px,9.7vw,154px);line-height:1.08;letter-spacing:-.065em;font-weight:550}.hero h1 span,.final h2 span{color:var(--aqua)}.hero h2{font-size:clamp(18px,1.65vw,26px);letter-spacing:-.035em;margin-top:15px;font-weight:450}.mobile-break{display:none}.hero-art{position:relative;flex:1;min-height:330px;width:100%;display:grid;place-items:center;overflow:hidden;margin-top:-8px}.hero-art img{width:min(850px,78vw);height:100%;object-fit:contain;mix-blend-mode:multiply;animation:float 10s ease-in-out infinite}.visual-note{position:absolute;right:4.7%;top:50%;font-size:10px;letter-spacing:.18em;writing-mode:vertical-rl;color:#7f9794}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin:0 4.7%;padding:0 0 30px;gap:20px}.hero-bottom p{font-size:13px;color:#657775;line-height:1.7}.hero-bottom a{font-size:13px;display:flex;align-items:center;gap:18px}.circle{display:grid;place-items:center;width:38px;height:38px;border:1px solid #bfcfcb;border-radius:50%;transition:background .3s}.hero-bottom a:hover .circle{background:#d8eae8}.edition{font-size:10px;letter-spacing:.13em;color:#738682}.section{padding:110px 8%;}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.section-index{font-size:11px;letter-spacing:.14em;color:#879391}.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:9%;align-items:end}.intro-grid h2,.workflow>h2{font-size:clamp(38px,4.5vw,68px);line-height:1.16;letter-spacing:-.055em}.intro-grid h2 span,.workflow>h2 span{color:#8caaa7}.intro-grid p{max-width:410px;color:var(--muted);font-size:16px;line-height:1.85}.dimension{padding-bottom:75px}.monitor{max-width:1020px;margin:65px auto 0}.screen{border:10px solid #222a30;border-bottom-width:17px;border-radius:17px;overflow:hidden;box-shadow:0 35px 60px -35px #20373970}.screen img{width:100%;aspect-ratio:1.716;object-fit:cover}.monitor-foot{width:20%;height:55px;background:linear-gradient(#a3a9ad,#eef0f1);margin:auto;clip-path:polygon(25% 0,75% 0,82% 88%,100% 95%,100% 100%,0 100%,0 95%,18% 88%)}figcaption{font-size:10px;letter-spacing:.13em;color:#81908e;text-align:center;margin-top:28px}.feature{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center}.perio{background:var(--light)}.feature h2{font-size:clamp(32px,3.6vw,54px);line-height:1.15;letter-spacing:-.05em;margin:25px 0 23px}.feature h3{font-size:24px;letter-spacing:-.04em;line-height:1.35;margin-bottom:23px}.feature p:not(.eyebrow){color:var(--muted)}sup{font-size:.36em;vertical-align:super;position:relative;top:-.5em;margin-left:3px}.measurement{margin-top:40px;display:flex;align-items:center;gap:27px}.measurement strong{font-size:90px;line-height:1;font-weight:450;letter-spacing:-.07em;color:#569f9b}.measurement strong span{font-size:27px;letter-spacing:-.04em;margin-left:7px}.measurement p{font-size:13px;line-height:1.6}.scan-frame,.morpho-frame{position:relative;background:#0c171d;aspect-ratio:1.13;display:flex;align-items:center;overflow:hidden}.scan-frame img{width:94%;margin:auto}.corner-label{position:absolute;top:25px;left:25px;font-size:10px;letter-spacing:.1em;color:#a5c3c0;z-index:2}.scan-line{position:absolute;width:1px;height:75%;background:#83d4cc;left:50%;top:13%;box-shadow:0 0 24px 6px #70bbb73a;animation:scan 8s ease-in-out infinite}.measure-mark{position:absolute;right:12%;top:40%;border-right:1px solid #95d5d0;color:white;padding-right:10px;font-size:12px}.morpho{grid-template-columns:1.15fr 1fr}.morpho-frame{background:#eff3f3}.morpho-frame img{width:100%;mix-blend-mode:multiply}.morpho-frame .corner-label{color:#3d6865}.keywords{display:flex;flex-wrap:wrap;gap:18px;margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:16px}.restore{background:#f5f8f8}.restore h3{font-size:18px;margin-top:25px;letter-spacing:-.02em}.restore-visual{margin:65px auto 0;max-width:1060px}.restore-visual img{width:100%;margin-top:25px}.restore-labels{display:flex;justify-content:space-around;font-size:11px;letter-spacing:.2em;color:#647e7b}.ai{position:relative;overflow:hidden;background:var(--night);color:#fff;min-height:820px;display:flex;align-items:center}.ai canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.ai-copy{position:relative;z-index:1;max-width:610px}.ai .eyebrow{color:#8dbbb8}.ai h2{font-size:22px;letter-spacing:-.03em;margin:28px 0 35px}.ai h3{font-size:clamp(56px,6.5vw,96px);letter-spacing:-.055em;line-height:1.1}.ai h3 span{color:var(--aqua)}.ai-copy>p:last-child{color:#a5b6bf;max-width:410px;margin-top:35px}.ai-coordinate{position:absolute;bottom:45px;right:8%;font-size:10px;letter-spacing:.14em;line-height:1.7;color:#6d999e}.workflow>h2{margin:32px 0 75px}.editorial-row{display:grid;grid-template-columns:60px 1.2fr 1fr;gap:25px;align-items:center;border-top:1px solid var(--line);padding:33px 0}.editorial-row>span{font-size:13px;color:#70aaa5}.editorial-row h3{font-size:24px;letter-spacing:-.04em}.editorial-row p{color:var(--muted);font-size:15px;max-width:330px}.final{background:#f5faf9;text-align:center;padding-top:140px;padding-bottom:70px}.final>.eyebrow{color:#708d89}.final h2{font-size:clamp(68px,10vw,150px);line-height:1.1;letter-spacing:-.065em;margin:45px 0 15px}.final-message{font-size:22px;letter-spacing:-.04em}.coming{font-size:13px;letter-spacing:.3em;margin:55px auto 42px;border:1px solid #c4d8d5;border-radius:40px;padding:16px 25px;display:table}.final-logo{width:125px;margin:0 auto}.back-top{display:table;margin:70px auto 0;font-size:12px;color:#6b807d}.back-top span{padding-left:15px}footer{display:flex;align-items:center;justify-content:space-between;padding:32px 4.7%;gap:25px;font-size:12px;color:#6e7a78}footer p{font-size:12px}.reveal{opacity:1;transform:none}html.motion .reveal{opacity:0;transform:translateY(25px);transition:opacity 1s,transform 1s}html.motion .reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes scan{0%,100%{left:20%;opacity:0}30%,70%{opacity:.7}80%{left:80%;opacity:0}}@media(min-width:1700px){.section{padding-left:max(8%,calc((100vw - 1440px)/2));padding-right:max(8%,calc((100vw - 1440px)/2))}}@media(max-width:900px){.hero{min-height:750px}.section{padding:80px 6%}.feature{gap:5%}.intro-grid{gap:6%}.feature h3{font-size:21px}.ai{min-height:760px}.editorial-row{grid-template-columns:35px 1fr 1fr;gap:15px}.editorial-row h3{font-size:21px}.measurement{gap:15px}.measurement strong{font-size:72px}.edition{display:none}.hero-bottom{align-items:center}.hero-art img{width:100%}}
@media(max-width:600px){header{height:73px;padding:0 6%}header img{width:113px}.header-product{display:none}.header-link{font-size:12px}.hero{height:calc(100svh + 25px);min-height:720px;max-height:920px;padding-top:121px}.hero .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:23px}.hero h1{font-size:clamp(65px,15.5vw,94px)}.hero h2{font-size:18px;line-height:1.5;margin-top:20px}.mobile-break{display:block}.hero-art{margin-top:2px;min-height:270px;overflow:visible}.hero-art img{width:130%;max-width:130%;height:100%;object-fit:contain}.visual-note{display:none}.hero-bottom{margin:0 6%;padding-bottom:26px;gap:10px}.hero-bottom p{font-size:11px}.hero-bottom a{font-size:11px;gap:8px}.circle{height:30px;width:30px}.section{padding:70px 7%}.section-top{margin-bottom:26px}.section-index{font-size:9px}.eyebrow{font-size:10px}.intro-grid{display:block}.intro-grid h2,.workflow>h2{font-size:39px}.intro-grid p{font-size:15px;margin-top:25px}.monitor{margin:38px -3% 0}.screen{border-width:5px;border-bottom-width:9px;border-radius:9px}.monitor-foot{height:28px}.monitor figcaption{font-size:8px;line-height:1.8;margin-top:15px}.feature{display:flex;flex-direction:column;gap:35px;align-items:stretch}.feature h2{font-size:38px;margin-top:22px}.feature h3{font-size:23px}.feature p:not(.eyebrow){font-size:15px}.measurement{margin-top:30px}.measurement strong{font-size:80px}.measurement p{font-size:13px!important}.clinical-visual{margin-right:-8%;margin-left:-8%}.scan-frame,.morpho-frame{aspect-ratio:1.25}.morpho .feature-copy{order:-1}.keywords{font-size:15px;gap:22px}.restore h3{font-size:16px;line-height:1.5}.restore-visual{margin:35px -5% 0}.restore-labels{font-size:8px;letter-spacing:.12em}.restore-visual figcaption{font-size:8px}.ai{min-height:760px;padding-top:85px;padding-bottom:105px}.ai h3{font-size:61px}.ai h2{margin-top:25px;margin-bottom:32px}.ai-copy>p:last-child{font-size:15px;max-width:290px}.ai canvas{opacity:.4}.ai-coordinate{bottom:25px;font-size:8px}.workflow>h2{margin-bottom:45px}.editorial-row{grid-template-columns:26px 1fr;gap:14px;padding:26px 0}.editorial-row h3{font-size:22px}.editorial-row p{grid-column:2;font-size:14px}.final{padding-top:85px;padding-bottom:55px}.final h2{font-size:clamp(59px,14vw,86px);margin-top:35px}.final-message{font-size:17px}.coming{font-size:11px;margin-top:35px}.final-logo{width:110px}footer{padding:25px 7%;display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:10px}footer p{font-size:10px;grid-column:1 / -1;grid-row:2}footer span:last-child{text-align:right}.back-top{margin-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,html.motion .reveal{opacity:1;transform:none}}

/* Official Giotto logo and focused hero; Perio View light visualization. */
header img.header-product{width:210px;height:auto}
.hero{background:#fff;justify-content:center;padding-top:88px;padding-bottom:130px}
.hero-copy{width:100%}
.hero h1{line-height:0;margin:24px auto 0;width:min(1200px,100%)}
.hero-logo{width:100%;height:auto}
.hero h2{margin-top:30px}
.hero-bottom{position:absolute;bottom:0;left:0;right:0}
.closing-logo{width:min(1100px,100%);height:auto;margin:auto}
.perio .scan-frame{background:#f4fbfb}
.perio .scan-frame img{width:100%;height:100%;object-fit:contain}
.perio .corner-label{color:#476e6b}
@media(max-width:600px){header img.header-product{display:none}.hero{padding-top:73px;padding-bottom:135px;min-height:650px;height:100svh}.hero h1{width:140%;max-width:none;margin-left:-20%;margin-top:25px}.hero h2{margin-top:27px}.hero-copy>.eyebrow{padding:0 20px}.final h2{overflow:hidden}.closing-logo{width:135%;max-width:none;margin-left:-17.5%}.perio .scan-frame{aspect-ratio:1.25}}