:root{--bg:#08131f;--panel:#111f2d;--text:#f1f5f7;--muted:#abb9c6;--line:#ffffff20;--blue:#6dbbff;--violet:#c4a5ff;--mint:#8be1b5;color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-80px;padding:16px;background:white;color:black;z-index:10}.skip:focus{top:0}.header{border-bottom:1px solid var(--line)}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:168px}.brand img{width:100%;height:auto}.nav nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}.nav nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#e8f3fc;color:#09213a;border:1px solid transparent;border-radius:7px;padding:16px 22px;font-weight:700;font-size:14px;min-height:48px}.button:hover{background:#c6e7ff}.button.small{font-size:12px;padding:11px 17px;min-height:42px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;margin:0 0 22px;color:var(--blue)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.1;letter-spacing:-.055em}h1{font-size:clamp(42px,4.35vw,66px);font-weight:800;margin-bottom:26px}h1 span{color:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:70px;padding-bottom:80px;min-height:670px}.intro{max-width:480px;color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:30px}.hero-labels{display:flex;gap:26px;margin-top:42px}.hero-labels a{font-size:13px;font-weight:700;border-top:2px solid var(--blue);padding-top:12px}.hero-labels a:nth-child(2){border-color:var(--violet)}.hero-labels a:nth-child(3){border-color:var(--mint)}.hero-labels span{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.hero-art{position:relative;height:475px;display:grid;grid-template-columns:1fr .78fr;grid-template-rows:1fr 1fr;gap:15px;transform:rotate(-2deg)}figure{margin:0;overflow:hidden;border:1px solid #ffffff24;background:#132333;border-radius:16px;box-shadow:0 20px 60px #0003}.hero-art img{width:100%;height:calc(100% - 40px);object-fit:cover}.hero-art figcaption{display:flex;align-items:center;gap:7px;font-size:9px;height:40px;padding:0 14px;font-weight:700;letter-spacing:.07em}.hero-art figcaption>span:last-child{margin-left:auto;font-size:9px;font-weight:400;letter-spacing:0;color:var(--muted)}.hero-screen{grid-column:1/3;margin-right:65px}.hero-screen img{object-position:50% 39%}.hero-qr{margin-left:24px}.hero-card{margin-top:-95px;z-index:1;transform:rotate(5deg);margin-bottom:-15px}.hero-card img{object-position:top;object-fit:cover}.hero-card figcaption>span:last-child{display:none}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex:none}.screen-dot{background:var(--blue)}.qr-dot{background:var(--violet)}.card-dot{background:var(--mint)}.art-note{position:absolute;bottom:-45px;font-size:10px;right:8px;color:var(--muted);transform:rotate(2deg)}.products{padding:70px 0 85px;border-top:1px solid var(--line);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:38px}h2{font-size:clamp(29px,3vw,44px);font-weight:700;margin-bottom:0}.section-heading h2 span{color:var(--muted)}.section-heading>p{font-size:12px;color:var(--muted);margin-bottom:4px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product{--accent:var(--blue);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;overflow:hidden;background:var(--panel);scroll-margin-top:30px}.product.qr{--accent:var(--violet)}.product.card{--accent:var(--mint)}.product-heading{padding:25px 25px 20px}.number{font-size:9px;letter-spacing:.14em;color:var(--accent)}.product h3{font-size:24px;font-weight:400;margin:11px 0 0;letter-spacing:-.045em}.product h3 strong{font-weight:800}.product-image{height:228px;overflow:hidden;background:#071320}.product-image img{height:100%;width:100%;object-fit:cover}.screen-image{display:flex;align-items:center;padding:16px;background:linear-gradient(130deg,#163658,#0a1725)}.screen-image img{height:auto;border:6px solid #020b12;box-shadow:0 12px 20px #0006;border-radius:5px}.card-image{display:flex;align-items:flex-start;gap:16px;padding:22px 24px 0;background:linear-gradient(145deg,#1d443e,#13312f)}.card-image img{width:52%;height:auto;border:5px solid #071b1b;border-radius:17px;transform:rotate(-5deg)}.image-note{color:var(--mint);font-weight:800;font-size:17px;letter-spacing:-.04em;line-height:1.25;margin:auto 0}.product-copy{padding:26px 25px 0}.product h4{font-size:30px;margin-bottom:17px}.product p{font-size:13px;color:var(--muted);line-height:1.7;min-height:90px;margin-bottom:22px}.use{display:block;font-size:8px;letter-spacing:.06em;color:var(--accent);margin-bottom:24px}.product-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;border-top:1px solid var(--line);padding:21px 0;min-height:62px}.product-link:hover{color:var(--accent)}.product-copy .guide-link{display:inline-block;margin:0 0 24px;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}.guide-link:hover{color:var(--accent)}.media-note{font-size:10px;color:#9aa9b7;margin:19px 0 0}.choice-section{background:#edf1f4;color:#142332;padding:76px 0}.choice-section .eyebrow{color:#365b7d}.choice-section .section-heading>p{color:#536573}.choice-list{border-top:1px solid #15273930}.choice-list>a{display:grid;grid-template-columns:40px 1.15fr 1fr 95px;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid #15273930}.choice-list>a:hover{background:#dfe8ef}.choice-list span{font-size:11px;color:#5e7284}.choice-list h3{font-size:23px;margin:0;letter-spacing:-.035em}.choice-list p{font-size:12px;color:#536573;margin:0}.choice-list b{font-size:13px;text-align:right}.story{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:95px 0;align-items:center}.story-visual{position:relative}.story-visual img{aspect-ratio:1.25;object-fit:cover;object-position:37% 50%;border-radius:12px}.story-visual span{position:absolute;bottom:18px;left:18px;background:#07131edf;padding:9px 12px;border:1px solid var(--line);font-size:8px;letter-spacing:.09em;border-radius:4px}.story h2{font-size:37px;line-height:1.15}.story h2 span{color:var(--muted)}.story-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:24px 0;max-width:430px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--blue);padding-bottom:5px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:45px 0 85px;border-top:1px solid var(--line)}.questions details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:22px 28px 22px 0;font-size:14px;font-weight:600;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:22px;top:14px;font-weight:400;color:var(--blue)}details[open] summary:after{content:'−'}.questions p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 25px 23px 0}.questions a{text-decoration:underline}.closing{padding:52px;text-align:center;border:1px solid #477397;background:linear-gradient(110deg,#193b5b,#142737 60%,#183b35);border-radius:16px;margin-bottom:85px}.closing .eyebrow{margin-bottom:16px}.closing h2{font-size:45px}.closing-links{display:flex;justify-content:center;gap:12px;margin-top:28px}.closing-links a{font-size:12px;border:1px solid #ffffff50;padding:12px 21px;border-radius:5px}.closing-links a:hover{background:#ffffff15}footer{border-top:1px solid var(--line);padding:40px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-top p{color:var(--muted);font-size:11px;margin:16px 0 0}.footer-top nav{display:flex;gap:26px;font-size:12px}.footer-bottom{display:flex;gap:24px;margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-bottom span{margin-right:auto}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:110px}.hero-art{height:515px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:24px}.hero-art{height:420px}.hero-art figcaption>span:last-child{display:none}.product-heading,.product-copy{padding-left:18px;padding-right:18px}.product h4{font-size:26px}.product p{min-height:112px}.product-image{height:185px}.image-note{font-size:14px}.card-image{padding:18px 14px 0;gap:12px}.story{gap:35px}.story h2{font-size:32px}.choice-list>a{grid-template-columns:25px 1fr 1fr 75px}.choice-list h3{font-size:21px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:80px;gap:14px}.brand{width:135px}.nav nav{gap:16px}.nav nav a:not(:first-child){display:none}.nav>.button{display:none}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:60px;gap:45px}.eyebrow{font-size:9px}h1{font-size:clamp(37px,7.8vw,57px);letter-spacing:-.055em}.intro{font-size:14px;max-width:440px}.hero-labels{margin-top:30px;justify-content:space-between;gap:14px;max-width:400px}.hero-art{height:410px;width:min(100%,480px);margin:0 auto 30px;transform:none;gap:10px}.hero-screen{margin-right:40px}.hero-qr{margin-left:0}.hero-card{margin-top:-70px;margin-right:8px;transform:rotate(3deg)}.art-note{transform:none;bottom:-42px;font-size:9px}.section-heading{display:block}.section-heading>p{margin-top:22px}.products{padding-top:42px;padding-bottom:50px}.product-grid{grid-template-columns:1fr;gap:24px}.product-heading,.product-copy{padding-left:25px;padding-right:25px}.product-heading{padding-top:22px}.product-image{height:230px}.product h4{font-size:32px}.product p{min-height:0;font-size:14px}.use{font-size:8px}.card-image{padding:22px 30px 0;gap:25px}.image-note{font-size:23px}.card-image img{width:46%;max-width:180px}.product-link{font-size:14px}.media-note{font-size:10px}.choice-section{padding:45px 0}.choice-list>a{grid-template-columns:22px 1fr 68px;gap:12px;padding:22px 0}.choice-list h3{font-size:20px}.choice-list p{grid-column:2;grid-row:2;font-size:11px}.choice-list b{grid-column:3;grid-row:1/3;font-size:12px}.choice-list span{align-self:start;margin-top:3px}.story{grid-template-columns:1fr;padding:55px 0;gap:30px}.story-visual img{aspect-ratio:1.45}.story h2{font-size:31px}.faq{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:23px}.closing{padding:34px 20px;margin-bottom:45px}.closing h2{font-size:33px}.closing-links{flex-direction:column;margin-top:23px;gap:10px}.footer-top{display:block}.footer-top nav{margin-top:26px;gap:23px;font-size:12px}.footer-bottom{flex-wrap:wrap;gap:15px 20px}.footer-bottom span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-art,.hero-card{transform:none}}

/* Screen: original before/after artwork displayed in two CSS windows. */
.hero-screen{margin-right:0}.hero-screen .screen-comparison{height:calc(100% - 40px);display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;align-items:center;background:#06101d}.screen-comparison>div{position:relative;overflow:hidden;aspect-ratio:823/480;border-radius:9px}.hero-screen .screen-comparison img{position:absolute;width:114.34%;max-width:none;height:auto;left:-8.02%;object-fit:initial;object-position:initial}.comparison-before img{top:-85.83%}.comparison-after img{top:-190.42%}.hero-card{margin-top:0;margin-bottom:0;transform:none}.hero-qr{margin-left:0}.hero-art{transform:none}.art-note{transform:none}
@media(max-width:760px){.hero-screen{margin-right:0}.hero-screen .screen-comparison{padding:8px;gap:7px}.hero-card{margin-top:0;margin-right:0;transform:none}.hero-art{height:370px}.hero-screen figcaption>span:last-child{display:inline;font-size:8px;letter-spacing:0}.hero-screen figcaption{padding:0 10px}}
.screen-comparison>.comparison-after{aspect-ratio:823/445}.comparison-after img{top:-205.4%}
