@font-face{font-family:Montserrat;src:url('../assets/fonts/montserrat-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('../assets/fonts/montserrat-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url('../assets/fonts/montserrat-black.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Quicksand;src:url('../assets/fonts/quicksand-variable.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--u:min(calc(100vw / 1366),1px);--background:#222;--blue:#00b6ed;--text:#c7c7c7;--line:#393939;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(30 * var(--u))}body{margin:0;background:var(--background);color:var(--text);font-family:Montserrat,'Century Gothic',sans-serif;overflow-x:hidden}.site{width:min(100%,1366px);margin:auto}.site button,.site a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}img{display:block;max-width:100%}strong{color:var(--blue);font-weight:700}main{padding:0 calc(48 * var(--u))}.topbar{height:calc(107 * var(--u));padding:0 calc(37 * var(--u));background:#3b3b3b;display:flex;align-items:center;gap:calc(75 * var(--u))}.small-logo{width:calc(213 * var(--u));height:calc(65 * var(--u));flex:none}.small-logo img{width:100%;height:100%;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:calc(27 * var(--u));flex:1;font-size:calc(18 * var(--u));letter-spacing:calc(6 * var(--u));color:#737373}.topbar nav a:first-child{color:#ccc;font-weight:700}.topbar nav button{padding:0;background:transparent;letter-spacing:inherit;font-size:inherit}.learn-more{display:flex;align-items:center;justify-content:center;gap:calc(25 * var(--u));background:linear-gradient(105deg,#00bcea,#0054ff);border-radius:calc(8 * var(--u));width:calc(230 * var(--u));height:calc(64 * var(--u));color:#fff;font-size:calc(22 * var(--u));font-weight:700;flex:none}.learn-more span{font-size:calc(38 * var(--u))}.hero{height:calc(610 * var(--u));display:grid;grid-template-columns:1fr 1fr;gap:calc(52 * var(--u));padding:calc(77 * var(--u)) calc(25 * var(--u)) 0}.brand{width:calc(587 * var(--u));height:calc(173 * var(--u));object-fit:contain}.hero h1{margin:calc(32 * var(--u)) 0 0;font-size:calc(42 * var(--u));line-height:1.46;letter-spacing:calc(11 * var(--u));font-weight:400}.hero h1 strong{color:#e5e5e5}.hero h1 b{color:var(--blue);font-weight:700}.video-card{background:linear-gradient(135deg,#3e3e3e,#2c2c2c);height:calc(410 * var(--u));margin-top:calc(17 * var(--u));border:calc(3 * var(--u)) solid #444;border-radius:calc(25 * var(--u));display:grid;place-items:center;padding:0}.play{width:calc(128 * var(--u));height:calc(128 * var(--u));border-radius:50%;background:#fff;display:grid;place-items:center}.play svg{width:55%;fill:#777}.benefits{height:calc(113 * var(--u));border-block:calc(3 * var(--u)) solid var(--line);display:flex;justify-content:space-around;align-items:center;gap:calc(20 * var(--u));color:#5c5c5c;font-size:calc(30 * var(--u));white-space:nowrap}.feature{display:grid;grid-template-columns:calc(817 * var(--u)) 1fr;gap:calc(22 * var(--u));border-bottom:calc(3 * var(--u)) solid var(--line);align-items:center;padding-inline:calc(21 * var(--u))}.feature p{font-size:calc(47 * var(--u));line-height:1.31;margin:0;letter-spacing:calc(-1.2 * var(--u))}.inline-action{background:transparent;padding:0;font:inherit;letter-spacing:inherit;line-height:inherit}.demo-card{position:relative;display:block;overflow:hidden;border-radius:calc(24 * var(--u));padding:0;background:linear-gradient(130deg,#393939,#2b2b2b)}.demo-card>.reference-image{width:100%;height:100%;object-fit:contain}.feature-progressive{height:calc(619 * var(--u));padding-top:calc(60 * var(--u))}.progressive-card{height:calc(464 * var(--u))}.reverse{grid-template-columns:1fr calc(817 * var(--u));gap:calc(22 * var(--u))}.reverse p{margin-left:calc(-34 * var(--u))}.feature-treatment{height:calc(665 * var(--u))}.treatment-card{height:calc(545 * var(--u))}.feature-thickness{height:calc(577 * var(--u))}.thickness-card{height:calc(460 * var(--u));width:calc(813 * var(--u))}.feature-tryon{height:calc(638 * var(--u))}.feature-tryon p{font-size:calc(42 * var(--u));line-height:1.32}.tryon-card{height:calc(522 * var(--u))}.feature-vr{height:calc(678 * var(--u))}.vr-image{height:calc(545 * var(--u));width:calc(813 * var(--u));object-fit:contain}.feature-vr p{font-size:calc(38 * var(--u));line-height:1.33}.lens-buttons{position:absolute;inset:calc(18 * var(--u)) auto calc(16 * var(--u)) calc(17 * var(--u));width:calc(214 * var(--u));display:flex;flex-direction:column;gap:calc(6 * var(--u));z-index:3}.lens-buttons button{position:relative;text-align:left;padding-left:calc(43 * var(--u));border:calc(2 * var(--u)) solid #505050;background:linear-gradient(#424242,#333);border-radius:calc(12 * var(--u));flex:1;font-family:Arial,sans-serif;font-size:calc(37 * var(--u))}.lens-buttons button::before{content:'';position:absolute;top:18%;bottom:18%;left:calc(9 * var(--u));width:calc(9 * var(--u));background:#f3f3f3}.lens-buttons button:nth-child(2)::before{background:#194dff}.lens-buttons button:nth-child(3)::before{background:#eee929}.lens-buttons button:nth-child(4)::before{background:#d625ef}.lens-buttons button:nth-child(5)::before{background:#14cbed}.lens-buttons button.active{background:linear-gradient(#555,#424242)}.thickness-controls{position:absolute;inset:calc(15 * var(--u)) auto calc(16 * var(--u)) calc(17 * var(--u));width:calc(310 * var(--u));border:calc(2 * var(--u)) solid #575757;border-radius:calc(17 * var(--u));padding:calc(7 * var(--u)) calc(12 * var(--u));display:flex;flex-direction:column;background:linear-gradient(130deg,#393939,#303030);z-index:3}.index-buttons{display:flex;gap:calc(4 * var(--u));height:calc(55 * var(--u))}.index-buttons button{border-radius:calc(12 * var(--u));padding:0;flex:1;background:transparent;font-size:calc(19 * var(--u));font-family:Arial,sans-serif}.index-buttons .active{background:linear-gradient(130deg,#00bcf0,#0066ff);color:#fff}.thickness-controls output{font-family:Arial,sans-serif;text-align:center;font-weight:700;font-size:calc(78 * var(--u));margin-top:calc(99 * var(--u));line-height:1;color:#fff}.thickness-controls>input{width:100%;height:calc(32 * var(--u));margin:calc(34 * var(--u)) 0 0;accent-color:#057dff;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-family:Arial,sans-serif;font-size:calc(14 * var(--u))}.frame-buttons{position:absolute;left:2%;top:5%;width:39%;height:90%;display:grid;grid-template-rows:repeat(3,1fr);gap:2%;z-index:4}.frame-buttons button{background:transparent;padding:0;border:1px solid transparent;border-radius:calc(12 * var(--u))}.frame-buttons button:hover,.frame-buttons button:focus-visible,.frame-buttons button.active{border-color:#00b6ed;background:#00b6ed10}h2{font-size:calc(59 * var(--u));font-weight:400;line-height:1.3;color:#606060;text-align:center;margin:0}.tools-section{height:calc(702 * var(--u));padding-top:calc(36 * var(--u));border-bottom:calc(3 * var(--u)) solid var(--line)}.tools-section img{width:calc(1151 * var(--u));height:calc(476 * var(--u));object-fit:contain;margin:calc(31 * var(--u)) auto 0}.hardware-section{height:calc(701 * var(--u));padding-top:calc(26 * var(--u));border-bottom:calc(3 * var(--u)) solid var(--line)}.hardware-section img{width:calc(1193 * var(--u));height:calc(480 * var(--u));margin:calc(31 * var(--u)) auto 0;object-fit:contain}.included-section{height:calc(854 * var(--u));padding-top:calc(48 * var(--u));border-bottom:calc(3 * var(--u)) solid var(--line)}.included-section h2{color:var(--blue);font-weight:700;font-size:calc(55 * var(--u))}.included-section img{width:calc(1170 * var(--u));height:calc(633 * var(--u));margin:calc(72 * var(--u)) auto 0;object-fit:contain}.customer-section{height:calc(1177 * var(--u));padding-top:calc(59 * var(--u));border-bottom:calc(3 * var(--u)) solid var(--line)}.customer-section h2{font-size:calc(58 * var(--u));white-space:nowrap}.customer-section img{width:calc(1197 * var(--u));height:calc(875 * var(--u));margin:calc(55 * var(--u)) auto 0;border-radius:calc(25 * var(--u));object-fit:contain}.cta-section{height:calc(417 * var(--u));padding:calc(89 * var(--u)) calc(27 * var(--u)) 0}.budget-cta{width:100%;height:calc(237 * var(--u));display:flex;align-items:center;justify-content:center;background:linear-gradient(105deg,#00bced,#0050ff);border-radius:calc(30 * var(--u));color:#fff;font-family:Arial,sans-serif;font-size:calc(66 * var(--u));font-weight:700}
dialog{width:min(640px,calc(100vw - 32px));max-height:90dvh;overflow:auto;background:#292929;color:#ddd;border:1px solid #555;border-radius:18px;padding:32px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:10px;top:5px;background:transparent;font-size:32px;color:#ccc;padding:0 8px;z-index:5}dialog h2{font-size:25px;color:#00b6ed;text-align:left;font-weight:700;margin:0 0 25px}dialog p{font-size:15px;line-height:1.6}dialog details{border-top:1px solid #444;padding:15px 0}dialog summary{cursor:pointer;color:#eee;font-size:16px}dialog label{display:flex;flex-direction:column;gap:7px;font-size:14px;margin-bottom:17px}dialog input{width:100%;min-height:44px;background:#1a1a1a;border:1px solid #555;border-radius:7px;color:#fff;padding:10px}dialog fieldset{border:1px solid #444;border-radius:10px;display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;padding:15px}dialog legend{font-size:14px;padding:0 6px}dialog fieldset label{flex-direction:row;align-items:center;margin:0}dialog input[type=checkbox]{width:18px;min-height:18px;accent-color:#00b6ed}dialog button.form-submit{background:linear-gradient(105deg,#00bced,#0050ff);color:#fff;width:100%;padding:15px;border-radius:8px;font-weight:700}dialog button:disabled{opacity:.5;cursor:wait}#quoteStatus{color:#00b6ed;min-height:24px}.presentation-dialog{width:min(900px,calc(100vw - 32px));padding:30px;background:#222}.presentation-stage{position:relative;aspect-ratio:16/10;display:grid;place-items:center;background:#303030;border-radius:10px;overflow:hidden}.presentation-stage img{max-height:100%;width:100%;height:100%;object-fit:contain}.presentation-stage p{position:absolute;bottom:0;left:0;right:0;background:#222d;margin:0;color:#00b6ed;text-align:center;padding:14px;font-size:24px;font-weight:700}.presentation-controls{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:15px}.presentation-controls button{background:#333;border:1px solid #555;color:#ccc;border-radius:8px;padding:10px 20px;font-size:18px}
@supports(width:1cqw){.site{container-type:inline-size;--u:min(calc(100cqw / 1366),1px)}}
@media(min-width:1367px){body{background:#1c1c1c}.site{background:#222}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.demo-card{background:linear-gradient(130deg,#393939,#2b2b2b)}
.topbar{background:#393939}
.hero{height:calc(608 * var(--u))}
.benefits{height:calc(111 * var(--u))}
.feature-progressive{height:calc(618 * var(--u))}
.feature-progressive .demo-card{transform:translateY(calc(-4 * var(--u)))}
.feature-treatment .demo-card{transform:translateY(calc(4 * var(--u)))}
.feature-thickness{height:calc(578 * var(--u))}
.feature-tryon{height:calc(635 * var(--u))}
.feature-vr{height:calc(680 * var(--u))}
.feature-vr .demo-card{transform:translateY(calc(-12.5 * var(--u)))}
.tools-section{height:calc(701 * var(--u))}
.tools-section img{margin-top:calc(25 * var(--u))}
.hardware-section{height:calc(700 * var(--u))}
.hardware-section img{margin-top:calc(17.3 * var(--u))}
.included-section img{margin-top:calc(56.5 * var(--u))}
.customer-section{height:calc(1176 * var(--u))}
.customer-section img{margin-top:calc(47.6 * var(--u))}
.cta-section{height:calc(425 * var(--u))}
body{font-family:Quicksand,Montserrat,sans-serif}
.feature p{white-space:nowrap}
.cta-section{padding-top:calc(91 * var(--u))}
.feature-progressive .inline-action strong{background:linear-gradient(105deg,#00c3e8,#0756fd);background-clip:text;-webkit-background-clip:text;color:transparent}
.topbar{padding-left:calc(30 * var(--u));gap:calc(94 * var(--u))}
.small-logo{width:calc(215 * var(--u));height:calc(65 * var(--u));transform:translateY(calc(2 * var(--u)))}
.lens-buttons{left:calc(25 * var(--u));top:calc(22 * var(--u));bottom:calc(26 * var(--u));width:calc(206 * var(--u));gap:calc(10 * var(--u))}
.lens-buttons button,.lens-buttons button.active{background:linear-gradient(#444,#363636);border-color:#555;color:#fff;font-family:Quicksand,Montserrat,sans-serif;font-size:calc(37 * var(--u))}
.lens-buttons button::before{opacity:1}
.progressive-card.is-interactive .lens-buttons button.active{border-color:#00b6ed;background:#00b6ed0a}
.lens-buttons button:hover{border-color:#00b6ed66}
.thickness-controls{left:calc(23 * var(--u));top:calc(16 * var(--u));bottom:calc(20 * var(--u));width:calc(310 * var(--u));border:0;padding:0;background:transparent}
.index-buttons{height:calc(67 * var(--u));border:calc(1 * var(--u)) solid #666;border-radius:calc(25 * var(--u));padding:calc(5 * var(--u));font-family:Quicksand,sans-serif}
.index-buttons button{font-family:Quicksand,sans-serif;font-size:calc(20 * var(--u))}
.thickness-controls output{font-family:Quicksand,sans-serif;font-size:calc(78 * var(--u));margin-top:calc(105 * var(--u))}
.thickness-controls>input{margin-top:calc(40 * var(--u))}
.thickness-card:not(.is-interactive) .index-buttons{border-color:#666}
.thickness-card:not(.is-interactive) .index-buttons button{color:#fff}
.thickness-card:not(.is-interactive) .index-buttons button.active{background:linear-gradient(130deg,#00bcf0,#0066ff)}
.thickness-card:not(.is-interactive) .thickness-controls output,.thickness-card:not(.is-interactive) .thickness-controls>input,.thickness-card:not(.is-interactive) .range-labels{opacity:1}
.thickness-card.is-interactive .thickness-controls{background:#333}
.brand{transform:translateX(calc(-4 * var(--u)))}
.feature-treatment .demo-card{transform:translate(calc(3 * var(--u)),calc(4 * var(--u)))}
.feature-tryon .demo-card{transform:translateX(calc(3 * var(--u)))}
:root{--text:#fff}
.benefits,h2{color:#707070}
.feature p{font-size:calc(50 * var(--u));line-height:1.23;letter-spacing:normal}
.feature-progressive p{transform:translateY(calc(-6 * var(--u)))}
.feature-treatment p{font-size:calc(52 * var(--u));line-height:1.23077;transform:translateY(calc(-14 * var(--u)))}
.feature-thickness p{transform:translateY(calc(-4 * var(--u)))}
.feature-tryon p{font-size:calc(47 * var(--u));line-height:1.23404;transform:translateY(calc(-33 * var(--u)))}
.feature-vr p{font-size:calc(42 * var(--u));line-height:1.19048;transform:translateY(calc(-12.5 * var(--u)))}
h2{font-size:calc(60 * var(--u))}
.tools-section img{margin-top:calc(23.7 * var(--u))}
.hardware-section img{margin-top:calc(16 * var(--u))}
.included-section h2{font-size:calc(60 * var(--u));color:var(--blue)}
.included-section img{margin-top:calc(50 * var(--u))}
.customer-section h2{font-size:calc(60 * var(--u))}
.customer-section img{margin-top:calc(45 * var(--u))}
.hero h1 strong{color:#fff}
.budget-cta{font-family:Quicksand,Montserrat,sans-serif;font-size:calc(69 * var(--u));font-weight:700;letter-spacing:normal;padding:0 0 calc(4 * var(--u))}
.demo-card{box-shadow:inset 0 0 0 calc(3 * var(--u)) #4a4a4a}
.thickness-controls{background:linear-gradient(135deg,#3a3a3a,#303030)}
.frame-buttons button{border:calc(3 * var(--u)) solid #515151!important;background:linear-gradient(135deg,#444,#353535)!important}
.frame-buttons button.active,.frame-buttons button.tryon-is-selected{border-color:#00b6ed!important}
.frame-buttons svg{width:94%;height:85%;fill:none;stroke:#f2f2f2;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}
.tools-honeycomb{width:calc(1151 * var(--u));height:calc(476 * var(--u));margin:calc(23.7 * var(--u)) auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hex-row{display:flex;gap:calc(20 * var(--u));justify-content:center;margin-top:calc(-1 * var(--u))}
.hex-row span{display:block;width:calc(145 * var(--u));height:calc(161 * var(--u));background:linear-gradient(145deg,#474747,#2e2e2e);-webkit-mask:url('../assets/ui/rounded-hexagon.svg') center / 100% 100% no-repeat;mask:url('../assets/ui/rounded-hexagon.svg') center / 100% 100% no-repeat}
.presentation-stage{container-type:inline-size;--u:calc(100cqw / 817)}
#presentationContent{width:100%;height:100%;position:relative}
#presentationContent>.demo-card,#presentationContent>img{width:100%;height:100%;object-fit:contain;transform:none}
.presentation-caption{font-size:20px;color:#00b6ed;text-align:center;font-weight:700;margin:16px 0 0}
html{scroll-padding-top:calc(var(--header-height,107px) + 16px)}
.topbar{position:sticky;top:0;z-index:60;box-shadow:0 calc(4 * var(--u)) calc(18 * var(--u)) #0004}
.topbar nav [data-nav]{position:relative;display:inline-flex;align-items:center;min-height:calc(55 * var(--u));padding:0;color:#929292;font-weight:400;transition:color .18s}
.topbar nav [data-nav]::after{content:"";position:absolute;left:0;right:calc(6 * var(--u));bottom:calc(2 * var(--u));height:max(2px,calc(3 * var(--u)));border-radius:2px;background:linear-gradient(90deg,#00b6ed,#006bff);transform:scaleX(0);transform-origin:center;transition:transform .18s}
.topbar nav [data-nav][aria-current]{color:#fff;font-weight:700}
.topbar nav [data-nav][aria-current]::after{transform:scaleX(1)}
.topbar nav [data-nav]:hover{color:#fff}
.lens-buttons button,.lens-buttons button.active{display:flex;align-items:center;justify-content:center;padding:0 0 0 calc(7 * var(--u));font-family:Montserrat,sans-serif;font-size:calc(24.36 * var(--u));font-weight:900;line-height:1;text-align:center;color:#fff;border:calc(1 * var(--u)) solid #ffffff35;border-radius:calc(13 * var(--u));background:linear-gradient(125deg,#474747 0%,#3c3c3c 62%,#303030 100%);text-shadow:0 calc(1.65 * var(--u)) calc(3.3 * var(--u)) #000b;box-shadow:inset 0 calc(1 * var(--u)) 0 #ffffff2e,calc(2.1 * var(--u)) calc(4.2 * var(--u)) calc(8.4 * var(--u)) #0005;overflow:hidden}
.lens-buttons button::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff12 0%,#ffffff06 44%,transparent 72%);pointer-events:none}
.lens-buttons button:nth-child(n)::before{left:0;top:21%;bottom:21%;width:calc(8 * var(--u));border-radius:0 calc(4 * var(--u)) calc(4 * var(--u)) 0;background:linear-gradient(180deg,var(--swatch-top),var(--swatch-bottom));box-shadow:0 0 calc(7 * var(--u)) var(--swatch-top);opacity:1;z-index:1}
.lens-buttons button:nth-child(1){--swatch-top:#fff;--swatch-bottom:#a4a4a4}
.lens-buttons button:nth-child(2){--swatch-top:#076bff;--swatch-bottom:#0750c7}
.lens-buttons button:nth-child(3){--swatch-top:#f1e600;--swatch-bottom:#a99f00}
.lens-buttons button:nth-child(4){--swatch-top:#9000ff;--swatch-bottom:#5a00c7}
.lens-buttons button:nth-child(5){--swatch-top:#08bedf;--swatch-bottom:#067c9d}
.progressive-card.is-interactive .lens-buttons button.active,.lens-buttons button.active{border-color:#406090;background:linear-gradient(110deg,#063b89 0%,#052d6b 62%,#021c3f 100%)}
.lens-buttons button.active::after{opacity:.55}
[data-treatment-demo] [data-divider]{display:grid;place-items:center;line-height:0;padding:0}
[data-divider] .compare-arrow{display:block;width:52%;height:52%;margin:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}