:root{--cyan:#00afe4}.original-brand{display:block;flex-shrink:0;width:245px}.original-brand img{display:block;width:100%;height:auto}.hero em{background:none;color:var(--cyan)}.button{background:linear-gradient(180deg,#17b6e1,#0397c6);border:1px solid #36b9dc;border-bottom-color:#006a8c;color:#021c27;box-shadow:inset 0 1px 0 #a9eaff70,inset 0 -2px 0 #00709155,0 3px 0 #03475d,0 8px 18px #0002;border-radius:6px;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{background:linear-gradient(180deg,#2dbfe6,#0ca0c9);transform:translateY(-1px)}.button:active{transform:translateY(2px);box-shadow:inset 0 1px 4px #00364d50,0 1px 0 #03475d}.button.light{background:linear-gradient(180deg,#21323b,#0b171e);color:#fff;border-color:#43606b;box-shadow:inset 0 1px #ffffff20,0 3px #051016,0 8px 16px #004b6240}.contact-band{background:linear-gradient(125deg,#08b1df,#0099cd)}.brand-sculpture{min-height:260px;background:radial-gradient(ellipse at 50% 65%,#1c4651,#0b1216 70%);border-radius:14px;display:flex;align-items:center;justify-content:center;perspective:900px;position:relative;overflow:hidden;padding:35px}.brand-plaque{width:100%;padding:16px 5px;background:#f8fbfc;border-radius:9px;border:1px solid #fff;box-shadow:1px 2px 0 #c5d9df,2px 4px 0 #8ba9b3,3px 6px 0 #557481,8px 25px 32px #0008,inset 0 1px #fff;transform:rotateX(9deg) rotateY(-13deg) rotateZ(-2deg);animation:brand-orbit 10s ease-in-out infinite}.brand-plaque img{display:block;width:100%;height:auto}.logo-motion{position:absolute;bottom:12px;right:14px;color:#aec2ca;border:0;background:transparent;font-size:12px;padding:8px;cursor:pointer;min-height:40px}.brand-sculpture.paused .brand-plaque{animation-play-state:paused}@keyframes brand-orbit{50%{transform:rotateX(-5deg) rotateY(13deg) rotateZ(1deg)}}
.timeline{position:relative;margin:55px 0 20px}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a8bec8;font-size:13px;margin-bottom:15px}.motion-control{color:#b5cbd3;background:#122129;border:1px solid #4b6f7c70;border-radius:5px;padding:10px 14px;cursor:pointer;font-size:12px;min-height:44px}.timeline-track{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;align-items:center;min-height:335px;padding:85px 0}.timeline-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.timeline-wires path{fill:none;stroke:#00afe4;stroke-width:1.4;stroke-dasharray:8 7;opacity:.6;animation:timeline-flow 16s linear infinite}.timeline-wires path+path{opacity:.16;animation-direction:reverse}.timeline.paused .timeline-wires path{animation-play-state:paused}@keyframes timeline-flow{to{stroke-dashoffset:-300}}.timeline-item{position:relative;min-width:0}.timeline-item:nth-of-type(even){transform:translateY(-25px)}.timeline-item:nth-of-type(odd){transform:translateY(20px)}.step-trigger{position:relative;text-align:left;width:100%;min-height:154px;padding:18px 14px;color:#e7f2f5;background:linear-gradient(135deg,#29434ccc,#0d1922ed);border:1px solid #759aa852;border-top-color:#a9d8e478;border-radius:9px;box-shadow:inset 0 1px #defaff13,0 4px 0 #071219,0 13px 24px #0003;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s;backdrop-filter:blur(12px)}.step-number{display:block;color:#00afe4;font-size:14px;margin-bottom:18px}.step-title{display:block;font-size:13px;line-height:1.5;overflow-wrap:normal}.step-plus{position:absolute;right:10px;top:14px;font-size:17px;color:#82afbf}.step-trigger[aria-expanded=true]{border-color:#00afe4;transform:translateY(-6px);box-shadow:inset 0 1px #e0ffff35,0 4px #006c86,0 16px 32px #00afe417}.step-panel{position:absolute;z-index:10;bottom:calc(100% + 13px);left:50%;width:330px;transform:translateX(-50%);padding:22px;background:linear-gradient(135deg,#294450f2,#091720f7);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid #8ee6ff70;border-radius:11px;box-shadow:inset 0 1px #e1ffff30,0 20px 60px #0008;color:#edf7fa;animation:panel-rise .22s ease-out}.step-panel::after{content:'';position:absolute;bottom:-14px;left:0;right:0;height:16px}.step-panel[hidden]{display:none}.timeline-item:nth-of-type(1) .step-panel,.timeline-item:nth-of-type(2) .step-panel{left:0;transform:none}.timeline-item:nth-last-of-type(1) .step-panel,.timeline-item:nth-last-of-type(2) .step-panel{left:auto;right:0;transform:none}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel-top>span{color:#79bed2;font-size:10px;letter-spacing:1px}.panel-close{color:white;background:#ffffff08;border:1px solid #ffffff20;border-radius:5px;width:36px;height:36px;flex-shrink:0;cursor:pointer;font-size:21px}.step-panel h3{font-size:23px;margin-bottom:13px;letter-spacing:-.025em}.step-panel p{font-size:15px;line-height:1.7;color:#c1d3db;margin:0}.timeline-note{color:#97adb7;font-size:13px;max-width:740px;margin-top:15px}@keyframes panel-rise{from{opacity:0;margin-bottom:-10px}to{opacity:1;margin-bottom:0}}
@media(max-width:1100px){.original-brand{width:210px}.timeline-track{gap:8px}.step-trigger{padding:15px 10px;min-height:166px}.step-title{font-size:12px}.step-panel{width:300px}}
@media(max-width:900px){.timeline-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:25px 0;min-height:0}.timeline-item:nth-of-type(n){transform:none}.timeline-wires{display:none}.timeline-track::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(#00afe400,#00afe480,#00afe480,#00afe400)}.timeline-item{border-top:1px dashed #00afe450;padding-top:10px}.step-trigger{min-height:132px;padding:20px}.step-title{font-size:15px}.step-number{margin-bottom:12px}.step-panel,.timeline-item:nth-of-type(n) .step-panel{position:relative;bottom:auto;left:auto;right:auto;transform:none;width:100%;margin-top:12px;padding:18px}.timeline-item:has(.step-panel:not([hidden])){grid-column:1/-1}.step-panel::after{display:none}.timeline-item:last-child{grid-column:1/-1}.panel-top>span{font-size:11px}.timeline-track::before{background-size:1px 35px;background-image:linear-gradient(#00afe480 65%,transparent 65%);animation:mobile-flow 5s linear infinite}.timeline.paused .timeline-track::before{animation-play-state:paused}.brand-sculpture{min-height:220px}.head{gap:14px}.original-brand{width:190px}@keyframes mobile-flow{to{background-position:0 70px}}}
@media(max-width:450px){.original-brand{width:210px;max-width:66%}.timeline-toolbar{align-items:flex-start;font-size:12px}.motion-control{font-size:11px;max-width:125px}.timeline-track{gap:14px}.step-trigger{padding:15px;min-height:145px}.step-title{font-size:14px}.step-panel h3{font-size:24px}.brand-sculpture{padding:25px;min-height:210px}.brand-plaque{padding:14px 3px}.logo-motion{font-size:11px}}
@media(prefers-reduced-motion:reduce){.brand-plaque,.timeline-wires path,.timeline-track::before,.step-panel{animation:none!important}.motion-control,.logo-motion{display:none}.step-trigger{transition:none}}