html,body{width:100%;height:100%;margin:0;overflow:hidden}html,body,body *{user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}:root{--font-ui: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-label: clamp(14px, 2.2vw, 18px);--fs-center: clamp(15.5px, 2vw, 17.5px);--fs-arc: clamp(10.5px, 1.6vw, 12px);--fs-motto: clamp(13px, 1.8vw, 15px);--track-label: clamp(.04em, .5vw, .08em);--track-arc: clamp(.1em, .6vw, .14em);--lh-center: 1.7;--lh-motto: 1.4;--text-fade-ms: .78s;--text-fade-ease: ease-out}@media(max-width:520px){:root{--fs-center: clamp(14.2px, 3.65vw, 15.6px);--lh-center: 1.6}}body{display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#fff;font-family:var(--font-ui);position:relative;transition:background-color .6s ease;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,#0000 55%,#0f172a29);mix-blend-mode:multiply;z-index:0}.idle-motto{position:fixed;left:calc(24px + env(safe-area-inset-left,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));font-family:var(--font-ui);font-size:var(--fs-motto);font-weight:400;color:#0f172a8c;letter-spacing:.01em;line-height:var(--lh-motto);opacity:0;transition:opacity var(--text-fade-ms) var(--text-fade-ease);pointer-events:none;z-index:4}.idle-motto.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.idle-motto{transition:none}}@media(max-width:520px){.idle-motto{bottom:calc(44px + env(safe-area-inset-bottom,0px))}}.circle-container{position:relative;width:98vmin;height:98vmin}.circle{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;isolation:isolate;background-color:#f7f5ef;background-image:radial-gradient(circle at 50% 25%,#ffffff54 0,#fff0 60%);background-size:140% 140%;background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 22px 48px #0f172a38,0 10px 28px #0f172a14,0 0 0 1px #0f172a09;display:flex;align-items:center;justify-content:center;padding:60px;box-sizing:border-box;text-align:center;opacity:1;transition:opacity .5s ease}.circle.circle-prefade{opacity:0}#watercolor-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;clip-path:circle(50% at 50% 50%);border-radius:50%}.arc-memory{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible;opacity:0}.arc-memory.is-active{opacity:1}.arc-memory-layer{fill:none}.arc-memory-slot-path{fill:none;stroke:none;stroke-width:0;opacity:0;pointer-events:none}.arc-memory-anchor{font-size:var(--fs-arc);letter-spacing:var(--track-arc);fill:#0f172a52;font-weight:500;text-transform:none;pointer-events:none;opacity:.62}.arc-memory-anchor.is-active{pointer-events:auto;cursor:pointer}.arc-memory-anchor:hover{opacity:.78}.arc-memory-anchor textPath{dominant-baseline:middle}.circle-content{position:relative;z-index:1;max-height:100%;max-width:46ch;width:100%;overflow:hidden;color:#0b1120f5;font-size:var(--fs-center);line-height:var(--lh-center);letter-spacing:.01em;text-align:left;padding-right:8px;white-space:pre-line;font-family:var(--font-ui);display:flex;align-items:center;justify-content:center;isolation:isolate;text-shadow:0 1px 1px rgba(0,0,0,.025)}.line-stage{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;text-align:left}.line-stage.is-arc-memory{gap:0}.line-stage.is-arc-memory .line-prev{display:none}.line-slot{opacity:0;font-size:1em;transition:opacity var(--text-fade-ms) var(--text-fade-ease),font-size .42s ease;white-space:inherit;width:100%;overflow:hidden;max-height:100%}.line-current{overflow:hidden;text-shadow:0 1px 2.5px rgba(0,0,0,.1)}.line-current.is-title-card{color:#0b1120d1}.line-current.is-brand-intro{transition:opacity calc(var(--text-fade-ms, .78s) + .22s) var(--text-fade-ease),font-size .42s ease}.line-current.current-scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.line-current.is-logo{display:flex;align-items:center;justify-content:center;text-align:center;padding:0;overflow:visible;max-height:none;line-height:normal}.line-current.is-contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:8px}.contact-email{font-size:1.05em;color:inherit;line-height:1.4}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:.96em;line-height:1.6;color:#0f172ac7;margin-top:2px}.line-logo{max-height:clamp(180px,42vmin,360px);max-width:clamp(260px,58vmin,520px);width:auto;height:auto;object-fit:contain;opacity:.92;display:block;transition:opacity var(--text-fade-ms) var(--text-fade-ease);filter:drop-shadow(0 6px 14px rgba(15,23,42,.15))}.line-logo[data-logo=metsik]{transform:translate(3%,-5%)}.line-logo.brand-logo{max-height:clamp(220px,50vmin,440px);max-width:clamp(320px,64vmin,620px)}@media(max-width:520px){.line-logo{max-height:clamp(150px,60vmin,260px);max-width:clamp(230px,72vmin,360px);filter:drop-shadow(0 5px 10px rgba(15,23,42,.12))}}.cadence-beat{opacity:0;transition:opacity var(--text-fade-ms) var(--text-fade-ease)}.cadence-beat.is-visible{opacity:1}.line-prev{position:relative;white-space:nowrap;overflow:hidden;text-overflow:clip;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 86%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(90deg,#000 0% 86%,#0000);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;text-shadow:0 1px 2px rgba(0,0,0,.06)}.line-slot.is-current-visible{opacity:1}.line-slot.is-prev-visible{opacity:.36;font-size:.9em}.line-slot.is-fading-out{opacity:0}.line-slot.from-current{opacity:1;font-size:1em}.circle.is-paused .line-current{opacity:.92}.circle-content h2{margin-top:0;margin-bottom:12px;font-size:20px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;opacity:.82}.circle-content p{margin:0 0 14px}.circle:before{content:"";position:absolute;inset:-24px;border-radius:50%;background:radial-gradient(circle at 42% 32%,#fffff02e,#fff0 58%),radial-gradient(circle at 60% 65%,#78bcff29,#3f8ce314 40%,#2c78c700 68%),radial-gradient(circle at 50% 50%,#78bcff1a,#78bcff0a 46%,#1450a000 70%);filter:blur(28px);opacity:.65;pointer-events:none;z-index:-1;animation:halo-breathe 12s ease-in-out infinite}@keyframes halo-breathe{0%,to{transform:scale(1);opacity:.58}50%{transform:scale(1.03);opacity:.78}}.segment-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.label-guide-full{fill:none;stroke:#0f172a29;stroke-width:22;opacity:.26;filter:url(#label-soften);pointer-events:none}.segment-label{font-size:var(--fs-label);font-weight:600;letter-spacing:var(--track-label);fill:#1e293b;pointer-events:auto;cursor:pointer;transition:opacity var(--text-fade-ms) var(--text-fade-ease),filter .22s ease,fill .22s ease;font-family:var(--font-ui);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.segment-ring.labels-hidden .segment-label{opacity:0}@media(max-width:520px){.segment-label{font-size:clamp(21px,3.3vw,27px)}}.segment-label textPath{text-anchor:middle;dominant-baseline:middle;alignment-baseline:middle}.highlight-arc{fill:none;stroke:#90d4ff;stroke-width:20;stroke-linecap:round;filter:drop-shadow(0 0 12px rgba(126,203,255,.54)) drop-shadow(0 0 22px rgba(91,176,247,.36));pointer-events:none;opacity:0;transform-box:view-box;transform-origin:50% 50%;transition:transform 1s cubic-bezier(.25,.8,.3,1),opacity .35s ease}.highlight-arc.is-visible{opacity:1}.halo-trail{fill:none;stroke:#90d4ff;stroke-width:20;stroke-linecap:round;opacity:.38;transform-box:view-box;transform-origin:50% 50%;filter:drop-shadow(0 0 10px rgba(144,212,255,.35)) drop-shadow(0 0 22px rgba(126,203,255,.22));animation:haloTrailFade 1.45s ease-out forwards;transition:none;pointer-events:none}@keyframes haloTrailFade{0%{opacity:.42;filter:drop-shadow(0 0 12px rgba(144,212,255,.4)) drop-shadow(0 0 24px rgba(126,203,255,.25))}70%{opacity:.24}to{opacity:0;filter:drop-shadow(0 0 0 rgba(144,212,255,0)) drop-shadow(0 0 0 rgba(126,203,255,0))}}.segment-label.is-glowing{fill:#f3f7ff;filter:drop-shadow(0 0 8px rgba(139,216,255,.5)) drop-shadow(0 0 18px rgba(120,188,255,.35))}@media(max-width:520px){.label-guide-full{stroke-width:28.6}}