@layer popover-polyfill,theme,base;@layer components{.site-header{border-bottom:1px solid var(--rule);view-transition-name:site-header}.site-header-purple{border-bottom-color:color-mix(in srgb, var(--lilac) 22%, transparent)}.site-header-end{gap:var(--space-2)}.site-header-login{display:none}.site-header-start{padding-inline:14px}@media (min-width:520px){.site-header-login{display:inline-flex}}.site-nav>a,.site-footer-list a{background:linear-gradient(var(--gold), var(--gold)) 0 100% / 0 1.5px no-repeat;transition:background-size var(--duration-slow) var(--ease);padding-block:6px;text-decoration-line:none}.site-header-purple .site-nav>a,.site-footer-list a{background-image:linear-gradient(var(--danfo-yellow), var(--danfo-yellow))}@media (hover:hover){.site-nav>a:hover,.site-footer-list a:hover{background-size:100% 1.5px;text-decoration-line:none}}.site-nav>a[aria-current=page],.site-nav-menu-current>.site-nav-menu-button{color:var(--text-strong);background-size:100% 2px;font-weight:650}.site-nav-menu-current>.site-nav-menu-button{background:linear-gradient(var(--gold), var(--gold)) 0 100% / 100% 2px no-repeat}.site-header-purple :is(.site-nav>a[aria-current=page],.site-nav-menu-current>.site-nav-menu-button){color:var(--paper)}.site-header-purple .site-nav-menu-current>.site-nav-menu-button{background-image:linear-gradient(var(--danfo-yellow), var(--danfo-yellow))}.tag-menu-link[aria-current=page]{color:var(--accent);font-weight:650}.site-nav>a,.site-nav-menu-button{white-space:nowrap}.site-header{anchor-name:--site-header}.site-nav-menu-button{background:linear-gradient(var(--gold), var(--gold)) 0 100% / 0 1.5px no-repeat;min-height:44px;color:var(--text);font:inherit;cursor:pointer;transition:background-size var(--duration-slow) var(--ease);border:0;align-items:center;gap:6px;padding:6px 0;font-size:15px;font-weight:500;display:inline-flex}.site-header-purple .site-nav-menu-button{color:var(--lilac)}.site-nav-menu-button .icon{width:10px;height:6px;transition:rotate var(--duration) var(--ease)}.site-nav-menu-button:has(+:is(:popover-open,.\:popover-open)) .icon{rotate:180deg}@media (hover:hover){.site-nav-menu-button:hover{background-size:100% 1.5px}}.site-nav-panel{border:0;border-bottom:1px solid var(--rule);background:var(--page);width:100%;max-width:none;height:auto;max-height:calc(100dvh - 92px);color:var(--text);box-shadow:0 24px 40px -28px var(--shadow-ink);clip-path:inset(0 0 100%);opacity:0;transition:clip-path var(--duration-slow) var(--ease-in), opacity var(--duration) var(--ease-in), overlay var(--duration-slow) allow-discrete, display var(--duration-slow) allow-discrete;margin:0;padding:0;inset:92px 0 auto;overflow:auto}.site-nav-panel:is(:popover-open,.\:popover-open){clip-path:inset(0 0 -48px);opacity:1;transition-timing-function:var(--ease)}@starting-style{.site-nav-panel:is(:popover-open,.\:popover-open){clip-path:inset(0 0 100%);opacity:0}}.site-header:has(.site-nav-panel:is(:popover-open,.\:popover-open)){background:var(--page)}@supports (position-anchor:--site-header){.site-nav-panel{position-anchor:--site-header;top:calc(anchor(bottom) - 1px);max-height:calc(100dvh - anchor-size(height))}}.site-nav-panel-inner{padding-block:24px 32px}.site-nav-panel .tag-menu-title{margin:0 0 10px 10px}.site-nav-panel .site-nav-panel-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 16px}.site-nav-panel:is(:popover-open,.\:popover-open) .site-nav-panel-list>li{animation:ob-item-in var(--duration-slow) var(--ease) both}.site-nav-panel:is(:popover-open,.\:popover-open) .site-nav-panel-list>li:nth-child(n+5){animation-delay:30ms}.site-nav-panel:is(:popover-open,.\:popover-open) .site-nav-panel-list>li:nth-child(n+9){animation-delay:60ms}.site-nav-panel:is(:popover-open,.\:popover-open) .site-nav-panel-list>li:nth-child(n+13){animation-delay:90ms}.site-nav-panel:is(:popover-open,.\:popover-open) .site-nav-panel-list>li:nth-child(n+17){animation-delay:.12s}.site-nav-panel:is(:popover-open,.\:popover-open) .site-nav-panel-list>li:nth-child(n+21){animation-delay:.15s}@media (min-width:1024px) and (max-width:1279px){.site-nav{gap:22px}[lang=yo] .site-nav{display:none}}.share-links{gap:var(--space-3);display:grid}.share-links-title{color:inherit;font:650 11px / 1.4 var(--font-body);letter-spacing:.18em;text-transform:uppercase;margin:0}.share-links-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.share-link{align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb, currentColor 28%, transparent);border-radius:var(--radius-chip);min-height:44px;color:inherit;font:inherit;cursor:pointer;transition:background-color var(--duration) var(--ease), transform var(--duration-fast) var(--ease);background:0 0;padding:0 16px 0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.share-link .icon{flex:none;width:18px;height:18px}.share-link:active{background-color:color-mix(in srgb, currentColor 16%, transparent);transform:scale(.97)}@media (hover:hover){.share-link:hover{background-color:color-mix(in srgb, currentColor 10%, transparent)}}.site-footer .share-links{color:var(--paper);margin-top:28px}.site-footer .share-links-title{color:var(--lavender)}.band .share-links{color:var(--text-strong);margin-top:28px}.band .share-links-title{color:var(--text-label)}.install-systems{gap:56px;display:grid}.install-jump{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.install-system{gap:var(--space-4);scroll-margin-top:88px;display:grid}.install-system-head{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.install-system-head .heading{margin:0;font-size:clamp(22px,3vw,28px)}.install-yours{border-radius:var(--radius-chip);background:var(--accent-soft);color:var(--accent-on-soft);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:650;display:none}.install-yours:before{content:"";background:var(--danfo-yellow);border-radius:50%;width:6px;height:6px}.install-system[data-yours] .install-yours{display:inline-flex}.install-system-note{margin:calc(-1 * var(--space-2)) 0 0;color:var(--text-label);font-size:15px;line-height:1.5}.install-browsers{flex-wrap:wrap;justify-self:start;max-width:100%}.install-browsers .segment{white-space:nowrap;flex:none;height:40px;padding:0 14px}.install-browsers .segment:has(input:checked){background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #1010181f}.install-browsers .segment:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.install-panel{gap:var(--space-6);padding:var(--space-5);border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--surface);align-items:start;display:grid}@supports selector(:has(a)){.install-panel{display:none}:is(.install-system:has(input[value=chrome]:checked) .install-panel[data-browser=chrome],.install-system:has(input[value=samsung]:checked) .install-panel[data-browser=samsung],.install-system:has(input[value=edge]:checked) .install-panel[data-browser=edge],.install-system:has(input[value=firefox]:checked) .install-panel[data-browser=firefox],.install-system:has(input[value=opera]:checked) .install-panel[data-browser=opera],.install-system:has(input[value=safari]:checked) .install-panel[data-browser=safari]){display:grid}}@media (prefers-reduced-motion:no-preference){.install-browsers .segment{transition:background-color var(--duration) var(--ease), color var(--duration) var(--ease), box-shadow var(--duration) var(--ease)}.install-panel{animation:install-panel-in .36s var(--ease) both}.install-panel .install-panel-picture{animation:install-panel-in .48s var(--ease) 60ms both}}@keyframes install-panel-in{0%{opacity:0;translate:0 10px}}.install-panel-text{gap:var(--space-3);align-content:start;display:grid}.install-panel-text .heading{margin:0}.install-panel-text p{color:var(--text-label);margin:0;font-size:15px;line-height:1.6}.install-panel strong{color:var(--text-strong);font-weight:650}.site-link{color:var(--accent);text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-underline-offset:3px;border-radius:2px;font-weight:600;text-decoration-thickness:1.5px}.site-link:is(:hover,:focus-visible){-webkit-text-decoration-color:var(--danfo-yellow);text-decoration-color:var(--danfo-yellow);text-decoration-thickness:3px}@media (prefers-reduced-motion:no-preference){.site-link{transition:text-decoration-color var(--duration) var(--ease), text-decoration-thickness var(--duration) var(--ease)}}.install-panel-picture{justify-content:center;display:flex}.install-video{border-radius:var(--radius-card);background:var(--surface-mist);width:min(240px,100%);height:auto;display:block}@media (min-width:768px){.install-panel{padding:var(--space-6) var(--space-8);grid-template-columns:minmax(0,1fr) auto}}.install-drawing{--ip-bar:var(--neutral-0);--ip-ground:var(--neutral-50);--ip-field:var(--neutral-100);--ip-ink:var(--neutral-850);--ip-muted:var(--neutral-500);--ip-faint:var(--neutral-200);--ip-line:var(--neutral-150);--ip-sheet:var(--neutral-0);--ip-shadow:color-mix(in srgb, var(--neutral-950) 22%, transparent);--ip-press:color-mix(in srgb, var(--neutral-950) 10%, transparent);--ip-accent:var(--browser-chrome);background:var(--device-frame);box-shadow:0 30px 60px -30px var(--shadow-ink), inset 0 0 0 1.5px var(--device-edge);border-radius:30px;padding:6px}.install-drawing[data-look=edge]{--ip-accent:var(--browser-edge)}.install-drawing[data-look=samsung]{--ip-accent:var(--browser-samsung)}.install-drawing[data-look=firefox]{--ip-accent:var(--browser-firefox)}.install-drawing[data-look=opera]{--ip-accent:var(--browser-opera)}.install-drawing[data-look=safari],.install-drawing[data-os=ios] .ip-panel:is([data-kind=sheet],[data-kind=page]){--ip-accent:var(--browser-apple)}.install-drawing[data-os=ios]{border-radius:34px}.install-drawing-computer{border-radius:14px}.ip-screen{background:var(--ip-ground);width:200px;color:var(--ip-ink);border-radius:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.2;position:relative;overflow:hidden;container-type:inline-size}.install-drawing[data-os=ios] .ip-screen{border-radius:28px}.install-drawing-computer .ip-screen{border-radius:9px;width:min(340px,72vw)}.ip-screen>*{font-size:4.2cqw;position:absolute}.install-drawing-computer .ip-screen>*{font-size:2.4cqw}.ip-page{background:var(--neutral-0);align-content:start;gap:3cqw;padding:5cqw 5cqw 0;display:grid}.ip-page>span{background:var(--neutral-100);border-radius:2cqw;height:11cqw}.ip-page>.ip-page-head{background:var(--orda-purple);width:50%;height:5cqw}.install-drawing-computer .ip-page{gap:1.6cqw;padding:3cqw 10cqw 0}.install-drawing-computer .ip-page>span{border-radius:1cqw;height:6cqw}.install-drawing-computer .ip-page>.ip-page-head{width:30%;height:3cqw}.ip-status{background:var(--ip-bar);justify-content:space-between;align-items:center;padding:0 7cqw;font-size:3.4cqw;font-weight:650;display:flex}.ip-island,.ip-camera{background:var(--neutral-950);border-radius:99px;position:absolute;top:1.4cqw;left:50%;translate:-50%}.ip-island{width:26cqw;height:5cqw}.ip-camera{width:3.4cqw;height:3.4cqw;top:1.8cqw}.ip-signal{background:var(--ip-ink);border-radius:1cqw;width:10cqw;height:2.6cqw}.ip-bar,.ip-toolbar,.ip-menubar{background:var(--ip-bar)}.ip-bar{border-bottom:1px solid var(--ip-line)}.ip-bar-foot,.ip-toolbar{border-top:1px solid var(--ip-line);border-bottom:0}.install-drawing[data-os=ios] .ip-bar-foot{background:0 0;border:0}.ip-field{background:var(--ip-field);color:var(--ip-muted);white-space:nowrap;border-radius:99px;align-items:center;padding:0 3cqw;display:flex;overflow:hidden}.ip-field-centred{background:var(--ip-bar);box-shadow:0 1cqw 4cqw var(--ip-shadow);color:var(--ip-ink);justify-content:center}.install-drawing-computer .ip-field{padding:0 1.6cqw}.ip-g{color:var(--ip-ink);border-radius:50%;place-items:center;display:grid}.ip-glyph{width:64%;height:64%}.ip-menubar{border-bottom:1px solid var(--ip-line)}.ip-word{border-radius:.8cqw;place-items:center;display:grid;position:absolute}.ip-word-app{font-weight:700}.ip-titlebar{background:var(--ip-field);align-items:center;gap:1.4cqw;padding:0 1.6cqw;display:flex}.ip-tab{background:var(--ip-bar);border-radius:1.2cqw 1.2cqw 0 0;align-self:end;align-items:center;gap:1cqw;width:26cqw;height:82%;padding:0 1.8cqw;display:flex}.ip-tab img,.ip-window-name img{border-radius:.6cqw;width:2.4cqw;height:2.4cqw}.ip-lights,.ip-controls{align-items:center;gap:1cqw;display:flex}.ip-lights i{background:var(--neutral-300);border-radius:50%;width:1.7cqw;height:1.7cqw}.ip-controls{gap:3cqw;margin-left:auto}.ip-controls i{background:var(--ip-ink);width:2cqw;height:.3cqw}.ip-controls i:nth-child(2){border:.3cqw solid var(--ip-ink);background:0 0;height:1.8cqw}.ip-controls i:nth-child(3){background:linear-gradient(45deg, transparent 43%, var(--ip-ink) 43% 57%, transparent 57%), linear-gradient(-45deg, transparent 43%, var(--ip-ink) 43% 57%, transparent 57%);height:2cqw}.ip-tip{background:var(--neutral-800);color:var(--neutral-0);white-space:nowrap;opacity:0;border-radius:.8cqw;padding:.8cqw 1.6cqw}.ip-panel{--ip-from:none;--ip-scale:.94;background:var(--ip-sheet);box-shadow:0 2cqw 6cqw var(--ip-shadow);opacity:0;transform-origin:100% 0;border-radius:3cqw}.ip-panel>*{position:absolute}.ip-panel:is([data-kind=sheet],[data-kind=page]){--ip-from:0 30%;--ip-scale:1;border-radius:5cqw 5cqw 0 0}.ip-panel[data-kind=popover-up]{--ip-from:0 4cqw;transform-origin:100% 100%;border-radius:5cqw}.ip-panel[data-kind=dialog]{box-shadow:0 0 0 300cqw var(--ip-shadow);transform-origin:50%;border-radius:6cqw}.ip-panel:is([data-kind=popup],[data-kind=menu],[data-kind=window-sheet]){border-radius:1.2cqw}.ip-panel[data-kind=menu]{transform-origin:0 0}.ip-panel[data-kind=window-sheet]{transform-origin:top}.install-drawing[data-os=ios] .ip-panel:is([data-kind=sheet],[data-kind=page]){background:var(--neutral-100)}.install-drawing[data-os=ios] [data-kind=sheet]>.ip-row:not(.ip-row-header,.ip-row-apps),.install-drawing[data-os=ios] [data-kind=page]>:is(.ip-row-field,.ip-row-toggle){border-bottom:1px solid var(--ip-line);background:var(--ip-sheet)}.ip-row{white-space:nowrap;border-radius:1cqw;align-items:center;gap:2cqw;padding:0 3cqw;display:flex;overflow:hidden}.install-drawing-computer .ip-row{gap:1cqw;padding:0 1.4cqw}.ip-row-blank i{background:var(--ip-faint);border-radius:99px;width:55%;height:.4em}.ip-row-title{font-size:1.12em;font-weight:650}.ip-row-icons,.ip-row-apps{justify-content:space-around}.ip-row-icons i{background:var(--ip-faint);border-radius:50%;width:1.3em;height:1.3em}.ip-row-apps i{background:var(--neutral-200);border-radius:50%;width:11cqw;height:11cqw}.ip-row-header img,.ip-row-app img,.ip-row-field img{border-radius:22%;width:2.4em;height:2.4em}.ip-row-header>span,.ip-row-app>span{font-weight:650;display:grid}.ip-row small,.ip-tile small{color:var(--ip-muted);font-size:.84em;font-weight:400}.ip-close{background:var(--ip-faint);border-radius:50%;width:1.6em;height:1.6em;margin-left:auto}.ip-name{border-bottom:1px solid var(--ip-line);flex:1;padding:.4em 0}.ip-row-toggle{justify-content:space-between}.ip-row-toggle i{background:radial-gradient(circle at 70% 50%, var(--neutral-0) .55em, transparent .6em), var(--browser-switch);border-radius:99px;width:2.6em;height:1.5em}.ip-tile{text-align:center;border-radius:2cqw;align-content:center;justify-items:center;gap:1.2cqw;display:grid}.ip-tile i{background:var(--ip-faint);border-radius:2cqw;width:7cqw;height:7cqw}.ip-tile small{color:var(--ip-ink);line-height:1.1}.ip-tile b{background:var(--ip-faint);border-radius:99px;width:60%;height:1.6cqw}.ip-action,.ip-nav-button{color:var(--ip-accent);border-radius:99px;place-items:center;font-weight:650;display:grid}.ip-action-blank{background:var(--ip-field)}.ip-confirm{background:var(--ip-accent);color:var(--neutral-0)}.install-drawing[data-os=android] .ip-action{color:var(--ip-accent);background:0 0}.install-drawing-computer .ip-action{border-radius:99px}.install-drawing-computer .ip-action:not(.ip-confirm,.ip-action-blank){box-shadow:inset 0 0 0 1px var(--ip-line)}.ip-row-nav{justify-content:center;font-weight:650}.ip-nav-confirm{font-weight:750}.ip-home{background:linear-gradient(160deg, var(--lilac), var(--lavender));opacity:0;inset:0}.ip-icons{grid-template-columns:repeat(4,1fr);gap:9cqw 6cqw;display:grid;position:absolute;inset:20cqw 7cqw auto}.ip-icon{aspect-ratio:1;background:color-mix(in srgb, var(--neutral-0) 55%, transparent);border-radius:22%}.ip-app{background:0 0;position:relative}.ip-app img{border-radius:inherit;width:100%;height:100%;display:block}.ip-app small{color:var(--neutral-850);text-align:center;font-size:3cqw;position:absolute;top:106%;left:-30%;right:-30%}.ip-dock{background:color-mix(in srgb, var(--neutral-0) 55%, transparent);border-radius:2cqw;gap:1.2cqw;padding:1cqw;display:flex;position:absolute;bottom:1.6cqw;left:50%;translate:-50%}.ip-dock .ip-icon,.ip-start{border-radius:1.2cqw;width:5cqw}.install-drawing[data-os=windows] .ip-dock{background:color-mix(in srgb, var(--neutral-0) 85%, transparent);border-radius:0;justify-content:center;padding:.8cqw;bottom:0;left:0;right:0;translate:none}.ip-start{aspect-ratio:1;background:var(--browser-edge)}.ip-window{background:var(--neutral-0);height:42cqw;box-shadow:0 2cqw 6cqw var(--ip-shadow);opacity:0;transform-origin:50% 130%;border-radius:1.4cqw;grid-template-rows:5cqw 1fr;display:grid;top:7cqw;left:14cqw;right:14cqw;overflow:hidden}.ip-window-bar{background:var(--ip-field);align-items:center;gap:1.4cqw;padding:0 1.6cqw;display:flex}.ip-window-name{align-items:center;gap:1cqw;font-weight:650;display:flex}.ip-window-page{background:var(--neutral-50);grid-template-rows:4.4cqw 1fr;grid-template-columns:17% 1fr;min-height:0;display:grid}.ip-app-top{border-bottom:1px solid var(--ip-line);background:var(--neutral-0);grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 2cqw;display:flex}.ip-app-name{background:var(--neutral-700);border-radius:.7cqw;width:22%;height:1.4cqw}.ip-app-tools{gap:1.2cqw;display:flex}.ip-app-tools>span{border:.3cqw solid var(--neutral-500);border-radius:50%;width:1.8cqw;height:1.8cqw}.ip-app-tools>span:first-child{border-color:var(--neutral-400);border-radius:1cqw 1cqw .5cqw .5cqw;width:2.4cqw;height:1.6cqw}.ip-app-side{border-right:1px solid var(--ip-line);background:var(--neutral-0);align-content:start;gap:1.4cqw;padding:2.4cqw 1.6cqw;display:grid}.ip-app-side>span{background:var(--neutral-200);border-radius:.65cqw;height:1.3cqw}.ip-app-side>.ip-app-tab-now{background:var(--orda-purple)}.ip-app-side>.ip-app-add{background:var(--lilac);border-radius:50%;width:3cqw;height:3cqw}.ip-app-main{align-content:start;gap:1.2cqw;padding:2.4cqw 4cqw;display:grid}.ip-app-title{align-items:center;gap:1.6cqw;margin-top:1.2cqw;display:flex}.ip-app-title:first-child{margin-top:0}.ip-app-title:before{content:"";background:var(--neutral-800);border-radius:.65cqw;width:24%;height:1.3cqw}.ip-app-title:after{content:"";background:color-mix(in srgb, var(--neutral-900) 50%, transparent);flex:1;height:1px}.ip-app-row{border:1px solid var(--ip-line);background:var(--neutral-0);border-radius:1cqw;justify-content:space-between;align-items:center;height:4.2cqw;padding:0 1.6cqw;display:flex}.ip-app-row>span:first-child{background:var(--neutral-300);border-radius:.55cqw;width:40%;height:1.1cqw}.ip-app-chip{border-radius:1cqw;width:9cqw;height:2cqw}.ip-app-chip[data-tone=active]{background:color-mix(in srgb, var(--danfo-yellow) 35%, var(--neutral-0));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danfo-yellow) 60%, transparent)}.ip-app-chip[data-tone=accent]{background:var(--lilac);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--orda-purple) 30%, transparent)}.ip-app-figures{grid-template-columns:1fr 1fr;gap:1.2cqw;display:grid}.ip-app-figures>span{border:1px solid var(--ip-line);background:var(--neutral-0);border-radius:1cqw;height:6cqw}.ip-app-figures>span:first-child{grid-column:1/-1;height:5cqw}.ip-finger{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--orda-purple) 70%, transparent);background:color-mix(in srgb, var(--orda-purple) 24%, transparent);opacity:0;border-radius:50%;width:9cqw;top:110%;left:50%;translate:-50% -50%}.install-drawing-computer .ip-finger{width:4.6cqw}.site-notice{z-index:40;right:0;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));justify-content:flex-end;align-items:center;gap:var(--space-3) var(--space-5);width:min(760px, calc(100% - 2 * var(--space-4)));padding:var(--space-4) var(--space-5);border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--surface);color:var(--text);box-shadow:var(--shadow-raised);transition:opacity var(--duration-slow) var(--ease), translate var(--duration-slow) var(--ease);flex-wrap:wrap;margin-inline:auto;display:flex;position:fixed;left:0}@starting-style{.site-notice{opacity:0;translate:0 16px}}.site-notice-text{color:var(--text-label);flex:320px;margin:0;font-size:14px;line-height:1.5}.site-notice-text a{color:var(--text-strong);text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:3px;font-weight:600}.site-notice-actions{gap:var(--space-2);flex:none;display:flex}:root:has(.site-notice) .site-footer{padding-bottom:200px}@media (min-width:640px){:root:has(.site-notice) .site-footer{padding-bottom:104px}}.sign-ups-paused{padding:10px var(--gutter);border-bottom:1px solid var(--rule);background:var(--surface-mist);color:var(--text-strong);text-align:center;margin:0;font-size:14px;line-height:1.5}.launch-countdown{border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--surface);margin-top:28px;padding:20px 22px}.launch-countdown-label{color:var(--text-label);margin:0;font-size:15px}.launch-countdown-time{flex-wrap:wrap;gap:6px 22px;margin:10px 0 0;display:flex}.launch-countdown-part{flex-direction:column;min-width:56px;display:flex}.launch-countdown-part strong{color:var(--text-strong);font:800 34px / 1.1 var(--font-body);font-variant-numeric:tabular-nums}.launch-countdown-part span{color:var(--text-label);font-size:13px}a[aria-disabled=true]{cursor:not-allowed;opacity:.5}.band-dressed,.page-opening{isolation:isolate;position:relative;overflow-x:clip}.band-dressed>.site-container,.page-opening>.site-container{z-index:1;position:relative}.glow,.ankara,.grain{z-index:0;pointer-events:none;position:absolute;inset:0}.glow{overflow:hidden}.glow span{--glow:var(--glow-purple);aspect-ratio:1;background:radial-gradient(closest-side, var(--glow), transparent);border-radius:50%;width:min(70vmax,900px);position:absolute}.glow span:first-child{top:-35%;right:-22%}.glow span:nth-child(2){--glow:var(--glow-yellow);width:min(56vmax,760px);bottom:-40%;left:-24%}.glow span:nth-child(3){opacity:.7;width:min(38vmax,520px);top:28%;left:38%}.glow-purple span:first-child{--glow:color-mix(in srgb, var(--danfo-yellow) 30%, transparent)}.glow-purple span:nth-child(2){--glow:color-mix(in srgb, var(--lavender) 60%, transparent)}.glow-purple span:nth-child(3){--glow:color-mix(in srgb, var(--aubergine) 55%, transparent)}.ankara{--ankara-fade:black, #000000f7 9%, #000000e6 18%, #000000c7 27%, #000000a6 36%, #00000080 45%, #00000059 54%, #00000038 63%, #0000001a 72%, #00000008 81%, transparent 90%;overflow:hidden}.ankara:before,.ankara:after{content:"";background:var(--ankara-print) 0 0 / var(--ankara-size) repeat;width:min(72%,780px);height:calc(min(56%,420px) + 80px);opacity:var(--ankara-strength);position:absolute}.ankara:before{-webkit-mask-image:radial-gradient(ellipse 100% 100% at 100% 0, var(--ankara-fade)), linear-gradient(to bottom, transparent 30px, black 45%);mask-image:radial-gradient(ellipse 100% 100% at 100% 0, var(--ankara-fade)), linear-gradient(to bottom, transparent 30px, black 45%);background-position:100% 0;top:-40px;right:0;-webkit-mask-composite:source-in;mask-composite:intersect}.ankara:after{-webkit-mask-image:radial-gradient(ellipse 100% 100% at 0 100%, var(--ankara-fade)), linear-gradient(to top, transparent 30px, black 45%);mask-image:radial-gradient(ellipse 100% 100% at 0 100%, var(--ankara-fade)), linear-gradient(to top, transparent 30px, black 45%);background-position:0 100%;bottom:-40px;left:0;-webkit-mask-composite:source-in;mask-composite:intersect}.ankara-oniko{--ankara-print:url(/site/ankara-oniko.svg);--ankara-size:120px 120px}.ankara-eleko{--ankara-print:url(/site/ankara-eleko.svg);--ankara-size:96px 96px}.ankara-kente{--ankara-print:url(/site/ankara-kente.svg);--ankara-size:128px 64px}@media (min-width:768px){.ankara:before,.ankara:after{height:calc(min(88%,660px) + 80px)}}.band:has(.marquee) .ankara:after{display:none}.page-opening .ankara:before,.page-opening .ankara:after{width:min(58%,620px)}.page-opening .ankara:after{display:none}.grain{opacity:.5;mix-blend-mode:overlay;background:url(/site/grain.svg) 0 0/200px 200px}.tape:before{content:"";background:var(--neutral-300);border-radius:2px;width:12px;position:absolute;top:-5px;bottom:-5px;left:-10px}@media (min-width:1024px){.hero .tape{bottom:13%}}.page-opening{padding-block:80px 64px}.hero .actions .btn-outline{min-width:0}.hero-note{color:var(--lilac);margin-top:14px}.btn-primary.btn-large:before{content:"";border-radius:inherit;background:linear-gradient(105deg, transparent 38%, color-mix(in srgb, var(--paper) 60%, transparent) 50%, transparent 62%) 150% 0 / 250% 100% no-repeat;pointer-events:none;transition:background-position .8s var(--ease);position:absolute;inset:0}@media (hover:hover){.btn-primary.btn-large:hover:before{background-position:-50% 0}}.tag-chip{transition:background-color var(--duration) var(--ease), transform var(--duration-slow) var(--ease-spring)}@media (hover:hover){.tag-chip-link:hover{transform:translateY(-2px)rotate(-1.5deg)}}.tag-more-button{background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;border:0;gap:10px;font-size:14px;font-weight:600}.tag-more-button .icon{width:10px;height:6px;transition:rotate var(--duration) var(--ease)}.tag-more-button:has(+:is(:popover-open,.\:popover-open)) .icon{rotate:180deg}@media (hover:hover){.tag-more-button:hover{background:color-mix(in srgb, var(--accent) 88%, var(--text-strong))}}.tag-menu{border:1px solid var(--rule);background:var(--surface);width:100%;max-width:none;max-height:min(78vh,560px);color:var(--text);box-shadow:var(--shadow-raised);opacity:0;transition:opacity var(--duration) var(--ease), translate var(--duration-slow) var(--ease), overlay var(--duration-slow) allow-discrete, display var(--duration-slow) allow-discrete;border-radius:22px 22px 0 0;margin:0;padding:20px 16px 16px;inset:auto 0 0;overflow:auto;translate:0 24px}.tag-menu:is(:popover-open,.\:popover-open){opacity:1;translate:none}@starting-style{.tag-menu:is(:popover-open,.\:popover-open){opacity:0;translate:0 24px}}.tag-menu::backdrop{background:var(--scrim)}.tag-menu-title{color:var(--text-label);font:650 11px / 1.4 var(--font-body);letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px 10px}.tag-menu-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;margin:0;padding:0;list-style:none;display:grid}.tag-menu-link{--tint:var(--hover-tint);border-radius:var(--radius-button);min-height:44px;color:var(--text);transition:background-color var(--duration) var(--ease);align-items:center;gap:8px;padding:0 10px 0 28px;font-size:14.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.tag-menu-link .label-tag-eyelet{background:0 0;left:12px}.tag-menu-link .icon{width:14px;height:14px;color:var(--accent);opacity:0;transition:opacity var(--duration) var(--ease), translate var(--duration) var(--ease);flex:none;margin-left:auto;translate:-6px}.tag-menu-link:active{background-image:linear-gradient(var(--press-tint), var(--press-tint))}@media (hover:hover){.tag-menu-link:hover{background-image:linear-gradient(var(--tint), var(--tint))}.tag-menu-link:hover .icon{opacity:1;translate:none}}@media (min-width:600px){.tag-menu{border-radius:18px;width:min(560px,100vw - 32px);height:fit-content;margin:auto;inset:0;translate:0 12px}@starting-style{.tag-menu:is(:popover-open,.\:popover-open){translate:0 12px}}}@supports (position-anchor:--tag){@media (min-width:600px){.tag-menu{inset:auto;top:anchor(bottom);left:anchor(left);position-try-fallbacks:flip-inline, flip-block;margin:10px 0 0;translate:0 -8px}@starting-style{.tag-menu:is(:popover-open,.\:popover-open){translate:0 -8px}}.tag-menu::backdrop{background:0 0}}}.marquee{margin-top:40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;display:flex}.marquee-item{color:color-mix(in srgb, var(--accent) 16%, transparent);font:800 clamp(40px, 8vw, 88px) / 1.15 var(--font-body);letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:36px;padding-right:36px;display:inline-flex}.marquee-item:after{content:"";background:var(--danfo-yellow);border-radius:50%;width:.2em;height:.2em}.story{margin-top:40px}.story.story-headed{margin-top:0}.story-head{margin-bottom:40px}.story-steps{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0;padding:8px 0 20px;list-style:none;display:flex;overflow-x:auto}.site-container .marquee{margin-inline:calc(-1 * var(--gutter))}@media (max-width:1023px){.story{--story-card:min(80vw, 360px)}.site-container .story-steps{margin-inline:calc(-1 * var(--gutter));padding-inline:calc((100% + 2 * var(--gutter) - var(--story-card)) / 2)}.story .story-step{flex-basis:var(--story-card);scroll-snap-stop:always}}.story-steps::-webkit-scrollbar{display:none}.story-step{--story-tint:color-mix(in srgb, var(--danfo-yellow) 22%, var(--surface));border:1px solid var(--rule);background:linear-gradient(165deg, var(--story-tint), var(--surface) 58%);box-shadow:var(--shadow-card);scroll-snap-align:center;border-radius:22px;flex:0 0 min(84%,380px);align-content:start;padding:26px 22px 24px;display:grid;position:relative}.story-step:nth-child(5n+2){--story-tint:color-mix(in srgb, var(--accent) 16%, var(--surface))}.story-step:nth-child(5n+3){--story-tint:color-mix(in srgb, var(--lavender) 24%, var(--surface))}.story-step:nth-child(5n+4){--story-tint:color-mix(in srgb, var(--gold) 20%, var(--surface))}.story-step:nth-child(5n){--story-tint:color-mix(in srgb, var(--accent) 22%, var(--surface))}.story-number{color:var(--accent);font:800 48px / 1 var(--font-body);font-variant-numeric:lining-nums;letter-spacing:-.04em}.story-title{margin-top:14px;font-size:20px;line-height:1.3}.story-text{color:var(--text-label);margin:10px 0 0;font-size:15px;line-height:1.6}.story-art{justify-content:center;margin-top:24px;display:flex}.story-art .phone-shot{width:min(190px,52vw)}@media (max-width:1023px){.story-step{padding:20px 18px 24px}.story-number{font-size:30px}.story-title{margin-top:8px;font-size:18px}.story-text{margin-top:6px;font-size:14px;line-height:1.5}.story-art{margin-top:20px}.story-art .phone-shot{width:min(156px,44vw)}}.story-stage{display:none}.story-hint{color:var(--text-label);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.story-hint .icon{width:16px;height:16px}@media (min-width:1024px){.story{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:24px 72px;margin-top:24px;display:grid;position:relative}.story-pin{display:contents}.story-head{grid-column:1/-1;margin-bottom:0}.story-steps{scroll-snap-type:none;isolation:isolate;gap:0;margin:0;padding:0 0 0 64px;display:grid;position:relative;overflow:visible}.story-steps:before{content:"";z-index:-1;background:repeating-linear-gradient(to bottom, var(--rule-strong) 0 9px, transparent 9px 16px);width:2px;position:absolute;top:18vh;bottom:18vh;left:19px}.story-step{min-height:62vh;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:0 40px;padding:18vh 0 0;display:grid}.story-number{z-index:1;border:2px solid var(--accent);background:var(--page);letter-spacing:0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:grid;position:absolute;top:calc(18vh - 4px);left:-64px}.band-mist .story-number{background:var(--surface-mist)}.story-number,.story-title,.story-text{grid-column:1}.story-title{letter-spacing:-.01em;margin-top:0;font-size:28px}.story-text{max-width:34em;font-size:17px}.story-art{grid-area:1/2/span 2;margin-top:0}.story-hint{display:none}}.story-phone{z-index:1;background:var(--device-frame);width:300px;box-shadow:0 40px 80px -30px var(--shadow-ink), inset 0 0 0 1.5px var(--device-edge);border-radius:39px;padding:4px;position:relative}.story-screen{aspect-ratio:360/720;background:var(--surface);border-radius:35px;position:relative;overflow:hidden}.story-shot{position:absolute;inset:0}.story-shot img{object-fit:cover;width:100%;height:100%;display:block}.story-halo{aspect-ratio:1;border:2px dashed color-mix(in srgb, var(--accent) 35%, transparent);background:radial-gradient(closest-side, var(--glow-yellow), transparent 75%);border-radius:50%;width:480px;position:absolute}@supports (timeline-scope:--story) and (animation-timeline:view()){.story{timeline-scope:--story-1, --story-2, --story-3, --story-4, --story-5, --story-6}.story-step:first-child{view-timeline-name:--story-1}.story-step:nth-child(2){view-timeline-name:--story-2}.story-step:nth-child(3){view-timeline-name:--story-3}.story-step:nth-child(4){view-timeline-name:--story-4}.story-step:nth-child(5){view-timeline-name:--story-5}.story-step:nth-child(6){view-timeline-name:--story-6}.story-art{display:none}.story-shot{animation:linear both story-shot;animation-range:cover 22% cover 78%}.story-shot:first-child{animation-name:story-shot-first;animation-timeline:--story-1}.story-shot:nth-child(2){animation-timeline:--story-2}.story-shot:nth-child(3){animation-timeline:--story-3}.story-shot:nth-child(4){animation-timeline:--story-4}.story-shot:nth-child(5){animation-timeline:--story-5}.story-shot:nth-child(6){animation-timeline:--story-6}.story-shot:last-child{animation-name:story-shot-last}@media (max-width:1023px){.story{--story-phone:clamp(124px, calc((100svh - 370px) / 2), min(196px, 54vw));--story-overlap:calc(var(--story-phone) * .6);margin-top:24px}.story-pin{grid-template-columns:minmax(0,1fr);display:grid}.story-head{margin-bottom:24px}.story-step{padding-bottom:calc(var(--story-overlap) + 16px);view-timeline-axis:inline}.story-stage{z-index:2;margin-top:calc(-1 * (var(--story-overlap) + 20px));pointer-events:none;order:1;justify-items:center;display:grid;position:relative}.story-hint{order:2;margin-top:18px}.story-phone{width:var(--story-phone);border-radius:calc(var(--story-phone) * .14)}.story-screen{border-radius:calc(var(--story-phone) * .14 - 4px)}.story-halo{display:none}}@media (min-width:1024px){.story{view-timeline-name:--story}.story-step{grid-template-columns:minmax(0,1fr)}.story-stage{place-items:center;height:660px;display:grid;position:sticky;top:max(104px,50vh - 284px)}.story-steps:after{content:"";z-index:-1;background:repeating-linear-gradient(to bottom, var(--gold) 0 9px, transparent 9px 16px);transform-origin:top;width:2px;animation:linear both story-thread;animation-timeline:--story;animation-range:contain;position:absolute;top:18vh;bottom:18vh;left:19px}.story-halo{animation:linear both story-turn;animation-timeline:--story;animation-range:contain}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.story-step{animation:linear both story-focus;animation-timeline:view();animation-range:cover 18% cover 82%}.story-step>:not(.story-number){opacity:var(--story-focus)}}@media (max-width:1023px) and (min-height:620px) and (prefers-reduced-motion:no-preference){.story{--story-phone:clamp(112px, calc((100svh - 410px) / 2), min(196px, 54vw));--story-run:calc((var(--story-count,5) - 1) * 56svh);view-timeline-name:--story-run}.band:has(>.site-container>.story-headed){padding-block:40px;overflow-x:clip}.story-pin{align-content:center;min-height:100svh;position:sticky;top:0}.story:after{content:"";height:var(--story-run);display:block}.site-container .story-steps{scroll-snap-type:none;animation:linear both story-pan;animation-timeline:--story-run;animation-range:contain;overflow:visible}.story-step:first-child,.story-shot:first-child{--k:1}.story-step:nth-child(2),.story-shot:nth-child(2){--k:2}.story-step:nth-child(3),.story-shot:nth-child(3){--k:3}.story-step:nth-child(4),.story-shot:nth-child(4){--k:4}.story-step:nth-child(5),.story-shot:nth-child(5){--k:5}.story-step:nth-child(6),.story-shot:nth-child(6){--k:6}.story .story-step{animation:linear both story-card;animation-timeline:--story-run;animation-range:contain calc((var(--k) - 2) / (var(--story-count) - 1) * 100%) contain calc(var(--k) / (var(--story-count) - 1) * 100%)}.story .story-shot{animation-timeline:--story-run;animation-range:contain calc((var(--k) - 1.5) / (var(--story-count) - 1) * 100%) contain calc((var(--k) - .5) / (var(--story-count) - 1) * 100%)}.story-hint{display:none}.story-stage{align-items:center}.story .story-halo{z-index:0;width:calc(var(--story-phone) * 1.9);animation:linear both story-turn;animation-timeline:--story-run;animation-range:contain;display:block}}@media (prefers-reduced-motion:reduce){.story-shot{animation-duration:auto!important}}}.plan-tags{margin-top:56px}.plan-tag{width:min(100%,340px);padding:42px 26px 32px}.plan-tag .heading-card{margin-top:4px}.plan-tag-price{color:var(--text-strong);font:700 30px / 1.15 var(--font-body);font-variant-numeric:lining-nums;letter-spacing:-.01em;margin:14px 0 0}.plan-tag-offer{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin:10px 0 0;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.plan-tag-note{color:var(--text-label);margin:6px 0 0;font-size:13px}.plan-tag-text{color:var(--text-label);margin:16px 0 0;font-size:15px;line-height:1.55}.plan-tag-action{margin-top:22px}.plan-tag-action .btn-primary{--tint:var(--hover-tint-on-dark);background:var(--orda-purple);color:var(--paper)}.plan-tag-action-note{color:var(--text-label);margin:8px 0 0;font-size:13px}.hanging-tag{transform-origin:50% var(--hole-y)}.hanging-tag-item{align-content:start}.hanging-string{--rope-into:18px;z-index:1;height:calc(36px + var(--rope-into));margin-bottom:calc(-1 * var(--rope-into));position:relative}.closing .hanging-string{--rope-into:22px;height:calc(64px + var(--rope-into))}.closing-action,.closing-action .site-start{justify-items:center;display:grid}.closing-action .actions{justify-content:center}.closing-tag{transform-origin:50% var(--hole-y)}.closing .hanging-string{transform-origin:top}.ribbon{--twill:color-mix(in srgb, var(--paper) 2.5%, transparent);--twill-shade:color-mix(in srgb, var(--ink) 16%, transparent);background-color:var(--midnight);background-image:url(/site/denim.svg), repeating-linear-gradient(-62deg, var(--twill) 0 1.5px, transparent 1.5px 5px), repeating-linear-gradient(-62deg, transparent 0 2.5px, var(--twill-shade) 2.5px 3.5px, transparent 3.5px 5px), radial-gradient(ellipse 55% 90% at 35% 45%, color-mix(in srgb, var(--lavender) 20%, transparent), transparent 70%), radial-gradient(ellipse 40% 80% at 85% 60%, color-mix(in srgb, var(--lavender) 12%, transparent), transparent 70%);background-size:240px 240px,auto,auto,auto,auto}.band-head-text .actions{margin-top:24px}.ribbon-item{align-content:start}:is(.label-tag,.tag-chip,.trade-card,.strength-tag,.hanging-tag,.closing-tag,.swatch-card){--hole:radial-gradient(circle var(--hole-r,3.6px) at var(--hole-x,14px) var(--hole-y,50%), transparent calc(100% - .5px), black 100%);-webkit-mask-image:var(--hole);mask-image:var(--hole)}.trade-card{--hole-x:19px}.strength-tag{--hole-x:21px;--hole-y:22px}.hanging-tag{--hole-r:5.8px;--hole-x:50%;--hole-y:18px}.closing-tag{--hole-r:6.8px;--hole-x:50%;--hole-y:22px}.swatch-card{--hole-r:5.8px;--hole-x:calc(100% - 23px);--hole-y:23px}:is(.label-tag,.tag-chip,.trade-card,.strength-tag) .label-tag-eyelet,.hanging-eyelet,.swatch-card-eyelet{background:0 0}.tag-more-button .label-tag-eyelet{box-shadow:0 0 0 1.5px var(--danfo-yellow)}.shot-themed .shot-dark{display:none}.device-screen:has(.device-shot){aspect-ratio:360/720;height:auto}.device-shot{position:absolute;inset:0}.device-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}:root[data-theme=dark] .shot-themed .shot-light{display:none}:root[data-theme=dark] .shot-themed .shot-dark{display:block}.phone-shot{background:var(--device-frame);box-shadow:var(--shadow-raised), inset 0 0 0 1.5px var(--device-edge);border-color:#0000}.device-phone{background:var(--device-frame);box-shadow:0 40px 80px -32px var(--ink), inset 0 0 0 1.5px var(--device-edge)}.swatch-card,.trade-card,.strength-tag,.social-links a{transition:background-color var(--duration) var(--ease), transform var(--duration-slow) var(--ease-spring)}.text-link .icon,.trade-card .icon,.swatch-card-icon,.ribbon-icon,.social-links .icon{transition:translate var(--duration-slow) var(--ease-spring), rotate var(--duration-slow) var(--ease-spring), scale var(--duration-slow) var(--ease-spring)}@media (hover:hover){.swatch-card:hover,.strength-tag:hover{transform:translateY(-4px)}.swatch-card:hover .swatch-card-icon{rotate:-8deg;scale:1.12}.trade-card:hover{transform:translate(4px)}.trade-card:hover .icon,.text-link:hover .icon{translate:4px}.ribbon-item:hover .ribbon-icon{rotate:-10deg;scale:1.15}.social-links a:hover{transform:translateY(-3px)}.social-links a:hover .icon{rotate:-8deg}}.site-compare td:first-child{color:var(--text-label);text-decoration:none}.site-compare-before{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(currentColor,currentColor) 0 58%/100% 1px no-repeat}.site-compare{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width:599px){.site-compare th{padding-inline:8px}.site-compare td{padding:14px 8px}}.faq-list{interpolate-size:allow-keywords}@supports selector(::details-content){.faq-item::details-content{block-size:0;transition:block-size var(--duration-slow) var(--ease), content-visibility var(--duration-slow) allow-discrete;overflow:clip}.faq-item[open]::details-content{block-size:auto}}.site-footer-mark{padding-block:8px 40px;overflow:hidden}.site-footer-mark img{opacity:.3;width:100%;height:auto;display:block}}@layer utilities;@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:.16s var(--ease-in) both site-leave}::view-transition-new(root){animation:.42s var(--ease) both site-arrive}@layer components{:is(.hero-text,.page-opening-inner)>*{animation:site-enter .8s var(--ease) both}:is(.hero-text,.page-opening-inner)>:nth-child(2){animation-delay:80ms}:is(.hero-text,.page-opening-inner)>:nth-child(3){animation-delay:.36s}:is(.hero-text,.page-opening-inner)>:nth-child(4){animation-delay:.48s}:is(.hero-text,.page-opening-inner)>:nth-child(n+5){animation-delay:.58s}:is(.hero-text,.page-opening-inner)>.heading{animation:none}.rising-word{animation:word-rise .9s var(--ease) both;animation-delay:calc(.1s + var(--i,0) * 70ms);display:inline-block}.hero .heading-dot{animation:pop-in .6s var(--ease-spring) .75s both}.hero-art{animation:art-enter 1.1s var(--ease) .15s both}.hero .device{animation:7s ease-in-out 1.3s infinite float}.hero .swatch-tag{animation:pop-in .7s var(--ease-spring) .85s both, float 6s ease-in-out 1.6s infinite}.hero .note-card{animation:pop-in .7s var(--ease-spring) 1.05s both, float 6.5s ease-in-out 1.8s infinite reverse}.hero .tape{animation:tape-in 1.3s var(--ease) .1s both}.seam path{animation:seam-in 1.4s var(--ease) both, stitch-run 2.4s linear infinite}.seam path:nth-child(2){animation-direction:normal,reverse}.hero .btn-primary.btn-large:before{animation:sheen 7s var(--ease) 2.4s infinite}@media (min-width:768px){.glow span:first-child{animation:24s ease-in-out infinite alternate drift-a}.glow span:nth-child(2){animation:28s ease-in-out infinite alternate drift-b}.glow span:nth-child(3){animation:20s ease-in-out infinite alternate drift-c}.hanging-tag{animation:6s ease-in-out infinite alternate sway}.hanging-tag-item:nth-child(3n+2) .hanging-tag{animation-duration:7s;animation-delay:-2.5s}.hanging-tag-item:nth-child(3n) .hanging-tag{animation-duration:5.4s;animation-delay:-4s}}@media (hover:hover){.hanging-tag-item:hover .hanging-tag,.closing-tag:hover{animation:swing 1.5s var(--ease) both}}@media (hover:none){.hanging-tag,.closing-tag{transition:transform 1.2s var(--ease-spring)}@supports (transition-timing-function:linear(0, 1)){.hanging-tag,.closing-tag{transition:transform 1.5s var(--ease-swing-back)}}.hanging-tags .hanging-tag-item .hanging-tag:active{transition:transform .12s var(--ease);transform:rotate(8deg)scale(.97)}.closing-tag:active:not(:has(a:active,button:active)){transition:transform .12s var(--ease);transform:rotate(4deg)scale(.98)}}.marquee-track{animation:70s linear infinite marquee}.marquee:hover .marquee-track{animation-play-state:paused}}@supports (animation-timeline:view()){@layer components{:is(.band-head,.band-lead,.band-note,.band-subhead,.tag-chips,.site-compare tbody tr,.ribbon-item,.swatch-card,.trade-card,.tape-step,.faq-item,.plan-table-wrap,.feature-row,.site-prose>*,.views>*,.hanging-tag-item,.strength,.contact-ways>*,.site-form,.marquee,.story-hint){animation:linear both site-rise;animation-timeline:view();animation-range:entry cover 26%}:is(.feature-grid,.trade-grid,.ribbon-list,.tape-steps,.hanging-tags)>:nth-child(3n+2){animation-range:entry 8% cover 32%}:is(.feature-grid,.trade-grid,.ribbon-list,.tape-steps,.hanging-tags)>:nth-child(3n){animation-range:entry 16% cover 38%}@media (max-width:1023px){.story-step{animation:linear both story-card;animation-timeline:view(inline);animation-range:cover}}.site-compare-before{animation:linear both strike;animation-timeline:view();animation-range:entry}.site-compare td .icon{animation:linear both pop-in;animation-timeline:view();animation-range:entry}.tape-steps:before{transform-origin:top;animation:linear both unroll-down;animation-timeline:view();animation-range:entry cover 50%}.tape-step-pin{animation:linear both pop-in;animation-timeline:view();animation-range:entry 30% cover 35%}@media (min-width:900px){.tape-steps{view-timeline-name:--tape}.tape-step{animation:none}.tape-step>:not(.tape-step-pin){animation:linear both site-rise;animation-timeline:--tape;animation-range:entry 10% cover 30%}.tape-step:before{transform-origin:0;animation:linear both unroll-across;animation-timeline:--tape;animation-range:entry cover 30%}}.closing .hanging-string{animation:linear both unroll-down;animation-timeline:view();animation-range:entry cover 20%}.closing-tag{animation:linear both tag-drop;animation-timeline:view();animation-range:entry cover 34%}@media (min-width:1024px){.hero-text{animation:linear both recede;animation-timeline:scroll(root);animation-range:0 80vh}.hero-art{animation:art-enter 1.1s var(--ease) .15s both, lift linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 100vh}}.ankara:before{animation:linear both print-drift-down;animation-timeline:view()}.ankara:after{animation:linear both print-drift-up;animation-timeline:view()}@media (hover:hover){.closing-tag:hover{animation:swing 1.5s var(--ease) both}}.site-footer-mark img{animation:linear both mark-rise;animation-timeline:view();animation-range:entry}}}}@property --past-opening{syntax:"<number>";inherits:false;initial-value:0}@property --reading-down{syntax:"<number>";inherits:false;initial-value:0}@supports (container-type:scroll-state) and (timeline-scope:--opening){@layer components{:root:has(.site-header){timeline-scope:--opening;container-type:scroll-state}:is(.hero,.page-opening){view-timeline-name:--opening}:root .site-header{translate:0 calc(-100% * var(--reading-down) * var(--past-opening));transition:--reading-down .4s var(--ease);animation:linear both header-lift,linear both header-past;animation-timeline:scroll(root),--opening;animation-range:0 120px,exit calc(100% - 80px)}@container scroll-state(scrolled:bottom){.site-header{--reading-down:1}}}}@keyframes header-past{0%{--past-opening:0}to{--past-opening:1}}@supports (animation-timeline:scroll()){@layer components{.site-header{animation:linear both header-lift;animation-timeline:scroll(root);animation-range:0 120px}.site-header-on-hero .site-header-start{white-space:nowrap;animation:linear both header-start;animation-timeline:scroll(root);animation-range:60vh 80vh;overflow:hidden}}}@keyframes site-leave{to{opacity:0;translate:0 -10px}}@keyframes site-arrive{0%{opacity:0;translate:0 18px}}@keyframes site-enter{0%{opacity:0;translate:0 22px}}@keyframes site-rise{0%{opacity:0;translate:0 40px}}@keyframes word-rise{0%{opacity:0;translate:0 .45em;rotate:3deg}}@keyframes pop-in{0%{opacity:0;scale:.6}}@keyframes art-enter{0%{opacity:0;translate:0 48px;scale:.94}}@keyframes float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes tape-in{0%{opacity:0;translate:30%}}@keyframes seam-in{0%{opacity:0}}@keyframes stitch-run{to{stroke-dashoffset:-32px}}@keyframes sheen{0%{background-position:150% 0}16%,to{background-position:-50% 0}}@keyframes drift-a{to{transform:translate(-10%,12%)scale(1.12)}}@keyframes drift-b{to{transform:translate(12%,-8%)scale(1.08)}}@keyframes drift-c{to{transform:translate(-16%,-10%)scale(.9)}}@keyframes sway{0%{rotate:-1.2deg}to{rotate:1.2deg}}@keyframes swing{0%{rotate:0deg}18%{rotate:5deg}42%{rotate:-3.5deg}66%{rotate:1.6deg}84%{rotate:-.6deg}to{rotate:0deg}}@keyframes marquee{to{translate:-50%}}@keyframes story-card{0%,to{opacity:.55;scale:.93}40%,60%{opacity:1;scale:1}}@property --story-focus{syntax:"<number>";inherits:true;initial-value:1}@keyframes story-focus{0%,to{--story-focus:.32}32%,68%{--story-focus:1}}@keyframes story-shot{0%,to{opacity:0;scale:1.04}14%,86%{opacity:1;scale:1}}@keyframes story-shot-first{0%,86%{opacity:1}to{opacity:0}}@keyframes story-shot-last{0%{opacity:0;scale:1.04}14%,to{opacity:1;scale:1}}@keyframes story-pan{to{translate:calc((1 - var(--story-count,5)) * (var(--story-card) + 14px)) 0}}@keyframes story-thread{0%{scale:1 0}}@keyframes story-turn{0%{rotate:-40deg;scale:.92}to{rotate:140deg;scale:1.04}}@keyframes strike{0%{background-size:0 1px}}@keyframes unroll-down{0%{scale:1 0}}@keyframes unroll-across{0%{scale:0 1}}@keyframes tag-drop{0%{opacity:0;translate:0 -48px;rotate:-4deg}}@keyframes recede{to{opacity:.35;transform:translateY(-40px)}}@keyframes lift{to{transform:translateY(-60px)}}@keyframes print-drift-down{0%{transform:translateY(-40px)}to{transform:translateY(40px)}}@keyframes print-drift-up{0%{transform:translateY(40px)}to{transform:translateY(-40px)}}@keyframes mark-rise{0%{opacity:0;translate:0 60%}}@keyframes header-lift{to{box-shadow:0 8px 28px -14px var(--shadow-ink)}}@keyframes header-start{0%{max-width:0;opacity:0;visibility:hidden;margin-inline-start:calc(-1 * var(--space-2));padding-inline:0;translate:0 6px}to{opacity:1;visibility:visible;max-width:12em;margin-inline-start:0;padding-inline:14px;translate:none}}