.lhandles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:11;pointer-events:none;overflow:visible}.lhandles .lh__body{fill:#0794e100;pointer-events:all;cursor:move}.lhandles .lh__line{fill:none;stroke:#0794e1;stroke-width:2;pointer-events:none;stroke-linejoin:round}.lhandles .lh__line--under{stroke:#fff;stroke-width:4.5}.lhandles .lh__dot{fill:#fff;stroke:#0794e1;stroke-width:3;pointer-events:all;touch-action:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.lhandles .lh__dot--rot{fill:#0794e1;stroke:#fff}.lhandles .lh__dot:hover{fill:#e6f4fc}.lhandles .lh__dot--rot:hover{fill:#1aa3ee}.resume{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#08101e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.resume__card{width:min(440px,100%);box-sizing:border-box;padding:28px 26px 22px;background:#fff;color:#0b1b33;border-radius:18px;text-align:center;box-shadow:0 24px 60px #00000059}.resume__title{margin:0 0 8px;font-family:var(--ff-display, "Bebas Neue", Impact, sans-serif);font-weight:400;font-size:38px;letter-spacing:.04em;text-transform:uppercase;line-height:1}.resume__text{margin:0 0 20px;font-family:var(--ff-body, "Barlow Condensed", sans-serif);font-size:18px;line-height:1.3;color:#0b1b33cc}.resume__btns{display:flex;flex-direction:column;gap:10px}.resume__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:100%;min-height:50px;border-radius:12px;font-family:var(--ff-display, "Bebas Neue", Impact, sans-serif);font-size:24px;letter-spacing:.05em;text-transform:uppercase;transition:transform .15s}.resume__btn:hover{transform:translateY(-1px)}.resume__btn--primary{border:0;color:#fff;background:linear-gradient(180deg,#0794e1,#0675b8);box-shadow:0 6px 16px #0794e159}.resume__btn--ghost{background:#fff;color:#0b1b33;border:1.5px solid rgba(7,148,225,.35)}.resume__btn:focus-visible{outline:3px solid #0794e1;outline-offset:2px}.resume__note{margin:14px 0 0;font-family:var(--ff-body, "Barlow Condensed", sans-serif);font-size:14px;color:#0b1b338c}.ph[data-v-16d24c08]{position:absolute;top:0;left:0;right:0;z-index:40;height:var(--ph-h, 58px);display:flex;align-items:center;gap:4px;padding:0 clamp(12px,2.4vw,32px);background:#0b0b0c;color:#fff}.ph__logo[data-v-16d24c08]{margin-right:auto;display:flex;align-items:center;height:100%}.ph__logo img[data-v-16d24c08]{height:calc(var(--ph-h, 58px) * .7);width:auto;display:block}.ph--light[data-v-16d24c08]{background:#fff;color:#0b1b33;box-shadow:0 1px #3b8bec47}.ph--light .ph__btn[data-v-16d24c08]{color:#0b1b33}.ph--light .ph__btn[data-v-16d24c08]:hover{background:#3b8bec1a}.ph-menu__logo--light[data-v-16d24c08]{background:none;padding:0;height:22px}.ph__btn[data-v-16d24c08]{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff}.ph__btn[data-v-16d24c08]:hover{background:#ffffff1f}.ph__badge[data-v-16d24c08]{position:absolute;top:2px;right:0;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--blue);color:#fff;text-align:center;font-family:var(--ff-body);font-weight:700;font-size:12px;line-height:19px}.ph-scrim[data-v-16d24c08]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#08102073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ph-menu[data-v-16d24c08]{position:fixed;top:0;right:0;bottom:0;z-index:71;width:min(360px,88vw);display:flex;flex-direction:column;padding:14px 20px 22px;background:#fff;color:#0b1b33;box-shadow:-10px 0 40px #00000047}.ph-menu__head[data-v-16d24c08]{display:flex;align-items:center;justify-content:space-between;padding:4px 0 16px;border-bottom:1.5px solid rgba(7,148,225,.28)}.ph-menu__logo[data-v-16d24c08]{height:34px;width:auto;background:#0b0b0c;border-radius:6px;padding:3px 8px}.ph-menu__close[data-v-16d24c08]{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:inherit}.ph-menu__list[data-v-16d24c08]{display:flex;flex-direction:column;gap:6px;padding:14px 0;flex:1;overflow-y:auto}.ph-menu__item[data-v-16d24c08]{display:flex;align-items:center;gap:16px;padding:12px 10px;border-radius:8px;color:inherit;font-family:var(--ff-display);font-size:25px;letter-spacing:.05em;text-transform:uppercase;text-align:left}.ph-menu__item img[data-v-16d24c08],.ph-menu__item>svg[data-v-16d24c08]{width:30px;height:30px;object-fit:contain;flex-shrink:0}.ph-menu__item img[data-v-16d24c08]{filter:brightness(0) saturate(100%) invert(10%) sepia(30%) saturate(1800%) hue-rotate(185deg)}.ph-menu__item[data-v-16d24c08]:hover{background:#0794e11a}.ph-menu__foot[data-v-16d24c08]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding-top:16px;border-top:1.5px solid rgba(7,148,225,.28)}.ph-menu__label[data-v-16d24c08]{font-family:var(--ff-display);font-size:17px;letter-spacing:.1em;text-transform:uppercase;opacity:.6}.ph-seg[data-v-16d24c08]{display:inline-flex;border-radius:999px;overflow:hidden;border:1.5px solid var(--blue)}.ph-seg button[data-v-16d24c08]{padding:7px 16px;font-family:var(--ff-display);font-size:17px;letter-spacing:.06em;text-transform:uppercase;color:inherit}.ph-seg button[aria-pressed=true][data-v-16d24c08]{background:var(--blue);color:#fff}.phfade-enter-active[data-v-16d24c08],.phfade-leave-active[data-v-16d24c08]{transition:opacity .28s}.phfade-enter-from[data-v-16d24c08],.phfade-leave-to[data-v-16d24c08]{opacity:0}.phslide-enter-active[data-v-16d24c08],.phslide-leave-active[data-v-16d24c08]{transition:transform .28s cubic-bezier(.4,0,.2,1)}.phslide-enter-from[data-v-16d24c08],.phslide-leave-to[data-v-16d24c08]{transform:translate(100%)}[data-theme=dark] .ph-menu{background:#161618;color:#fff}[data-theme=dark] .ph-menu__item img{filter:none}:root{--blue: #0794e1;--blue-light: #29abe2;--blue-deep: #023a5a;--white: #ffffff;--black: #000000;--ff-display: "Bebas Neue", Impact, sans-serif;--ff-body: "Barlow Condensed", "Arial Narrow", sans-serif;--ff-secondary: "Telegraf UltraBold", "Bebas Neue", sans-serif;--ff-secondary-light: "Telegraf UltraLight", "Barlow Condensed", sans-serif;--ff-accent: "SuperRetro", "Bebas Neue", sans-serif;--fs-hero: clamp(48px, 6.6vw, 96px);--fs-h1: clamp(30px, 3.7vw, 50px);--fs-h2: clamp(22px, 2.4vw, 31px);--fs-h3: 19px;--fs-body: 16px;--fs-sm: 14px;--fs-xs: 12px;--fs-micro: 10px;--tr-hero: .005em;--tr-display: .03em;--tr-label: .16em;--fw-body: 400;--fw-strong: 700;--fw-black: 900;--viewport-bg: #eceef0;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--r-pill: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--t-fast: .15s;--t-med: .28s;--t-slow: .5s;--rail-w: 62px;--progress-h: 62px;--tab-w: 30px;--tab-h: 118px}[data-theme=light]{--bg: #eceef0;--surface: #ffffff;--surface-2: #d9d9d9;--surface-3: #c4c6c8;--rail-bg: rgba(214, 216, 219, .92);--panel-bg: #ffffff;--panel-fg: #000000;--text: #000000;--text-dim: rgba(0, 0, 0, .55);--text-mute: rgba(0, 0, 0, .32);--border: rgba(0, 0, 0, .14);--border-em: rgba(0, 0, 0, .4);--btn-bg: #ffffff;--btn-fg: #000000;--overlay: rgba(0, 0, 0, .35);--track: rgba(0, 0, 0, .16);--shadow: 0 6px 26px rgba(0, 0, 0, .16);--rail-icon-blend: difference;--rail-icon-color: #ffffff}[data-theme=dark]{--bg: #0d0d0d;--surface: #1a1a1a;--surface-2: #262626;--surface-3: #333333;--rail-bg: rgba(10, 10, 10, .94);--panel-bg: #1a1a1a;--panel-fg: #ffffff;--text: #ffffff;--text-dim: rgba(255, 255, 255, .6);--text-mute: rgba(255, 255, 255, .34);--border: rgba(255, 255, 255, .16);--border-em: rgba(255, 255, 255, .45);--btn-bg: #000000;--btn-fg: #ffffff;--overlay: rgba(0, 0, 0, .62);--track: rgba(255, 255, 255, .18);--shadow: 0 6px 26px rgba(0, 0, 0, .55);--rail-icon-blend: normal;--rail-icon-color: #ffffff}@font-face{font-family:Telegraf UltraBold;src:url(/fonts/Telegraf-UltraBold-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Telegraf UltraLight;src:url(/fonts/Telegraf-UltraLight-200.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:SuperRetro;src:url(/fonts/SuperRetro.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--ff-body);font-size:var(--fs-body);font-weight:var(--fw-body);overflow:hidden;-webkit-font-smoothing:antialiased;transition:background var(--t-med) var(--ease),color var(--t-med) var(--ease)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.display{font-family:var(--ff-display);letter-spacing:.04em}.u-hide{display:none!important}.app{position:relative;display:flex;flex-direction:column;height:100dvh;overflow:hidden}.stage{position:relative;flex:1;min-height:0;display:flex}.progress{position:absolute;top:0;left:0;right:0;z-index:30;padding:12px 22px 6px;background:transparent}.progress__meta{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:var(--tr-display);text-transform:uppercase;max-width:1100px;margin:0 auto 7px;color:#efefef}.progress__track{position:relative;height:5px;border-radius:var(--r-pill);background:var(--track);max-width:1100px;margin:0 auto;overflow:hidden}.progress__fill{position:absolute;inset:0 auto 0 0;background:var(--blue);border-radius:var(--r-pill);transition:width var(--t-slow) var(--ease)}.progress__steps{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:7px auto 0}.progress__step{font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.05em;text-transform:uppercase;text-align:center;color:#dddddda8;transition:color var(--t-fast) var(--ease)}.progress__step--done{color:var(--blue-light)}.progress__step--active,.progress__pct{color:var(--blue)}.progress__step--locked{cursor:not-allowed}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--viewport-bg);overflow:hidden}.viewport canvas{display:block;width:100%;height:100%}.viewport__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--viewport-bg);z-index:12;transition:opacity var(--t-slow) var(--ease)}.viewport__loading--gone{opacity:0;pointer-events:none}.fabric-overlay{position:absolute;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease),visibility .25s var(--ease),left .2s var(--ease),top .2s var(--ease);overflow:hidden}.fabric-overlay--active{opacity:1;visibility:visible;pointer-events:auto}.fabric-overlay .canvas-container,.fabric-overlay canvas{width:100%!important;height:100%!important;border-radius:6px}.fabric-overlay .canvas-container{overflow:hidden;display:none}.loadbar{width:190px;height:3px;background:var(--track);border-radius:var(--r-pill);overflow:hidden}.loadbar i{display:block;height:100%;width:0;background:var(--blue);transition:width var(--t-med) var(--ease)}.loadtxt{font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:#6b6f73}.rail{position:absolute;top:50%;transform:translateY(-50%);z-index:1325;display:flex;align-items:center}.rail--left{left:0}.rail--right{right:0}.rail__body{display:flex;flex-direction:column;gap:10px;padding:18px 8px;background:var(--rail-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--t-med) var(--ease),opacity var(--t-med) var(--ease)}.rail--left .rail__body{border-radius:0 var(--r-md) var(--r-md) 0}.rail--right .rail__body{border-radius:var(--r-md) 0 0 var(--r-md);padding:10px;gap:6px}.rail--collapsed .rail__body{opacity:0;pointer-events:none}.rail--left.rail--collapsed .rail__body{transform:translate(-100%)}.rail--right.rail--collapsed .rail__body{transform:translate(100%);z-index:3333}.rail--collapsed{pointer-events:none}.rail--collapsed .rail__tab{pointer-events:auto}.rail__icon{width:72px;height:72px;display:grid;place-items:center;border-radius:var(--r-md);color:var(--rail-icon-color);mix-blend-mode:var(--rail-icon-blend);transition:background var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.rail__icon:hover{background:#80808038}.rail__icon[disabled]{opacity:.34;cursor:default}.rail__icon--on{background:#0794e157}.rail__icon svg,.rail__icon img{width:38px;height:38px;object-fit:contain}.rail__icon--big svg,.rail__icon--big img{width:46px;height:46px}.rail__tab{position:absolute;top:50%;transform:translateY(-50%);width:var(--tab-w);height:var(--tab-h);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity var(--t-med) var(--ease)}.rail--collapsed .rail__tab{opacity:1;pointer-events:auto}[data-theme=dark] .rail__tab svg path:first-of-type{fill:#000}.rail--left .rail__tab{left:0}.rail--right .rail__tab{right:0}.rail__tab svg{width:100%;height:100%;display:block}.viewbtn{min-width:88px;padding:10px 14px;text-align:center;font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.09em;text-transform:uppercase;border-radius:var(--r-sm);transition:all var(--t-fast) var(--ease);background:var(--surface-2);color:#0003;-webkit-text-stroke:.6px var(--white)}.viewbtn--active{background:var(--black);color:var(--white);-webkit-text-stroke:0}.floaters{position:absolute;left:16px;bottom:16px;z-index:26;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:10px}.pill{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--r-pill);background:var(--blue);color:var(--white);font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.07em;text-transform:uppercase;box-shadow:var(--shadow);transition:filter var(--t-fast) var(--ease)}.pill:hover{filter:brightness(1.1)}.pill svg{width:15px;height:15px}.themetoggle{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-pill);background:var(--blue);box-shadow:var(--shadow)}.themetoggle button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--white);transition:background var(--t-fast) var(--ease)}.themetoggle button[aria-pressed=true]{background:var(--white);color:var(--blue)}.themetoggle svg{width:17px;height:17px}.watermark{position:absolute;right:24px;bottom:78px;z-index:20;width:150px;opacity:.92;pointer-events:none;-webkit-user-select:none;user-select:none}.watermark img{width:100%;display:block}.navrow{position:absolute;right:24px;bottom:18px;z-index:24;display:flex;gap:14px}.navrow--inline{position:static;right:auto;bottom:auto;z-index:auto;align-items:flex-end}.navrow--docked{position:absolute;right:100%;bottom:12px;left:auto;margin-right:4px;z-index:28;white-space:nowrap}.navbtn{display:inline-flex;align-items:center;gap:10px;padding:11px 26px;border-radius:var(--r-sm);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow);transition:transform var(--t-fast) var(--ease)}.navbtn:active{transform:scale(.97)}.navbtn__chev{width:24px;height:24px;border-radius:50%;background:var(--blue);display:grid;place-items:center;color:var(--white);flex-shrink:0}.navbtn__chev svg{width:13px;height:13px}.welcome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.welcome__card{position:relative;width:min(660px,100%);padding:40px 44px 34px;text-align:center;background:var(--surface-2);color:var(--panel-fg);border-radius:var(--r-lg);box-shadow:var(--shadow)}.welcome__card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:3px solid var(--surface);border-radius:calc(var(--r-lg) - 6px);pointer-events:none}[data-theme=dark] .welcome__card{background:#111;color:#fff}[data-theme=dark] .welcome__card:before{border-color:#333}.welcome__title{font-family:var(--ff-display);font-size:var(--fs-hero);line-height:.88;letter-spacing:var(--tr-hero);text-transform:uppercase}.welcome__sub{margin-top:12px;font-size:var(--fs-sm);font-weight:500;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-dim)}[data-theme=dark] .welcome__sub{color:#ffffff9e}.welcome__size{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:16px 0;padding:12px 16px;background:var(--blue);color:var(--white);border-radius:var(--r-sm);font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.06em;text-transform:uppercase;line-height:1.15}.welcome__size:hover{filter:brightness(1.08)}.welcome__size img{width:28px;height:28px;flex-shrink:0;object-fit:contain}.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 26px;margin-bottom:26px}.badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.05em;text-transform:uppercase}.badge svg,.badge img{width:95px;height:95px;flex-shrink:0;object-fit:contain}.welcome__start{width:100%;padding:15px;border-radius:var(--r-sm);background:var(--blue);color:var(--white);font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.05em;text-transform:uppercase;transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.welcome__start:hover{filter:brightness(1.08)}.welcome__start:active{transform:scale(.98)}.welcome__logo{display:block;margin:18px auto 0;width:208px;height:auto;opacity:.96;pointer-events:none}.designs{position:absolute;right:0;top:0;bottom:0;z-index:22;width:178px;display:flex;flex-direction:column;gap:12px;padding:16px 14px;overflow-y:auto}[data-theme=dark] .designcard--active{filter:drop-shadow(0 6px 20px rgba(41,171,226,.55))}.designcard{position:relative;flex-shrink:0;background:none;border:none;transition:transform var(--t-fast) var(--ease),filter var(--t-med) var(--ease)}.designcard:hover{transform:translateY(-2px)}.designcard--active{filter:drop-shadow(0 8px 26px rgba(7,148,225,.6))}.designcard__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:soft-light}.designcard__img{aspect-ratio:3/4;width:100%;object-fit:contain;display:block}.designcard__ph{aspect-ratio:3/4;display:grid;place-items:center;font-family:var(--ff-display);font-size:30px;color:var(--text-mute);background:var(--surface-3)}.designcard__name{padding:6px;text-align:center;font-family:var(--ff-display);font-size:var(--fs-sm);letter-spacing:.1em}.designcard--active .designcard__name{color:var(--blue)}.hotspot{position:absolute;z-index:23;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;transition:opacity .18s ease}.hotspot__dot{position:relative;width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--blue);color:var(--white);display:grid;place-items:center;border:2px solid var(--white);box-shadow:0 2px 10px #00000059;transition:transform var(--t-fast) var(--ease)}.hotspot:hover .hotspot__dot{transform:scale(1.14)}.hotspot__dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--blue);animation:ring 2s ease-out infinite}.hotspot__dot:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(7,148,225,.5);animation:ring 2s ease-out .7s infinite}.hotspot--open .hotspot__dot:after,.hotspot--open .hotspot__dot:before{animation:none;opacity:0}@keyframes ring{0%{transform:scale(.8);opacity:.9}70%,to{transform:scale(1.9);opacity:0}}.fade-enter-active,.fade-leave-active{transition:opacity var(--t-med) var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active .modal__card,.fade-leave-active .modal__card{transition:transform var(--t-med) var(--ease),opacity var(--t-med) var(--ease)}.fade-enter-from .modal__card,.fade-leave-to .modal__card{transform:translateY(14px);opacity:0}.popfade-enter-active,.popfade-leave-active{transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.popfade-enter-from,.popfade-leave-to{opacity:0;transform:translate(-50%,-50%) scale(.95)}.drawer-enter-active,.drawer-leave-active{transition:transform var(--t-med) var(--ease),opacity var(--t-med) var(--ease)}.drawer-enter-from,.drawer-leave-to{transform:translateY(3%);opacity:0}.riseup-enter-active,.riseup-leave-active{transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.riseup-enter-from,.riseup-leave-to{opacity:0;transform:translate(-50%) translateY(10px)}.hotspot__dot svg{width:13px;height:13px}.hotspot__label{padding:6px 13px;border-radius:var(--r-pill);white-space:nowrap;background:var(--white);color:var(--black);font-family:var(--ff-display);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 3px 10px #00000040}[data-theme=dark] .hotspot__label{background:#1a1a1a;color:var(--white)}.hotspot--open .hotspot__label{background:var(--blue);color:var(--white)}.colorbar{position:absolute;top:114px;left:14px;right:14px;z-index:24;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.colorbar__info,.colorbar__toggle{display:flex;align-items:center;gap:10px;padding:19px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.colorbar__info{display:none;color:var(--blue);flex:1;min-width:220px}.colorbar__info svg{flex-shrink:0}.colorbar__info-txt,.colorbar__toggle-txt{display:flex;flex-direction:column;gap:1px;text-align:left}.colorbar__info-txt strong,.colorbar__toggle-txt strong{font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.03em;text-transform:uppercase;color:var(--btn-fg)}.colorbar__info-txt span,.colorbar__toggle-txt span{font-size:var(--fs-xs);color:var(--text-dim)}.colorbar__toggle{color:var(--blue);cursor:pointer;transition:background var(--t-fast) var(--ease)}.colorbar__toggle:hover{background:#0794e114}.colorbar__toggle svg{flex-shrink:0}.cpop{position:absolute;z-index:34;width:min(430px,88vw);padding:16px 16px 12px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.35);background:#29abe257;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);transform:translate(-50%,-50%);max-width:100vw;transition:opacity .18s ease}.cpop__close{position:absolute;top:0;right:0;transform:translate(50%,-50%);width:26px;height:26px;z-index:2;display:grid;place-items:center;border-radius:50%;background:var(--black);color:var(--white);font-size:var(--fs-xs);box-shadow:0 2px 8px #00000073}.cpop__close:hover{background:var(--blue)}.cpop__grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.swatch{aspect-ratio:1;border-radius:50%;border:2px solid transparent;box-shadow:0 1px 4px #0000004d;transition:transform var(--t-fast) var(--ease)}.swatch{position:relative;display:grid;place-items:center}.swatch:hover{transform:scale(1.16)}.swatch--sel{border:3px solid var(--white);transform:scale(1.1);box-shadow:0 0 0 2px var(--blue),0 2px 8px #0006}.swatch__tick{font-size:14px;font-weight:900;color:var(--white);text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1;pointer-events:none}.cpop__heading{font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.06em;text-transform:uppercase;color:var(--white);margin-bottom:2px}.cpop__zone-name{font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;margin-bottom:12px}.cpop__recents{margin-top:10px}.cpop__recents-label{display:block;font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6;margin-bottom:8px}.cpop__recent-grid{display:flex;gap:10px;flex-wrap:wrap}.cpop__recent-grid .swatch{width:40px;height:40px;border-radius:var(--r-sm);box-shadow:0 2px 8px #00000059}.cpop__wheel-wrap{margin-top:14px}.colpick{display:flex;flex-direction:column;gap:12px}.colpick__current{display:flex;align-items:center;gap:12px}.colpick__preview{width:48px;height:48px;border-radius:var(--r-sm);flex-shrink:0;border:2px solid rgba(255,255,255,.4);box-shadow:0 2px 8px #0000004d}.colpick__info{flex:1;min-width:0}.colpick__name{font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.06em;text-transform:uppercase;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colpick__hex-row{display:flex;align-items:center;gap:8px;margin-top:2px}.colpick__hex-val{font-family:monospace;font-size:var(--fs-sm);letter-spacing:.08em;color:#ffffffb3}.colpick__copy{font-size:16px;color:#ffffff80;padding:2px;transition:color var(--t-fast) var(--ease)}.colpick__copy:hover{color:var(--white)}.colpick__pickers{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.colpick__sl{position:relative;cursor:crosshair;flex-shrink:0;border-radius:4px;touch-action:none}.colpick__dot{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #333;pointer-events:none}.colpick__input-row{display:flex;align-items:center;gap:10px}.colpick__input-label{font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.14em;color:#ffffff80}.colpick__input{flex:1;padding:8px 10px;border-radius:var(--r-sm);background:#0006;border:1px solid rgba(255,255,255,.3);color:var(--white);font-family:monospace;font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;outline:none}.colpick__input:focus{border-color:var(--blue)}.tooltip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:33;width:min(430px,84vw);padding:18px 22px;border-radius:var(--r-md);color:var(--white);background:#0794e157;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 34px #0000004d}.tooltip:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none;border:2px solid rgba(255,255,255,.6);border-radius:calc(var(--r-md) - 4px)}[data-theme=dark] .tooltip{background:#0c0c0c85;box-shadow:0 10px 34px #0009}[data-theme=dark] .tooltip:before{border-color:#ffffff57}.tooltip__t{font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px}.tooltip__b{font-size:var(--fs-h3);line-height:1.5;font-weight:var(--fw-strong);letter-spacing:.02em}.editor{position:absolute;right:0;bottom:0;z-index:27;padding:0 14px 12px;width:min(460px,92vw);transition:width var(--t-med) var(--ease)}.editor--wide{width:min(760px,94vw)}.editor__tabs{display:flex;gap:6px;align-items:flex-end;justify-content:flex-end;padding-right:8px;margin-bottom:-6px}.etab{position:relative;padding:12px 34px;border:none;display:inline-flex;align-items:center;gap:7px;font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.07em;text-transform:uppercase;color:var(--text-mute);background:var(--blue);transition:color var(--t-fast) var(--ease);border-top-left-radius:7px;border-top-right-radius:7px}.etab svg{flex-shrink:0;opacity:.8}.etab--active{color:#fff}.etab__shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;color:#b4b4b4;filter:drop-shadow(0 2px 5px rgba(0,0,0,.18))}.etab--active .etab__shape{color:var(--blue)}[data-theme=dark] .etab__shape{color:#3a3a3a}[data-theme=dark] .etab--active .etab__shape{color:#000}.editor__body{position:relative;padding:34px 32px 26px 46px;border-radius:64px 6px 6px;background:var(--panel-bg);color:var(--panel-fg);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr;gap:16px;max-height:54vh;overflow-y:auto}@media (min-width: 861px){.designpanel__banner{position:absolute;top:48%;left:calc(100% - 260px);transform:translate(-50%,-50%);z-index:123;pointer-events:none}.designpanel__bannerimg{display:block;width:470px;height:auto;max-width:none}.designpanel__hint,.designpanel__dots{display:none}.designpanel__cta{position:absolute;bottom:28px;left:calc((100% - 240px)/2);transform:translate(-50%);z-index:23;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:240px;padding:10px 26px;border-radius:var(--r-sm);background:var(--blue);color:var(--white);font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 14px #0794e166;transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.designpanel__cta:hover{filter:brightness(1.08);margin-left:10vw}.designpanel__cta:active{transform:translate(-50%) scale(.98)}}.designpanel{display:contents}.editor__body:before{content:"";position:absolute;pointer-events:none;top:14px;left:14px;right:14px;bottom:14px;border-radius:52px 0 0;border-top:2px solid rgba(0,0,0,.5);border-left:2px solid rgba(0,0,0,.5);border-right:none;border-bottom:none}[data-theme=dark] .editor__body:before{border-color:#ffffff4d}.field{display:flex;flex-direction:column;gap:5px}.field__label{font-family:var(--ff-display);font-size:var(--fs-sm);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-dim)}.field__input{padding:9px 13px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.04em;text-transform:uppercase;outline:none}[data-theme=dark] .field__input{background:#fff;color:#000}.field__input:focus{border-color:var(--blue)}.sliderrow{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sliderrow__lbl{flex:0 0 auto;width:108px;font-family:var(--ff-display);font-size:var(--fs-sm);letter-spacing:.13em;text-transform:uppercase}.sliderrow__pm{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--blue);color:var(--white);font-family:var(--ff-display);font-size:var(--fs-h2);box-shadow:0 2px 6px #0000002e;cursor:pointer;transition:filter var(--t-fast) var(--ease)}.sliderrow__pm:hover{filter:brightness(1.12)}.sliderrow__pm:active{filter:brightness(.9)}.sliderrow__val{flex:0 0 auto;min-width:52px;padding:5px 8px;text-align:center;border:1px solid var(--border);border-radius:var(--r-sm);font-family:var(--ff-display);font-size:var(--fs-sm);background:var(--surface)}[data-theme=dark] .sliderrow__val{background:#fff;color:#000}.sliderrow input[type=range]{flex:1;min-width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:var(--r-pill);background:var(--track);outline:none}.sliderrow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--blue);border:2px solid var(--panel-bg);cursor:pointer}.sliderrow input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--blue);border:2px solid var(--panel-bg);cursor:pointer}.colorpair{display:flex;align-items:center;gap:26px}.colorpair__item{display:flex;align-items:center;gap:9px;font-family:var(--ff-display);font-size:var(--fs-sm);letter-spacing:.07em}.applyall{margin-top:12px;padding:10px 26px;width:100%;box-shadow:0 2px 8px #0000002e;background:var(--blue);color:var(--white);font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-sm)}[data-theme=light] .applyall{background:var(--white);color:var(--blue);border:1px solid var(--border)}.applyall:hover{filter:brightness(1.08)}.fontgrid{grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:7px;max-height:290px;overflow-y:auto;padding-right:4px}.fontchip{padding:20px 16px;text-align:center;font-size:23px;line-height:1.25;border:1px solid transparent;border-radius:var(--r-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--blue);color:var(--white);box-shadow:0 2px 6px #00000024;transition:all var(--t-fast) var(--ease)}[data-theme=dark] .fontchip{background:#2a2a2a;color:var(--white)}.fontchip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.fontchip__name{font-family:var(--ff-body);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fontchip--loading{opacity:.55}.fontchip--loading .fontchip__name:after{content:" · loading";opacity:.8}.fontchip:hover{filter:brightness(1.1);transform:translateY(-1px)}.fontchip--active{border-color:var(--white);box-shadow:0 0 0 2px var(--blue),0 4px 12px #00000038}[data-theme=dark] .fontchip--active{box-shadow:0 0 0 2px var(--blue),0 4px 12px #00000080}.fontpick-fab{position:absolute;z-index:29;top:100px;right:24px;width:52px;height:52px;border-radius:50%;background:var(--white);color:var(--black);border:2px solid var(--blue);display:grid;place-items:center;font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.02em;box-shadow:var(--shadow);transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.fontpick-fab:hover{filter:brightness(.96);transform:scale(1.05)}[data-theme=dark] .fontpick-fab{background:#111;color:var(--white)}.fontdrawer{position:fixed;left:0;right:0;bottom:0;z-index:55;max-height:60vh;padding:18px 18px 28px;background:var(--panel-bg);color:var(--panel-fg);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -8px 34px #00000059;overflow-y:auto;overflow-x:hidden}[data-theme=dark] .fontdrawer{background:#111}.fontdrawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.fontdrawer__title{font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.06em;text-transform:uppercase}.fontdrawer__close{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--surface);font-size:var(--fs-h3)}.fontdrawer__close:hover{background:var(--blue);color:var(--white)}.fontdrawer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.logo-thumbs{display:flex;gap:10px;flex-wrap:wrap;padding:4px 0}.logo-thumb{position:relative;width:64px;height:64px;border-radius:var(--r-sm);border:2px solid var(--border);background:var(--surface);overflow:hidden;display:grid;place-items:center;cursor:pointer;transition:border-color var(--t-fast) var(--ease)}.logo-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.logo-thumb--active{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.logo-thumb__check{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:var(--blue);color:var(--white);font-size:11px;display:grid;place-items:center}.logo-thumb--add{border-style:dashed;flex-direction:column;gap:2px;font-family:var(--ff-display);font-size:var(--fs-h2);color:var(--text-dim)}.logo-thumb--add:hover{border-color:var(--blue);color:var(--blue)}.logo-thumb__addlabel{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}.logo-controls{padding:12px 0 4px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.logo-controls__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.logo-controls__name{font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.06em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logobtn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r-sm);font-family:var(--ff-display);font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);transition:all var(--t-fast) var(--ease)}.logobtn svg{width:18px;height:18px;flex-shrink:0}.logobtn--delete{border-color:#e33;color:#e33;background:#e3333314}.logobtn--delete:hover{background:#e33;color:var(--white)}.logo-head{margin-bottom:4px}.logo-head__title{font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.08em;text-transform:uppercase;color:var(--panel-fg)}.logo-upload-row{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.logo-upload-btn{flex:1;min-width:160px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:var(--r-sm);background:var(--blue);color:var(--white);font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px #0000002e;transition:filter var(--t-fast) var(--ease)}.logo-upload-btn:hover{filter:brightness(1.08)}.logo-upload-btn:disabled{opacity:.5;cursor:not-allowed}.logo-upload-hint{margin-top:6px;font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute)}.logo-placement{margin-top:4px}.logo-placement__label{display:block;margin-bottom:8px;font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.logo-placement__row{display:flex;gap:8px;flex-wrap:wrap}.placebtn{flex:1;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;transition:all var(--t-fast) var(--ease)}.placebtn:hover{border-color:var(--blue)}.placebtn--active{background:var(--blue);color:var(--white);border-color:var(--blue)}.review{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;display:flex;justify-content:flex-end;pointer-events:none;top:35VH}.review__panel-wrap{position:relative;pointer-events:auto;width:min(520px,50vw);align-self:stretch;display:flex;overflow:hidden}.review__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E"),linear-gradient(160deg,var(--blue-light) 0%,var(--blue) 46%,var(--blue-deep) 100%);background-blend-mode:overlay,normal}[data-theme=dark] .review__grain{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.3'/%3E%3C/svg%3E"),linear-gradient(160deg,#1d1d1d,#101010 52%,#050505);background-blend-mode:overlay,normal}.review__panel{position:relative;z-index:1;pointer-events:auto;width:100%;padding:26px 30px 34px;overflow-y:auto;color:var(--white)}[data-theme=light] .review__panel{color:var(--white)}.review__thumbs{display:flex;gap:10px;justify-content:center;margin-bottom:14px}.review__thumbs img,.review__thumbs div{width:96px;aspect-ratio:3/4;object-fit:contain;border-radius:var(--r-sm);background:#ffffff14}.review__details{margin-bottom:6px}.review__details-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.review__details-head .review__h{margin-bottom:0;text-align:left;font-size:var(--fs-h1)}.review__edit{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-display);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;transition:color var(--t-fast) var(--ease)}.review__edit:hover{color:var(--white)}.review__edit svg{width:15px;height:15px}.review__details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.review__details-cell{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:var(--r-sm);background:#ffffff14}.review__details-label{font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.review__details-val{font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.04em;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review__details-colours .review__details-label{display:block;margin-bottom:8px}.review__h{text-align:center;font-family:var(--ff-display);font-size:var(--fs-hero);line-height:.9;letter-spacing:var(--tr-hero);text-transform:uppercase;margin-bottom:16px}.review__h2{text-align:center;font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.04em;text-transform:uppercase;margin:22px 0 10px}.review__checks{display:flex;justify-content:center;gap:34px;margin-bottom:4px}.review__check{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.06em;text-transform:uppercase}.review__check svg{width:22px;height:22px;color:#22c55e}.review__colors{display:flex;justify-content:center;gap:22px}.review__color{text-align:center}.review__color i{display:block;width:34px;height:34px;border-radius:50%;margin:0 auto 5px;border:1px solid rgba(255,255,255,.3)}.review__color span{font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.08em}.agetoggle{display:inline-flex;justify-content:center;align-items:center;width:100%;max-width:320px;margin:10px auto 16px;border-radius:var(--r-pill);overflow:hidden;border:2px solid var(--white);box-shadow:0 2px 8px #00000040;background:#00000059}.agetoggle__btn{flex:1;padding:10px 16px;text-align:center;font-family:var(--ff-display);font-size:var(--fs-h3);font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:transparent;color:#ffffffbf;transition:all var(--t-fast) var(--ease)}.agetoggle__btn--active{background:var(--white)!important;color:#000!important;font-weight:800}[data-theme=dark] .agetoggle__btn--active{background:var(--white)!important;color:#000!important}.review__sizechart{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;max-width:240px;margin:14px auto 0;padding:10px 20px;border-radius:var(--r-sm);background:var(--white);color:var(--black);font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.07em;text-transform:uppercase}@media (max-width: 860px){.agetoggle{max-width:280px}.agetoggle__btn{padding:8px 10px;font-size:var(--fs-sm)}.review__sizechart{max-width:200px;padding:8px 14px;font-size:var(--fs-sm)}}.review__sizes{display:flex;gap:14px;justify-content:center}.review__sizes label{display:flex;flex-direction:column;gap:4px;font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.1em}.review__sizes select{padding:6px 10px;border-radius:var(--r-sm);background:var(--blue);color:var(--white);border:none;font-family:var(--ff-body);font-weight:700;font-size:var(--fs-sm);cursor:pointer}[data-theme=dark] .review__sizes select{background:#000;color:var(--white)}.review__garment-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}.review__garment-cell{display:flex;flex-direction:column;gap:4px;flex:1;font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase}.review__garment-cell--qty{flex:0 0 auto}.review__garment-label{opacity:.7;font-size:var(--fs-xs);letter-spacing:.12em}.review__garment-cell select{padding:9px 12px;border-radius:var(--r-sm);background:var(--blue);color:var(--white);border:none;font-family:var(--ff-body);font-weight:700;font-size:var(--fs-sm);width:100%;cursor:pointer}[data-theme=dark] .review__garment-cell select{background:#000;color:var(--white)}.qtystepper{display:inline-flex;align-items:center;border-radius:var(--r-pill);overflow:hidden;background:var(--blue);border:none}[data-theme=dark] .qtystepper{background:#222;border:1px solid rgba(255,255,255,.2)}.qtystepper__btn{width:44px;height:44px;display:grid;place-items:center;font-family:var(--ff-display);font-size:var(--fs-h1);color:var(--white);transition:background var(--t-fast) var(--ease);cursor:pointer}.qtystepper__btn:hover{background:#0003}.qtystepper__btn:active{background:#00000059}.qtystepper__val{min-width:44px;text-align:center;font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.05em;color:var(--white);background:#00000026}.review__sizechart{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:11px;border-radius:var(--r-sm);background:var(--white);color:var(--black);font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.07em;text-transform:uppercase}.review__sizechart img{width:17px;height:17px;flex-shrink:0;object-fit:contain}.review__rows{margin-top:6px}.review__row{display:flex;justify-content:space-between;padding:3px 0;font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.04em;text-transform:uppercase}.review__row span:last-child{color:var(--blue-light)}.review__ship{display:flex;align-items:center;gap:11px;margin:16px 0;padding:10px 14px;border-radius:var(--r-sm);background:#0006;border:1px solid rgba(255,255,255,.22);font-size:var(--fs-sm);font-weight:var(--fw-strong);letter-spacing:.04em;line-height:1.5}.review__ship img{width:26px;height:26px;flex-shrink:0;object-fit:contain}.review__price{display:flex;justify-content:space-between;font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.04em;text-transform:uppercase;padding:4px 0}.review__total{display:flex;justify-content:space-between;margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.34);font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.04em;text-transform:uppercase}.review__cta{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;margin-top:12px;padding:14px;border-radius:var(--r-sm);font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.05em;text-transform:uppercase;transition:transform var(--t-fast) var(--ease)}.review__cta:active{transform:scale(.98)}.review__cta:disabled{opacity:.55;cursor:wait}.review__cta--primary{background:var(--blue-deep);color:var(--white)}[data-theme=dark] .review__cta--primary{background:var(--blue)}.review__cta--secondary{background:var(--white);color:var(--black)}.review__cta svg{width:50px;height:50px}.review__hint{text-align:center;font-family:var(--ff-display);font-size:var(--fs-sm);letter-spacing:.06em;color:#fff9;margin-top:8px}.cartdrawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:62;display:grid;place-items:end center;background:#0000008c}.cartdrawer__card{position:relative;width:min(480px,96vw);padding:34px 28px 28px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--panel-bg);color:var(--panel-fg);box-shadow:0 -8px 34px #00000059;text-align:center}[data-theme=dark] .cartdrawer__card{background:#111;color:#fff}.cartdrawer__close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);font-size:var(--fs-h3);color:var(--text-dim);transition:color var(--t-fast) var(--ease)}.cartdrawer__close:hover{color:var(--blue)}.cartdrawer__icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#22c55e;color:var(--white);display:grid;place-items:center;font-size:var(--fs-h1);font-weight:900}.cartdrawer__h{font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.cartdrawer__sub{font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:18px}.cartdrawer__summary{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--r-sm);background:var(--surface);margin-bottom:18px;font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.04em}.cartdrawer__cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border-radius:var(--r-sm);font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.06em;text-transform:uppercase;transition:filter var(--t-fast) var(--ease);margin-bottom:10px}.cartdrawer__cta:hover{filter:brightness(1.08)}.cartdrawer__cta--primary{background:var(--blue);color:var(--white)}.cartdrawer__cta--secondary{background:var(--surface);color:var(--panel-fg);border:1px solid var(--border)}.cartdrawer__cta svg{width:22px;height:22px}.cartdrawer__note{font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:.04em}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:22px;background:#0000009e}.modal__card{position:relative;width:min(940px,100%);max-height:88vh;overflow-y:auto;overflow-x:hidden;padding:22px 34px 34px;border-radius:2px;background:var(--surface-2);color:var(--panel-fg);border:5px solid var(--surface);box-shadow:var(--shadow)}[data-theme=dark] .modal__card{background:#111;border-color:#000;color:#fff}.modal__head{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:16px;padding:4px 0 10px;background:var(--surface-2)}[data-theme=dark] .modal__head{background:#111}.modal__head svg.modal__icon{width:44px;height:44px;flex-shrink:0}.modal__title{flex:1;min-width:0;font-family:var(--ff-display);font-size:var(--fs-hero);line-height:.9;letter-spacing:var(--tr-hero);text-transform:uppercase;overflow-wrap:break-word}.modal__logo{height:58px;width:auto;max-width:110px;object-fit:contain;opacity:.9;flex-shrink:0}.modal__x{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;background:var(--blue);color:var(--white);font-family:var(--ff-display);font-size:var(--fs-h2);box-shadow:5px 5px 0 var(--surface);transition:filter var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.modal__x:hover{filter:brightness(1.12)}.modal__x:active{transform:scale(.94)}.modal__rule{position:sticky;top:62px;z-index:3;height:3px;background:currentColor;margin:0 0 22px;opacity:.85}.modal__body{font-size:var(--fs-h3);line-height:1.6}.modal__lead{font-family:var(--ff-display);font-size:var(--fs-h1);line-height:1.25;letter-spacing:.01em}.modal__split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.modal__img{width:100%;border-radius:2px}.modal__ph{width:100%;aspect-ratio:4/3;display:grid;place-items:center;background:url(/assets/materials-Dljx7e5S.jpg);color:var(--text-mute);background-size:contain;font-family:var(--ff-display);letter-spacing:.1em;font-size:var(--fs-sm)}.faq__q{font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.02em;margin-top:20px}.faq__q:first-child{margin-top:0}.faq__a{margin-top:5px;padding-left:22px;font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.03em;opacity:.85}.seg{display:inline-flex;border-radius:var(--r-pill);overflow:hidden;background:var(--black)}[data-theme=dark] .seg{background:var(--white)}.seg button{padding:9px 26px;font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.02em;text-transform:uppercase;color:var(--white);transition:background var(--t-fast) var(--ease)}[data-theme=dark] .seg button{color:var(--black)}.seg button[aria-pressed=true]{background:var(--blue);color:var(--white)}.sizetoggles{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.sizetable__size{color:var(--blue);font-weight:700!important}.sizetable__note{margin:14px 0 22px;font-size:var(--fs-sm);color:var(--text-dim)}.sizetable{width:100%;border-collapse:collapse;margin:22px 0}.sizetable th{text-align:left;padding-bottom:9px;border-bottom:2px solid currentColor;font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.06em}.sizetable th:not(:first-child),.sizetable td:not(:first-child){text-align:right}.sizetable td{padding:9px 0;font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.02em}.sizetable td small{font-size:.55em;opacity:.7}.measure{padding:18px 22px;border-radius:var(--r-md);border:3px solid var(--white);background:var(--blue);color:var(--white)}.measure h4{font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.03em;margin-bottom:10px}.measure p{font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.05em;opacity:.95}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);z-index:80;padding:11px 24px;border-radius:var(--r-sm);background:var(--blue);color:var(--white);box-shadow:var(--shadow);font-family:var(--ff-display);font-size:var(--fs-h2);letter-spacing:.06em;text-transform:uppercase}.toast--error{background:#d13b3b}@media (max-width: 480px){.modal__head{gap:8px;padding:4px 0 6px}.modal__icon-img,.modal__head svg.modal__icon{width:20px!important;height:20px!important;flex-shrink:0}.modal__title{font-size:clamp(18px,5.5vw,24px)!important;line-height:1.1}.modal__logo{height:26px;max-width:65px}.modal__x{width:28px;height:28px;font-size:var(--fs-sm)}}@media (max-width: 380px){.modal__head{gap:6px}.modal__icon-img,.modal__head svg.modal__icon{width:18px!important;height:18px!important}.modal__title{font-size:17px!important}.modal__logo{display:none}}@media (max-width: 860px){:root{--rail-w: 52px;--tab-w: 24px;--tab-h: 96px}.progress{padding:9px 14px 4px}.progress__meta{font-size:var(--fs-h3)}.progress__step{font-size:var(--fs-sm);letter-spacing:.03em}.welcome__size{font-size:var(--fs-body)}.review{top:10VH!important}.welcome__start{font-size:var(--fs-h3)}.badge svg,.badge img{width:50px;height:50px;flex-shrink:0;object-fit:contain}.info{width:20px;height:20px;object-fit:contain}.rail__icon{width:56px;height:56px}.rail__icon svg,.rail__icon img{width:30px;height:30px}.rail__icon--big svg,.rail__icon--big img{width:36px;height:36px}.rail__body{padding:12px 6px;gap:8px}.welcome__card{padding:28px 22px 24px}.welcome__card:before{top:7px;right:7px;bottom:7px;left:7px}.welcome__title{font-size:clamp(30px,10vw,44px)}.badges{gap:12px 16px}.designpanel{display:flex;flex-direction:column;gap:12px;position:absolute;left:0;right:0;bottom:0;z-index:22;height:45vh;background:linear-gradient(to top,#000000eb,#000000eb 90%,#0000);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px 28px 0 0}.designpanel__banner{display:block;text-align:center}.designpanel__bannerimg{max-width:280px;width:100%;margin:0 auto;display:block}.designpanel__hint{margin-top:4px;font-family:var(--ff-display);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.designpanel__dots{display:flex;justify-content:center;gap:8px}.designpanel__dot{width:7px;height:7px;border-radius:50%;background:#ffffff4d;transition:background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.designpanel__dot--active{background:var(--blue);transform:scale(1.3)}.designs{position:relative;inset:auto;height:auto;width:auto;display:flex;align-items:stretch;flex-direction:row;background:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 32vw;pointer-events:auto;scrollbar-width:none}.designs::-webkit-scrollbar{display:none}.designcard{width:26vw;flex-shrink:0;scroll-snap-align:center;border-radius:14px;overflow:hidden;border:2px solid transparent;background:#ffffff0f;opacity:1;filter:none;transition:border-color var(--t-fast) var(--ease),filter var(--t-med) var(--ease)}.designcard--active{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 0 14px 3px #0794e1d9,0 0 30px 10px #0794e166}.designcard--active .designcard__name{background:var(--blue);color:var(--white)}.designcard--disabled{opacity:.4;filter:grayscale(1);pointer-events:none}.designpanel__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border-radius:var(--r-sm);background:var(--blue);color:var(--white);font-family:var(--ff-display);font-size:var(--fs-h3);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 14px #0794e166;transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.designpanel__cta:hover{filter:brightness(1.08)}.designpanel__cta:active{transform:scale(.98)}.editor{width:100%;padding:0 8px 8px}.editor__body{grid-template-columns:1fr;gap:13px;padding:18px 16px 16px 18px;border-radius:26px 6px 0 0;max-height:52dvh;overflow-y:auto}.editor__body:before{top:8px;left:8px;right:8px;bottom:8px;border-radius:20px 0 0}.sliderrow{gap:6px}.sliderrow__lbl{width:78px;font-size:var(--fs-xs);letter-spacing:.06em}.sliderrow__pm{width:32px;height:32px;font-size:var(--fs-h3)}.sliderrow__val{min-width:40px;padding:4px 5px;font-size:var(--fs-xs)}.fontdrawer__grid{grid-template-columns:repeat(2,1fr)}.colorpair{gap:16px;flex-wrap:wrap}.field__input{padding:11px 13px}.applyall{margin-top:8px;padding:12px 20px}.fontpick-fab{width:44px;height:44px;font-size:var(--fs-h3);top:84px;right:16px}.etab{padding:7px 14px;font-size:var(--fs-sm)}.editor__tabs{flex-wrap:wrap;gap:5px}.navrow--inline{width:100%;margin-right:0;margin-bottom:6px;justify-content:space-between}.navrow--inline .navbtn{padding:8px 16px;font-size:var(--fs-h3)}.fontgrid{grid-template-columns:1fr;max-height:200px}.fontchip{padding:10px;font-size:18px}.fontchip__name{font-size:9px;letter-spacing:.1em}.review{flex-direction:column;justify-content:flex-start}.review__panel-wrap{width:100%;margin-top:42dvh;align-self:auto;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow)}.review__panel{width:100%}.review__ship{background:#00000057;border-color:#ffffff38}.review__total{border-top-color:var(--border)}.review__sizechart,.review__cta--secondary{background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--border)}.review__color i{border-color:var(--border)}.modal__card{padding:20px 18px 24px;border-width:3px}.modal__title{font-size:clamp(26px,8vw,38px)}.modal__split{grid-template-columns:1fr;gap:18px}.modal__head svg.modal__icon{width:32px;height:32px}.modal__x{width:32px;height:32px}.modal__head{padding:2px 0 8px}.modal__rule{top:48px;margin-bottom:16px}.navrow{left:50%;right:auto;transform:translate(-50%);bottom:12px}.navrow--inline{position:static;transform:none;left:auto}.navbtn{padding:10px 22px;font-size:var(--fs-h2)}.review__h{font-size:var(--fs-h1)}.review__h2,.review__cta,.review__total{font-size:var(--fs-h2)}.review__row,.review__price,.review__check,.review__sizechart{font-size:var(--fs-h3)}.tooltip__t{font-size:var(--fs-h2)}.tooltip__b,.badge{font-size:var(--fs-sm)}.field__input,.applyall{font-size:var(--fs-h3)}.floaters{left:10px;right:10px;bottom:10px;flex-direction:row;align-items:center;justify-content:space-between;pointer-events:none}.floaters>*{pointer-events:auto}.pill{padding:6px 12px;font-size:var(--fs-xs)}.pill__label,.watermark{display:none}.cpop{left:50%!important;top:50%!important;width:min(360px,90vw);padding:18px 16px 14px;max-height:76dvh;overflow-y:auto}.cpop__grid{grid-template-columns:repeat(6,1fr);gap:10px}.colorbar{top:80px;left:10px;right:10px;gap:7px;justify-content:space-between;scale:.85}.colorbar__info{display:flex}.colorbar__info,.colorbar__toggle{padding:10px;min-width:0}.colorbar__info-txt strong,.colorbar__toggle-txt strong{font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;font-weight:200;letter-spacing:0}.colorbar__info-txt span,.colorbar__toggle-txt span{font-size:10px}.colorbottom{position:absolute;left:10px;right:10px;bottom:12px;z-index:24;display:flex;flex-direction:column;gap:10px}.colorbottom__nav{display:flex;gap:10px}.colorbottom__navbtn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:var(--r-sm);background:var(--white);color:var(--black);font-family:var(--ff-display);font-size:var(--fs-h1);letter-spacing:.05em;text-transform:uppercase;box-shadow:var(--shadow);transition:transform var(--t-fast) var(--ease)}.colorbottom__navbtn:active{transform:scale(.97)}.colorbottom__navbtn--primary{background:var(--blue);color:var(--white)}[data-theme=dark] .colorbottom__navbtn--primary{background:var(--blue)}.colorfoot{display:flex;align-items:center;justify-content:space-between;gap:10px}.colorfoot__badges{display:flex;align-items:center;flex:1;min-width:0;flex-wrap:nowrap;gap:10px;overflow:hidden}.badge--icon-only{gap:0;flex-shrink:0}.badge--icon-only img{width:70px;height:70px}.colorfoot .themetoggle{flex-shrink:0}.cpop__close{top:6px;right:6px;transform:none;width:30px;height:30px}}.modal__card--chart{width:min(1180px,100%);padding:18px 22px 22px}.sc{display:flex;flex-direction:column;align-items:center;gap:14px}.sc__tabs{display:inline-flex}.sc__frame{position:relative;width:100%;max-width:560px}.sc__img{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:10px;overflow:hidden;line-height:0}.sc__img img{display:block;width:100%;height:auto}.sc__hint{margin:0;font-family:var(--ff-body);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;opacity:.65}@media (min-width: 861px){.sc__frame{max-width:min(1100px,max(640px,calc((88vh - 210px)*1.5)))}}.sczoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000000f0;display:flex;flex-direction:column}.sczoom__stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.sczoom__stage:active{cursor:grabbing}.sczoom__img{position:absolute;max-width:none;transform-origin:0 0;will-change:transform;-webkit-user-drag:none}.sczoom__ctrl{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:2;display:flex;gap:8px}.sczoom__ctrl button{min-width:48px;height:44px;padding:0 16px;border-radius:999px;border:0;background:#ffffffeb;color:#0b1b33;font-family:var(--ff-body);font-weight:800;font-size:20px;cursor:pointer}.sczoom__x{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:2;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#0b1b33;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #0006}.sczoom__hint{position:absolute;top:calc(18px + env(safe-area-inset-top));left:14px;z-index:2;margin:0;padding:6px 12px;border-radius:999px;background:#ffffff24;color:#fff;font-family:var(--ff-body);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.landing{--header-h: 64px;--card-bg: #ffffff;--card-fg: #0b1b33;--card-border: rgba(7, 148, 225, .28);--card-tint-2: rgba(7, 148, 225, .1);--card-dim: rgba(11, 27, 51, .6);--panel-bg: #ffffff;--panel-fg: #0b1b33;color:#0b1b33}@media (max-width: 860px){.landing{--header-h: 54px}}.app--landing .viewport{background:linear-gradient(180deg,#fff,#eef6fd)}.lfade-enter-active,.lfade-leave-active{transition:opacity var(--t-med) var(--ease)}.lfade-enter-from,.lfade-leave-to{opacity:0}.landing .hdr{position:absolute;top:0;left:0;right:0;z-index:40;height:var(--header-h);display:flex;align-items:center;gap:6px;padding:0 clamp(12px,2.4vw,32px);color:#0b1b33;justify-content:space-between}.landing .hdr__btn{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:inherit;transition:background var(--t-fast) var(--ease)}.landing .hdr__btn:hover{background:#0794e11f}.menu__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#08102073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu{position:fixed;top:0;right:0;bottom:0;z-index:71;width:min(360px,88vw);display:flex;flex-direction:column;padding:14px 20px 22px;background:var(--panel-bg);color:var(--panel-fg);box-shadow:-10px 0 40px #00000047}.menu__head{display:flex;align-items:center;justify-content:space-between;padding:4px 0 16px;border-bottom:1.5px solid var(--card-border)}.menu__logo{height:34px;width:auto}.menu__close{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.menu__close:hover{background:#0794e11f}.menu__list{display:flex;flex-direction:column;gap:6px;padding:14px 0;flex:1;overflow-y:auto}.menu__item{display:flex;align-items:center;gap:16px;padding:12px 10px;border-radius:var(--r-md);font-family:var(--ff-display);font-size:25px;letter-spacing:.05em;text-transform:uppercase;text-align:left}.menu__item img,.menu__item>svg{width:30px;height:30px;object-fit:contain;flex-shrink:0}.menu__item img{filter:brightness(0) saturate(100%) invert(10%) sepia(30%) saturate(1800%) hue-rotate(185deg)}.menu__item:hover{background:var(--card-tint-2)}.menuslide-enter-active,.menuslide-leave-active{transition:transform var(--t-med) var(--ease)}.menuslide-enter-from,.menuslide-leave-to{transform:translate(100%)}.landing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;padding:calc(var(--header-h) + 8px) clamp(24px,6vw,96px) clamp(20px,4vh,44px);row-gap:clamp(16px,2.6vh,28px)}.landing>*{pointer-events:auto}.landing .hdr{grid-column:1 / -1}.landing__strips{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:url(/img/strips-desktop.png) center / cover no-repeat}.landing__copy{display:contents}.landing__title{grid-column:1;grid-row:1;align-self:center;margin:0;line-height:0}.landing__title img{width:min(100%,470px,46vh * 1.55);height:auto;display:block}.landing__ctas{grid-column:1 / span 2;grid-row:2;display:flex;gap:16px;max-width:min(100%,880px)}.landing__badges{grid-column:1 / span 2;grid-row:3;display:flex;list-style:none;gap:clamp(8px,2vw,28px);align-items:center}.landing__badges li{display:flex}.landing__badges img{width:clamp(96px,12vw,170px);height:auto;display:block}.landing__cap{display:none}.lbtn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:14px;height:clamp(60px,9vh,76px);border-radius:8px;padding:0 20px;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.lbtn:hover{transform:translateY(-2px)}.lbtn--primary{color:#fff;font-family:var(--ff-display);font-size:clamp(28px,3.4vh,36px);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(180deg,#34a9ff,#0a86f5);box-shadow:0 10px 24px #0a86f561}.lbtn--ghost{background:#fff;color:#0b1b33;border:1.5px solid rgba(7,148,225,.32);box-shadow:0 4px 14px #0b1b3314;justify-content:space-between}.lbtn__icon{width:34px;height:34px;object-fit:contain;filter:brightness(0) saturate(100%) invert(10%) sepia(30%) saturate(1800%) hue-rotate(185deg)}.lbtn__text{display:flex;flex-direction:column;align-items:center;line-height:1.05;flex:1}.lbtn__text strong{font-family:var(--ff-display);font-weight:400;font-size:clamp(22px,2.6vh,28px);letter-spacing:.04em;text-transform:uppercase}.lbtn__text small{font-family:var(--ff-body);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#0b1b3380}@media (max-width: 860px){.landing{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;padding:calc(var(--header-h) - 6px) 18px 16px;row-gap:12px}.landing__strips{background-image:url(/img/strips-mobile.png);background-size:100% 100%}.landing__title{grid-row:1;justify-self:center}.landing__title img{width:min(66vw,280px)}.landing__ctas{grid-column:1;grid-row:3;flex-direction:column;gap:10px;max-width:none}.landing__badges{grid-column:1;grid-row:4;justify-content:space-between;gap:0}.landing__badges img{width:28vw;max-width:130px}.lbtn{height:58px;flex:none}}.landing{padding-top:calc(var(--header-h) - 14px);padding-bottom:clamp(8px,1.6vh,18px);row-gap:clamp(10px,1.6vh,18px)}.landing__strips{opacity:.5}.landing__title{align-self:start}.landing__title img{width:min(100%,390px,38vh * 1.55)}.lbtn{height:clamp(56px,8vh,68px)}.landing__badges img{width:clamp(84px,10vw,140px)}@media (max-width: 860px){.landing{padding:calc(var(--header-h) - 20px) 18px 10px;row-gap:8px}.landing__title img{width:min(52vw,220px)}.lbtn{height:54px}.landing__ctas{gap:8px}.landing__badges img{width:26vw;max-width:112px}}.app--landing .viewport canvas{visibility:hidden}.landing__hero{display:block;pointer-events:none;-webkit-user-select:none;user-select:none}@media (min-width: 861px){.landing__hero{grid-column:2;grid-row:1 / span 3;justify-self:center;align-self:stretch;min-height:0;height:100%;width:auto;max-width:100%;object-fit:contain}.landing__ctas,.landing__badges{grid-column:1}.landing__title img{width:min(100%,420px,38vh * 1.6)}}@media (max-width: 860px){.landing{grid-template-rows:auto minmax(0,1fr) auto auto}.landing__title{grid-row:1}.landing__title img{width:min(40vw,150px)}.landing__hero{grid-row:2;grid-column:1;justify-self:center;min-height:0;max-height:100%;max-width:100%;width:auto;height:100%;object-fit:contain}.landing__ctas{grid-row:3}.landing__badges{grid-row:4}.lbtn{height:50px}.lbtn--primary{font-size:26px}.lbtn__text strong{font-size:22px}}@media (max-width: 860px) and (max-height: 760px){.landing__badges{display:none}}@media (max-width: 860px){.lbtn__text strong{white-space:nowrap;font-size:clamp(17px,5.2vw,22px)}.lbtn__text small{font-size:11px}}.lbtn--primary,.lbtn__text strong{white-space:nowrap}@media (min-width: 861px){.lbtn--primary{font-size:clamp(22px,2.7vh,30px)}.lbtn__text strong{font-size:clamp(18px,2.3vh,24px)}.lbtn{padding:0 16px;gap:10px}}.landing__hero{position:relative;min-height:0;min-width:0;overflow:hidden}.landing__hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center top}@media (min-width: 861px){.landing__hero{width:100%;height:100%;align-self:stretch;justify-self:stretch}.landing__hero img{object-position:center center}}@media (max-width: 860px){.landing__hero{width:100%;height:100%;max-height:none;justify-self:stretch;margin-bottom:14px}}.app--light .viewport{background:linear-gradient(180deg,#fff,#eef4fb)}[data-theme=dark] .app--design .viewport{background:#0d0d0e}.dstep{--ph-h: 52px;--d-blue: #3b8bec;--d-bg: #ffffff;--d-fg: #0b1b33;--d-dim: #6c7889;--d-tint: #eef2f7;--d-line: rgba(59, 139, 236, .28);--gt: 140px;--gb: 290px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none;font-family:Barlow Condensed,Arial Narrow,sans-serif;color:var(--d-fg)}[data-theme=dark] .dstep{--d-bg: #161618;--d-fg: #ffffff;--d-dim: rgba(255, 255, 255, .6);--d-tint: #232327;--d-line: rgba(255, 255, 255, .14)}.dstep button{font-family:inherit}.dstep .only-desktop{display:none}.dprog{position:absolute;top:var(--ph-h);left:0;right:0;padding:8px 16px 2px}.dprog>*{max-width:1100px;margin-left:auto;margin-right:auto}.dprog__meta{display:flex;justify-content:space-between;align-items:baseline}.dprog__step{font-weight:800;font-size:26px;line-height:1;text-transform:uppercase;letter-spacing:.01em;color:var(--d-fg)}.dprog__pct{font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.02em;color:var(--d-blue)}.dprog__track{height:7px;border-radius:99px;background:#3b8bec38;margin-top:7px;overflow:hidden}.dprog__track i{display:block;height:100%;border-radius:99px;background:var(--d-blue);transition:width .5s cubic-bezier(.4,0,.2,1)}.dprog__tabs{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;margin-top:6px;pointer-events:auto}.dprog__tab{position:relative;padding:3px 2px 6px;white-space:nowrap;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.02em;color:var(--d-dim);pointer-events:auto}.dprog__tab.is-active{color:var(--d-blue)}.dprog__tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--d-blue)}.dprog__tab.is-locked{cursor:not-allowed}.darrow{position:absolute;z-index:3;pointer-events:auto;top:calc(var(--gt) + (100% - var(--gt) - var(--gb)) / 2);transform:translateY(-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--d-blue);color:#fff;box-shadow:0 6px 16px #3b8bec66;transition:transform .15s,filter .15s}.darrow:hover{filter:brightness(1.08)}.darrow:active{transform:translateY(-50%) scale(.94)}.darrow--prev{left:10px}.darrow--next{right:10px}.dtools{position:absolute;z-index:4;right:12px;top:calc(var(--gt) + 2px);pointer-events:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.dtools__fab{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--d-bg);color:var(--d-fg);border:1.5px solid var(--d-line);box-shadow:0 4px 14px #0b1b3324}.dtools__fab.is-on{background:var(--d-blue);color:#fff;border-color:var(--d-blue)}.dtools__pop{order:2;min-width:230px;padding:6px;border-radius:14px;background:var(--d-bg);border:1.5px solid var(--d-line);box-shadow:0 14px 34px #0b1b3333}.dtools__item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:.03em;color:var(--d-fg);text-align:left}.dtools__item img{width:26px;height:26px;object-fit:contain;filter:brightness(0) saturate(100%) invert(10%) sepia(30%) saturate(1800%) hue-rotate(185deg)}[data-theme=dark] .dtools__item img{filter:none}.dtools__item:hover{background:#3b8bec1a}.dtools__item.is-on{color:var(--d-blue)}.dpop-enter-active,.dpop-leave-active{transition:opacity .15s,transform .15s}.dpop-enter-from,.dpop-leave-to{opacity:0;transform:translateY(-6px)}.dsheet{position:absolute;left:0;right:0;bottom:0;pointer-events:auto;display:flex;flex-direction:column;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--d-bg);border-radius:22px 22px 0 0;box-shadow:0 -8px 30px #0b1b331f}.dsheet__hint{margin:0;text-align:center;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--d-dim)}.dsheet__row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:safe center;padding:2px 2px 0;scrollbar-width:none}.dsheet__row::-webkit-scrollbar{display:none}.dcard{flex:none;width:clamp(64px,20vw,88px);scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.dcard__img{position:relative;display:block;width:100%;aspect-ratio:4 / 5;border-radius:10px;overflow:hidden;background:var(--d-tint);border:2.5px solid transparent;transition:border-color .15s,box-shadow .15s}.dcard__img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:4px 2px}.dcard:hover .dcard__img{border-color:#3b8bec73}.dcard.is-active .dcard__img{border-color:var(--d-blue);box-shadow:0 4px 14px #3b8bec4d}.dcard__name{position:relative;padding-bottom:4px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.02em;color:var(--d-dim);white-space:nowrap}.dcard.is-active .dcard__name{color:var(--d-blue)}.dcard.is-active .dcard__name:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--d-blue)}.dsheet__cta{height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--d-blue);color:#fff;font-weight:800;font-size:23px;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 6px 16px #3b8bec59;transition:transform .15s,filter .15s}.dsheet__cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.dsheet__cta:active{transform:scale(.99)}.dsheet__badges{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;gap:4px}.dsheet__badges li{flex:1 1 0;min-width:0;display:flex;justify-content:center}.dsheet__badges img{width:100%;max-width:84px;height:auto;display:block}[data-theme=dark] .dsheet__badges img{filter:invert(1) hue-rotate(180deg)}@media (min-width: 861px){.dstep{--ph-h: 64px;--gt: 172px;--gb: 40px}.dprog__tab{font-size:18px}.dstep .only-mobile{display:none}.dstep .only-desktop{display:inline}.darrow--prev{left:28px}.darrow--next{right:560px}.dtools{right:556px}.dsheet{left:auto;right:40px;top:172px;bottom:20px;width:480px;padding:22px 22px 18px;border-radius:16px;border:1.5px solid var(--d-line);box-shadow:0 14px 40px #0b1b3324;gap:14px}.dsheet__row{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px;align-content:start;overflow-y:auto;overflow-x:hidden;scroll-snap-type:none;padding:4px}.dcard{width:auto}.dcard__img{aspect-ratio:10 / 9}.dsheet__cta{height:50px;font-size:25px}.dcard__name{font-size:19px}.dsheet__hint{font-size:17px}.dsheet__badges img{max-width:92px}}@media (max-width: 860px) and (max-height: 760px){.dsheet__hint,.dsheet__badges{display:none}.dcard{width:clamp(58px,17vw,76px)}.dprog__step{font-size:23px}}@media (max-width: 380px){.dprog__step{font-size:26px}.dprog__tab{font-size:16px}}@media (min-width: 861px) and (max-height: 800px){.dsheet__row{grid-template-columns:repeat(3,1fr);gap:8px}.dcard__name,.dsheet__hint{font-size:15px}}@media (max-width: 860px) and (max-height: 760px){.dcard__name{font-size:12.5px;letter-spacing:0}}.cstep .ctop{position:absolute;top:var(--ph-h);left:0;right:0;pointer-events:none}.cstep .ctop .dprog{position:static}.cstep .ctop .dprog__tabs{pointer-events:auto}.ccards{display:flex;gap:10px;padding:4px 16px 0;max-width:1100px;margin:0 auto;pointer-events:none}.ccard{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 10px;text-align:left;background:var(--d-bg);color:var(--d-fg);border-radius:12px;border:1.5px solid var(--d-line);box-shadow:0 6px 18px #0b1b331a;font-family:inherit}.ccard--btn{pointer-events:auto;cursor:pointer}.ccard__ico{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--d-blue);color:#fff}.ccard__eye{flex:none;color:var(--d-blue)}.cstep .ccard svg.ccard__eye{color:var(--d-blue)}.ccard__txt{display:flex;flex-direction:column;min-width:0;line-height:1.1}.ccard__txt strong{font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.01em}.ccard__txt small{font-weight:600;font-size:11.5px;color:var(--d-dim);line-height:1.15;margin-top:2px}.cstep .hotspot{--hd: 38px;transform:translate(calc(var(--hd) / -2),-50%);gap:0}.cstep .hotspot--flip{flex-direction:row-reverse;transform:translate(calc(-100% + var(--hd) / 2),-50%)}.cstep .hotspot--flip .hotspot__label{margin-left:0;margin-right:-6px;padding:4px 14px 4px 12px}.cstep .hotspot{z-index:5;font-family:Barlow Condensed,Arial Narrow,sans-serif}.cstep .hotspot__dot{width:var(--hd);height:var(--hd);border:2px solid #fff}.cstep .hotspot__dot svg{width:21px;height:21px}.cstep .hotspot__label{padding:4px 12px 4px 14px;margin-left:-6px;font-family:inherit;font-weight:800;font-size:14px;letter-spacing:.02em;background:var(--d-bg);color:var(--d-fg);border:1.5px solid var(--d-blue);box-shadow:0 3px 10px #0b1b332e}.cstep .hotspot--open .hotspot__label{background:var(--d-blue);color:#fff}.cstep .cfab{top:auto;bottom:calc(var(--gb) + 8px);flex-direction:column-reverse}.cstep .cfab .dtools__pop{order:0}.csheet{gap:10px;z-index:9}.csheet__colours{display:flex;flex-direction:column;gap:8px;min-height:0}.csheet__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.csheet__head h2{margin:0;font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:.02em}.csheet__zone{font-weight:700;font-size:14px;text-transform:uppercase;color:var(--d-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cswatches{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px}.cswatch{flex:1 1 0;min-width:0;max-width:46px;aspect-ratio:1;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px #0b1b331f;position:relative;cursor:pointer}.cswatch.is-white{box-shadow:inset 0 0 0 1.5px #0b1b3347}.cswatch.is-sel{border-color:var(--d-bg);outline:3px solid var(--d-blue);outline-offset:0}.cswatch--more{background:conic-gradient(#ff3b30,#ffd60a,#34c759,#0a84ff,#bf5af2,#ff3b30)}.cswatch--sm{flex:none;width:34px}.cmore{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:14px;background:var(--d-tint);max-height:38vh;overflow-y:auto;align-items:center}.cmore__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;justify-items:center}.crecent{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:2px 2px 4px}.crecent__label{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--d-dim)}.crecent__item{position:relative;display:inline-flex}.crecent .cswatch{flex:none;width:34px;max-width:34px}.crecent__x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;padding:0;border-radius:50%;border:1.5px solid var(--d-bg);background:#e03232;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.cmore__recent{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:wrap}.cmore__recent span{font-weight:700;font-size:13px;text-transform:uppercase;color:var(--d-dim)}.csheet__nav{display:flex;gap:12px}.cbtn{flex:1;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.03em;background:var(--d-bg);color:var(--d-fg);border:1.5px solid var(--d-line);box-shadow:0 4px 12px #0b1b331a;cursor:pointer}.cbtn--primary{background:var(--d-blue);color:#fff;border-color:var(--d-blue);box-shadow:0 6px 16px #3b8bec59}.cbtn:active{transform:scale(.98)}@media (max-width: 860px){.cmore{position:absolute;left:10px;right:10px;bottom:calc(100% + 8px);box-shadow:0 -8px 26px #0b1b332e;background:var(--d-bg);border:1.5px solid var(--d-line)}.csheet__colours{position:static}}@media (max-width: 860px){.cstep .hotspot__label{font-size:13px}.cstep .hotspot{--hd: 35px}.cstep .hotspot__dot svg{width:19px;height:19px}}@media (max-width: 860px) and (max-height: 800px){.cstep .ccard__txt small{display:none}.ccard{padding:7px 9px}.cbtn{height:44px;font-size:20px}}@media (max-width: 380px){.ccard__txt strong{font-size:13px}.ccard__txt small{font-size:11px}}@media (min-width: 861px){.ccards{max-width:none;margin:0;padding:4px 0 0 40px;width:calc(100% - 560px)}.ccard{padding:11px 14px}.ccard__txt strong{font-size:18px}.ccard__txt small{font-size:14px}.cstep .cfab{right:556px}.csheet{overflow-y:auto}.csheet__colours{flex:1}.csheet__head h2{font-size:26px}.csheet__zone{font-size:18px}.cswatches{flex-wrap:wrap;justify-content:flex-start;gap:12px}.cswatch{flex:none;width:54px;max-width:none}.cmore{max-height:none;overflow:visible;background:var(--d-tint)}.cbtn{height:52px;font-size:24px}}@media (min-width: 861px) and (max-height: 800px){.cswatch{width:44px}.cbtn{height:46px}}.cmore{position:relative}.cmore__close{position:absolute;top:6px;right:6px;z-index:2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--d-line);background:var(--d-bg);color:var(--d-fg);cursor:pointer;box-shadow:0 2px 8px #0b1b3326}.cmore__close:hover{background:var(--d-blue);color:#fff;border-color:var(--d-blue)}.cmore{padding-top:44px}@media (max-width: 860px){.cmore{position:absolute}}.csheet__head{justify-content:flex-start}.csheet__zone{margin-left:auto;min-width:0}.cundo{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:999px;cursor:pointer;border:1.5px solid var(--d-blue);background:transparent;color:var(--d-blue);font-family:inherit;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.03em}.cundo:disabled{opacity:.35;cursor:default;border-color:var(--d-line);color:var(--d-dim)}.cundo:not(:disabled):hover{background:var(--d-blue);color:#fff}.cstep .hotspot__dot{box-shadow:0 0 0 1.5px #0b1b3373,0 2px 8px #0000004d;transition:background .15s}.cstep .hotspot__dot:after{border-color:var(--hs, var(--blue))}.cstep .hotspot__dot:before{border-color:var(--hs, var(--blue))}.csheet__head{flex-wrap:nowrap}.csheet__zone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.cundo{padding:0 9px;gap:4px;font-size:13px}.csheet__head h2{font-size:17px}}.cstep .cfull{position:absolute;z-index:7;left:12px;bottom:calc(var(--gb) + 8px);pointer-events:none}.cstep .cfull__btn{pointer-events:auto;cursor:pointer;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:0;background:var(--d-bg);color:var(--d-fg);border:1.5px solid var(--d-line);box-shadow:0 4px 14px #0b1b3324}.cstep .cfull__btn.is-on{background:var(--d-blue);color:#fff;border-color:var(--d-blue)}.cstep .cfull__btn:focus-visible{outline:3px solid var(--d-blue);outline-offset:2px}.cstep .cfull__hint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(22px + env(safe-area-inset-bottom));margin:0;width:max-content;max-width:calc(100% - 140px);padding:6px 12px;border-radius:999px;background:var(--d-bg);color:var(--d-dim);border:1px solid var(--d-line);text-align:center;font-weight:700;font-size:13px;letter-spacing:.02em;text-transform:uppercase;pointer-events:none}.cstep--full .ccards,.cstep--full .cfab{display:none}.cstep .dsheet{transition:transform .3s ease}.cstep--full .cfull{bottom:calc(22px + env(safe-area-inset-bottom))}@media (max-width: 860px){.cstep--full .dsheet{transform:translateY(110%);pointer-events:none}}@media (min-width: 861px){.cstep--full .dsheet{transform:translate(115%);pointer-events:none}.cstep--full .cfull{bottom:28px}.cstep--full .cfull__hint{bottom:36px}}@media (max-width: 860px){.cbtn{height:64px;font-size:24px}.cundo{height:42px;padding:0 15px;gap:6px;font-size:15px}}@media (max-width: 860px) and (max-height: 760px){.cbtn{height:56px;font-size:22px}}@media (max-width: 860px){.csheet__head{flex-wrap:wrap;row-gap:6px}.csheet__zone{flex:1 1 100%;margin-left:0;text-align:left}}.estep .esheet{padding-top:0;gap:8px;overflow:hidden}.estep .etabs{display:flex;gap:4px;margin:0 -14px;padding:0 14px}.estep .etab{flex:1 1 0;min-width:0;height:40px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;font-family:inherit;font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background:#14171c;color:#fff;border-radius:10px 10px 0 0;border:0;transition:background .15s}.estep .etab.is-active{background:var(--d-blue)}[data-theme=dark] .estep .etab{background:#2a2a2f}[data-theme=dark] .estep .etab.is-active{background:var(--d-blue)}.estep .epanel{display:flex;flex-direction:column;gap:9px;padding:12px;margin-top:-8px;border:1.5px solid var(--d-line);border-radius:0 0 12px 12px;background:var(--d-bg);overflow-y:auto;overscroll-behavior:contain;max-height:clamp(200px,39vh,380px);-webkit-overflow-scrolling:touch}.estep .erow{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:8px}.estep .erow--stack{grid-template-columns:1fr;gap:5px}.estep .elabel{font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.03em;color:var(--d-fg)}.estep .erow--stack>.elabel{font-size:12.5px;color:var(--d-dim)}.estep .einput,.estep .eselect{width:100%;height:38px;padding:0 12px;border-radius:8px;border:1.5px solid var(--d-line);outline:none;background:var(--d-tint);color:var(--d-fg);font-family:inherit;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.03em}.estep .eselect{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%233b8bec' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.estep .einput:focus,.estep .eselect:focus{border-color:var(--d-blue)}.estep .eselect option{color:#0b1b33;background:#fff;text-transform:none}.estep .eswatches{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;padding:3px}.estep .eswatch{position:relative;flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #0b1b3326;display:block}.estep .eswatch.is-white{box-shadow:inset 0 0 0 1.5px #0b1b334d}.estep .eswatch.is-sel{border-color:var(--d-bg);outline:2.5px solid var(--d-blue)}.estep .eswatch--more{background:conic-gradient(#ff3b30,#ffd60a,#34c759,#0a84ff,#bf5af2,#ff3b30);overflow:hidden}.estep .eswatch--more input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:150%;height:150%;opacity:0;cursor:pointer}.estep .estep-row{display:grid;grid-template-columns:30px 38px 30px minmax(0,1fr);align-items:center;gap:6px}.estep .epm{width:30px;height:30px;border-radius:7px;border:0;background:var(--d-blue);color:#fff;cursor:pointer;font-family:inherit;font-weight:800;font-size:22px;line-height:1;display:grid;place-items:center;padding:0 0 2px}.estep .eval{height:30px;display:grid;place-items:center;border-radius:7px;background:var(--d-tint);border:1.5px solid var(--d-line);font-weight:800;font-size:15px;color:var(--d-fg)}.estep .erange{width:100%;margin-left:4px;accent-color:var(--d-blue);height:24px}.estep .esub{margin:4px 0 0;padding-top:8px;border-top:1.5px dashed var(--d-line);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--d-blue)}.estep .eapply{height:38px;border-radius:8px;border:1.5px solid var(--d-blue);background:transparent;color:var(--d-blue);font-family:inherit;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.estep .elogos{display:flex;gap:8px;flex-wrap:wrap}.estep .elogow{position:relative}.estep .elogo__del{position:absolute;top:-7px;right:-7px;z-index:2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;background:#d33;color:#fff;border:2px solid var(--d-bg);box-shadow:0 2px 6px #00000040}.estep .elogo__del:hover{background:#b11}@media (pointer: coarse){.estep .elogo__del{width:28px;height:28px;top:-9px;right:-9px}}.estep .elogo{width:54px;height:54px;border-radius:10px;border:2px solid var(--d-line);background:var(--d-tint);display:grid;place-items:center;padding:4px;cursor:pointer}.estep .elogo img{max-width:100%;max-height:100%;object-fit:contain}.estep .elogo.is-sel{border-color:var(--d-blue);box-shadow:0 0 0 2px #3b8bec4d}.estep .elogo--add{border-style:dashed;color:var(--d-blue);font-size:28px;font-weight:800}.estep .eupload{flex-shrink:0;height:46px;border-radius:8px;border:1.5px dashed var(--d-blue);background:#3b8bec12;color:var(--d-blue);display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:800;font-size:18px;text-transform:uppercase;cursor:pointer}.estep .eupload small{font-weight:700;font-size:12px;color:var(--d-dim);letter-spacing:.05em}.estep .eupload:disabled,.estep .eupload.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.estep .efile{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.estep .eplace{display:flex;gap:6px}.estep .eplace__btn{flex:1 1 0;height:36px;border-radius:8px;border:1.5px solid var(--d-line);background:var(--d-tint);color:var(--d-fg);font-family:inherit;font-weight:800;font-size:14px;text-transform:uppercase;cursor:pointer}.estep .eplace__btn.is-active{background:var(--d-blue);border-color:var(--d-blue);color:#fff}.estep .elogohead{display:flex;justify-content:space-between;align-items:center}.estep .edelete{border:0;background:transparent;color:#d33;font-family:inherit;font-weight:800;font-size:14px;text-transform:uppercase;cursor:pointer}@media (max-width: 860px) and (max-height: 760px){.estep .epanel{max-height:clamp(160px,36vh,280px)}.estep .etab{height:36px;font-size:15px}}@media (min-width: 861px){.estep .esheet{padding-top:0}.estep .etabs{margin:0;padding:0}.estep .epanel{flex:1 1 auto;min-height:0;max-height:none;padding:16px;gap:12px}.estep .etab{height:46px;font-size:17px;min-width:0;padding:0 4px}.estep .etabs{width:100%}.estep .erow{grid-template-columns:138px minmax(0,1fr)}.estep .erow--stack{grid-template-columns:1fr}.estep .elabel{font-size:16px}.estep .einput,.estep .eselect{height:44px;font-size:21px}.estep .eswatch{width:36px;height:36px}.estep .estep-row{grid-template-columns:34px 46px 34px minmax(0,1fr)}.estep .epm{width:34px;height:34px}.estep .eval{height:34px;font-size:17px}.estep .cfab{right:556px}}.estep .eactive{display:flex;flex-direction:column;gap:9px;padding:10px;border-radius:12px;border:1.5px solid var(--d-blue);background:#3b8bec0d}.estep .etick{height:46px;border-radius:8px;border:0;background:var(--d-blue);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 6px 16px #3b8bec59}.estep .eplaced{display:flex;flex-direction:column;gap:6px}.estep .eplaced__row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:var(--d-tint);border:1.5px solid var(--d-line)}.estep .eplaced__row img{width:38px;height:38px;object-fit:contain;border-radius:6px;background:var(--d-bg);padding:3px}.estep .eplaced__txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.1}.estep .eplaced__txt strong{font-weight:800;font-size:15px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.estep .eplaced__txt small{font-weight:700;font-size:12.5px;color:var(--d-dim);text-transform:uppercase}.estep .eplaced__btn{height:32px;padding:0 12px;border-radius:8px;border:1.5px solid var(--d-blue);background:transparent;color:var(--d-blue);font-family:inherit;font-weight:800;font-size:14px;text-transform:uppercase;cursor:pointer}.estep .eplaced__btn--del{width:32px;padding:0;border-color:var(--d-line);color:#d33}.estep .ereset{height:38px;border-radius:8px;border:1.5px solid var(--d-blue);background:#3b8bec14;color:var(--d-blue);display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.estep .ereset:disabled{opacity:.4;cursor:default;border-color:var(--d-line);color:var(--d-dim);background:transparent}.estep .fpick{--frow: 38px;margin:0;padding:4px;list-style:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative;height:calc(var(--frow) * 2.5 + 8px);box-sizing:border-box;background:var(--d-bg);border:1.5px solid var(--d-line);border-radius:12px;outline:none;scrollbar-width:thin;touch-action:pan-y}.estep .fpick:focus-visible{border-color:var(--d-blue);box-shadow:0 0 0 2px #3b8bec59}.estep .fpick__opt{min-height:var(--frow);box-sizing:border-box;padding:0 12px;display:flex;align-items:center;font-size:19px;line-height:1.1;border-radius:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--d-fg)}.estep .fpick__opt.is-active{background:var(--d-blue);color:#fff}@media (max-height: 700px) and (max-width: 860px){.estep .fpick{--frow: 34px}.estep .fpick__opt{font-size:18px}.estep .fpick__opt--num .fpick__sample{font-size:23px}}@media (min-width: 861px){.estep .fpick{--frow: 42px}}.estep .fpick__opt--num{justify-content:space-between;gap:12px}.estep .fpick__opt--num .fpick__sample{font-size:25px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:clip}.estep .fpick__nm{flex:none;font-family:Barlow Condensed,Arial,sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.estep .ehelp-row{display:flex;align-items:flex-start;gap:8px}.estep .ehelp-row .elabel{flex:1;min-width:0}.estep .ehelp__btn{flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--d-blue);background:transparent;color:var(--d-blue);font:800 15px/1 inherit;font-family:inherit;display:grid;place-items:center;padding:0;cursor:pointer}.estep .ehelp__btn:hover,.estep .ehelp__btn[aria-expanded=true]{background:var(--d-blue);color:#fff}.estep .ehelp__tip{margin:0;padding:10px 12px;border-radius:10px;background:var(--d-tint);border:1.5px solid var(--d-blue);color:var(--d-fg);font-size:15px;font-weight:600;line-height:1.3;text-transform:none;letter-spacing:0}@media (min-width: 861px){.estep .ehelp__btn{width:28px;height:28px;font-size:17px}.estep .ehelp__tip{font-size:16px}}.estep .eprog{display:flex;flex-direction:column;gap:4px;padding-top:10px}.estep .eprog__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.estep .eprog__row strong{font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.02em;color:var(--d-fg)}.estep .eprog__row span{font-weight:800;font-size:15px;text-transform:uppercase;color:var(--d-blue);white-space:nowrap}.estep .eprog__sub{display:none;margin:0;font-weight:600;font-size:15px;color:var(--d-dim)}.estep .eprog__bar{display:flex;gap:5px}.estep .eprog__bar i{flex:1;height:5px;border-radius:99px;background:var(--d-line);transition:background .2s}.estep .eprog__bar i.is-cur{background:#3b8bec73}.estep .eprog__bar i.is-done{background:#22b35a}.estep .etab{position:relative}.estep .etab.is-done:not(.is-active){background:#1c3a2a}.estep .etab__ok{flex:none;color:#4ee08a}.estep .etab.is-active .etab__ok{color:#fff}.estep .etab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.estep .epwrap{position:relative;display:flex;flex-direction:column;min-height:0;margin-top:-8px}.estep .epwrap .epanel{margin-top:0;flex:1 1 auto}.estep .eopt{margin:0;font-weight:700;font-size:14px;line-height:1.3;color:var(--d-dim)}.estep .escroll{position:absolute;left:1.5px;right:1.5px;bottom:1.5px;height:64px;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 8px 12px;border-radius:0 0 11px 11px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--d-bg) 80%)}.estep .escroll__btn{pointer-events:auto;width:42px;height:42px;border-radius:50%;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--d-blue);box-shadow:0 4px 12px #3b8bec80;animation:escrollBounce 3s ease-in-out infinite}@keyframes escrollBounce{0%,52%,to{transform:translateY(0)}60%{transform:translateY(-9px)}68%{transform:translateY(0)}76%{transform:translateY(-5px)}84%{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.estep .escroll__btn{animation:none}}.efade-enter-active,.efade-leave-active{transition:opacity .2s}.efade-enter-from,.efade-leave-to{opacity:0}.estep .enav{align-items:stretch}.estep .cbtn--back{flex:0 0 52px;padding:0}.estep .cbtn--primary{font-size:20px;padding:0 10px}.estep .cbtn--primary span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 860px) and (max-height: 760px){.estep .eprog{padding-top:6px;gap:3px}.estep .eprog__row strong{font-size:14px}.estep .eprog__row span{font-size:13px}.estep .epanel{max-height:clamp(150px,34vh,260px)}.estep .cbtn--primary{font-size:18px}}@media (min-width: 861px){.estep .eprog{padding-top:16px;gap:6px}.estep .eprog__row strong{font-size:19px}.estep .eprog__row span{font-size:17px}.estep .eprog__sub{display:block}.estep .eprog__bar i{height:6px}.estep .epwrap{flex:1 1 auto}.estep .eopt{font-size:15px}.estep .cbtn--primary{font-size:22px}}@media (max-width: 860px){.estep .cbtn--back{flex:0 0 64px}.estep .cbtn--primary{font-size:22px}.estep .eapply,.estep .ereset{height:54px;font-size:17px}}@media (max-width: 860px) and (max-height: 760px){.estep .cbtn--back{flex:0 0 56px}.estep .cbtn--primary{font-size:20px}.estep .eapply,.estep .ereset{height:48px;font-size:16px}}.rstep .rsheet{gap:10px}.rstep .rsheet__scroll{display:flex;flex-direction:column;gap:9px;min-height:0;overflow-y:auto;overscroll-behavior:contain;max-height:clamp(150px,35vh,300px);padding-right:2px}.rstep .rhead{display:flex;align-items:center;justify-content:space-between}.rstep .rhead h2,.rstep .rh2{margin:0;font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:.02em}.rstep .rh2{margin-top:4px}.rstep .redit{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--d-blue);font-family:inherit;font-weight:800;font-size:16px;text-transform:uppercase;cursor:pointer}.rstep .rcells{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rstep .rcell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:10px;background:var(--d-tint);min-width:0}.rstep .rcell small,.rstep .rcolours small{font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--d-dim)}.rstep .rcell strong{font-weight:800;font-size:19px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.rstep .rcell__blue{color:var(--d-blue)}.rstep .rcolours{display:flex;flex-direction:column;gap:6px}.rstep .rcolours__row{display:flex;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:10px;background:var(--d-tint)}.rstep .rdot{flex:none;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #0b1b332e}.rstep .rdot.is-white{box-shadow:inset 0 0 0 1.5px #0b1b3352}.rstep .rtoggle{display:flex;gap:10px}.rstep .rseg{flex:1;display:flex;border:1.5px solid var(--d-blue);border-radius:8px;overflow:hidden}.rstep .rseg button{flex:1;height:38px;border:0;background:transparent;color:var(--d-fg);font-family:inherit;font-weight:800;font-size:16px;text-transform:uppercase;cursor:pointer}.rstep .rseg button.is-on{background:var(--d-blue);color:#fff}.rstep .rchart{flex:1;height:38px;border-radius:8px;border:1.5px solid var(--d-line);background:var(--d-bg);color:var(--d-fg);font-family:inherit;font-weight:800;font-size:16px;text-transform:uppercase;cursor:pointer}.rstep .rgarment{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:10px}.rstep .rgarment__name{font-weight:800;font-size:16px;text-transform:uppercase}.rstep .rselect{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:38px;padding:0 30px 0 12px;border-radius:8px;border:1.5px solid var(--d-line);background-color:var(--d-tint);color:var(--d-fg);font-family:inherit;font-weight:800;font-size:17px;text-transform:uppercase;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%233b8bec' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.rstep .rselect option{color:#0b1b33;background:#fff}.rstep .rqty{display:grid;grid-template-columns:34px 40px 34px;align-items:center;gap:6px}.rstep .rqty button{width:34px;height:34px;border-radius:8px;border:0;background:var(--d-blue);color:#fff;font-family:inherit;font-weight:800;font-size:22px;line-height:1;padding:0 0 2px;cursor:pointer}.rstep .rqty span{height:34px;display:grid;place-items:center;border-radius:8px;background:var(--d-tint);border:1.5px solid var(--d-line);font-weight:800;font-size:17px}.rstep .rtotal{display:flex;align-items:center;justify-content:space-between;gap:10px}.rstep .rtotal__lbl{display:flex;flex-direction:column;font-weight:800;font-size:16px;text-transform:uppercase;line-height:1.1}.rstep .rtotal__lbl small{font-weight:700;font-size:11.5px;color:var(--d-dim);letter-spacing:.03em}.rstep .rtotal strong{font-weight:800;font-size:26px;white-space:nowrap}.rstep .rhint{margin:0;font-weight:700;font-size:13px;color:#d33;text-align:center}.rstep .rcta{height:58px;border-radius:10px;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--d-blue);color:#fff;font-family:inherit;font-weight:800;font-size:28px;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 8px 20px #3b8bec66;transition:transform .15s,filter .15s}.rstep .rcta:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.rstep .rcta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (max-width: 860px) and (max-height: 760px){.rstep .rcta{height:50px;font-size:24px}.rstep .rcell{padding:6px 4px}}@media (min-width: 861px){.rstep .rsheet__scroll{flex:1 1 auto;max-height:none;gap:12px}.rstep .rhead h2,.rstep .rh2{font-size:26px}.rstep .rcell strong{font-size:24px}.rstep .rgarment{grid-template-columns:78px minmax(0,1fr) auto}.rstep .rcta{height:66px;font-size:32px}}@media (max-width: 860px){.rstep .rsheet__scroll{gap:7px}.rstep .rhead h2,.rstep .rh2{font-size:18px}.rstep .rh2{margin-top:2px}.rstep .rcell{padding:5px 4px}.rstep .rcell strong{font-size:17px}.rstep .rcolours{flex-direction:row;align-items:center;gap:10px}.rstep .rcolours__row{flex:1;padding:5px 10px}.rstep .rdot{width:24px;height:24px}.rstep .rseg button,.rstep .rchart,.rstep .rselect{height:34px;font-size:15px}.rstep .rqty{grid-template-columns:30px 36px 30px}.rstep .rqty button,.rstep .rqty span{height:30px}.rstep .rqty button{width:30px}.rstep .rgarment{grid-template-columns:56px minmax(0,1fr) auto;gap:8px}.rstep .rtotal strong{font-size:24px}}.rstep .r3d{position:absolute;z-index:4;left:14px;top:calc(var(--gt) + 8px);display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.rstep .r3d__btn{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px 0 14px;border-radius:999px;background:var(--d-bg);color:var(--d-fg);border:1.5px solid var(--d-line);box-shadow:0 4px 14px #0b1b3324;font-weight:800;font-size:19px;letter-spacing:.04em;text-transform:uppercase}.rstep .r3d__btn.is-on{background:var(--d-blue);color:#fff;border-color:var(--d-blue)}.rstep .r3d__btn:focus-visible{outline:3px solid var(--d-blue);outline-offset:2px}.rstep .r3d__hint{margin:0;padding:6px 12px;border-radius:999px;background:var(--d-bg);color:var(--d-dim);border:1px solid var(--d-line);font-weight:700;font-size:14px;letter-spacing:.02em;text-transform:uppercase}@media (max-width: 860px){.rstep .rsheet{transition:transform .3s ease}.rstep--spin .rsheet{transform:translateY(110%);pointer-events:none}.rstep--spin .r3d{top:auto;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse;width:max-content;max-width:calc(100% - 24px)}.rstep--spin .r3d__hint{text-align:center}}@media (min-width: 861px){.rstep .rsheet{transition:transform .3s ease}.rstep--spin .rsheet{transform:translate(115%);pointer-events:none}}