:root{--bg:#fbf7f0;--surface:#ffffff;--surface-2:#f0f8f6;--text:#26313d;--muted:#64707d;--line:rgba(38,49,61,0.13);--cyan:#8ad8e8;--green:#9ad7c8;--pink:#f6a9bf;--amber:#f5cf82;--red:#ee8e8e;--lavender:#c8b8ee;--ink:#111722;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#fffaf2 0%,var(--bg) 32%,#f5fbff 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{flex:1}a{color:inherit;text-decoration:none}code,pre,.mono{font-family:"JetBrains Mono",Consolas,monospace}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100vw - var(--max)) / 2));background:rgba(255,250,242,0.86);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.brand-mark{width:28px;height:28px;background:linear-gradient(90deg,transparent 6px,rgba(255,250,242,.9) 6px 8px,transparent 8px),linear-gradient(0deg,transparent 6px,rgba(255,250,242,.9) 6px 8px,transparent 8px),conic-gradient(from 180deg,var(--cyan),var(--green),var(--amber),var(--pink),var(--lavender),var(--cyan));border-radius:7px;box-shadow:0 12px 28px rgba(138,216,232,.36)}.nav{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;font-weight:700}.nav a{padding:10px 12px;border-radius:8px}.nav a:hover,.nav-cta{color:var(--text);background:rgba(154,215,200,0.22)}.hero{min-height:calc(100vh - 66px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:48px;max-width:var(--max);margin:0 auto;padding:64px 24px 42px}.hero-copy h1,.page-hero h1{margin:0;max-width:780px;font-size:clamp(44px,7vw,82px);line-height:0.96;letter-spacing:0}.hero-lead,.page-hero p,.split p{color:var(--muted);font-size:18px;line-height:1.7}.eyebrow{margin:0 0 14px;color:#388d7a;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero-actions,.center-action{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--line);border-radius:8px;font-weight:800}.button.primary{color:var(--ink);background:linear-gradient(135deg,var(--cyan),var(--green));border-color:transparent;box-shadow:0 14px 34px rgba(101,176,189,.28)}.button.secondary{background:rgba(255,255,255,0.72)}.compatibility{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.compatibility span{padding:8px 10px;color:var(--muted);background:rgba(255,255,255,0.68);border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:700}.device-stage{display:grid;gap:16px}.panel-shell{padding:20px;background:#07090c;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 24px 70px rgba(43,54,66,.24)}.pixel-panel{position:relative;display:grid;grid-template-columns:repeat(64,1fr);gap:3px;aspect-ratio:4 / 1;padding:14px;overflow:hidden;background:#020304;border-radius:6px}.pixel-panel::after{content:attr(data-message);position:absolute;left:18px;bottom:15px;color:rgba(245,247,251,.72);font-family:"JetBrains Mono",Consolas,monospace;font-size:12px;font-weight:700;white-space:nowrap}.pixel-panel span{aspect-ratio:1;min-width:2px;background:rgba(255,255,255,.06);border-radius:50%}.pixel-panel span.on{background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse 1.8s ease-in-out infinite;animation-delay:var(--delay)}.pixel-panel span.on.sinezty-ghost{background:rgba(101,176,189,0.65);box-shadow:0 0 8px rgba(101,176,189,0.6);animation:pulse-ghost 2.5s ease-in-out infinite} @keyframes pulse{0%,100%{filter:hue-rotate(0deg);opacity:.75}50%{filter:hue-rotate(110deg);opacity:1}} @keyframes pulse-ghost{0%,100%{opacity:0.55}50%{opacity:0.95}}.panel-meta,.request-card{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:0}.panel-meta{margin-top:16px}.request-card{justify-content:flex-start;padding:14px;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:8px;overflow:hidden}.request-card .mono{color:#388d7a}.request-card code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section,.page-hero{max-width:var(--max);margin:0 auto;padding:76px 24px}.page-hero{padding-top:96px;padding-bottom:42px}.band,.code-band{max-width:none;padding-left:max(24px,calc((100vw - var(--max)) / 2));padding-right:max(24px,calc((100vw - var(--max)) / 2));background:rgba(255,255,255,.72);border-block:1px solid var(--line)}.section-heading{max-width:720px;margin-bottom:30px}.section-heading h2,.split h2{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:0}.feature-grid,.scenario-grid,.template-grid,.steps,.api-layout,.code-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature,.scenario-grid article,.template-grid > div,.steps article,.api-block,.callout{padding:22px;background:rgba(255,255,255,0.74);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 36px rgba(91,105,121,.08);transition:transform 0.25s ease,box-shadow 0.25s ease}.feature:hover,.scenario-grid article:hover,.template-grid > div:hover,.steps article:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(91,105,121,.13)}.feature-icon,.steps span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;margin-bottom:18px;color:#071014;background:linear-gradient(135deg,var(--amber),var(--green));border-radius:8px;font-size:13px;font-weight:900}.feature h3,.template-grid h3,.steps h3,.api-block h2{margin:0 0 10px}.feature p,.template-grid p,.steps p,.scenario-grid span,.use-list span,.callout span{color:var(--muted);line-height:1.65}.mini-note{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:14px}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-grid article{display:grid;gap:8px;min-height:164px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.68)),linear-gradient(135deg,rgba(138,216,232,.24),rgba(246,169,191,.16))}.scenario-grid strong{font-size:18px}.api-showcase{padding-top:38px}.example-stack{display:grid;gap:14px}.example-stack article{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:16px;align-items:stretch;padding:16px;background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 36px rgba(91,105,121,.08)}.example-stack article > div{display:grid;align-content:center;gap:8px}.example-stack strong{font-size:18px}.example-stack span{color:var(--muted);line-height:1.6}.example-stack pre{min-height:96px}.template-story{padding-top:42px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-grid > div:nth-child(1){border-top:5px solid var(--pink)}.template-grid > div:nth-child(2){border-top:5px solid var(--green)}.template-grid > div:nth-child(3){border-top:5px solid var(--lavender)}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);gap:42px;align-items:start}.use-list{display:grid;gap:12px}.use-list div{display:grid;gap:5px;padding:18px;background:var(--surface-2);border-left:3px solid var(--cyan);border-radius:0 8px 8px 0}.code-grid{grid-template-columns:repeat(3,minmax(0,1fr))}pre{position:relative;min-height:120px;margin:0;padding:44px 18px 18px;overflow:hidden;white-space:pre-wrap;word-break:break-word;color:#cccccc;background:#0c0c0c;border:1px solid rgba(255,255,255,0.1);border-radius:6px;box-shadow:0 16px 32px rgba(0,0,0,0.3);line-height:1.6;font-size:13px;transition:transform 0.25s ease,box-shadow 0.25s ease}pre:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(0,0,0,0.4)}pre::before{content:'Terminal';position:absolute;top:0;left:0;right:0;height:32px;background:#202020;border-bottom:1px solid rgba(255,255,255,0.05);color:#a0a0a0;font-size:12px;line-height:32px;padding-left:16px;font-family:'Consolas','Courier New',monospace}pre::after{content:'─ \00A0\00A0\00A0 □ \00A0\00A0\00A0 ✕';position:absolute;top:0;right:16px;height:32px;line-height:32px;color:#a0a0a0;font-size:11px;font-family:'Segoe UI',system-ui,sans-serif;letter-spacing:2px}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.center-action{justify-content:center}.api-layout{grid-template-columns:1fr;padding-top:24px}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:#388d7a;font-size:13px;text-transform:uppercase}td code{color:#267f94}.callout{display:grid;gap:12px}.contact-band{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,rgba(200,184,238,.28),rgba(154,215,200,.28)),rgba(255,255,255,.72);border:1px solid var(--line);border-radius:8px;margin-top:48px;margin-bottom:48px}.contact-band h2{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.08}.contact-band p{max-width:760px;color:var(--muted);font-size:17px;line-height:1.7}.contact-band a:not(.button){color:#267f94;font-weight:800}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px max(24px,calc((100vw - var(--max)) / 2));color:var(--muted);background:#f3efe7;border-top:1px solid var(--line)}.site-footer div:first-child{display:grid;gap:4px}.site-footer strong{color:var(--text)}.footer-links{display:flex;flex-wrap:wrap;gap:14px;font-weight:700}body.popup-open{overflow:hidden}.hello-popup{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(41,51,63,.22);backdrop-filter:blur(16px) saturate(1.2);opacity:0;transition:opacity .18s ease}.hello-popup.is-visible{opacity:1}.hello-popup[hidden]{display:none}.hello-popup__card{position:relative;width:min(680px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:34px;color:#26313d;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,249,238,.94)),linear-gradient(135deg,rgba(246,169,191,.24),rgba(138,216,232,.24));border:1px solid rgba(38,49,61,.14);border-radius:8px;box-shadow:0 30px 90px rgba(50,62,78,.24);transform:translateY(14px) scale(.98);transition:transform .22s ease}.hello-popup.is-visible .hello-popup__card{transform:translateY(0) scale(1)}.hello-popup__close{position:absolute;top:14px;right:14px;width:38px;height:38px;display:inline-grid;place-items:center;color:#26313d;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:50%;cursor:pointer;font-size:28px;line-height:1}.hello-popup__eyebrow{margin:0 0 8px;color:#388d7a;font-weight:900;text-transform:uppercase}.hello-popup h2{margin:0 42px 18px 0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(32px,6vw,54px);line-height:1;letter-spacing:0}.hello-popup p{margin:0 0 16px;color:#44505d;font-size:18px;line-height:1.72}.hello-popup strong{color:#26313d} @media (max-width:920px){.site-header{position:static;align-items:flex-start;flex-direction:column}.nav{width:100%;overflow-x:auto;padding-bottom:2px}.hero,.split{grid-template-columns:1fr}.hero{min-height:auto;padding-top:46px}.feature-grid,.scenario-grid,.template-grid,.code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.example-stack article{grid-template-columns:1fr}} @media (max-width:640px){.hero-copy h1,.page-hero h1{font-size:42px}.feature-grid,.scenario-grid,.template-grid,.code-grid{grid-template-columns:1fr}.contact-band{align-items:flex-start;flex-direction:column}.steps{grid-template-columns:1fr}.device-stage{min-width:0}.pixel-panel{gap:2px;padding:10px}.panel-meta{align-items:flex-start;flex-direction:column}.site-footer{align-items:flex-start;flex-direction:column}.hello-popup{padding:14px}.hello-popup__card{padding:26px 20px}.hello-popup p{font-size:16px}}.flasher-container{max-width:720px;margin:0 auto;padding:0 24px 64px}.flasher-intro{padding:56px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:18px}.flasher-intro h1{margin:0;font-size:clamp(28px,5vw,42px);line-height:1.1;letter-spacing:0}.flasher-intro p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.flasher-ready{flex:0 0 auto;padding:7px 16px;color:#388d7a;background:var(--surface-2);border:1px solid rgba(154,215,200,0.3);border-radius:99px;font-size:12px;font-weight:800}.flasher-tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:20px}.flasher-tab{background:none;border:none;padding:14px 20px;font-size:15px;font-weight:700;color:var(--muted);cursor:pointer;position:relative;transition:color 0.2s;font-family:inherit;display:flex;align-items:center;gap:8px;outline:none}.flasher-tab:hover{color:var(--text)}.flasher-tab.active{color:#388d7a}.flasher-tab.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:99px}.flasher-card{background:rgba(255,255,255,0.86);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 36px rgba(91,105,121,.08);overflow:hidden;margin-bottom:20px;transition:box-shadow 0.3s ease}.flasher-card:hover{box-shadow:0 18px 44px rgba(91,105,121,.12)}.flasher-card-section{padding:28px}.flasher-card-section + .flasher-card-section{border-top:1px solid var(--line)}.flasher-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}.flasher-card-header h2{margin:0;font-size:20px;font-weight:800}.flasher-card-header p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.flasher-version{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;min-width:120px;border:1px solid rgba(101,176,189,0.25);border-radius:12px;background:linear-gradient(135deg,rgba(101,176,189,0.08),rgba(101,176,189,0.02));color:var(--cyan);padding:10px 16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 4px 14px rgba(101,176,189,0.1);position:relative;overflow:hidden;backdrop-filter:blur(8px)}.flasher-version::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.4),transparent);transform:rotate(45deg) translateY(-100%);animation:shine-version 3s cubic-bezier(0.4,0,0.2,1) infinite} @keyframes shine-version{0%{transform:rotate(45deg) translateY(-100%)}20%{transform:rotate(45deg) translateY(100%)}100%{transform:rotate(45deg) translateY(100%)}}.flasher-version span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;opacity:0.8}.flasher-version strong{font-size:18px;font-weight:900;letter-spacing:-0.5px}.flasher-form{display:grid;gap:14px;margin-bottom:20px}.flasher-field{display:grid;gap:8px;font-size:14px;font-weight:600;color:var(--text)}.flasher-field select,.flasher-field input{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:15px;font-weight:500;outline:none;transition:border-color 0.2s,box-shadow 0.2s}.flasher-field select:focus,.flasher-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(138,216,232,0.2)}.flasher-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--cyan),var(--green));color:var(--ink);font-size:15px;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 14px 34px rgba(101,176,189,.28);transition:transform 0.2s,box-shadow 0.2s}.flasher-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(101,176,189,.36)}.flasher-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.flasher-btn svg{width:20px;height:20px;flex:0 0 auto}.flasher-btn--secondary{background:rgba(255,255,255,0.72);color:var(--text);border:1px solid var(--line);box-shadow:none}.flasher-btn--secondary:hover{background:rgba(255,255,255,0.92);box-shadow:0 8px 20px rgba(91,105,121,.08)}.flasher-btn--danger{background:rgba(238,142,142,0.15);color:#c0392b;box-shadow:none}.flasher-btn--danger:hover{background:rgba(238,142,142,0.25);box-shadow:none}.flasher-btn--small{min-height:42px;font-size:14px}.flasher-notice{margin-top:16px;padding:14px;border:1px solid rgba(245,207,130,0.4);border-radius:8px;background:rgba(245,207,130,0.12);color:#8d6e1e;font-size:14px;line-height:1.5}.flasher-notice--slot{margin-top:0}.flasher-status{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,0.6);color:var(--muted);font-size:13px;font-weight:600;margin-bottom:12px;transition:all 0.3s ease}.flasher-status .spinner{width:14px;height:14px;border:2.5px solid rgba(56,141,122,0.2);border-top-color:#388d7a;border-radius:50%;animation:flasher-spin 0.8s linear infinite;display:none;flex-shrink:0}.flasher-status.is-scanning .spinner{display:inline-block}.flasher-status.is-scanning{background:var(--surface-2);color:#388d7a;font-weight:700;border-color:rgba(154,215,200,0.4);animation:flasher-pulse 1.5s infinite ease-in-out} @keyframes flasher-spin{to{transform:rotate(360deg)}} @keyframes flasher-pulse{0%{border-color:rgba(154,215,200,0.3);box-shadow:0 0 0 0 rgba(154,215,200,0.1)}50%{border-color:rgba(154,215,200,0.9);box-shadow:0 0 8px 1px rgba(154,215,200,0.25)}100%{border-color:rgba(154,215,200,0.3);box-shadow:0 0 0 0 rgba(154,215,200,0.1)}}.flasher-wizard-tabs{display:flex;border-bottom:2px solid var(--line);margin-bottom:14px}.flasher-wizard-tab{flex:1;padding:10px;border:none;background:none;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;font-family:inherit;transition:color 0.2s;outline:none}.flasher-wizard-tab.active{color:#388d7a;border-bottom:3px solid var(--green)}.flasher-wizard-tab:disabled{opacity:0.45;cursor:not-allowed}.flasher-wifi-info{display:none;align-items:center;gap:8px;background:var(--surface-2);border:1px solid rgba(154,215,200,0.3);border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:13px}.flasher-wifi-info .info-title{font-weight:700;color:#388d7a}.flasher-wifi-info .info-detail{color:var(--muted)}.flasher-field-row{display:flex;gap:6px}.flasher-field-row select,.flasher-field-row input{flex:1}.flasher-scan-btn{padding:0 14px;border:none;border-radius:8px;background:rgba(138,216,232,0.18);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background 0.2s}.flasher-scan-btn:hover{background:rgba(138,216,232,0.3)}.flasher-pass-wrap{position:relative;width:100%}.flasher-pass-wrap input{padding-right:40px}.flasher-pass-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted);font-size:16px;padding:0;display:flex;align-items:center;justify-content:center;outline:none}.flasher-indicator{display:none;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#388d7a}.flasher-indicator-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.flasher-btn-row{display:flex;gap:8px;align-items:center}.flasher-timeline{display:grid;gap:24px;position:relative;padding-left:20px;margin-top:15px}.flasher-timeline::before{content:'';position:absolute;left:5px;top:5px;bottom:5px;width:2px;background:var(--line)}.flasher-timeline-item{position:relative;display:flex;flex-direction:column;gap:6px}.flasher-timeline-badge{position:absolute;left:-33px;top:3px;display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;font-size:11px;font-weight:800;border-radius:99px;background:var(--surface);border:2px solid var(--line);color:var(--muted);z-index:1}.flasher-timeline-badge.active{border-color:var(--cyan);background:rgba(138,216,232,0.12);color:#267f94;box-shadow:0 0 8px rgba(138,216,232,0.15)}.flasher-timeline-content{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px 20px;transition:border-color 0.2s,box-shadow 0.2s}.flasher-timeline-content:hover{border-color:rgba(138,216,232,0.25);box-shadow:0 8px 24px rgba(91,105,121,.05)}.flasher-timeline-content h3{margin:0 0 6px;font-size:15px;font-weight:700}.flasher-timeline-content p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}esp-web-install-button{--esp-tools-button-color:#388d7a;--esp-tools-button-text-color:#ffffff;--esp-tools-button-border-radius:8px}.flasher-breadcrumb{display:flex;align-items:center;gap:8px;padding-top:28px;color:var(--muted);font-size:13px;font-weight:600}.flasher-breadcrumb a{color:var(--muted);text-decoration:none;transition:color 0.2s}.flasher-breadcrumb a:hover{color:var(--text)}.flasher-breadcrumb .sep{opacity:0.35;font-size:11px}.flasher-card--upload{border-top:4px solid var(--cyan)}.flasher-card--cdc{border-top:4px solid var(--green)}.flasher-ready{display:inline-flex;align-items:center;gap:8px}.flasher-ready::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#388d7a;animation:ready-pulse 2s ease-in-out infinite;flex-shrink:0} @keyframes ready-pulse{0%,100%{opacity:0.5;box-shadow:0 0 0 0 rgba(56,141,122,0.4)}50%{opacity:1;box-shadow:0 0 0 6px rgba(56,141,122,0)}}.flasher-reveal{opacity:0;transform:translateY(20px);transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1),transform 0.5s cubic-bezier(0.4,0,0.2,1)}.flasher-reveal.is-visible{opacity:1;transform:translateY(0)}.flasher-stepper{display:flex;align-items:center;margin-bottom:22px;padding:14px 0;gap:0}.flasher-step{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.flasher-step-num{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.72);border:2px solid var(--line);font-size:12px;font-weight:800;color:var(--muted);flex-shrink:0;transition:all 0.3s}.flasher-step.active .flasher-step-num{background:linear-gradient(135deg,var(--cyan),var(--green));border-color:transparent;color:var(--ink);box-shadow:0 4px 12px rgba(101,176,189,.3)}.flasher-step-label{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flasher-step.active .flasher-step-label{color:var(--text);font-weight:700}.flasher-step-line{flex:0 0 auto;width:24px;height:2px;background:var(--line);margin:0 6px}.flasher-history-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid rgba(179,157,232,0.3);border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(247,249,250,0.8));backdrop-filter:blur(8px);color:var(--text);font-size:13px;font-weight:800;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-family:inherit;white-space:nowrap;box-shadow:0 2px 8px rgba(179,157,232,0.15),inset 0 1px 0 rgba(255,255,255,1)}.flasher-history-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(179,157,232,0.25),inset 0 1px 0 rgba(255,255,255,1);border-color:var(--lavender);background:linear-gradient(180deg,#ffffff,#ffffff)}.flasher-history-trigger .dot{width:8px;height:8px;border-radius:50%;background:var(--lavender);box-shadow:0 0 8px var(--lavender);animation:history-pulse 2s infinite} @keyframes history-pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(179,157,232,0.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(179,157,232,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(179,157,232,0)}}.flasher-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(41,51,63,.22);backdrop-filter:blur(16px) saturate(1.2);opacity:0;transition:opacity .2s ease}.flasher-modal.is-visible{opacity:1}.flasher-modal[hidden]{display:none}.flasher-modal__card{position:relative;width:min(580px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:32px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,249,238,.96)),linear-gradient(135deg,rgba(200,184,238,.18),rgba(138,216,232,.18));border:1px solid rgba(38,49,61,.14);border-radius:8px;box-shadow:0 30px 90px rgba(50,62,78,.24);transform:translateY(14px) scale(.98);transition:transform .22s ease}.flasher-modal.is-visible .flasher-modal__card{transform:translateY(0) scale(1)}.flasher-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:inline-grid;place-items:center;color:var(--text);background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:50%;cursor:pointer;font-size:24px;line-height:1;transition:background 0.2s}.flasher-modal__close:hover{background:rgba(255,255,255,1)}.flasher-modal__title{margin:0 40px 20px 0;font-size:22px;font-weight:800}.flasher-intro-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} @media (max-width:920px){.flasher-intro{flex-direction:column;align-items:flex-start;padding:42px 0 24px;gap:12px}.flasher-intro-row{order:-1}} @media (max-width:640px){.flasher-container{padding:0 16px 48px}.flasher-intro h1{font-size:28px}.flasher-card-section{padding:20px}.flasher-card{border-radius:8px}.flasher-tabs{gap:2px}.flasher-tab{flex:1;justify-content:center;padding:12px 10px;font-size:13px}.flasher-btn{min-height:48px;font-size:14px}.flasher-btn--small{min-height:40px;font-size:13px}.flasher-stepper{gap:0}.flasher-step-label{display:none}.flasher-step-line{width:16px}.flasher-modal{padding:14px}.flasher-modal__card{padding:24px 18px}} @media (prefers-reduced-motion:reduce){.flasher-card,.flasher-btn,.flasher-status,.flasher-timeline-content,.flasher-reveal{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.flasher-reveal{opacity:1;transform:none}}