:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#25252b;background:#fafafa;font-synthesis:none;--muted:#81818a;--ease:cubic-bezier(.2,.75,.2,1);--purple:#9483b6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;overflow-x:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #9b8ac6;outline-offset:5px}button:disabled{cursor:default}.shell{width:min(1160px,calc(100% - 88px));margin-inline:auto}.header{position:sticky;top:0;z-index:30;background:#fafafacc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #24243307}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;letter-spacing:-.5px}.brand img{width:36px;height:36px}.nav-links{display:flex;gap:30px;font-size:12px;color:#86868f}.nav-links a{padding:15px 0}.nav-download{font-size:12px;display:flex;gap:22px;align-items:center;color:#5f5f6b}.hero{padding-top:65px}.hero-copy{text-align:center}.signature{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.signature img{width:49px;height:49px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:550;color:#92919c;margin:0 0 21px}.signature .eyebrow{margin:0}h1{font-size:clamp(54px,7.3vw,90px);font-weight:600;letter-spacing:-5px;line-height:1.04;margin:0}h1>span{background:linear-gradient(105deg,#a9a2b6 12%,#9a83bc 48%,#7789a7 91%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:17px;line-height:1.7;color:#898994;margin:24px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:14px 23px;border-radius:30px;border:0;font-size:12px;min-height:44px;transition:transform .3s,box-shadow .3s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #35304416}.dark{background:#33333b;color:#fff}.play-icon{font-size:8px}.text-link{font-size:12px;color:#84848e;margin-left:24px;display:inline-flex;align-items:center;gap:16px;padding:15px 0}.tour{margin:49px auto 0;max-width:970px;scroll-margin-top:96px}.tour-scene{position:relative;height:420px;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 20% 90%,#e4eaf5,transparent 65%),radial-gradient(ellipse at 80% 20%,#eee6f6,transparent 70%),#f0eff5}.tour-menubar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;height:33px;background:#ffffff63;padding:0 27px;color:#a2a0b3;font-size:9px;border-bottom:1px solid #fff8}.menubar-item{display:flex;align-items:center;gap:7px;color:#88879e;font-size:9px}.menubar-item img{width:16px;height:16px}.tour-product{position:absolute;left:50%;top:75px;transform:translateX(-50%);width:376px;transition:width .8s var(--ease),top .8s var(--ease),transform 1.1s var(--ease);will-change:transform}.tour-product[data-scene=mini]{top:181px}.tour-product[data-scene=cards]{top:110px}.tour-product[data-scene=widget]{transform:translateX(-78%) translateY(25px) rotate(-2deg)}.tour-product[data-scene=details]{top:57px;width:285px}.tour-product[data-scene=dark]{top:75px}.tour-glow{position:absolute;width:400px;height:120px;background:#acabd222;filter:blur(35px);border-radius:50%;left:50%;bottom:25px;transform:translateX(-50%)}.tour-product .shot{box-shadow:0 16px 30px #6d628613}.shot{aspect-ratio:var(--ratio);position:relative;overflow:hidden;border-radius:var(--radius,18px);background:#e4e8f2;isolation:isolate;transform:translateZ(0)}.shot img{position:absolute;width:var(--iw);max-width:none;height:auto;left:var(--il);top:var(--it);display:block;user-select:none;pointer-events:none}.shot.is-changing{animation:shot-enter .55s var(--ease)}@keyframes shot-enter{from{opacity:.3;filter:blur(3px)}to{opacity:1;filter:blur(0)}}.tour-bar{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:15px}.tour-caption{display:flex;align-items:center;gap:17px}.tour-count{font-size:10px;color:#acabb8;letter-spacing:1px;white-space:nowrap}.tour-caption p{font-size:12px;color:#888792;margin:0;line-height:1.6}.playback{display:flex;gap:6px}.playback button{width:34px;height:34px;border:1px solid #e7e6ed;background:#ffffff70;border-radius:50%;color:#96929f;font-size:16px}.playback button:hover{background:#eeecf3;color:#7b718f}.progress{display:flex;gap:5px;justify-content:center;margin:11px auto 0;width:120px}.progress span{height:3px;flex:1;border-radius:5px;background:#e6e3ed}.progress span.active{background:#ac9abe}.fineprint{text-align:center;font-size:9px;color:#b3b0bb;margin:13px 0 0}.hero-foot{display:flex;align-items:center;justify-content:space-between;padding:34px 0 56px;color:#aaa7b3;font-size:10px}.hero-foot a{display:flex;gap:18px}.demo-cursor{position:absolute;z-index:5;width:14px;height:14px;background:#fff9;border:1px solid #fff;box-shadow:0 0 0 6px #fff2;border-radius:50%;left:64%;top:85px;opacity:0;transition:opacity .3s,left 1.1s var(--ease),top 1.1s var(--ease);pointer-events:none}.tour-scene.show-cursor .demo-cursor{opacity:1}.tour-scene[data-scene=widget] .demo-cursor{left:35%;top:120px}.sizes-section{background:#f2f2f5;padding:88px 0 61px}.section-heading{text-align:center;max-width:850px;margin:0 auto}.section-heading .eyebrow{margin-bottom:19px}h2{font-size:clamp(35px,4.7vw,58px);font-weight:550;letter-spacing:-2.6px;line-height:1.1;margin:0}h2 span{color:#a09ba9}.section-heading>p:last-child:not(.eyebrow){font-size:14px;line-height:1.8;color:#93909e;margin:21px 0 0}.segmented{display:flex;justify-content:center;align-items:center;gap:4px;background:#e7e6ed;padding:4px;border-radius:30px;width:fit-content;margin:29px auto}.segmented button{font-size:11px;padding:10px 20px;border:0;border-radius:25px;background:transparent;color:#9994a3;min-height:36px;transition:color .25s,background .25s}.segmented button[aria-selected=true],.segmented button[aria-pressed=true]{background:#fff;color:#666071;box-shadow:0 2px 6px #24203908}.size-stage{height:575px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:22px;background:radial-gradient(ellipse at 60% 55%,#e7e5f1,transparent 66%),#f8f8fb;overflow:hidden}.scene-overline{position:absolute;top:26px;left:30px;color:#b0aabc;font-size:8px;letter-spacing:2px}.size-product{width:405px;max-width:calc(100% - 60px);transition:width .75s var(--ease)}.size-product[data-mode=expanded]{width:205px}.size-product[data-mode=mini]{width:460px}.size-product .shot{box-shadow:0 15px 30px #6a618112}.size-bottom{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between}.subtle-button{background:transparent;border:0;color:#a09bad;font-size:10px;padding:9px 0}.section-caption{display:grid;grid-template-columns:55px 1fr 1.3fr;gap:20px;padding:27px 6px 0;align-items:start}.section-caption>span{font-size:10px;color:#b6afbf}.section-caption h3{font-size:14px;font-weight:500;letter-spacing:-.2px;margin:0;color:#777080}.section-caption p{font-size:12px;color:#a19aa9;line-height:1.7;margin:0}.widget-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding:100px 0}.widget-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#96909e;margin:23px 0 25px}.widget-copy h2{font-size:clamp(34px,4.4vw,54px)}.widget-copy .interaction-note{font-size:10px;margin:14px 0 0;color:#b2a9bb;min-height:36px}.widget-demo{height:440px;position:relative;background:radial-gradient(ellipse at 10% 80%,#e7edf5,transparent 70%),radial-gradient(ellipse at 80% 20%,#eee7f5,transparent 75%),#f1eff5;border-radius:24px;overflow:hidden}.widget-menu{position:absolute;top:22px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#b0a9bb}.widget-menu button{border:1px solid #fff8;border-radius:6px;background:#ffffff75;padding:3px 10px;line-height:0}.widget-menu img{width:17px;height:17px}.widget-line{position:absolute;right:42px;top:47px;height:27px;width:1px;background:linear-gradient(#aaa0c050,transparent);transition:opacity .4s}.widget-demo.detached .widget-line{opacity:0}.floating-product{position:absolute;top:0;left:0;width:330px;transform:translate3d(var(--x,80px),var(--y,80px),0);transition:transform .9s var(--ease),width .65s var(--ease),filter .4s;filter:drop-shadow(0 12px 12px #83769910);touch-action:pan-y}.widget-demo.detached .floating-product{filter:drop-shadow(0 20px 14px #83769924)}.floating-product.dragging{transition:none}.floating-product .shot{--radius:16px}.drag-handle{position:absolute;top:0;left:0;width:100%;height:20%;touch-action:none;border-radius:15px 15px 0 0}.widget-demo.detached .drag-handle{cursor:grab}.widget-demo.detached .drag-handle:after{content:'';position:absolute;top:5px;left:48%;height:3px;width:18px;background:#8f86ac30;border-radius:5px;opacity:0;transition:opacity .2s}.widget-demo.detached .drag-handle:hover:after{opacity:1}.floating-product.dragging .drag-handle{cursor:grabbing}.floating-product.mini .drag-handle{height:70%;width:87%}.widget-toolbar{position:absolute;bottom:46px;left:24px;right:24px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.widget-toolbar button{border:0;background:transparent;color:#a19aad;font-size:9px;padding:7px 0}.widget-toolbar button[aria-pressed=true]{color:#77698f}.widget-state{position:absolute;bottom:23px;left:20px;right:20px;text-align:center;color:#b6aec0;font-size:7px;letter-spacing:1.1px}.details-section{background:#f3f3f6;padding:90px 0 57px}.detail-layout{display:grid;grid-template-columns:215px 1fr;gap:30px;margin-top:41px}.detail-rail{display:flex;flex-direction:column;justify-content:center;gap:5px}.detail-rail button{padding:14px 18px;text-align:left;font-size:12px;color:#a5a0ad;border:0;border-radius:9px;background:transparent;display:flex;gap:17px;align-items:center}.detail-rail button small{font-size:9px;letter-spacing:.7px;opacity:.7}.detail-rail button[aria-selected=true]{background:#fff;color:#7e6f96;box-shadow:0 3px 12px #4e425008}.detail-rail button:hover{background:#fff7}.detail-stage{height:560px;border-radius:22px;background:radial-gradient(ellipse,#eae7f3,transparent 70%),#f9f9fc;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.detail-product{width:min(330px,calc(100% - 50px));transition:width .5s var(--ease)}.detail-product .shot{box-shadow:0 12px 23px #81768e0e;border-radius:16px}.detail-enlarge{position:absolute;bottom:13px;right:25px;padding:10px 0;background:transparent;border:0;font-size:9px;color:#aca2b5}.details-caption{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:28px 10px 0 245px}.details-caption .eyebrow{font-size:8px;margin:0 0 9px}.details-caption h3{font-size:15px;font-weight:500;letter-spacing:-.3px;margin:0;color:#797080}.details-caption p{font-size:12px;line-height:1.8;color:#a198aa;margin:0}.personal-section{padding:92px 0 0}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.personal-grid article{border-radius:20px;background:#f1f1f6;overflow:hidden;padding:30px;position:relative;min-height:350px}.card-copy h3{font-size:21px;letter-spacing:-.65px;font-weight:500;margin:0 0 11px;color:#777080}.card-copy p{font-size:12px;line-height:1.8;color:#a19aa9;margin:0}.appearance-image{width:295px;max-width:100%;margin:28px auto 17px}.appearance-image .shot{box-shadow:0 13px 24px #786d8912;border-radius:13px}.small.segmented{margin:14px auto 0;padding:3px;background:#e6e5ee}.small.segmented button{min-height:30px;padding:6px 17px;font-size:10px}.options-image{width:255px;max-width:100%;margin:26px auto 24px}.options-image .shot{border-radius:13px;box-shadow:0 10px 25px #7d72980e}.technical-image{max-width:100%;width:330px;margin:26px auto 25px}.technical-image .shot{border-radius:14px}.card-link{display:block;margin:5px auto 0;border:0;background:transparent;color:#a398b1;font-size:10px;padding:10px}.export-files{margin:35px 0 17px;display:flex;flex-direction:column;gap:10px}.export-files>div{display:flex;align-items:center;gap:15px;padding:13px;background:#ffffff6e;border-radius:10px;color:#a29bad}.export-files span{display:flex;align-items:center;justify-content:center;width:30px;height:36px;border:1px solid #d9d5e3;border-radius:5px;font-size:7px;letter-spacing:.7px;color:#a99eb9;background:#faf9fd}.export-files strong{font-size:11px;font-weight:400;letter-spacing:.1px}.export-note{font-size:10px;color:#b0a4bc;text-align:center;margin-top:24px}.closing{text-align:center;padding:100px 0 85px}.closing-icon{width:70px;height:70px;margin-bottom:18px}.closing .eyebrow{margin-bottom:20px}.closing h2{font-size:clamp(34px,4.5vw,54px)}.closing .button{margin-top:27px}.download-note{font-size:10px;color:#aaa4b3;margin:19px 0 0}.compatibility{font-size:10px;line-height:1.8;color:#bab4c1;margin:11px 0 0}.footer{border-top:1px solid #eae7ef;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 32px;color:#aca4b5;font-size:10px}.footer .brand{font-size:14px;color:#8b8199}.footer .brand img{width:30px;height:30px}.footer button{font-size:10px;border:0;background:none;color:inherit;padding:12px 0}.footer a{padding:8px 0}dialog{padding:0;border:1px solid #fff9;border-radius:18px;background:#faf9fc;color:#767080;width:min(760px,calc(100vw - 28px));max-height:calc(100svh - 30px);overflow:hidden;box-shadow:0 25px 100px #4d41552c}dialog::backdrop{background:#f4f1f7cc;backdrop-filter:blur(16px)}.viewer-header{padding:21px 25px 16px;display:flex;align-items:center;justify-content:space-between}.viewer-header .eyebrow{font-size:8px;display:block;margin:0 0 8px}.viewer-header h3{margin:0;font-size:18px;font-weight:500;letter-spacing:-.5px}.viewer-header button{border:0;width:32px;height:32px;border-radius:50%;background:#f0edf5;color:#a096b0;font-size:23px;font-weight:300}.viewer-body{height:calc(100svh - 205px);max-height:790px;min-height:230px;background:radial-gradient(ellipse,#eae6f1,#f2f0f6);overflow:auto;padding:22px;display:flex;justify-content:center;align-items:start;scrollbar-width:thin;scrollbar-color:#c4b9cf transparent}#viewer-image{flex:none;width:min(450px,calc((100svh - 250px)*var(--viewer-ratio)),calc(100vw - 80px))}#viewer-image .shot{--radius:15px}.viewer-body.zoomed #viewer-image{width:min(540px,calc(100vw - 85px))}.viewer-footer{display:flex;justify-content:space-between;gap:20px;padding:16px 25px;font-size:9px;color:#b1a7be}.viewer-footer button{font-size:10px;border:0;background:transparent;color:#9b8cab;padding:0;white-space:nowrap}.hidden-motion .demo-cursor{display:none}.hidden-motion *{animation:none!important;transition:none!important}#hero-mock{display:none}
@media(min-width:1500px){.hero{padding-top:82px}.tour-scene{height:450px}.tour-product{top:88px}.tour-product[data-scene=dark]{top:88px}}
@media(max-width:1000px){.shell{width:calc(100% - 60px)}h1{font-size:70px;letter-spacing:-4px}.widget-section{gap:35px}.widget-copy h2{font-size:40px;letter-spacing:-1.8px}.detail-layout{grid-template-columns:170px 1fr;gap:20px}.details-caption{padding-left:190px;gap:25px}.personal-grid article{padding:24px}.nav-links{gap:20px}.card-copy h3{font-size:19px}.widget-demo{height:410px}.widget-toolbar{gap:12px}}
@media(max-width:750px){.shell{width:calc(100% - 38px)}.nav{height:65px;gap:15px}.brand{font-size:15px}.brand img{width:31px;height:31px}.nav-links{display:none}.nav-download{font-size:11px;gap:10px}.hero{padding-top:42px}.signature{gap:5px;margin-bottom:19px}.signature img{width:42px;height:42px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:clamp(42px,7.8vw,59px);letter-spacing:-2.5px;line-height:1.09}.hero-description{font-size:14px;margin:19px 0 20px}.button{font-size:11px;padding:12px 19px;gap:16px}.text-link{font-size:11px;margin-left:12px;gap:9px}.tour{margin-top:33px}.tour-scene{height:335px;border-radius:18px}.tour-menubar{height:28px;padding:0 15px}.tour-menubar-note{font-size:7px}.menubar-item{font-size:7px}.tour-product{width:min(320px,calc(100% - 40px));top:59px}.tour-product[data-scene=cards]{top:83px}.tour-product[data-scene=mini]{top:143px}.tour-product[data-scene=widget]{transform:translateX(-57%) translateY(25px) rotate(-2deg)}.tour-product[data-scene=dark]{top:59px}.tour-product[data-scene=details]{top:44px;width:210px}.tour-caption{gap:9px}.tour-count{font-size:8px}.tour-caption p{font-size:10px}.playback button{width:30px;height:30px;font-size:14px}.playback{gap:4px}.tour-bar{gap:7px;margin-top:13px}.fineprint{font-size:8px;line-height:1.6;padding:0 15px}.hero-foot{font-size:8px;padding:23px 0 37px}.hero-foot a{gap:9px}.sizes-section{padding:58px 0 38px}h2{font-size:36px;letter-spacing:-1.7px}.section-heading>p:last-child:not(.eyebrow){font-size:12px;margin-top:17px}.segmented{margin:23px auto}.segmented button{font-size:10px;padding:9px 17px}.size-stage{height:470px;border-radius:17px}.size-product{width:310px;max-width:calc(100% - 36px)}.size-product[data-mode=mini]{width:330px}.size-product[data-mode=expanded]{width:167px}.scene-overline{top:20px;left:20px;font-size:7px;letter-spacing:1.5px}.size-bottom{left:20px;right:20px;bottom:10px}.subtle-button{font-size:9px}.section-caption{grid-template-columns:38px 1fr;gap:10px;padding-top:21px}.section-caption>span{font-size:8px}.section-caption h3{font-size:13px}.section-caption p{grid-column:2;font-size:11px}.widget-section{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:60px 0}.widget-copy{text-align:center}.widget-copy h2{font-size:36px}.widget-copy>p:not(.eyebrow){font-size:12px;margin:18px 0 20px}.widget-copy .interaction-note{font-size:9px;margin:12px 0 0;min-height:0}.widget-demo{height:390px}.widget-menu{font-size:7px}.floating-product{width:300px}.widget-state{font-size:6px}.widget-toolbar{gap:18px}.details-section{padding:58px 0 38px}.detail-layout{grid-template-columns:1fr;gap:20px;margin-top:25px}.detail-rail{flex-direction:row;justify-content:start;overflow-x:auto;gap:3px;padding:3px 0 8px;scrollbar-width:none}.detail-rail button{font-size:10px;padding:10px 13px;white-space:nowrap;flex:none}.detail-rail button small{display:none}.detail-stage{height:490px;border-radius:17px}.detail-product{width:min(300px,calc(100% - 42px))}.detail-enlarge{font-size:8px;bottom:8px;right:18px}.details-caption{padding:21px 3px 0;grid-template-columns:1fr;gap:12px}.details-caption h3{font-size:14px}.details-caption p{font-size:11px;max-width:400px}.personal-section{padding-top:57px}.personal-grid{grid-template-columns:1fr;gap:15px;margin-top:26px}.personal-grid article{padding:26px;min-height:0}.card-copy h3{font-size:20px}.card-copy p{font-size:11px}.appearance-image{width:280px}.options-image{width:240px}.technical-image{width:310px}.closing{padding:65px 0 50px}.closing h2{font-size:35px}.closing-icon{width:58px;height:58px}.download-note,.compatibility{font-size:9px}.footer{flex-wrap:wrap;gap:12px;font-size:8px;padding:21px 0}.footer .brand{font-size:12px}.footer>span{display:none}.footer button{font-size:8px}.viewer-footer{padding:13px 18px;gap:12px;font-size:8px}.viewer-header{padding:18px}.viewer-header h3{font-size:16px}.viewer-body{padding:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.demo-cursor{display:none}}
.detail-product{width:min(330px,calc(100% - 50px),calc(var(--shot-ratio,.625)*495px))}
@media(max-width:750px){.detail-product{width:min(300px,calc(100% - 42px),calc(var(--shot-ratio,.625)*425px))}}

/* Readable secondary copy without adding visual weight. */
.hero-description{color:#797984}.section-heading>p:last-child:not(.eyebrow){color:#817d89}.section-caption p,.details-caption p,.card-copy p{color:#847b8e}.widget-copy>p:not(.eyebrow){color:#847c8d}.nav-links{color:#77747f}.text-link{color:#77737f}.eyebrow{color:#857c90}.detail-rail button{color:#89808f}.widget-toolbar button,.subtle-button{color:#8e829d}

.viewer-body{height:clamp(240px,calc(min(450px,calc(100vw - 80px)) / var(--content-ratio,.6) + 44px),calc(100svh - 205px));min-height:0}