:root{--paper:#f8f6f0;--ink:#252722;--muted:#65665f;--red:#ee4c36;--line:#d9d9cf;--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #16739a;outline-offset:5px}button[hidden],[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;inset:10px auto auto 10px;transform:translateY(-150%);background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px;border-bottom:1px solid var(--line)}.brand-dot{color:var(--red)}.main-nav{display:flex;gap:34px;font-size:14px}.main-nav a{padding-block:15px}.main-nav a:hover{color:#b73222}.lang-switch a[aria-current=page]{background:var(--ink);color:var(--paper)}.hero{text-align:center;padding-top:60px}.hero-overline,.eyebrow,.small-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hero-overline{display:flex;justify-content:center;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:var(--red);border-radius:50%;display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(56px,6.8vw,104px);letter-spacing:-.065em;line-height:.99;font-weight:550;margin:27px 0 24px}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.055em}.hero-intro{max-width:570px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.55}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:29px 0 60px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:50px;padding:15px 23px;border-radius:40px;font-size:13px;border:1px solid currentColor;background:transparent;font-weight:600}.button.dark{color:var(--white);background:var(--ink);border-color:var(--ink)}.button:hover{transform:translateY(-2px)}.release{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.4}.release .status-dot{background:#66804e}.hero-stage{height:690px;position:relative;isolation:isolate;background:var(--red);border-radius:18px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.stage-type{position:absolute;left:3%;top:13%;color:#b32f20;font-size:clamp(95px,13.7vw,200px);font-weight:900;line-height:.8;letter-spacing:-.08em;text-align:left;z-index:-1}.hero-screen{width:292px;margin:35px 0 0;border:7px solid #333630;border-radius:40px;box-shadow:0 22px 55px #672d2745;background:#333630;overflow:hidden;transform:rotate(-5deg)}.hero-screen img{width:100%;border-radius:32px}.floating-art{position:absolute;background:var(--white);padding:9px 9px 17px;border-radius:15px;box-shadow:0 16px 30px #722d2229;width:190px;text-align:left}.floating-art img{border-radius:9px}.floating-art span{display:block;font-size:12px;margin:13px 6px 0}.art-coffee{left:9%;top:52%;transform:rotate(-12deg)}.art-dog{right:9%;top:13%;transform:rotate(11deg);width:205px}.stage-note{position:absolute;right:10%;bottom:15%;text-align:left;color:var(--white);font-size:16px;line-height:1.4;transform:rotate(5deg)}.stage-note>span:first-child{display:block;font-size:60px;font-family:Georgia;line-height:1.1}.stage-stamp{position:absolute;top:28px;left:28px;width:50px;height:50px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;color:white;font-size:25px;font-weight:bold}.stage-stamp span{font-size:13px;position:absolute;right:6px;top:5px}.image-caption{text-align:center;font-size:11px;color:var(--muted);margin:16px 0}.section-space{padding-block:110px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-symbol{font-size:55px;line-height:1;color:#f5c965}.eyebrow{margin:0 0 28px}.two-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}h2{font-size:clamp(40px,4.3vw,65px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:0}h3{font-size:35px;line-height:1.12;font-weight:500;letter-spacing:-.04em;margin:20px 0}p{line-height:1.6}.section-intro{font-size:16px;line-height:1.65;max-width:450px;margin:0;color:var(--muted)}.styles-section{margin-top:90px;background:#262a24;color:#f7f4e9}.styles-section .section-intro{color:#c2c8bb}.styles-section h2{max-width:660px}.art-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:62px}.art-gallery figure{margin:0}.art-gallery img{width:100%;border-radius:10px;transition:transform .3s}.art-gallery figure:hover img{transform:translateY(-9px) rotate(-2deg)}.art-gallery figcaption{display:flex;justify-content:space-between;font-size:13px;margin-top:17px}.art-gallery figcaption span:last-child{color:#929b88;font-size:11px}.styles-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:38px;border-top:1px solid #51574c;padding-top:23px;color:#c2c8bb;font-size:12px}.styles-bottom p{margin:0}.styles-bottom strong{font-size:44px;letter-spacing:-.06em;font-weight:500;color:#f5c965;vertical-align:middle;margin-right:14px}.view-picker{display:inline-flex;border:1px solid var(--line);border-radius:40px;padding:4px;gap:2px;margin-top:25px}.view-picker button{min-height:43px;border:0;background:transparent;border-radius:30px;font-size:12px;padding:12px 18px;color:var(--ink)}.view-picker button[aria-pressed=true]{background:var(--ink);color:white}.view-picker span:first-child{margin-right:5px}.screen-stage{margin-top:52px;padding:20px;background:#dce4d6;border-radius:18px}.screen-stage-top{display:flex;align-items:center;gap:7px;padding:0 4px 17px;font-size:12px}.screen-stage-top>span:last-child{margin-left:auto;color:#54634c;font-size:11px}.screen-stage picture>img{width:100%;border:7px solid #353b31;border-radius:21px}.gesture-section{background:#eee9df}.gesture-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.gesture-grid .section-intro{margin-top:30px;max-width:380px}.gesture-grid h2{font-size:clamp(38px,4vw,59px)}.demo-stage{background:#f9f7f0;border-radius:18px;padding:30px;text-align:center}.demo-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:25px}.demo-task{display:block;position:relative;width:230px;max-width:100%;padding:0;margin:auto;border:0;border-radius:35px;overflow:hidden;box-shadow:0 12px 20px #342f2520;touch-action:pan-y;user-select:none;-webkit-user-select:none}.demo-task img{width:100%;pointer-events:none}.demo-check{display:none;position:absolute;inset:0;background:#293a29a6;color:white;place-items:center;font-size:100px}.demo-task.completed .demo-check{display:grid}.hold-progress{position:absolute;bottom:0;left:0;height:8px;background:#f2ca68;width:0}.holding .hold-progress{width:100%;transition:width .7s linear}.demo-details{padding-top:20px}.demo-details p{font-size:13px;margin:5px 0 15px;color:var(--muted)}.demo-details .button{font-size:12px}#demo-feedback{font-size:13px;min-height:21px;margin:25px 0 10px}#demo-reset{border:0;background:none;color:#a32f20;padding:10px;text-decoration:underline;font-size:13px;min-height:44px}.demo-disclaimer{font-size:11px;color:var(--muted);margin:0}.details-top{margin-bottom:50px}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.counter-feature{background:#e8bfa5;padding:40px 35px 0;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr .86fr;gap:25px;align-items:start;height:530px}.counter-feature h3{font-size:37px}.counter-feature p{font-size:14px;line-height:1.7}.counter-feature>img{border:5px solid #414034;border-radius:25px;max-width:none;width:210px;margin-top:120px;transform:rotate(9deg)}.small-features{display:grid;grid-template-columns:1fr 1fr;gap:25px}.small-features article{background:#e9e9df;padding:30px;border-radius:18px}.small-features article:last-child{background:#e1e7dc}.small-features h3{font-size:28px;line-height:1.2;margin-top:60px}.small-features p{font-size:14px;color:#55594e}.feature-glyph{font-size:36px;display:block}.offline-section{background:#e5eadf;padding-block:90px}.offline-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.offline-layout .section-intro{margin-top:28px}.offline-art{min-height:370px;position:relative;display:grid;place-items:center}.offline-art img{transform:rotate(-10deg);border-radius:34px;box-shadow:10px 15px 0 #c4cdbd;z-index:1}.orbit{position:absolute;border:1px solid #bdc8b1;border-radius:50%;width:270px;height:270px}.orbit-two{width:370px;height:370px}.offline-check{position:absolute;top:62px;right:18%;font-size:31px;background:#fffdf5;box-shadow:0 4px 10px #00000008;width:65px;height:65px;display:grid;place-items:center;border-radius:50%;color:#5b744b;z-index:2}.closing{text-align:center}.closing h2{font-size:clamp(45px,5.8vw,85px)}.closing>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:540px;margin:25px auto}.language-ribbon{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin:40px 0;color:#a7ac9e;font-family:Georgia,serif;font-size:24px}.closing .release{background:#e5eadf;padding:14px 22px;border-radius:30px}.site-footer{border-top:1px solid var(--line);padding-block:35px 28px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-link{font-size:15px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:35px;font-size:11px;color:var(--muted)}.footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom a{padding-block:10px}.footer-bottom a:hover,.contact-link:hover{text-decoration:underline}@media(min-width:1600px){.hero-stage{height:720px}.hero-screen{width:305px}}@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.two-columns,.gesture-grid,.offline-layout{gap:40px}.hero-stage{height:610px}.hero-screen{width:260px}.art-coffee{left:6%;width:160px}.art-dog{right:6%;width:170px}.stage-note{right:5%;font-size:13px}.detail-grid{grid-template-columns:1fr}.counter-feature{grid-template-columns:1.3fr 1fr;height:420px}.counter-feature>img{margin-top:5px;width:260px}.small-features h3{margin-top:35px}.small-features article{padding:35px}.small-features{gap:25px}.orbit-two{width:310px;height:310px}.art-gallery{gap:15px}.section-space{padding-block:85px}.styles-section{margin-top:65px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.site-header{min-height:80px;gap:10px}.main-nav{display:none}.hero{padding-top:40px}.hero h1{font-size:clamp(40px,8.8vw,64px);line-height:1.06;margin:22px 0}.hero-intro{font-size:15px;max-width:430px}.hero-actions{gap:16px;flex-wrap:wrap;margin:25px 0 37px}.button{font-size:12px;padding:14px 19px}.release{font-size:11px}.hero-stage{height:560px;border-radius:12px}.hero-screen{width:232px;margin-top:32px;border-width:5px;transform:rotate(-4deg);border-radius:30px}.hero-screen img{border-radius:24px}.stage-type{font-size:100px;top:15%;left:-4%;opacity:.5}.floating-art{padding:5px 5px 10px;border-radius:9px}.floating-art span{font-size:10px;margin:7px 2px 0}.art-coffee{left:-14px;top:auto;bottom:35px;width:112px;z-index:2}.art-dog{right:-12px;top:35px;width:105px;z-index:2}.stage-note{display:none}.stage-stamp{top:14px;left:14px;width:30px;height:30px;font-size:17px}.stage-stamp span{font-size:9px;right:3px;top:2px}.image-caption{font-size:10px}.section-space{padding-block:65px}.styles-section{margin-top:40px}.eyebrow,.small-label{font-size:10px}.section-symbol{font-size:35px}.two-columns,.gesture-grid,.offline-layout{grid-template-columns:1fr;gap:28px}h2{font-size:clamp(35px,7.8vw,51px);line-height:1.1}.section-intro{font-size:15px;max-width:none}.art-gallery{grid-template-columns:1fr 1fr;gap:25px 14px;margin-top:35px}.art-gallery figcaption{font-size:12px;margin-top:10px}.styles-bottom{gap:25px;align-items:flex-start}.styles-bottom p{max-width:50%}.styles-bottom strong{display:block;font-size:40px}.styles-bottom p:last-child{margin-top:-8px}.view-picker{margin-top:22px}.view-picker button{font-size:11px;padding:10px 12px}.screen-stage{margin-top:30px;padding:8px;border-radius:12px}.screen-stage-top{font-size:10px;padding:4px 3px 10px}.screen-stage-top>span:last-child{font-size:9px}.screen-stage picture>img{border-width:3px;border-radius:10px}.gesture-grid h2{font-size:clamp(36px,8vw,49px)}.gesture-grid .section-intro{max-width:none}.demo-stage{padding:25px 18px}.demo-task{width:220px}.detail-grid{gap:18px}.details-top{margin-bottom:30px}.counter-feature{padding:28px 24px 0;grid-template-columns:1fr 1fr;gap:15px;height:430px}.counter-feature h3{font-size:29px}.counter-feature p{font-size:13px}.counter-feature>img{width:175px;margin-top:115px;transform:rotate(7deg)}.small-features{gap:18px}.small-features article{padding:23px 20px}.small-features h3{font-size:25px;margin-top:30px}.small-features p{font-size:13px}.offline-section{padding-block:55px}.offline-layout{gap:30px}.offline-art{min-height:260px;order:1}.offline-art img{width:90px;border-radius:25px}.orbit{width:190px;height:190px}.orbit-two{width:255px;height:255px}.offline-check{top:35px;right:22%;width:45px;height:45px;font-size:22px}.closing h2{font-size:clamp(34px,7.5vw,52px)}.language-ribbon{gap:18px;font-size:20px;margin:30px 0}.footer-top{align-items:flex-start}.contact-link{font-size:12px;padding-top:12px}.footer-bottom{display:block;margin-top:25px}.footer-bottom nav{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;margin-top:15px}.footer-bottom a{line-height:1.5}.site-footer{padding-top:25px}}
@media(max-width:370px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:37px}.hero-stage{height:510px}.hero-screen{width:212px}.art-dog{width:88px}.art-coffee{width:95px}.counter-feature{display:block;height:565px}.counter-feature p{max-width:240px}.counter-feature>img{width:180px;margin:25px auto 0}.small-features{grid-template-columns:1fr}.small-features h3{margin-top:15px}.footer-top{flex-wrap:wrap}.closing h2{font-size:34px}.styles-bottom strong{font-size:35px}.view-picker button{padding:10px}.hero-overline{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:720px){.screen-stage{max-width:370px;margin-inline:auto}.screen-stage picture{display:block}.screen-stage picture>img{width:100%;height:auto}}



@font-face{font-family:"ZagaDo Brand";src:url("/assets/JetBrainsMono-SemiBold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;direction:ltr;gap:12px;font-family:"ZagaDo Brand",monospace;font-size:24px;font-weight:600;line-height:1.12;letter-spacing:-.5px;white-space:nowrap;color:#252A2E}.wordmark img{width:44px;height:44px;flex-shrink:0}.brand-zaga{color:#252A2E}.brand-do{color:#23BFF2}
@media(max-width:370px){.footer-top{flex-wrap:wrap}}

.site-header .main-nav{margin-left:auto}.legal-home{font-size:13px;min-height:44px;display:inline-flex;align-items:center;padding-inline:12px}

/* Current App Store artwork and hands-on phone demonstrations. */
.hero-stage{height:auto;min-height:870px;padding:28px 0 22px;overflow:hidden;align-items:start}
.hero-stage .hero-phone{position:relative;width:390px;max-width:calc(100% - 30px);z-index:3;margin:0 auto}
.hero-stage .art-coffee{left:7%;top:48%;bottom:auto}
.hero-stage .art-dog{right:7%;top:9%}
.hero-stage .stage-note{right:5%;top:70%}
.phone-practice{display:flex;justify-content:center;border-radius:25px;padding:30px 15px;background:#e8e7dd;min-width:0}
.phone-practice .phone-demo{width:390px;max-width:100%}
.gesture-grid{align-items:center}
@media(max-width:1100px){.hero-stage .art-coffee{left:3%;width:150px}.hero-stage .art-dog{right:3%;width:150px}.hero-stage .stage-note{right:3%;max-width:150px}}
@media(max-width:720px){.hero-stage{min-height:0;padding:25px 0 20px}.hero-stage .hero-phone{width:390px;max-width:calc(100% - 28px)}.hero-stage .floating-art{display:none}.hero-stage .stage-type{font-size:95px;top:18%;left:-15%;opacity:.28}.phone-practice{padding:22px 8px}.art-gallery figcaption{font-size:11px}}

/* App Store availability is visible before the main navigation. */
.app-store-announcement{display:flex;justify-content:center;align-items:center;gap:24px;padding:19px 24px;background:#23bff2;color:#182126;text-align:center}
.app-store-announcement>span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.app-store-announcement>strong{font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.025em}
.app-store-announcement+.site-header{min-height:88px}
.hero-actions .release{font-size:15px;font-weight:700;color:#182126;background:#dcf4fb;padding:13px 18px;border-radius:28px}
.hero-actions .release .status-dot{background:#0087ad}
@media(max-width:720px){.app-store-announcement{flex-direction:column;gap:7px;padding:15px 18px}.app-store-announcement>span{font-size:10px}.app-store-announcement>strong{font-size:22px;max-width:340px}.app-store-announcement+.site-header{min-height:76px}.hero-actions .release{font-size:13px;padding:12px 15px}}

.app-store-announcement .store-name{white-space:nowrap}

/* Floating artwork: lift, scale and shadow share the same motion phase. */
.hero-floating-cards{position:absolute;inset:0;pointer-events:none;z-index:2}
.hero-floating-cards .floating-art{--tilt:-9deg;--lift:22px;animation:task-float 6s ease-in-out infinite;will-change:transform;transform-origin:center}
.hero-floating-cards .art-coffee{left:7%;top:58%;width:190px;--tilt:-11deg;animation-delay:-2s}
.hero-floating-cards .art-dog{right:7%;top:15%;width:195px;--tilt:10deg;animation-duration:6.7s;animation-delay:-4s}
.hero-floating-cards .art-birds{left:8%;top:13%;width:165px;--tilt:7deg;animation-duration:5.8s;animation-delay:-.8s}
@keyframes task-float{0%,100%{transform:translateY(9px) rotate(var(--tilt)) scale(.97);box-shadow:0 8px 12px #672d273d}50%{transform:translateY(calc(-1 * var(--lift))) rotate(var(--tilt)) scale(1.055);box-shadow:0 32px 38px #672d2726}}
.gesture-proof{margin:0;min-width:0;padding:35px;background:#e7e8de;border:1px solid #d7dacf;border-radius:24px;text-align:left}
.gesture-step-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#4c5751;margin-bottom:16px}
.gesture-step-label>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #b9c3b7;border-radius:50%;font-size:10px}
.gesture-detail-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:center;padding:18px;border-radius:22px;border:1px solid #b6aca3;background:#d5cdc6;box-shadow:0 8px 18px #252a2e0d;font-family:"ZagaDo Brand",monospace}
.gesture-detail-card>img{width:110px;border-radius:15px}.gesture-detail-card>div{display:flex;flex-direction:column;gap:10px}.gesture-task-kind{font-size:10px;letter-spacing:.08em;color:#60666a}.gesture-detail-card strong{font-size:22px;line-height:1.2}.gesture-repeat{font-size:12px;color:#60666a}
.gesture-flow{height:54px;display:grid;place-items:center;color:#73817a;font-size:26px}
.gesture-result{display:flex;align-items:center;gap:28px;padding:0 18px}.gesture-completed-art{width:110px;flex-shrink:0;position:relative;border:3px solid #23bff2;border-radius:24px;overflow:hidden;box-shadow:0 8px 18px #252a2e0d}.gesture-completed-art img{width:100%;opacity:.3}.gesture-completed-art>span{position:absolute;inset:0;display:grid;place-items:center;font-size:58px;color:#252a2e;background:#fcfaf433}.gesture-result>div:last-child{display:flex;flex-direction:column;gap:8px}.gesture-result strong{font-size:34px;letter-spacing:-.04em}.gesture-result>div:last-child>span{font-size:13px;color:#5e6861}.gesture-proof figcaption{border-top:1px solid #ccd2c7;margin-top:28px;padding-top:18px;font-size:12px}.gesture-proof figcaption a{display:inline-flex;align-items:center;gap:16px;min-height:44px;text-decoration:underline;text-underline-offset:4px}
@media(min-width:721px) and (max-width:1100px){.hero-floating-cards .art-coffee{left:3%;width:115px}.hero-floating-cards .art-dog{right:3%;width:115px}.hero-floating-cards .art-birds{left:3%;width:115px}.gesture-proof{padding:24px}.gesture-detail-card{grid-template-columns:85px minmax(0,1fr);gap:12px;padding:14px}.gesture-detail-card>img{width:85px}.gesture-detail-card strong{font-size:18px}}
@media(max-width:720px){.hero-stage{flex-direction:column;align-items:center}.hero-stage .hero-phone{order:1}.hero-floating-cards{position:relative;inset:auto;order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:calc(100% - 36px);margin:30px 0 20px}.hero-stage .hero-floating-cards .floating-art{display:block;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding:4px 4px 8px;border-radius:9px;--lift:8px}.hero-floating-cards .floating-art img{border-radius:6px}.hero-floating-cards .floating-art span{font-size:10px;line-height:1.3;margin:7px 2px 0}.gesture-proof{padding:24px 18px}.gesture-detail-card{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:13px}.gesture-detail-card>img{width:90px}.gesture-detail-card strong{font-size:19px}.gesture-result{gap:20px;padding:0 10px}.gesture-completed-art{width:95px}.gesture-result strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-floating-cards .floating-art{animation:none;transform:rotate(var(--tilt));box-shadow:0 10px 18px #672d2729;will-change:auto}}

/* Motion is driven by the same height value as the cast/contact shadows. */
.hero-floating-cards .floating-art{animation:none;pointer-events:auto;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.floating-art-portal{pointer-events:auto;touch-action:none;cursor:grabbing;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;will-change:transform}
.floating-art img{pointer-events:none;user-select:none;-webkit-user-select:none}
.floating-art:focus-visible{outline:3px solid #23bff2;outline-offset:5px}
.floating-art[data-motion="dragging"]{cursor:grabbing}

/* Browser-owned idle animation: no JS frame loop or computed-style reads. */
.hero-floating-cards .floating-art{animation:card-hover 8.5s ease-in-out infinite;pointer-events:auto;touch-action:none}
.hero-floating-cards .art-dog{animation-duration:9.3s;animation-delay:-3.1s}
.hero-floating-cards .art-birds{animation-duration:10.1s;animation-delay:-6.7s}
@keyframes card-hover{
  0%,100%{transform:translate3d(0,8px,0) rotate(var(--tilt)) scale(.997);box-shadow:0 4px 7px #4b181038,2px 16px 20px #4b181052}
  50%{transform:translate3d(0,calc(-1 * var(--lift)),0) rotate(var(--tilt)) scale(1.045);box-shadow:0 7px 12px #4b18102e,8px 38px 46px #4b18103d}
}
@media(prefers-reduced-motion:reduce){.hero-floating-cards .floating-art{animation:none;transform:rotate(var(--tilt));box-shadow:0 5px 9px #4b181033,5px 24px 32px #4b181044}}

.hero-stage,.hero-floating-cards{overflow-anchor:none}

/* Native scrolling keeps the complete app style gallery light and touch friendly. */
.style-carousel{min-width:0;margin-top:48px}
.style-carousel .art-gallery{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8f9085 transparent;padding:4px 0 18px;margin:0;scroll-padding:0}
.style-carousel .art-gallery figure{flex:0 0 calc((100% - 72px)/4);min-width:0;margin:0;scroll-snap-align:start}
.style-carousel .art-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:22px}
.style-carousel .art-gallery figcaption{gap:10px;min-height:48px;align-items:flex-start;padding-top:16px;font-size:14px}
.style-carousel .styles-bottom{align-items:center;gap:20px;margin-top:20px}
.carousel-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.carousel-position{font-family:"ZagaDo Brand",monospace;font-size:14px;min-width:74px;text-align:center;font-variant-numeric:tabular-nums}
.carousel-controls button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #83867c;background:transparent;color:inherit;font:26px/1 sans-serif;cursor:pointer;transition:background .18s,color .18s}
.carousel-controls button:hover:not(:disabled){background:#f5f3e9;color:#272b25}
.carousel-controls button:disabled{opacity:.3;cursor:default}
.carousel-controls button:focus-visible,.style-carousel .art-gallery:focus-visible{outline:3px solid #55cfff;outline-offset:4px}
@media(max-width:900px){.style-carousel .art-gallery figure{flex-basis:calc((100% - 24px)/2.35)}}
@media(max-width:540px){.style-carousel{margin-top:32px}.style-carousel .art-gallery{gap:16px}.style-carousel .art-gallery figure{flex-basis:82%}.style-carousel .styles-bottom{flex-wrap:wrap;align-items:center}.style-carousel .styles-bottom p{font-size:14px}.carousel-controls{margin-left:auto}}
@media(max-width:540px){.style-carousel .styles-bottom p{max-width:none;margin:0}.style-carousel .styles-bottom strong{display:inline;font-size:24px;vertical-align:baseline;margin:0 3px;letter-spacing:-.04em}.style-carousel .styles-bottom{gap:16px}}