:root{--page:#f5f7fa;--surface:#fff;--raised:#e9edf2;--ink:#17212e;--secondary:#4d5b6b;--muted:#68788a;--line:#17212e1a;--accent:#605982;--easing:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--page);color:var(--ink);font:400 15px/1.6 'Helvetica Neue',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{width:18px;height:18px;flex-shrink:0}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h2{font:400 clamp(32px,3.3vw,48px)/1.15 Georgia,serif;letter-spacing:-.02em;margin-bottom:24px}h3{font-size:18px;line-height:1.4;margin-bottom:12px}p{color:var(--secondary);line-height:1.75}small{font-size:12px}.shell{width:min(1280px,100% - 96px);margin-inline:auto}.section{padding-block:96px}.section-index{display:block;font-size:13px;color:var(--muted);margin-bottom:24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px}.section-head h2{margin-bottom:0}.section-head>p{font-size:15px;min-width:240px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--ink);color:#fff;border:1px solid transparent;border-radius:8px;padding:14px 20px;min-height:48px;font-size:14px;line-height:20px;transition:background 160ms var(--easing)}.button:hover{background:#354255}.button-white{background:#f9faf8;color:#1b2c3a}.button-white:hover{background:#e8eef2}.inline-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;border-bottom:1px solid #94a1ae;padding-bottom:8px}.skip{position:fixed;top:-80px;left:24px;padding:12px 20px;background:#fff;z-index:30}.skip:focus{top:12px}.brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500;white-space:nowrap;line-height:1}.brand img{width:28px;height:28px}.site-nav{position:absolute;top:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;gap:32px;z-index:5;color:#fff}.site-nav nav{display:flex;gap:32px;font-size:14px}.site-nav nav a{opacity:.9}.site-nav nav a:hover{opacity:1}.nav-download{display:flex;align-items:center;gap:16px;padding:8px 16px;border:1px solid #ffffff66;border-radius:8px;font-size:13px}.menu-button{display:none;border:0;background:none;color:inherit;padding:8px}.hero{height:min(900px,100svh);min-height:720px;position:relative;isolation:isolate;color:#fff;overflow:hidden;background:#254e79}.video-stack{position:absolute;inset:0;z-index:-3}.video-stack video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:0}.video-stack video:first-child{opacity:1}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071e4280,transparent 85%),linear-gradient(0deg,#071827a6,transparent 55%)}.hero-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:24px;padding-bottom:64px}.hero-kicker{font-size:14px;color:#e4eaf0;margin-bottom:24px}.hero h1{font:400 clamp(48px,5.5vw,76px)/1.08 Georgia,serif;letter-spacing:-.025em;margin:0 0 24px;max-width:680px}.hero-content>p{font-size:18px;line-height:1.65;color:#f3f5f9;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:32px}.hero-secondary{display:flex;gap:12px;align-items:center;font-size:14px}.hero-note{font-size:12px;color:#dce7ee;margin-top:24px;line-height:1.7}.hero-bottom{position:absolute;bottom:32px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#e0e8ee}.hero-bottom button{background:#071e4233;border:1px solid #ffffff66;border-radius:8px;padding:8px 12px;color:#fff;font-size:12px}.experience-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start}.step-list{display:grid;gap:8px}.step{display:grid;grid-template-columns:24px 1fr;gap:16px;text-align:left;background:none;border:1px solid transparent;border-bottom-color:var(--line);padding:24px 16px;color:var(--secondary);border-radius:0;transition:background 180ms var(--easing),border-color 180ms var(--easing)}.step>span{font-size:13px;font-variant-numeric:tabular-nums;padding-top:3px}.step h3{font-size:17px;color:var(--ink);margin-bottom:12px}.step p{font-size:13px;line-height:1.7;margin:0}.step[aria-selected=true]{background:#e8e7ed;border:1px solid #b6afc7;border-radius:12px}.step[aria-selected=true]>span{color:var(--accent)}.demonstration{min-width:0}.demo-workspace{position:relative;isolation:isolate;border:1px solid #c8d0da;border-radius:16px;background:#e9edf2;overflow:hidden}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #c8d0da;color:#5c6a7c;font-size:12px}.window-dots{font-size:7px;letter-spacing:3px;color:#9da8b5}.workspace-top>svg{width:16px;height:16px}.demo-panes{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;padding:24px;align-items:center}.pane-label{font-size:12px;color:var(--muted);margin-bottom:12px}.photo{overflow:hidden;position:relative;background:#dedde2}.photo img{position:absolute;top:0;width:200%;height:100%;max-width:none;object-fit:fill}.product-photo{aspect-ratio:3/4;border-radius:8px}.product-photo img{left:0}.product-description{display:grid;gap:4px;margin-top:16px}.product-description strong{font-size:13px;font-weight:500}.product-description>span{font-size:12px;color:var(--muted)}.extension-frame{background:#d7dbe3;border:1px solid #fff;border-radius:16px;padding:8px;box-shadow:0 8px 24px #13273b0f}.extension-top{position:relative;display:flex;align-items:center;justify-content:center;height:36px;padding-bottom:8px}.extension-top>span:last-child{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500}.extension-top img{width:16px;height:16px}.window-controls{display:flex;align-items:center;gap:4px;position:absolute;left:0;top:4px}.window-controls>svg{width:16px;height:16px;padding:2px;background:#eef0f3;border-radius:50%;color:#8591a1}.camera-photo{aspect-ratio:3/4;border-radius:8px}.camera-photo>img{right:0;transition:opacity 400ms var(--easing)}.camera-photo .after{opacity:0}.preview-label{position:absolute;top:12px;right:8px;background:#fffdf8ed;padding:4px 8px;border-radius:4px;color:#485666;font-size:10px;line-height:1.5}.reference-chip{position:absolute;bottom:12px;left:8px;right:8px;display:flex;align-items:center;gap:8px;background:#f9faf8eb;border:1px solid #fff;border-radius:8px;padding:8px;color:#36495b;opacity:0;transition:opacity 220ms var(--easing)}.reference-photo{width:28px;height:36px;position:relative;overflow:hidden;background:#e9e4e8;border-radius:4px;flex-shrink:0}.reference-photo img{left:0}.reference-chip>span{font-size:11px}.reference-chip>svg{margin-left:auto;width:14px;height:14px}.extension-tools{display:flex;align-items:center;gap:6px;padding-top:8px}.live-control{display:flex;justify-content:center;align-items:center;gap:5px;flex:1;border-radius:20px;background:linear-gradient(100deg,#58bee9,#8a71ec,#bc65e1);min-height:32px;color:white;font-size:10px;white-space:nowrap}.live-control svg{width:14px;height:14px}.tool{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #a4adbd;border-radius:50%;color:#6c788b}.tool svg{width:14px;height:14px}.drop-indicator{position:absolute;left:23%;top:52%;background:#fff;border:1px solid #bbb3cb;border-radius:8px;padding:12px;color:#5c5473;align-items:center;gap:8px;display:flex;font-size:12px;opacity:0;pointer-events:none}.demo-workspace[data-stage='1'] .drop-indicator{animation:drop-image 1.5s var(--easing) both}.demo-workspace[data-stage='1'] .reference-chip,.demo-workspace[data-stage='2'] .reference-chip{opacity:1}.demo-workspace[data-stage='2'] .camera-photo .before{opacity:0}.demo-workspace[data-stage='2'] .camera-photo .after{opacity:1}.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px}.demo-footer p{font-size:14px;margin:0}.demo-footer small{width:100%;color:var(--muted);font-size:12px;line-height:1.7}.text-button{display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--ink);padding:4px 0;font-size:13px}.text-button:hover{color:var(--accent)}.feature-section{background:#e8ecef;border-block:1px solid var(--line)}.feature-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.window-study{height:520px;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;background:#dce3e8;overflow:hidden;border:1px solid #cbd5de;border-radius:16px;padding:28px}.study-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b8c6d333 1px,transparent 1px),linear-gradient(90deg,#b8c6d333 1px,transparent 1px);background-size:40px 40px}.study-label{font-size:12px;color:#6a7f91;margin-bottom:24px}.study-window{width:184px;border:1px solid #b9c4cf;border-radius:12px;background:#f1f4f5;padding:8px;box-shadow:0 8px 24px #13273b0f}.study-top{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:8px}.study-top img{width:16px}.study-photo{height:264px;border-radius:4px}.study-photo img{right:0}.study-bar{display:flex;gap:8px;align-items:center;font-size:11px;padding-top:8px;color:#697c8e}.study-bar svg{width:14px;height:14px}.study-window[data-shape=wide]{width:min(100%,340px)}.study-window[data-shape=wide] .study-photo{height:190px}.shape-buttons{display:flex;gap:8px;margin-top:auto;padding-top:20px}.shape-buttons button{border:1px solid #acbbc8;border-radius:8px;padding:8px 16px;background:#f6f8fa;color:#5c6d7c;font-size:12px}.shape-buttons [aria-pressed=true]{background:#293a4c;color:white;border-color:#293a4c}.feature-list article{display:flex;align-items:flex-start;gap:24px;border-bottom:1px solid var(--line);padding:28px 0}.feature-list article:first-child{padding-top:0}.feature-list article>svg{color:var(--muted);margin-top:5px}.feature-list h3{font-size:20px;margin-bottom:12px}.feature-list p{font-size:14px;margin-bottom:0}.ways{display:grid;grid-template-columns:1fr 1fr;gap:80px}.ways ol{list-style:decimal-leading-zero;padding-left:28px;margin:0}.ways li{padding:24px 0 24px 16px;border-bottom:1px solid var(--line)}.ways li::marker{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.ways li:first-child{padding-top:0}.ways h3{font-size:20px;margin-bottom:8px}.ways p{font-size:14px;margin:0}.privacy-strip{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-block:1px solid var(--line);padding-block:64px}.privacy-strip h2{font-size:36px}.privacy-strip p{font-size:14px}.install-section{background:#172330;color:#edf0f4;margin-top:96px}.install-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.install-section .section-index{color:#a3b0c0}.install-section h2{font-size:42px}.install-section p{color:#b5c0ce;font-size:14px}.install-section .button{background:#f4f6f7;color:#1d2c3a;margin-top:16px}.download-meta{display:block;font-size:12px;color:#a3b0c0;margin-top:16px}.setup ol{padding:0;margin:0;list-style:none}.setup li{display:flex;gap:24px;padding:24px 0;border-top:1px solid #eef0f51a}.setup li>span{color:#a3b0c0;font-size:13px;padding-top:3px}.setup h3{font-size:18px;margin-bottom:12px}.setup p{margin-bottom:0}.setup a{text-decoration:underline;text-underline-offset:3px}.copy-address{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%;padding:12px 16px;border:1px solid #eef0f533;border-radius:8px;background:#101b28;color:#d2dce8;font:12px monospace;margin-top:16px}.copy-address span{font:12px Arial,sans-serif;color:#a9bbcc}#copy-status{display:block;margin-top:8px;color:#bdcbd8;font-size:12px}.setup .usage-note{padding-top:20px;border-top:1px solid #eef0f51a;font-size:12px}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faq h2{font-size:40px}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}.questions summary{list-style:none;display:flex;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;font-size:15px;color:var(--ink)}.questions summary::-webkit-details-marker{display:none}.questions summary>span{color:var(--muted);font-size:18px}.questions details[open] summary>span{transform:rotate(45deg)}.questions p{font-size:14px;line-height:1.8;padding-right:32px;margin-bottom:24px}.closing{border-top:1px solid var(--line);padding-block:64px 96px}.closing h2{font-size:56px;max-width:760px;margin-bottom:32px}.site-footer{padding-block:40px;display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid var(--line)}.site-footer p{font-size:12px;margin:0;line-height:1.8}.site-footer p span{color:var(--muted)}.site-footer>div{display:flex;gap:24px;font-size:13px}.privacy-page .site-nav{position:relative;color:var(--ink);border-bottom:1px solid var(--line)}.privacy-page .nav-download{border-color:#17212e33}.privacy-main{max-width:1184px;margin:auto;padding:64px 0 80px}.back-link{font-size:13px;color:var(--secondary);display:block;margin-bottom:24px}.privacy-heading .pill{font-size:13px;color:var(--muted)}.privacy-heading h1{font:400 48px/1.15 Georgia,serif;letter-spacing:-.02em;margin:24px 0}.privacy-heading>p{font-size:17px;max-width:680px}.privacy-date{font-size:12px;color:var(--muted);margin-top:24px}.privacy-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:40px 0;margin:40px 0;border-block:1px solid var(--line)}.privacy-summary article>span{font-size:12px;color:var(--muted)}.privacy-summary h3{font-size:18px;margin:16px 0 12px}.privacy-summary p{font-size:14px;margin-bottom:0}.policy-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:64px}.policy-layout aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:32px;align-self:start}.policy-layout aside>span{font-size:12px;color:var(--muted)}.policy-layout aside a{font-size:13px;color:var(--secondary)}.policy-body section{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--line);scroll-margin-top:32px}.policy-body h2{font:400 26px/1.3 Georgia,serif;margin:0 0 24px;letter-spacing:0}.policy-body p,.policy-body li{font-size:14px;line-height:1.9;color:var(--secondary)}.policy-body strong{font-weight:500;color:var(--ink)}.policy-body a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:3px}.policy-body li{margin-bottom:16px}.policy-body code{font-size:12px;background:#e6eaf0;padding:2px 4px;border-radius:4px}.data-table>div{padding:20px 0;border-bottom:1px solid var(--line)}.data-table h3{font-size:16px}.data-table p{margin-bottom:0}@keyframes drop-image{0%{opacity:0;transform:translate(-48px,-24px)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate(72px,36px)}}
@media(min-width:1500px){.hero-content{padding-bottom:32px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.section{padding-block:72px}.experience-layout{grid-template-columns:240px minmax(0,1fr);gap:24px}.step{padding:20px 12px;gap:12px}.demo-panes{padding:16px;gap:16px}.extension-top>span:last-child{font-size:10px}.window-controls{display:none}.feature-layout,.ways,.privacy-strip,.install-layout,.faq{gap:48px}.privacy-main{padding:48px 32px}.policy-layout{gap:40px}.hero h1{font-size:64px}.demo-footer{gap:12px}.reference-chip>span{font-size:10px}}
@media(max-width:900px){.experience-layout{grid-template-columns:1fr;gap:32px}.step-list{grid-template-columns:repeat(3,1fr);gap:12px}.step{display:block;padding:20px 16px}.step>span{display:block;padding:0;margin-bottom:12px}.step h3{font-size:16px}.step p{font-size:12px}.demo-panes{padding:32px;gap:40px}.extension-top>span:last-child{font-size:12px}.window-controls{display:flex}.product-description strong{font-size:15px}.product-description>span{font-size:13px}.reference-chip>span{font-size:12px}.preview-label{font-size:12px}.live-control{font-size:12px;min-height:36px}.tool{width:32px;height:32px}.feature-layout{gap:40px}.section-head>p{min-width:200px}.site-nav nav{gap:20px}.nav-download{font-size:12px}.policy-layout{grid-template-columns:180px 1fr}}
@media(max-width:700px){.shell{width:calc(100% - 48px)}.section{padding-block:56px}.site-nav{height:80px;gap:16px}.brand{font-size:17px}.site-nav .nav-download{margin-left:auto;padding:8px 12px;font-size:12px;gap:8px}.site-nav .nav-download>svg{display:none}.menu-button{display:flex}.site-nav nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:#f5f7fa;color:#17212e;border:1px solid #d1d7df;border-radius:12px;padding:20px;gap:20px;font-size:15px}.site-nav nav.is-open{display:flex}.hero{height:860px;min-height:0;max-height:none}.hero-content{padding-top:144px;padding-bottom:0;justify-content:flex-start}.hero h1{font-size:48px;max-width:380px}.hero-kicker{font-size:13px;margin-bottom:20px}.hero-content>p{font-size:16px;max-width:300px;line-height:1.7}.hero-content>p br{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero-note{font-size:12px;max-width:260px;line-height:1.8}.hero-bottom{bottom:24px;gap:20px;align-items:flex-end}.hero-bottom>span{font-size:12px;max-width:200px}.video-stack video{object-position:65% center}.hero-shade{background:linear-gradient(180deg,#09274788,transparent 75%,#071827aa),linear-gradient(90deg,#071e4255,transparent)}.section-head{display:block;margin-bottom:32px}.section-head h2{font-size:34px;margin-bottom:20px}.section-head>p{font-size:14px;min-width:0}.section-head>p br{display:none}.section-index{font-size:12px;margin-bottom:16px}.step-list{grid-template-columns:1fr;gap:8px}.step{display:grid;grid-template-columns:24px 1fr;padding:20px;gap:16px}.step>span{margin:0;padding-top:3px}.step h3{font-size:17px;margin-bottom:8px}.step p{font-size:14px}.demo-workspace{border-radius:12px}.workspace-top{padding:12px 16px;font-size:11px;gap:8px}.workspace-top>.window-dots{display:none}.demo-panes{grid-template-columns:1fr;padding:20px;gap:24px}.product-pane{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center}.pane-label{grid-column:1/-1;margin:0}.product-photo{width:100px;grid-row:2;aspect-ratio:3/4}.product-description{grid-column:2;grid-row:2;margin:0}.product-description strong{font-size:14px}.product-description>span{font-size:12px}.camera-pane{width:min(100%,320px);justify-self:center}.extension-top{height:40px}.extension-top>span:last-child{font-size:12px}.window-controls svg{width:18px;height:18px}.preview-label{font-size:11px}.reference-chip{padding:8px;gap:8px}.reference-chip>span{font-size:12px}.reference-photo{width:32px;height:40px}.extension-tools{gap:8px}.live-control{font-size:12px;min-height:36px}.tool{height:32px;width:32px}.demo-footer p{font-size:14px;max-width:190px}.demo-footer small{font-size:12px;line-height:1.75}.drop-indicator{top:36%;left:30%;font-size:12px}.feature-layout,.ways,.privacy-strip,.install-layout,.faq{grid-template-columns:1fr;gap:32px}.feature-layout .feature-list{grid-row:1}.window-study{height:492px;padding:24px}.feature-list h3{font-size:18px}.feature-list p{font-size:14px}.feature-list article{padding:24px 0;gap:20px}.ways h2{font-size:34px}.ways ol{padding-left:24px}.ways li{padding-left:12px}.ways h3{font-size:18px}.privacy-strip{padding-block:40px}.privacy-strip h2{font-size:32px;margin:0}.privacy-strip p{font-size:14px}.install-section{margin-top:56px}.install-section h2{font-size:34px}.install-layout{gap:40px}.setup li{gap:16px;padding:24px 0}.setup h3{font-size:18px}.setup p{font-size:14px}.faq h2{font-size:34px}.questions summary{font-size:14px;gap:20px}.closing{padding-block:48px 64px}.closing h2{font-size:38px}.site-footer{flex-wrap:wrap;padding-block:32px;gap:24px}.site-footer>p{order:3;width:100%}.site-footer>div{font-size:12px;gap:16px;flex-wrap:wrap}.privacy-main{padding:40px 24px}.privacy-heading h1{font-size:38px}.privacy-heading>p{font-size:16px}.privacy-summary{grid-template-columns:1fr;gap:28px;padding:32px 0;margin:32px 0}.privacy-summary h3{margin-top:8px}.policy-layout{grid-template-columns:1fr;gap:32px}.policy-layout aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.policy-layout aside>span{grid-column:1/-1}.policy-body h2{font-size:24px}.privacy-page .site-nav .brand{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.demo-workspace[data-stage='1'] .drop-indicator{opacity:1;transform:none}}
/* Browsing and the fitting room share one workspace. */
.feature-section{background:#f5f6fa;border-top:0}.feature-section .section{padding-block:104px}.feature-section .section-head{margin-bottom:56px}.feature-section h2{font-size:48px;line-height:1.12}.feature-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:72px}.window-study{height:620px;padding:0;border:1px solid #e0e4ed;border-radius:28px;background:linear-gradient(145deg,#e6edf4,#e6e3ef);display:block;overflow:hidden}.study-browser{position:absolute;top:56px;left:32px;width:82%;height:400px;background:#fafafbe8;border:1px solid #fff;border-radius:14px;overflow:hidden;color:#8a8e9a}.study-browser-bar{display:flex;align-items:center;gap:40px;padding:16px 20px;font-size:11px;border-bottom:1px solid #e4e6ec}.study-browser-bar>span:first-child{font-size:7px;letter-spacing:3px;color:#bdc3cd}.study-shop{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px}.study-product{height:244px;border-radius:8px}.study-product img{left:0}.study-shop>div:last-child{padding-top:20px}.study-shop h3{font:400 25px/1.2 Georgia,serif;color:#73788c;margin-block:12px}.study-shop p{font-size:11px}.study-shop>div>span{font-size:10px}.study-swatches{display:flex;gap:8px;margin-block:20px}.study-swatches i{width:16px;height:16px;border-radius:50%;background:#a89ab7;border:2px solid #fff;box-shadow:0 0 0 1px #ccd0db}.study-swatches i:nth-child(2){background:#c9c1b9}.study-swatches i:nth-child(3){background:#8b939c}.study-placeholder{height:22px;border:1px solid #d8dce5;border-radius:4px;margin-top:12px}.study-placeholder.short{width:70%;background:#e3e0ed;border:0}.study-window{position:absolute;right:32px;top:106px;width:260px;padding:10px;background:linear-gradient(140deg,#ffffffa6,#c7c9d9d9);border:1px solid #fff;border-radius:24px;box-shadow:0 20px 44px #4652742b;backdrop-filter:blur(20px)}.study-top{height:38px;justify-content:center;margin-bottom:4px;font-size:12px;color:#4f566a;position:relative;gap:6px}.study-window-controls{position:absolute;left:0;font-size:14px;color:#fff}.study-top img{width:20px}.study-photo{height:320px;border-radius:14px}.study-preview{position:absolute;top:12px;right:10px;padding:4px 8px;background:#ffffffd9;border:1px solid #fff;border-radius:16px;font-size:9px;color:#586375}.study-bar{padding-top:10px;gap:8px}.study-bar>span:first-child{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:34px;border-radius:24px;color:#fff;background:linear-gradient(100deg,#62bbe5c9,#a879e4d9);border:1px solid #ffffffb3}.study-bar .study-camera{width:34px;height:34px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff30}.study-window[data-shape=wide]{width:min(calc(100% - 64px),400px);top:164px}.study-window[data-shape=wide] .study-photo{height:224px}.study-window[data-shape=wide] .study-photo img{object-fit:cover;object-position:right center;width:200%}.study-caption{position:absolute;bottom:28px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.study-caption>span{font-size:11px;color:#667084;max-width:120px;line-height:1.6}.shape-buttons{margin:0;padding:4px;border:1px solid #fff;border-radius:24px;background:#ffffff38;gap:4px}.shape-buttons button{display:flex;align-items:center;gap:6px;border-radius:20px;border:1px solid transparent;padding:8px 12px;background:transparent;color:#626a7f}.shape-buttons svg{width:14px;height:14px}.shape-buttons [aria-pressed=true]{border-color:#fff;background:#ffffffb8;color:#39455b;box-shadow:0 2px 8px #53617c12}.feature-list article{gap:20px;padding:28px 0}.feature-icon{height:44px;width:44px;flex:none;border:1px solid #fff;border-radius:14px;background:#e9ecf380;display:grid;place-items:center;color:#707990;box-shadow:inset 0 1px 0 #fff}.feature-icon svg{width:20px;height:20px}.feature-list h3{font-size:20px;margin-bottom:12px}.feature-list p{font-size:14px;line-height:1.8}.feature-install{display:flex;justify-content:space-between;align-items:center;margin-top:32px;border:1px solid #d9dfeb;border-radius:24px;padding:12px 20px;background:#ffffff70;box-shadow:inset 0 1px 0 #fff;font-size:13px}.feature-install:hover{background:#fff}
@media(max-width:1100px){.feature-layout{gap:40px;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}.study-window{right:20px;width:240px}.study-browser{left:20px;width:86%}.study-caption{left:20px;right:20px}.study-caption>span{display:none}.study-caption{justify-content:center}.feature-section h2{font-size:40px}}
@media(max-width:700px){.feature-section .section{padding-block:64px}.feature-section .section-head{margin-bottom:32px}.feature-section h2{font-size:34px}.feature-layout{grid-template-columns:1fr;gap:36px}.feature-layout .feature-list{grid-row:auto}.window-study{height:560px;border-radius:20px}.study-browser{top:28px;left:16px;height:320px;width:90%}.study-shop{padding:16px;gap:16px}.study-product{height:208px}.study-shop h3{font-size:19px}.study-window{top:96px;right:16px;width:224px;border-radius:22px}.study-photo{height:292px}.study-window[data-shape=wide]{width:calc(100% - 32px);top:144px}.study-window[data-shape=wide] .study-photo{height:220px}.study-caption{bottom:24px}.feature-list article{padding:24px 0}.feature-list h3{font-size:18px}.feature-install{margin-top:24px}}
/* Bring the desktop hero closer at normal browser zoom. */
@media(min-width:1101px){.hero{height:100svh;min-height:760px}.hero .shell{width:min(1440px,calc(100% - 112px))}.hero h1{font-size:clamp(72px,5.7vw,88px);max-width:800px}.hero-kicker{font-size:16px}.hero-content>p{font-size:20px}.hero .button{font-size:16px;min-height:56px;padding:16px 24px}.hero-secondary{font-size:16px}.hero-note{font-size:13px}body:not(.privacy-page)>.site-nav{width:min(1440px,calc(100% - 112px))}body:not(.privacy-page)>.site-nav .brand{font-size:21px}body:not(.privacy-page)>.site-nav .brand img{width:32px;height:32px}body:not(.privacy-page)>.site-nav nav{font-size:15px}body:not(.privacy-page)>.site-nav .nav-download{font-size:14px;padding:10px 18px}.video-stack video{transform:scale(1.035);transform-origin:65% center}}
@media(min-width:1101px) and (max-height:800px){.hero{min-height:720px}.hero h1{font-size:76px}.hero-content{padding-top:64px;padding-bottom:48px}.hero-kicker{margin-bottom:20px}.hero-content>p{margin-bottom:24px}}