@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/epilogue-vietnamese-400-normal-BDhCKtHJ.woff2)format("woff2"),url(/assets/epilogue-vietnamese-400-normal-D6v1rLTh.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/epilogue-latin-ext-400-normal-CWyPZsvD.woff2)format("woff2"),url(/assets/epilogue-latin-ext-400-normal-BxSzO5XL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/epilogue-latin-400-normal-8JEYEp9J.woff2)format("woff2"),url(/assets/epilogue-latin-400-normal-BXcZOK1z.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/epilogue-vietnamese-600-normal-vuqwiQLv.woff2)format("woff2"),url(/assets/epilogue-vietnamese-600-normal-sDvsJZKn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/epilogue-latin-ext-600-normal-B8d75QNE.woff2)format("woff2"),url(/assets/epilogue-latin-ext-600-normal-C0owflia.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/epilogue-latin-600-normal-D8BqY1hl.woff2)format("woff2"),url(/assets/epilogue-latin-600-normal-B5TlYxRi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/epilogue-vietnamese-800-normal-DBoIz6Ej.woff2)format("woff2"),url(/assets/epilogue-vietnamese-800-normal-Dpul3Afy.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/epilogue-latin-ext-800-normal-DNsgv9s8.woff2)format("woff2"),url(/assets/epilogue-latin-ext-800-normal-20GrdkYJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Epilogue;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/epilogue-latin-800-normal-DwS9Rjcn.woff2)format("woff2"),url(/assets/epilogue-latin-800-normal-gEU229a3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fbfbf8;--ink:#111;--muted:#5b5d63;--blue:#2f5bea;--blue-soft:#eef2ff;--line:#e2e2dc;--font:"Epilogue", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 56px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--font);margin:0}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:800;line-height:1.02}h2{font-size:clamp(2rem,4.6vw,3.2rem)}p{margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--ink);color:#fff;border-radius:8px;padding:10px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.small{color:var(--muted);font-size:.875rem}.sub{color:var(--muted);max-width:54ch;margin-top:10px}.banner{background:var(--ink);color:#f1f1ec;text-align:center;margin:0;padding:.55rem 1rem;font-size:.85rem}.banner a{color:#a9bcff}.banner-cta{white-space:nowrap;font-weight:600}.btn{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--blue)}.top{z-index:10;padding:12px var(--gutter);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:24px;display:flex;position:sticky;top:0}.brand{font:800 1.6rem/.9 var(--font);letter-spacing:-.04em;text-decoration:none}.brand small{letter-spacing:0;color:var(--muted);font-size:.75rem;font-weight:400;display:block}.top nav{gap:24px;margin-left:auto;display:none}.top nav a{font-weight:600;text-decoration:none}.call{background:var(--blue);color:#fff;border-radius:999px;align-items:center;min-height:44px;margin-left:auto;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}@media (width>=900px){.top nav{display:flex}.call{margin-left:8px}}@property --lx{syntax:"<percentage>";inherits:true;initial-value:88%}@property --ly{syntax:"<percentage>";inherits:true;initial-value:62%}.hero{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.stage{--r:78px;border-bottom:1px solid var(--line);background:#fff;transition:--lx 1.6s cubic-bezier(.2,.75,0,1),--ly 1.6s cubic-bezier(.2,.75,0,1);position:relative;overflow:hidden}.stage.dragging{transition:none}.stage .chart{background:0 0;border:0;border-radius:0;padding:36px 16px 44px}.chart.blur{filter:blur(5px);opacity:.75}.chart.sharp{clip-path:circle(calc(var(--r) - 6px) at var(--lx) var(--ly));position:absolute;inset:0}.loupe{left:var(--lx);top:var(--ly);width:calc(var(--r) * 2);height:calc(var(--r) * 2);cursor:grab;touch-action:none;border:9px solid var(--ink);background:radial-gradient(circle at 30% 25%,#ffffff73,#0000 40%);border-radius:50%;padding:0;position:absolute;translate:-50% -50%;box-shadow:inset 0 0 0 2px #ffffffb3,0 22px 40px -14px #00000073}.loupe:active{cursor:grabbing}.loupe:after{content:"";width:16px;height:calc(var(--r) * .9);background:var(--ink);transform-origin:top;border-radius:8px;position:absolute;top:82%;left:82%;transform:rotate(-45deg)}.loupe-tag{background:var(--blue);color:#fff;white-space:nowrap;pointer-events:none;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600;position:absolute;top:calc(100% + 18px);left:50%;translate:-50%}.loupe:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.hero-text{padding:28px var(--gutter) 44px}@media (width>=900px){.hero{grid-template-columns:minmax(0,1fr)}.stage{--r:116px;align-content:center;min-height:min(760px,100svh - 110px);display:grid}.stage .chart{padding:52px 3% 52px 46%}.stage .chart .r1{font-size:clamp(8rem,13vw,13rem)}.stage .chart .r2{font-size:clamp(5rem,7.6vw,7.6rem)}.stage .chart .r3{font-size:clamp(3.4rem,5vw,5rem)}.stage .chart .r4{font-size:clamp(2.4rem,3.4vw,3.4rem)}.stage .chart .r5{font-size:clamp(1.7rem,2.4vw,2.4rem)}.stage .chart .r6{font-size:clamp(1.2rem,1.7vw,1.7rem)}.stage .chart .r7{font-size:clamp(.8rem,1.1vw,1.1rem)}.chart.sharp{align-content:center}.hero-text h1{font-size:clamp(2rem,3.1vw,3rem)}.hero-text .lead{margin:14px 0 20px}.hero-text{left:var(--gutter);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22px;width:min(540px,42%);padding:28px 30px;position:absolute;bottom:40px;box-shadow:0 24px 60px -30px #0006}}@media (prefers-reduced-motion:reduce){.stage{transition:none}}.chart{border:1px solid var(--line);text-align:center;letter-spacing:.18em;background:#fff;border-radius:20px;justify-items:center;gap:.3em;padding:28px 16px;font-weight:800;line-height:1;display:grid;overflow:hidden}.chart p{white-space:nowrap}.chart .r1{font-size:clamp(5rem,16vw,9rem)}.chart .r2{font-size:clamp(3.2rem,9vw,5.2rem)}.chart .r3{font-size:clamp(2.2rem,6vw,3.4rem)}.chart .r4{font-size:clamp(1.6rem,4.2vw,2.3rem)}.chart .r5{font-size:clamp(1.15rem,3vw,1.6rem)}.chart .r6{font-size:clamp(.85rem,2.2vw,1.15rem)}.chart .r7{color:var(--blue);font-size:clamp(.5rem,1.5vw,.75rem)}.hero h1{font-size:clamp(2.2rem,5.4vw,4rem)}.lead{max-width:46ch;color:var(--muted);margin:18px 0 26px;font-size:1.12rem}.recipe{padding:clamp(48px, 7vw, 96px) var(--gutter);background:var(--blue-soft)}.recipe-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;margin-top:28px;display:grid}.rx{overflow-x:auto}.rx table{border-collapse:separate;border-spacing:6px;background:#fff;border-radius:16px;width:100%;padding:10px}.rx th{text-align:left;padding:0 4px;font-size:.85rem;font-weight:800}.rx th small{color:var(--muted);font-weight:400;display:block}.rx select,.rx input{font-variant-numeric:tabular-nums;background:#fff;border:1px solid #c9cfe6;border-radius:10px;width:100%;min-width:64px;min-height:48px;padding:0 2px;font-size:.95rem}.explain{gap:14px;display:grid}.eye{background:#fff;border-radius:16px;padding:18px}.eye h3{font-size:1.2rem}.eye ul{gap:6px;margin:8px 0 0;padding-left:1.1em;display:grid}.lens{background:var(--ink);color:#fff;border-radius:16px;gap:6px;padding:20px;display:grid}.lens-head{letter-spacing:.12em;text-transform:uppercase;color:#a9bcff;font-size:.8rem;font-weight:600}.lens-index{letter-spacing:-.04em;font-size:3.4rem;font-weight:800;line-height:1}.lens-index small{letter-spacing:0;font-size:1rem;font-weight:400}.lens-price{font-size:1.6rem;font-weight:800}.lens-price small{color:#c9cbd3;font-size:.9rem;font-weight:400}.issues{color:#7a1d14;background:#ffe8e3;border-radius:10px;padding:12px 14px;font-weight:600}@media (width>=1000px){.recipe-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.frames{padding:clamp(48px, 7vw, 96px) var(--gutter);grid-template-columns:minmax(0,1fr);align-items:center;gap:28px;display:grid}.frames fieldset{border:0;min-width:0;margin:22px 0 0;padding:0}.frames legend{margin-bottom:10px;font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip input{opacity:0;width:1px;height:1px;position:absolute}.chip span{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;min-height:44px;padding:0 16px;font-weight:600;display:inline-flex}.chip.meh span{color:var(--muted)}.chip input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.chip input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}.why{max-width:46ch;margin-top:18px;font-size:1.05rem}.mirror{background:linear-gradient(160deg, #fff, var(--blue-soft));border:1px solid var(--line);text-align:center;border-radius:200px 200px 24px 24px;justify-self:center;width:min(100%,380px);margin:0;padding:20px}.mirror svg{width:100%;height:auto}.mirror .face>*{fill:#f3e2d3;stroke:var(--ink);stroke-width:3px}.mirror .features *{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.mirror .features circle{fill:var(--ink)}.mirror .frame *{fill:#2f5bea1f;stroke:var(--blue);stroke-width:6px;stroke-linejoin:round;stroke-linecap:round}.mirror .frame path:nth-last-child(-n+3){fill:none}.mirror .frame.meh *{stroke:#8a8d96}.mirror figcaption{color:var(--muted);margin-top:8px;font-size:.9rem}@media (width>=900px){.frames{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.exam{padding:clamp(48px, 7vw, 96px) var(--gutter);background:var(--ink);color:#fff;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;display:grid}.exam img{aspect-ratio:4/3;object-fit:cover;border-radius:20px;width:100%}.exam>div>p{color:#c9cbd3;max-width:46ch;margin-top:10px}.day-tabs{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.tab{text-align:left;cursor:pointer;background:0 0;border:1px solid #3a3c42;border-radius:12px;min-width:96px;min-height:56px;padding:6px 14px;font-weight:600;display:grid}.tab:first-letter{text-transform:uppercase}.tab small{color:#a5a8b0;font-weight:400}.tab[aria-selected=true]{color:var(--ink);background:#fff}.tab[aria-selected=true] small{color:var(--muted)}.tab:disabled{opacity:.4;cursor:default}.times{flex-wrap:wrap;gap:8px;margin:14px 0 20px;display:flex}.time{font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #3a3c42;border-radius:999px;min-width:76px;min-height:44px;padding:0 14px;font-weight:600}.time[aria-pressed=true]{background:var(--blue);border-color:var(--blue)}.book{gap:14px;display:grid}.row2{gap:12px;display:grid}@media (width>=640px){.row2{grid-template-columns:1fr 1fr}}.field{gap:4px;display:grid}.field span{font-size:.95rem;font-weight:600}.field input{background:#1c1d20;border:1px solid #3a3c42;border-radius:10px;width:100%;min-height:48px;padding:0 12px}.exam .btn{color:var(--ink);background:#fff}.exam .btn:hover{background:#a9bcff}.exam .small{color:#a5a8b0}@media (width>=900px){.exam{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px}}.strip{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.strip img{aspect-ratio:1;object-fit:cover;width:100%}@media (width>=900px){.strip{grid-template-columns:repeat(4,1fr)}}.visit{padding:clamp(48px, 7vw, 88px) var(--gutter)}.visit>p{color:var(--muted);margin-top:10px}.visit-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.visit-row a{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:999px;align-items:center;min-height:48px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.done{width:min(520px,100% - 24px);color:var(--ink);background:#fff;border:0;border-radius:20px;padding:24px}.done::backdrop{background:#1111118c}.done h2{font-size:clamp(1.6rem,5vw,2.2rem)}.done h2:focus{outline:none}.done>div>p{margin-top:8px}.slip{background:var(--blue-soft);border-radius:14px;gap:4px;margin:16px 0;padding:16px;display:grid}.slip-head{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-size:.8rem;font-weight:600}.slip-main{font-size:1.15rem;font-weight:800}.slip-main:first-letter{text-transform:uppercase}.foot{padding:22px var(--gutter) calc(22px + env(safe-area-inset-bottom));color:var(--muted);border-top:1px solid var(--line);font-size:.85rem}.top nav a{align-items:center;min-height:44px;padding-inline:6px;display:inline-flex}@media (width<=480px){.rx table{border-spacing:3px;padding:6px}.rx select,.rx input{min-width:0;font-size:.9rem}}
