@font-face{font-family:Editorial;src:url('assets/editorial.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--ink:#062a40;--blue:#00aeef;--pale:#f6fbfe;--muted:#657f91;--serif:Editorial,Georgia,serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--pale);color:var(--ink);font:16px/1.55 var(--sans);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}p,h1,h2,h3,figure{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #0872a0;outline-offset:7px}.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}.skip{position:absolute;top:-100px;padding:12px;background:#fff;z-index:99}.skip:focus{top:0}.site-header{height:135px;display:flex;align-items:center;justify-content:space-between}.logo{width:260px;height:auto}.site-header nav{display:flex;gap:46px;font-size:14px}.site-header nav a:hover{color:var(--blue)}
.hero{position:relative;padding-top:35px;padding-bottom:65px}.hero:before{content:'';position:absolute;inset:0 -15vw;background:radial-gradient(ellipse at 85% 48%,#dcebf5a6,transparent 45%),radial-gradient(ellipse at 17% 98%,#e6f0f7a6,transparent 46%);pointer-events:none;z-index:-1}.advent-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,clamp(160px,16.5vw,228px));gap:20px 22px;perspective:1600px;position:relative}.hero-copy{grid-column:1/3;grid-row:1/3;align-self:center;padding:0 0 36px;position:relative;z-index:5;width:calc(100% + 180px);pointer-events:none}.hero-copy button{pointer-events:auto}.presenter{font-size:14px;letter-spacing:.025em;margin-bottom:18px}.eyebrow{font-size:11px;text-transform:uppercase;color:#008dbf;letter-spacing:.24em;font-weight:600;margin-bottom:22px}.hero .eyebrow{font-size:12px;letter-spacing:.3em;margin-bottom:24px}h1{font:400 clamp(57px,5.9vw,84px)/.99 var(--serif);letter-spacing:-.035em;position:relative;margin-bottom:27px}h1 em,h2 em{font-style:italic;font-weight:400}h1 em{letter-spacing:-.055em}.hero-description{font-size:15px;line-height:1.65;max-width:420px;margin-bottom:26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:16px 26px;border-radius:32px;font-size:14px;transition:background .25s,transform .25s;min-height:54px}.primary{background:var(--blue);color:#fff;box-shadow:0 4px 18px #00aeef15}.primary:hover{background:#009cda;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.secondary{border:1px solid #c2d7e4;background:transparent}.secondary:hover{background:#edf8fd}
.advent-card{display:block;padding:0;background:#e8f3fa;border-radius:18px;position:relative;text-align:left;isolation:isolate;perspective:1000px;box-shadow:0 17px 24px -15px #34556f55,0 1px 2px #264c6c2b;transition:transform .4s,box-shadow .4s;overflow:visible}.card-interior{position:absolute;inset:0;overflow:hidden;border-radius:18px;background:#e9f5fb}.card-interior img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.door{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(20px,2vw,30px);border-radius:18px;background:linear-gradient(120deg,#fff,#f4f5f5 50%,#edf2f4);box-shadow:inset 0 0 0 1px #fff,inset -1px -1px 2px #66839626;transform-origin:left center;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s;backface-visibility:hidden;z-index:2;overflow:hidden}.door:before{content:'';position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23b4bec4' filter='url(%23n)' d='M0 0h160v160H0z' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:multiply}.door:after{content:'';width:20px;height:30px;background:#e4ebf0;border-radius:50%;position:absolute;right:-13px;top:52%;box-shadow:inset 4px 0 5px #3f53654a}.main-card .door{background:linear-gradient(125deg,#13bdf3,#00aeef 54%,#009bdc);color:white;box-shadow:inset 0 0 0 1px #32c9ff,inset -1px -1px 2px #036d9a66}.card-number{font:400 clamp(38px,4.6vw,67px)/1 var(--serif);color:#b5bec5;letter-spacing:-.04em;text-shadow:1px 1px #fff,-.4px -.4px #738796;position:relative}.main-card .card-number{color:#dfeef5;text-shadow:.6px .6px #fff,-.6px -.6px #477c97;font-size:clamp(48px,5.8vw,82px)}.card-icon{width:33px;height:33px;stroke:currentColor;fill:none;stroke-width:1.3;margin:auto 0 12px;color:#0a5b7a;position:relative}.card-title{font-size:15px;line-height:1.32;position:relative;font-weight:400;max-width:150px}.main-card .card-title{font-size:clamp(19px,2vw,27px);font-weight:600;text-transform:uppercase;margin-top:36px}.card-desc{margin-top:8px;font-size:14px;line-height:1.5;max-width:140px;position:relative}.main-card .card-title:before{content:'';position:absolute;width:35px;height:1px;background:#abedff;top:-20px}.peek{--angle:-14deg}.peek .door{transform:rotateY(var(--angle))}.tone .door{clip-path:polygon(0 0,76% 0,100% 20%,100% 100%,0 100%)}.tone .card-interior img{object-position:right center}.card-reveal-label{position:absolute;bottom:16px;left:15px;right:15px;background:#ffffffed;color:var(--ink);padding:10px;border-radius:6px;text-align:center;font-size:12px;opacity:0;transition:opacity .4s}.advent-card:hover,.advent-card:focus-visible{box-shadow:0 20px 32px -13px #2a577975;transform:translateY(-4px);z-index:10}.advent-card:hover .door,.advent-card:focus-visible .door{transform:rotateY(-68deg);filter:brightness(1.03)}.advent-card:hover .card-interior img{transform:scale(1.035)}.advent-card:hover .card-reveal-label,.advent-card:focus-visible .card-reveal-label{opacity:1}.seen-dot{position:absolute;right:15px;top:16px;width:7px;height:7px;background:#0c7baa;border-radius:50%;z-index:4;box-shadow:0 0 0 3px #ffffffbd}.advent-caption{text-align:center;margin-top:65px}.advent-caption p{font:400 26px/1.25 var(--serif)}.advent-caption span{font-size:13px;color:var(--muted);display:block;margin-top:10px}
.section{padding-block:115px}.section-intro{text-align:center;margin-bottom:65px}.section-intro>p:last-child{max-width:630px;margin-inline:auto;color:#526c7c;font-size:15px;line-height:1.8}h2{font:400 clamp(40px,4.5vw,61px)/1.1 var(--serif);letter-spacing:-.025em;margin-bottom:26px}.method{border-top:1px solid #dce8f0}.method-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;max-width:1130px;margin:auto}.patient-image{position:relative;border-radius:4px;margin-right:55px}.patient-image>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}.image-caption{position:absolute;left:22px;bottom:24px;padding:8px 14px;background:#ffffffdc;font-size:12px;letter-spacing:.03em}.skin-lens{position:absolute;width:43%;aspect-ratio:1;right:-65px;top:40%;padding:6px;border:1px solid #c3d6e5;background:linear-gradient(130deg,#fff,#c5d1dd,#fff);border-radius:50%;box-shadow:0 16px 25px #4967781c}.skin-lens img{width:100%;height:100%;object-fit:cover;border-radius:50%}.method-steps article{display:flex;gap:24px;padding-block:23px;border-bottom:1px solid #dbe7ef}.method-steps article>span{color:#8ea9bb;font:400 29px/1 var(--serif);padding-top:4px}.method-steps h3{font-size:17px;font-weight:400;margin-bottom:9px}.method-steps p{font-size:13px;color:#657e8e;max-width:340px}.text-link{padding:0;background:transparent;color:#008cbf;font-size:13px;display:inline-block;border-bottom:1px solid #bce5f3;line-height:2;transition:color .2s}.text-link:hover{color:var(--ink)}.method-steps>.text-link{margin-top:30px}.lineups{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.product{background:transparent;text-align:center;padding:15px 0 24px;transition:transform .3s}.product:hover{transform:translateY(-7px)}.product-criterion{font-size:11px;color:#7390a3;text-transform:uppercase;letter-spacing:.15em;display:block}.product img{height:270px;width:100%;object-fit:contain;mix-blend-mode:multiply;margin:28px auto}.product h3{font-size:17px;font-weight:500;letter-spacing:.08em}.product p{font-size:13px;color:#6e8797;margin-top:6px}.product-link{color:#009cd5;font-size:12px;margin-top:23px;display:block}.progress-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.progress-copy>p:not(.eyebrow){font-size:14px;color:#627d8f;margin-bottom:25px;max-width:480px}.progress-panel{border:1px solid #d2e1ed;padding:35px 40px;background:linear-gradient(130deg,#fff9,#ecf5fb);border-radius:5px}.panel-eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:10px;color:#7591a5;margin-bottom:22px}.progress-row{display:grid;grid-template-columns:110px 1fr 18px;align-items:center;gap:16px;border:0;width:100%;padding:12px 0;background:transparent;text-align:left;font-size:13px}.progress-track{height:2px;background:#d5e4ee}.progress-track i{display:block;width:0;height:100%;background:var(--blue);transition:width .4s}.progress-row.opened .progress-track i{width:100%}.progress-row>span:last-child{color:#00a5dd}.progress-status{font:400 24px/1.3 var(--serif);margin-top:22px}.small-note{font-size:10px;color:#8398a7;line-height:1.6;margin-top:13px}.samples{background:#fff;text-align:center;position:relative}.samples .section-intro{margin-bottom:25px}.samples .text-link{margin-top:25px}.sample-figure{max-width:1020px;margin:0 auto 30px}.sample-figure img{width:100%;mix-blend-mode:multiply;aspect-ratio:3/2;object-fit:contain}.sample-figure figcaption{font:400 24px/1.3 var(--serif);margin-top:-25px;position:relative}.sample-note{font-size:12px;color:#8395a4;margin:18px 0 28px}.closing{text-align:center;padding-block:125px 140px}.closing h2{font-size:clamp(55px,6vw,84px)}.guide-link{display:block;font-size:12px;margin-top:25px;color:#6f8da1}.guide-link:hover{color:#009acb}footer{display:flex;gap:70px;align-items:center;border-top:1px solid #d5e3ee;padding-block:40px 55px}footer .logo{width:210px}footer p{font-size:12px;margin-bottom:8px}footer span{font-size:10px;color:#8199a9;line-height:1.5;display:block}footer>a{margin-left:auto;font-size:27px}
#window-dialog{padding:0;border:1px solid #d3e4ee;border-radius:12px;width:min(940px,calc(100% - 44px));max-height:88vh;color:var(--ink);background:#fff;box-shadow:0 40px 140px #062a4033;overflow:auto}#window-dialog::backdrop{background:#072a4066;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:18px;top:14px;background:#ffffffdb;border-radius:50%;width:40px;height:40px;font-size:28px;z-index:3;line-height:1}.dialog-layout{display:grid;grid-template-columns:40% 60%}.dialog-visual{min-height:550px;position:relative;background:#e8f4fb}.dialog-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.dialog-body{padding:55px 45px 40px}.dialog-body h2{font-size:43px;margin-bottom:18px}.dialog-body>p{font-size:14px;color:#617c8d;margin-bottom:20px}.dialog-body .eyebrow{font-size:10px;color:#0098cb}.dialog-body .small-note{font-size:10px}.dialog-list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.dialog-list span{font-size:10px;letter-spacing:.025em;padding:7px 10px;border:1px solid #dae8f0;border-radius:20px}.dialog-question{border-top:1px solid #d9e8ef;padding-top:23px;margin-top:24px}.dialog-question h3{font-weight:400;font-size:16px;margin-bottom:14px}.quiz-option{display:block;width:100%;text-align:left;padding:13px 14px;margin:8px 0;background:#f2f7fb;border:1px solid #e1ebf2;border-radius:5px;font-size:12px;line-height:1.5}.quiz-option:hover{border-color:#00aeef;background:#eefaff}.quiz-option.selected{border-color:#00aeef;background:#e5f7fd}.quiz-option.wrong{border-color:#d9ad94;background:#fff7f1}.feedback{font-size:12px;line-height:1.65;padding:16px 0;color:#3d738e}.dialog-body .button{margin-top:18px;font-size:12px;padding-inline:18px;gap:10px}.rules-body{padding:55px;max-width:650px;margin:auto}.rules-body h2{font-size:45px}.rules-body ol{padding-left:20px;display:grid;gap:20px;font-size:14px;color:#597889}.rules-body .small-note{margin-top:25px}button:disabled{cursor:default}
@media(min-width:1500px){.advent-grid{gap:24px}.hero-copy{width:calc(100% + 150px)}}
@media(max-width:1100px) and (min-width:761px){.wrap{width:calc(100% - 60px)}.advent-grid{gap:15px;grid-template-rows:repeat(5,185px)}.hero-copy{width:calc(100% + 165px);align-self:start;padding-top:20px}h1{font-size:65px}.hero-description{font-size:13px;max-width:315px}.door{padding:20px}.card-title{font-size:13px}.card-desc{font-size:12px}.method-story{gap:70px}.progress-section{gap:50px}.product-grid{gap:15px}.product img{height:230px}.section{padding-block:85px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:100px;align-items:center}.site-header .logo{width:180px}.site-header nav{gap:15px;font-size:10px}.site-header nav a:first-child{display:none}.hero{padding-top:30px;padding-bottom:60px}.advent-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:auto;gap:18px 17px}.hero-copy{grid-column:1/-1!important;grid-row:auto!important;width:100%;padding:0 0 32px;pointer-events:auto}.presenter{font-size:12px;margin-bottom:17px}.hero .eyebrow{font-size:10px;margin-bottom:21px}h1{font-size:clamp(49px,13vw,76px);line-height:1.02;margin-bottom:25px}.hero-description{font-size:13px;max-width:350px;line-height:1.7}.hero-description br{display:none}.button{font-size:12px;padding:14px 22px;gap:25px;min-height:49px}.advent-card{grid-column:auto!important;grid-row:auto!important;min-height:180px;border-radius:13px}.main-card{min-height:315px;order:1}.advent-card:not(.main-card){order:2}.door{padding:22px;border-radius:13px}.card-interior{border-radius:13px}.card-number{font-size:47px}.main-card .card-number{font-size:63px}.main-card .card-title{font-size:21px;margin-top:35px}.card-desc{font-size:12px}.card-title{font-size:13px}.card-icon{width:28px;height:28px;margin-bottom:10px}.card-reveal-label{font-size:10px}.advent-caption{margin-top:35px}.advent-caption p{font-size:24px;max-width:330px;margin:auto}.advent-caption span{font-size:11px}.section{padding-block:70px}.section-intro{margin-bottom:40px}.eyebrow{font-size:9px;letter-spacing:.19em;max-width:310px;margin-inline:auto}.section-intro>p:last-child{font-size:13px}h2{font-size:42px;line-height:1.06}.method-story{grid-template-columns:1fr;gap:30px;max-width:460px}.patient-image{margin-right:40px}.patient-image>img{aspect-ratio:4/4.5}.skin-lens{right:-40px;width:43%;top:46%}.method-steps article{padding-block:19px;gap:20px}.method-steps h3{font-size:15px}.method-steps p{font-size:12px}.product-grid{grid-template-columns:repeat(2,1fr);gap:30px 12px}.product img{height:190px;margin-block:20px}.product h3{font-size:15px}.product p{font-size:11px}.product-criterion{font-size:9px}.product-link{font-size:11px;margin-top:15px}.progress-section{grid-template-columns:1fr;gap:35px;text-align:center}.progress-copy>p:not(.eyebrow){font-size:13px}.progress-panel{padding:27px;text-align:left}.progress-row{grid-template-columns:85px 1fr 18px;font-size:12px}.samples h2{font-size:37px}.samples .section-intro>p:last-of-type br{display:none}.sample-figure{margin-top:25px}.sample-figure img{width:calc(100% + 20px);max-width:none;margin-left:-10px;aspect-ratio:1.5;object-fit:cover}.sample-figure figcaption{font-size:21px;margin-top:12px}.sample-note{font-size:10px}.closing{padding-block:75px 90px}.closing h2{font-size:55px}footer{gap:25px;flex-wrap:wrap;padding-block:30px 40px}footer .logo{width:165px}footer>div{order:3;width:100%}footer>a{font-size:23px}.dialog-layout{grid-template-columns:1fr}.dialog-visual{min-height:210px;max-height:210px}.dialog-visual>img{object-position:center 38%}.dialog-body{padding:30px 24px}.dialog-body h2{font-size:36px}.dialog-body>p{font-size:13px}#window-dialog{width:calc(100% - 28px);max-height:90dvh}.rules-body{padding:45px 25px}.rules-body h2{font-size:36px}}
@media(hover:none){.peek .door{transform:rotateY(-12deg)}.advent-card:active .door{transform:rotateY(-45deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Final spacing and physically open preview doors. */
@media(min-width:761px){.peek{--angle:-38deg}.peek .door{transform:rotateY(var(--angle))}.hero-copy{max-width:650px}}
@media(max-width:1100px) and (min-width:761px){.advent-grid{grid-template-rows:repeat(5,220px)}.hero-copy{padding-bottom:30px}.hero-description{max-width:335px}.card-title{font-size:14px}}
.hero:before{inset:0}.tone .card-interior img{height:190%;width:190%;max-width:none;position:absolute;top:-65%;left:-30%}.hero-description br{margin-right:.25em}
@media(max-width:760px){.hero-copy .eyebrow{margin-inline:0}.hero-description br{display:initial}.hero-copy{max-width:none}}
@media(max-width:420px){.door{padding:20px 18px}.main-card .card-title{font-size:18px}.card-desc{font-size:11px}.card-title{font-size:12px}.main-card .card-number{font-size:57px}.logo{max-width:155px}}
.opening-hand{position:absolute;width:125px;max-width:none;right:-44px;bottom:12%;z-index:5;pointer-events:none;filter:drop-shadow(0 7px 8px #3b647324);transition:transform .6s,opacity .6s;transform:rotate(-9deg)}.advent-card:hover .opening-hand,.advent-card:focus-visible .opening-hand{transform:translateX(10px) rotate(-14deg);opacity:.9}
@media(max-width:760px){.opening-hand{width:96px;right:-16px;bottom:12%}}
@media(min-width:761px){.opening-hand{right:-20px}}