:root{--navy:#0D1B2A;--deep:#071a2a;--blue:#1167B1;--teal:#00B4B0;--mint:#2DD4BF;--ink:#172b3a;--muted:#617486;--line:#e3ebf0;--pale:#f5f9fb;--surface:#fff;--font:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:108px}body{margin:0;color:var(--ink);font-family:var(--font);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;flex-shrink:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:1000;top:-100px;left:18px;padding:12px 18px;background:#fff;color:var(--navy);border:2px solid var(--blue);border-radius:8px}.skip-link:focus{top:15px}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap;min-height:53px;padding:0 24px;border-radius:9px;font-weight:600;font-size:13px;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button .icon{width:18px;height:18px}.button-primary{background:var(--blue);color:#fff;box-shadow:0 7px 20px rgba(17,103,177,.14)}.button-primary:hover{background:#0c589e}.button-secondary{background:#fff;border-color:#dce7eb;color:#1c3445}.button-secondary:hover{border-color:#9bbacb;background:#f7fbfd}.button-small{min-height:43px;padding-inline:17px;font-size:12px}.button-light{background:#fff;color:#0c3554}.button-light:hover{background:#e7ffff}
/* top bar + navigation */
.announcement{min-height:36px;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 20px;background:var(--navy);color:#cbdde7;font-size:10.5px;font-weight:500;letter-spacing:.035em;text-align:center}.announcement-star{color:var(--mint);font-size:15px}.announcement a{display:inline-flex;align-items:center;gap:5px;color:#a3f4e9;font-weight:600}.announcement a .icon{width:12px;height:12px}.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);z-index:50;border-bottom:1px solid #eef2f4;backdrop-filter:blur(14px)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{border-radius:9px;background:#071a2a;padding:5px 8px;box-shadow:0 3px 12px rgba(10,32,54,.12)}.brand img{width:205px;height:auto}.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto;margin-right:20px}.desktop-nav a{font-size:12px;font-weight:600;color:#405164;transition:color .2s}.desktop-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9px;border:1px solid var(--line);color:var(--navy);background:white}.menu-toggle{display:none}.mobile-nav{display:none}
/* hero */
.hero{background:radial-gradient(circle at 70% 24%,rgba(45,212,191,.06) 0,transparent 27%),linear-gradient(180deg,#f8fbfd 0,#f3f8fa 100%);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:54px;align-items:center;min-height:648px;padding-block:68px 59px;position:relative;z-index:1}.hero-art{position:absolute;inset:0;pointer-events:none}.art-ring{position:absolute;border:1px solid rgba(17,103,177,.058);border-radius:50%;right:-250px;top:-290px;width:870px;height:870px}.ring-b{width:690px;height:690px;right:-161px;top:-202px}.eyebrow,.about-eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.12em;font-size:10px;color:#22748d;font-weight:700}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(0,180,176,.1);flex-shrink:0}.hero h1{margin:24px 0 23px;color:var(--navy);font-size:clamp(42px,4.25vw,64px);line-height:1.155;letter-spacing:-.065em;font-weight:700}.highlight{color:#008eac;position:relative;white-space:nowrap}.highlight::after{content:"";position:absolute;height:7px;border-radius:50%;background:rgba(45,212,191,.28);left:0;bottom:-5px;right:-1px;transform:rotate(-2deg)}.hero-description{max-width:470px;margin:0;color:#5d7080;font-size:13.5px;line-height:1.95}.hero-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:29px}.hero-proof{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:29px;color:#657b87;font-size:10.5px;font-weight:500}.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-proof .icon{width:16px;height:16px;color:var(--teal);stroke-width:2.5}.hero-bottom{position:relative;z-index:1;display:flex;align-items:center;gap:20px;padding-bottom:23px;color:#7892a1;letter-spacing:.26em;font-size:9px;font-weight:700}.hero-bottom-line{height:1px;background:#dfebef;flex:1}
/* live optics demo */
.demo-shell{background:var(--deep);border:1px solid #193d54;border-radius:17px;overflow:hidden;box-shadow:0 23px 55px rgba(11,32,49,.14),0 3px 7px rgba(11,32,49,.05);color:#fff;min-width:0;scroll-margin-top:145px}.demo-topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid rgba(186,234,247,.1);padding:14px 22px;color:#abc5d6;font-weight:600;letter-spacing:.13em;font-size:9px}.demo-topbar-left{display:flex;align-items:center;gap:9px}.demo-live-dot,.live-label-dot{width:7px;height:7px;background:#4be9bc;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px rgba(45,212,191,.1)}.demo-topbar-right{color:#5c91a7}.demo-heading-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 25px 13px}.demo-kicker{color:#58b8c8;font-size:9px;font-weight:700;letter-spacing:.16em}.demo-heading-row h2{font-size:19px;line-height:1.4;margin:5px 0 0;letter-spacing:-.035em;font-weight:600;color:#edfaff}.live-label{display:flex;align-items:center;gap:8px;border:1px solid #2d685e;background:#123b3e;color:#84e9c5;border-radius:6px;padding:7px 10px;letter-spacing:.09em;font-size:9px;font-weight:700;white-space:nowrap}.live-label-dot{height:6px;width:6px}.optics-canvas{margin:3px 16px 8px;border:1px solid rgba(108,181,193,.13);border-radius:10px;background:radial-gradient(ellipse at 50% 49%,#103448 0%,#0a2538 52%,#071e30 100%);overflow:hidden}.optics-canvas svg{width:100%;height:auto;display:block}.svg-lab-label{fill:#6295a8;font-size:11px;font-weight:700;letter-spacing:.08em;font-family:Arial,sans-serif}.svg-axis-label{fill:#6593a8;font-size:9.5px;font-family:Arial,sans-serif;letter-spacing:.04em}.demo-control-panel{padding:13px 24px 19px}.control-label-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.control-label-row label{font-size:12px;color:#d6e8f0;font-weight:600}.power-reading{font-weight:700;color:#77f7dd;font-size:19px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.slider-row{display:flex;align-items:center;gap:13px;margin-top:10px}.adjust-button{height:29px;width:29px;flex-shrink:0;border-radius:7px;background:#143c50;color:#c5f9f3;border:1px solid #285366;font-size:19px;line-height:1}.adjust-button:hover{background:#235269}.slider-row input{width:100%;appearance:none;background:transparent;cursor:pointer;accent-color:#2dd4bf}.slider-row input::-webkit-slider-runnable-track{height:5px;border-radius:10px;background:linear-gradient(90deg,#3e8eb9,#13cabc)}.slider-row input::-moz-range-track{height:5px;border-radius:10px;background:linear-gradient(90deg,#3e8eb9,#13cabc)}.slider-row input::-webkit-slider-thumb{appearance:none;background:#e5fffd;border:3px solid #2dd4bf;width:17px;height:17px;border-radius:50%;margin-top:-6px;box-shadow:0 1px 4px #0018}.slider-row input::-moz-range-thumb{background:#e5fffd;border:3px solid #2dd4bf;width:14px;height:14px;border-radius:50%}.scale-labels{display:flex;justify-content:space-between;color:#6592a5;font-size:9px;font-weight:500;margin:2px 41px 0}.demo-presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:17px}.preset-label{font-size:9px;color:#80a1b3;font-weight:700;letter-spacing:.095em;margin-right:5px}.preset{border:1px solid #275066;color:#a5c8d6;background:#133145;border-radius:6px;padding:7px 11px;font-size:10px;font-weight:600}.preset:hover{border-color:#69adbe}.preset.is-active{border-color:#38cdbb;color:#c9fff1;background:#14514d}.reset-control{display:inline-flex;align-items:center;gap:5px;margin-left:auto;border:none;background:transparent;color:#9ebdcb;font-size:10px;font-weight:500;padding:6px 0}.reset-control:hover{color:white}.reset-control .icon{width:14px;height:14px}.lab-insight{display:flex;align-items:flex-start;gap:10px;margin-top:17px;border-radius:6px;background:#103445;padding:11px 13px;color:#b1d6de;font-size:10.5px;line-height:1.7;min-height:56px}.insight-icon{color:#5ef5d8;font-size:15px}.focal-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;color:#82a9b9;font-size:10px}.focal-info strong{color:#e8fffb;font-weight:600}.focal-divider{color:#3a6377}
/* ribbon */
.process-ribbon{background:white;border-bottom:1px solid #eff3f5}.ribbon-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:22px}.ribbon-heading{display:flex;align-items:center;gap:9px;font-size:12px;color:#728692}.ribbon-heading strong{color:#193345;font-weight:700}.mini-square{display:flex;align-items:center;justify-content:center;height:27px;width:27px;border-radius:6px;background:#dff6f3;color:#008e98;font-size:16px;margin-right:6px}.ribbon-features{display:flex;align-items:center;gap:24px}.ribbon-features span:not(.ribbon-separator){display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#4e6776}.ribbon-features .icon{color:#008eaa;height:16px;width:16px}.ribbon-separator{height:23px;width:1px;background:#e2edf1}
/* sections */
.section{padding-block:102px}.section-overline{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.17em;font-weight:700;color:#047e98;margin-bottom:19px}.section-number{font-size:10px;color:#197ead;background:#eaf6fa;display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:7px;letter-spacing:0}.section-heading-flex{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:33px}.section-title{color:var(--navy);font-size:clamp(32px,3.6vw,46px);line-height:1.23;letter-spacing:-.058em;font-weight:700;margin:0 0 16px}.section-title span{color:#1687aa}.section-description{max-width:520px;color:#728391;font-size:13px;line-height:1.95;margin:0}.text-link{display:inline-flex;align-items:center;gap:8px;color:#1167B1;font-weight:600;font-size:12px;white-space:nowrap;padding-bottom:9px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link .icon{width:16px;height:16px}
/* simulator library */
.simulators-section{background:#fff}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:17px;margin-bottom:9px}.filter-pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filter-pill{background:#f4f8fa;border:1px solid transparent;border-radius:8px;color:#697e8c;padding:10px 13px;font-size:10.5px;font-weight:600;white-space:nowrap;transition:background .18s}.filter-pill:hover{background:#e9f4f7;color:var(--navy)}.filter-pill.is-active{background:var(--navy);color:white}.search-wrap{height:40px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #e1eaef;border-radius:9px;width:237px;min-width:170px;color:#8a9cab}.search-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(17,103,177,.08)}.search-wrap .icon{width:17px;height:17px}.search-wrap input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:11px;color:var(--navy)}.search-wrap input::placeholder{color:#92a3ad}.library-count{color:#93a4af;font-size:10px;margin:14px 0 18px}.sim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sim-card{min-width:0;background:white;border:1px solid #e8edf0;border-radius:13px;overflow:hidden;box-shadow:0 4px 16px rgba(6,44,63,.025);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sim-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(7,40,61,.09);border-color:#d9e8ee}.sim-card[hidden]{display:none}.sim-card-trigger{width:100%;height:100%;text-align:left;background:none;border:0;padding:0;color:inherit;display:flex;flex-direction:column;cursor:pointer}.sim-art{position:relative;height:189px;overflow:hidden;background:#08243a}.sim-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(140,194,223,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(140,194,223,.065) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.sim-art svg:not(.icon){position:absolute;inset:0;width:100%;height:100%}.sim-art-retinoscopy{background:#102943}.sim-art-pal{background:#102d43}.sim-art-geometry{background:#0c2b45}.sim-art-boxing{background:#112c43}.sim-art-curve{background:#0a2b41}.art-label{position:absolute;z-index:1;top:16px;left:17px;color:#b1d0dd;font-size:9px;font-weight:700;letter-spacing:.15em}.art-corner-tag{position:absolute;z-index:1;bottom:13px;right:14px;display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px;background:rgba(7,31,48,.72);border:1px solid #2a6171;color:#88e1d8;font-size:8px;font-weight:700;letter-spacing:.075em}.art-corner-tag .icon{width:11px;height:11px}.sim-content{padding:22px 22px 22px;display:flex;flex-direction:column;flex:1;width:100%}.card-category{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px;letter-spacing:.10em;color:#6b8b99;font-weight:700}.card-status{color:#7f92a0;font-weight:600;font-size:8px;letter-spacing:.06em;white-space:nowrap;background:#f1f6f8;border-radius:4px;padding:5px 7px}.status-featured{color:#008f8e;background:#e4f9f5}.sim-content h3{margin:15px 0 9px;font-size:17px;line-height:1.35;letter-spacing:-.035em;color:#122b3d;font-weight:700;display:flex;justify-content:space-between;gap:9px}.sim-content h3 .icon{width:17px;height:17px;color:#7b9cac;stroke-width:1.8;opacity:0;transform:translate(-4px,4px);transition:opacity .18s,transform .18s}.sim-card:hover h3 .icon,.sim-card-trigger:focus-visible h3 .icon{opacity:1;transform:none}.sim-content p{color:#718492;font-size:11.2px;line-height:1.85;margin:0 0 18px;flex:1}.card-cta{display:flex;align-items:center;gap:8px;border-top:1px solid #edf2f4;padding-top:16px;color:#1677a5;font-size:11px;font-weight:700}.card-cta .icon{height:15px;width:15px;transition:transform .18s}.sim-card:hover .card-cta .icon{transform:translateX(5px)}.library-footer{margin-top:25px;padding:19px 23px;border:1px solid #eaf0f2;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f9fcfd;font-size:11px;color:#7b8b98}.library-footer a{display:inline-flex;align-items:center;gap:8px;color:#1167b1;font-weight:700}.library-footer a .icon{width:16px;height:16px}.empty-state{text-align:center;padding:50px 25px;border:1px dashed #d7e6ed;border-radius:12px;background:#f9fcfd}.empty-state[hidden]{display:none}.empty-state>.icon{color:#66a1bc;width:35px;height:35px}.empty-state h3{color:var(--navy);font-size:17px}.empty-state p{color:var(--muted);font-size:12px}
/* process */
.how-section{background:#f4f9fb;border-block:1px solid #eaf0f2}.how-header{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.how-header .section-description{max-width:370px;padding-bottom:13px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step-card{border:1px solid #e3ecef;background:white;border-radius:13px;padding:26px 27px 30px;min-height:286px;display:flex;flex-direction:column}.step-heading{display:flex;align-items:center;justify-content:space-between}.step-number{font-size:13px;color:#93a9b8;font-weight:700;letter-spacing:.08em}.step-icon{width:39px;height:39px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#197bb1;background:#e8f6f9}.step-icon .icon{height:20px;width:20px}.step-decor{height:75px;margin-top:19px;display:flex;align-items:center;gap:6px}.step-decor-1{padding-left:20px}.step-decor-1 span{width:22px;height:22px;border:2px solid #46c9ca;border-radius:50%;background:#e5fafa}.step-decor-1 span:nth-child(2){margin-left:18px;transform:scale(1.3);background:#0fa9ba;border:5px solid #c4f6f2}.step-decor-1 span:nth-child(3){margin-left:18px;transform:scale(.7)}.step-decor-2{padding-left:18px}.step-decor-2 i{display:block;width:56px;height:1px;background:#7cd5dd;position:relative;transform:rotate(14deg)}.step-decor-2 i:nth-child(2){transform:rotate(0);background:#00a9b5}.step-decor-2 i:nth-child(3){transform:rotate(-14deg)}.step-decor-2:after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#10b5b8;box-shadow:0 0 0 8px #dcf8f5;position:relative;left:-4px}.step-decor-3{padding-left:19px}.step-decor-3 span{display:flex;align-items:center;justify-content:center;height:49px;width:49px;border-radius:50%;background:#d9f7ed;color:#0baf94;font-size:24px;box-shadow:0 0 0 6px rgba(45,212,191,.1)}.step-card h3{margin:4px 0 10px;color:var(--navy);font-size:17px;letter-spacing:-.035em}.step-card p{margin:0;color:#738796;font-size:11.5px;line-height:1.95}
/* resources */
.resources-section{background:white}.resource-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:90px;align-items:center}.resource-copy .section-title{margin-bottom:20px}.resource-copy .section-description{margin-bottom:27px;max-width:430px}.resource-stack{display:grid;gap:13px}.resource-card{display:flex;align-items:center;gap:20px;padding:21px 23px;background:white;border:1px solid #e6edf1;border-radius:11px;box-shadow:0 4px 15px rgba(13,27,42,.025)}.resource-icon{height:52px;width:52px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e8f8f6;color:#029e9d}.resource-icon .icon{height:23px;width:23px}.resource-icon-2{background:#edf5fe;color:#147bbf}.resource-icon-3{background:#e9f6f9;color:#167ea0}.resource-card div{flex:1}.resource-card h3{color:var(--navy);font-size:13px;margin:0 0 6px}.resource-card p{font-size:10.5px;line-height:1.75;color:#778b98;margin:0}.resource-numeral{align-self:start;color:#b8cbd5;font-size:10px;font-weight:700}
/* about */
.about-section{padding:0 0 94px;background:white}.about-box{min-height:356px;background:linear-gradient(110deg,#0a2439,#08354b);border-radius:17px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:center;padding:65px 68px}.about-box:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(54,201,219,.14);border-radius:50%;right:-90px;top:-180px;box-shadow:0 0 0 75px rgba(12,116,133,.065),0 0 0 154px rgba(0,160,177,.035)}.about-watermark{position:absolute;right:-33px;bottom:-137px;font-size:340px;font-weight:800;letter-spacing:-.18em;color:rgba(101,230,223,.035);pointer-events:none}.about-content{position:relative;z-index:1;max-width:670px}.about-eyebrow{color:#89e3d8;font-size:9px}.about-content h2{font-size:clamp(30px,3.45vw,43px);line-height:1.33;font-weight:600;letter-spacing:-.055em;margin:19px 0 16px}.about-content h2 em{color:#59edcf;font-style:normal}.about-content p{color:#b4d1da;line-height:1.9;font-size:12px;max-width:595px;margin:0 0 26px}.about-stamp{position:absolute;right:80px;top:44px;bottom:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.52}.about-stamp img{height:112px;width:112px;object-fit:cover;border-radius:26px}.about-stamp span{font-weight:700;letter-spacing:.35em;font-size:10px;text-align:center;line-height:2.2;margin-top:17px;color:#abf5ec}.about-content{padding-right:55px}
/* footer */
.footer{background:#081a29;color:#98b6c6}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:70px;padding:63px 0 60px}.footer-logo{display:inline-block;border-radius:8px;overflow:hidden}.footer-logo img{width:245px;height:auto}.footer-main p{margin:16px 0 0;font-size:11.5px;line-height:1.85;color:#8eabba}.footer-link-cols{display:flex;gap:100px;margin-right:33px}.footer-link-cols div{display:flex;flex-direction:column;gap:14px}.footer-link-cols strong{color:#e9f7fc;font-size:10px;letter-spacing:.12em;margin-bottom:4px}.footer-link-cols a{color:#97b3c1;font-size:11px}.footer-link-cols a:hover{color:#64e1d5}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;border-top:1px solid #1a394a;font-size:10px;color:#7f9aaa}.footer-bottom strong{letter-spacing:.15em;font-size:9px;color:#6aabb3}.footer-bottom a:hover{color:white}
/* modal */
.sim-modal{position:fixed;inset:0;margin:auto;border:1px solid #dfe8ed;border-radius:17px;box-shadow:0 25px 100px #071a2a7a;max-width:min(510px,calc(100% - 32px));max-height:min(92vh,740px);padding:36px;background:white;color:var(--navy);overflow:auto}.sim-modal::backdrop{background:rgba(5,22,38,.68);backdrop-filter:blur(5px)}.modal-close{position:absolute;right:18px;top:18px}.modal-kicker{color:#058eae;font-size:10px;font-weight:700;letter-spacing:.14em;padding-right:45px}.sim-modal h2{font-size:29px;line-height:1.25;letter-spacing:-.05em;margin:15px 40px 11px 0}.sim-modal>p{color:#627d8e;font-size:12px;line-height:1.85}.modal-detail-heading{font-size:10px;font-weight:700;letter-spacing:.12em;color:#167a9e;margin:22px 0 12px}.sim-modal ul{padding-left:21px;margin:0 0 24px;font-size:12px;color:#4d6675;line-height:2.25}.sim-modal li::marker{color:var(--teal)}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.modal-actions .button{font-size:11.5px;min-height:46px}.sim-modal .modal-footnote{font-size:10px;color:#8fa0aa;margin-top:20px}.sim-modal[open]{animation:modal-appear .19s ease-out}@keyframes modal-appear{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
/* responsive */
@media(max-width:1100px){.desktop-nav{gap:19px;margin-right:5px}.hero-grid{gap:29px}.hero h1{font-size:clamp(40px,4.6vw,56px)}.resource-layout{gap:44px}.about-stamp{right:40px;opacity:.36}.about-content{padding-right:100px}.card-category{font-size:8px}.sim-content{padding:19px}.sim-content h3{font-size:16px}}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:inline-flex}.header-inner{height:76px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:9px 32px 21px;border-top:1px solid #e6eef1;box-shadow:0 14px 20px #092a3714}.mobile-nav a{padding:13px 6px;font-size:12px;font-weight:600;border-bottom:1px solid #edf2f4}.mobile-nav .mobile-apps-link{color:var(--blue);border:0;display:flex;align-items:center;gap:7px}.hero-grid{grid-template-columns:1fr;gap:40px;padding-top:75px;max-width:700px}.hero h1{font-size:clamp(45px,7vw,68px)}.hero-copy{max-width:625px}.hero-description{max-width:555px}.demo-shell{max-width:680px}.ribbon-inner{flex-direction:column;align-items:start;justify-content:center;gap:12px;padding-block:18px}.section{padding-block:82px}.sim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-layout{grid-template-columns:1fr;gap:35px}.resource-copy .section-description{max-width:570px}.resource-stack{grid-template-columns:1fr}.how-header{align-items:start}.about-stamp{right:20px;opacity:.22}}
@media(max-width:640px){.container{width:min(100% - 36px,520px)}.announcement{font-size:9px;gap:6px;flex-wrap:wrap}.announcement a .icon{display:none}.header-inner{height:69px}.brand img{width:178px}.hero-grid{padding-top:52px;padding-bottom:43px;gap:34px}.hero h1{font-size:clamp(39px,10.2vw,54px);margin-top:20px}.hero-description{font-size:12px;line-height:1.85}.hero-buttons{gap:10px}.hero-buttons .button{padding-inline:15px;min-height:49px;font-size:11px}.hero-proof{margin-top:20px;gap:12px;font-size:9.5px}.hero-bottom{gap:9px;font-size:8px;letter-spacing:.16em}.demo-shell{border-radius:12px}.demo-topbar{padding:11px 14px;font-size:8px}.demo-topbar-right{font-size:7px}.demo-heading-row{padding:18px 15px 10px}.demo-heading-row h2{font-size:16px}.demo-kicker{font-size:8px}.live-label{font-size:8px;padding:5px 7px}.optics-canvas{margin:2px 9px 7px}.demo-control-panel{padding:13px 15px 17px}.demo-presets{gap:5px}.preset-label{width:100%;margin-bottom:2px}.reset-control{margin-left:auto}.lab-insight{font-size:10px}.ribbon-heading{font-size:10px;flex-wrap:wrap;gap:5px}.ribbon-features{gap:12px}.ribbon-features span:not(.ribbon-separator){font-size:9px}.section{padding-block:65px}.section-title{font-size:33px}.section-heading-flex,.how-header{display:block}.section-heading-flex .text-link{margin-top:19px}.section-description{font-size:12px}.library-toolbar{align-items:stretch;flex-direction:column;gap:15px}.filter-pills{gap:6px}.filter-pill{font-size:9.5px;padding:9px 10px}.search-wrap{width:100%}.sim-grid{grid-template-columns:1fr;gap:16px}.sim-art{height:176px}.sim-content{padding:19px 20px}.sim-content h3{font-size:18px}.sim-content p{font-size:11.5px}.library-footer{display:block;font-size:10px;padding:16px}.library-footer a{display:flex;margin-top:9px}.how-header .section-description{padding:0;margin-top:13px}.steps-grid{grid-template-columns:1fr;gap:14px}.step-card{min-height:225px;padding:20px 24px}.step-decor{height:60px;margin-top:12px}.resource-card{padding:17px;gap:13px}.resource-icon{height:43px;width:43px}.resource-icon .icon{width:20px;height:20px}.resource-card h3{font-size:12px}.resource-card p{font-size:10px}.about-section{padding-bottom:65px}.about-box{padding:37px 27px;min-height:400px}.about-content{padding-right:0}.about-content h2{font-size:32px}.about-content p{font-size:11px}.about-stamp{display:none}.about-watermark{right:-30px;bottom:-30px;font-size:250px}.footer-main{display:block;padding:40px 0}.footer-logo img{width:214px}.footer-link-cols{gap:47px;margin:37px 0 0}.footer-bottom{flex-wrap:wrap;padding-block:18px;gap:11px}.footer-bottom strong{order:3;width:100%}.sim-modal{padding:25px 22px}.sim-modal h2{font-size:24px}.modal-actions{flex-direction:column}.modal-actions .button{width:100%}}
@media(max-width:380px){.brand img{width:158px}.hero-buttons .button{width:100%}.demo-topbar-right{display:none}.focal-info{font-size:9px}.preset{font-size:9px;padding:6px 8px}.ribbon-features{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* LearnOptix learning guides, FAQ and supporting informational pages */
.guides-section{background:#f8fbfc}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.guide-card{display:flex;flex-direction:column;border:1px solid #e2ebf0;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(10,45,67,.035);transition:transform .18s,border-color .18s,box-shadow .18s}.guide-card:hover,.guide-card:focus-visible{transform:translateY(-3px);border-color:#98d4d5;box-shadow:0 12px 28px rgba(10,45,67,.095)}.guide-art{height:170px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.guide-art-one{background:radial-gradient(circle at center,#155570,#092c46 70%)}.guide-art-two{background:radial-gradient(circle at center,#137b8b,#0d3553 75%)}.guide-art-three{background:radial-gradient(circle at center,#16799b,#112d54 75%)}.guide-art-tag{position:absolute;z-index:1;top:17px;left:19px;font-size:9px;letter-spacing:.14em;font-weight:700;color:#d1f7f6}.guide-visual-cross{width:125px;height:125px;border:1px solid #54d4db;border-radius:50%;position:relative;box-shadow:0 0 0 16px rgba(100,218,229,.08),0 0 0 33px rgba(100,218,229,.035)}.guide-visual-cross i:first-child{position:absolute;left:50%;top:0;height:100%;width:2px;background:#73f3e6}.guide-visual-cross i:nth-child(2){position:absolute;left:0;top:50%;height:2px;width:100%;background:#73f3e6}.guide-visual-cross i:last-child{position:absolute;width:30px;height:30px;left:calc(50% - 15px);top:calc(50% - 15px);background:#a2fff4;border-radius:50%;box-shadow:0 0 25px #43c0dc}.guide-visual-power{color:#d6ffff;text-align:center}.guide-visual-power span{display:block;font-weight:700;font-size:42px;letter-spacing:-.04em}.guide-visual-power small{display:block;color:#81e7e3;font-size:17px}.guide-visual-pal{border:2px solid #affcf4;background:linear-gradient(180deg,#1668b5 0%,#23b7c4 48%,#4ee2c5 100%);box-shadow:0 7px 22px #0b3a5e;width:124px;height:139px;border-radius:31px 31px 45px 45px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:17px 4px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.035em}.guide-card-copy{padding:23px 23px 24px;display:flex;flex-direction:column;flex:1}.guide-meta{color:#147b8b;font-size:9px;font-weight:700;letter-spacing:.095em}.guide-card h3{font-size:17px;color:var(--navy);line-height:1.4;letter-spacing:-.025em;margin:11px 0 10px}.guide-card p{font-size:11.5px;color:#617486;line-height:1.85;margin:0 0 22px}.guide-link{margin-top:auto;display:inline-flex;justify-content:space-between;align-items:center;gap:10px;color:#086596;font-size:11px;font-weight:700}.guide-link span{font-size:18px}.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:84px}.faq-intro .section-description{max-width:390px}.faq-intro .text-link{display:inline-flex;margin-top:24px}.faq-items{border-top:1px solid #dfe9ee}.faq-items details{border-bottom:1px solid #dfe9ee;padding:4px 0}.faq-items summary{display:flex;list-style:none;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;min-height:68px;padding:13px 4px;color:var(--navy);font-size:13px;font-weight:600}.faq-items summary::-webkit-details-marker{display:none}.faq-items p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 20px;padding-right:35px}.faq-items p a,.article-body a:not(.button),.legal-body a,.contact-main p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.faq-plus{width:26px;height:26px;border:1px solid #c9dce4;border-radius:50%;position:relative;flex-shrink:0}.faq-plus:before,.faq-plus:after{content:"";position:absolute;background:#1167b1;left:7px;right:7px;top:12px;height:1.5px}.faq-plus:after{transform:rotate(90deg)}.faq-items details[open] .faq-plus{background:#e8fbfa;border-color:#80d9da}.faq-items details[open] .faq-plus:after{transform:rotate(0)}
.inner-page .site-header{top:0}.inner-page .header-inner{height:79px}.inner-page .desktop-nav a[aria-current=page]{color:var(--blue)}.page-hero{padding:64px 0 59px;background:#f3f8fa;border-bottom:1px solid #e4edf2}.breadcrumb{display:flex;align-items:center;gap:13px;color:#6a8390;font-size:11px;margin-bottom:31px;flex-wrap:wrap}.breadcrumb a{color:#1167b1;font-weight:600}.page-kicker{display:block;color:#087e89;letter-spacing:.12em;font-size:10px;font-weight:700}.page-hero h1{font-size:clamp(32px,4.3vw,53px);letter-spacing:-.055em;line-height:1.18;color:var(--navy);max-width:840px;margin:15px 0 18px}.page-hero p{font-size:14px;line-height:1.9;color:#536c7a;max-width:800px;margin:0}.inside-section{padding-block:70px}.guide-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end}.guide-intro h2{color:var(--navy);font-size:31px;line-height:1.3;margin:12px 0 0;letter-spacing:-.04em}.guide-intro h2 span{color:var(--blue)}.guide-intro p{font-size:12.5px;color:#5a7280;line-height:1.85}.guide-grid-inner{margin-top:38px}.inside-cta{margin-top:48px;background:#eef8fa;border-radius:16px;padding:34px 39px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:space-between}.inside-cta h2{color:#0D1B2A;font-size:23px;letter-spacing:-.03em;margin:0}.inside-cta p{margin:0;max-width:340px;color:var(--muted);font-size:12px;line-height:1.8}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,270px);justify-content:space-between;gap:55px;padding-block:67px 100px}.article-body{min-width:0;color:#364c5b;font-size:13px;line-height:2}.article-meta,.legal-updated{font-size:10px;color:#087b8b;font-weight:700;letter-spacing:.08em}.article-lead{color:#3c5a6b;font-size:18px!important;line-height:1.75!important;margin:22px 0 33px!important}.article-body h2,.legal-body h2{color:#0D1B2A;font-size:23px;line-height:1.4;letter-spacing:-.035em;margin:39px 0 13px}.article-body h3{font-size:15px;line-height:1.45;color:#0D1B2A}.article-body p,.legal-body p{margin:11px 0 20px}.article-body ol,.article-body ul,.legal-body ol{padding-left:25px;margin:10px 0 25px}.article-body li,.legal-body li{padding-left:4px;margin:9px 0}.example-panel{padding:22px 25px;background:#f3f9fb;border:1px solid #dbeaf0;border-radius:13px;margin:25px 0}.example-panel p:last-child{margin-bottom:0}.example-label,.formula-panel span{color:#0b728a;font-weight:700;letter-spacing:.12em;font-size:9px}.learning-table{border-collapse:collapse;width:100%;font-size:12px;margin:17px 0 22px}.learning-table th{text-align:left;color:#0D1B2A;background:#e5f1f5}.learning-table th,.learning-table td{padding:11px 13px;border-bottom:1px solid #dce9ed;vertical-align:top}.learning-table th:last-child,.learning-table td:last-child{font-weight:600}.rx-result{padding:17px;background:#0D1B2A;color:#b6fcf1;text-align:center;border-radius:8px;font-weight:700;font-size:17px;letter-spacing:-.01em}.article-note{margin-top:39px;padding:25px 28px;border:1px solid #c8e7e9;border-radius:13px;background:#f4fbfa}.article-note strong{color:var(--navy);font-size:15px}.article-note p{font-size:12px;color:#4a6875}.article-note .button{margin-top:4px}.subtle-note{margin:25px 0;background:#f6fafb}.answer-reveal{border:1px solid #d7e6ec;border-radius:10px;padding:14px 18px;margin:12px 0 25px;background:#fff}.answer-reveal summary{cursor:pointer;color:var(--blue);font-weight:700}.answer-reveal p{margin-bottom:0}.references{overflow-wrap:anywhere}.references a{font-weight:500}.article-side{position:relative}.side-card{padding:23px;border:1px solid #ddebf0;border-radius:12px;margin-bottom:17px;background:#fbfdfe}.side-card>strong{display:block;color:#0a6682;letter-spacing:.1em;font-size:10px;margin-bottom:14px}.side-card>a:not(.button){display:block;font-size:12px;color:var(--navy);margin:12px 0;line-height:1.6}.side-card p{font-size:11px;line-height:1.85;color:#55717f}.formula-panel{padding:25px 30px;text-align:center;background:#0D1B2A;color:#fff;border-radius:14px;margin:22px 0}.formula-panel span{color:#84ddd9}.formula-panel .formula{font-size:34px;font-weight:600;line-height:1.5;margin:8px 0}.formula-panel p{font-size:12px;margin:0;color:#d2eaf0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.compare-card{padding:23px;background:#f2f9fb;border:1px solid #dcecf0;border-radius:12px}.compare-card .compare-sign{font-size:28px;color:#09849a}.compare-card strong{font-size:11px;color:#0d6f81}.compare-card p{font-size:12px;line-height:1.8}.zone-chart{background:#f1f8fa;border-radius:14px;border:1px solid #dcecf0;display:flex;gap:40px;align-items:center;padding:24px 34px;margin:25px 0}.zone-lens{width:158px;min-width:158px;height:210px;border:3px solid #277caa;border-radius:43px 43px 62px 62px;background:linear-gradient(180deg,#b8dbfc 0%,#8cddf0 38%,#75e7cd 100%);display:flex;align-items:center;justify-content:space-around;flex-direction:column;padding:25px 3px;color:#0D1B2A;font-size:10px;font-weight:700;text-align:center}.zone-chart>div:last-child p{font-size:12px;color:#5c7280;line-height:1.85}.zone-chart>div:last-child strong{font-size:14px;color:#0D1B2A}
.legal-body{max-width:820px;font-size:13px;line-height:2;color:#425c6b}.legal-body h2:first-of-type{margin-top:23px}.legal-body .legal-footnote{padding:20px;border-left:3px solid #23a9a9;background:#f4fafb;font-size:11px}.contact-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:57px}.contact-main>h2{color:#0D1B2A;font-size:27px;line-height:1.4;letter-spacing:-.04em;margin:0 0 14px}.contact-main>p{font-size:13px;color:#617486;line-height:1.9;max-width:670px}.contact-card{display:flex;gap:19px;padding:30px;border:1px solid #d9e9ed;background:#f3fafb;border-radius:15px;margin:28px 0}.contact-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:12px;background:#1167B1;color:#fff;font-size:21px;flex-shrink:0}.contact-card h3{margin:0;color:#0D1B2A;font-size:17px}.contact-card p,.contact-note p,.contact-note li{font-size:12px;line-height:1.85;color:#556e7e}.contact-card .button{margin-top:9px}.contact-note{padding:10px 2px}.contact-note h3{font-size:15px;color:#0D1B2A}.contact-note ol{padding-left:24px}.small-muted{font-size:10px!important}
@media(max-width:1100px){.guide-grid{gap:16px}.guide-card-copy{padding:20px}.faq-layout{gap:45px}.article-layout{gap:30px}.inner-page .desktop-nav{gap:15px}}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-layout{grid-template-columns:1fr;gap:28px}.article-layout{grid-template-columns:1fr;gap:25px}.article-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.article-side .side-card{margin-bottom:0}.contact-grid{grid-template-columns:1fr}.guide-intro{grid-template-columns:1fr;gap:12px}}
@media(max-width:640px){.guide-grid{grid-template-columns:1fr;margin-top:24px}.guide-art{height:152px}.faq-items summary{font-size:12px;min-height:62px}.faq-items p{font-size:11.5px}.page-hero{padding:35px 0 40px}.page-hero h1{font-size:34px}.page-hero p{font-size:12px}.breadcrumb{margin-bottom:22px}.inside-section{padding-block:42px}.guide-intro h2{font-size:25px}.inside-cta{padding:23px;display:block}.inside-cta h2{font-size:19px}.inside-cta p{margin:12px 0 20px}.article-layout{padding-block:38px 65px}.article-lead{font-size:15px!important}.article-body h2,.legal-body h2{font-size:20px}.article-side{grid-template-columns:1fr}.example-panel{padding:16px;overflow-x:auto}.learning-table{font-size:10.5px}.learning-table th,.learning-table td{padding:8px}.rx-result{font-size:13px}.compare-grid{grid-template-columns:1fr}.zone-chart{flex-direction:column;padding:23px;gap:18px}.contact-card{padding:19px;flex-direction:column}.contact-grid{gap:28px}}

/* Official LearnOptix contact channel */
.contact-card-primary{background:#eef9f8;border-color:#bfe5e1}
.contact-email{font-size:clamp(15px,2vw,21px)!important;font-weight:700;letter-spacing:-.025em;margin:12px 0!important;overflow-wrap:anywhere}
.contact-email a{color:#0b5c88;text-decoration:underline;text-underline-offset:4px}
.side-card .text-link{overflow-wrap:anywhere}