:root{--cf-orange:#ff4801;--cf-orange-hover:#ff7038;--cf-orange-light:#ff480114;--cf-orange-glow:#ff48012e;--cf247-purple:#6905f2;--cf247-purple-hover:#8533ff;--cf247-purple-light:#6905f21a;--cf247-purple-glow:#6905f240;--accent-red:#ff3d6e;--accent-blue:#0a95ff;--accent-green:#10b981;--accent-violet:#7c3aed;--cf-text:#521000;--cf-text-muted:#521000b3;--cf-text-subtle:#52100066;--cf-bg-page:#f5f1eb;--cf-bg-100:#fffbf5;--cf-bg-200:#fffdfb;--cf-bg-300:#fef7ed;--cf-border:#ebd5c1;--cf-border-light:#ebd5c180;--font-sans:"FT Kunst Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Helvetica Neue", Roboto, sans-serif;--font-mono:"Apercu Mono Pro", ui-monospace, "SF Mono", "Fira Code", "JetBrains Mono", Consolas, monospace;--ease-entrance:cubic-bezier(.16, 1, .3, 1);--ease-button:cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:var(--cf-bg-100);color:var(--cf-text);font-family:var(--font-sans);font-feature-settings:"kern" 1, "liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow:hidden}::selection{background:var(--cf-orange);color:#fff}html,body{overflow:hidden}.stage{background:var(--cf-bg-page);touch-action:manipulation;-webkit-tap-highlight-color:transparent;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.slide{background:var(--cf-bg-100);background-image:radial-gradient(circle, var(--cf-border) .75px, transparent .75px);background-size:22px 22px;flex-direction:column;width:100vw;max-width:177.778vh;height:100vh;max-height:56.25vw;display:flex;position:relative;overflow:hidden}.slide__inner{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:clamp(24px,5vh,80px) clamp(32px,6vw,96px);display:flex;position:relative}.slide--backdrop{background:#000}.chrome-top,.chrome-bottom{z-index:5;color:var(--cf-text-subtle);pointer-events:none;align-items:center;padding:clamp(12px,1.6vh,22px) clamp(20px,2.4vw,36px);font-size:clamp(11px,1.05vw,14px);display:flex;position:absolute;left:0;right:0}.chrome-top{justify-content:space-between;top:0}.chrome-bottom{justify-content:space-between;bottom:0}.chrome-top:after,.chrome-bottom:before{content:"";background-image:linear-gradient(to right, var(--cf-border) 50%, transparent 50%);background-repeat:repeat-x;background-size:12px 1px;height:1px;position:absolute;left:clamp(20px,2.4vw,36px);right:clamp(20px,2.4vw,36px)}.chrome-top:after{bottom:0}.chrome-bottom:before{top:0}.chrome__brand{color:var(--cf-text-muted);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:500;display:flex}.chrome__brand svg{width:auto;height:22px;color:var(--cf-orange)}.chrome__brand-logo{object-fit:contain;border-radius:4px;width:28px;height:28px}.chrome__dtx-logo{border-radius:0;width:auto;height:20px;display:block}.chrome__brand-x{font-family:var(--font-mono);color:var(--cf-text-subtle);margin:0 4px;font-size:.95em;font-weight:400}.chrome__event{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.92em}.chrome__progress{align-items:center;gap:12px;display:flex}.chrome__progress-text{font-family:var(--font-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:.92em}.chrome__progress-bar{background:var(--cf-border);border-radius:9999px;width:clamp(80px,10vw,140px);height:3px;overflow:hidden}.chrome__progress-fill{background:var(--cf-orange);height:100%;transition:width .4s var(--ease-entrance);border-radius:9999px}.corner-brackets{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.corner-bracket{border:1px solid var(--cf-border);background:var(--cf-bg-100);border-radius:1.5px;width:10px;height:10px;position:absolute}.corner-bracket--tl{top:-5px;left:-5px}.corner-bracket--tr{top:-5px;right:-5px}.corner-bracket--bl{bottom:-5px;left:-5px}.corner-bracket--br{bottom:-5px;right:-5px}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cf-orange);margin:0 0 clamp(20px,3vh,36px);font-size:clamp(11px,1.1vw,14px);font-weight:500}.h1{letter-spacing:-.035em;color:var(--cf-text);margin:0;font-size:clamp(40px,6.5vw,96px);font-weight:500;line-height:1}.h2{letter-spacing:-.03em;color:var(--cf-text);margin:0;font-size:clamp(32px,5vw,72px);font-weight:500;line-height:1.05}.h3{letter-spacing:-.02em;color:var(--cf-text);margin:0;font-size:clamp(22px,3vw,42px);font-weight:500;line-height:1.15}.lede{color:var(--cf-text-muted);max-width:28ch;margin:clamp(16px,2.5vh,32px) 0 0;font-size:clamp(18px,1.9vw,28px);font-weight:400;line-height:1.45}.lede--wide{max-width:44ch}.body{color:var(--cf-text-muted);margin:0;font-size:clamp(15px,1.5vw,22px);line-height:1.5}.text-orange{color:var(--cf-orange)}.text-cf247{color:var(--cf247-purple)}.text-strong{color:var(--cf-text);font-weight:500}.stack{flex-direction:column;align-items:center;gap:clamp(12px,2vh,28px);display:flex}.row{align-items:center;gap:clamp(12px,2vw,32px);display:flex}.divider{background-image:linear-gradient(to bottom, var(--cf-border) 50%, transparent 50%);background-repeat:repeat-y;background-size:1px 12px;align-self:stretch;width:1px}.card{background:var(--cf-bg-200);border:1px solid var(--cf-border);text-align:left;border-radius:14px;flex-direction:column;gap:10px;padding:clamp(20px,2.4vw,36px);display:flex;position:relative}.card__icon{background:var(--cf-orange-light);width:clamp(36px,3.5vw,52px);height:clamp(36px,3.5vw,52px);color:var(--cf-orange);border-radius:10px;place-items:center;margin-bottom:clamp(8px,1.2vh,14px);display:grid}.card__icon svg{width:60%;height:60%}.card__title{color:var(--cf-text);letter-spacing:-.02em;margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:500}.card__body{color:var(--cf-text-muted);margin:0;font-size:clamp(13px,1.2vw,18px);line-height:1.45}.grid-3{grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px);width:100%;max-width:1320px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,20px);width:100%;max-width:1320px;display:grid}.cf-pillar{opacity:0;animation:cfPillarSlideIn .55s var(--ease-entrance) both;transform:translate(20px)}@keyframes cfPillarSlideIn{to{opacity:1;transform:translate(0)}}.cf-stat{opacity:0;animation:cfStatSlideIn .55s var(--ease-entrance) both;transform:translateY(18px)}@keyframes cfStatSlideIn{to{opacity:1;transform:translateY(0)}}@property --cf-stat-num{syntax:"<integer>";inherits:false;initial-value:0}.cf-stat__digit{--cf-stat-num:0;counter-reset:cf-stat-num var(--cf-stat-num);animation-duration:1.4s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:1;animation-fill-mode:both}.cf-stat__digit:before{content:counter(cf-stat-num)}.cf-stat__digit--t330{animation-name:cfStatCountTo330}.cf-stat__digit--t500{animation-name:cfStatCountTo500}.cf-stat__digit--t20{animation-name:cfStatCountTo20}.cf-stat__digit--t50{animation-name:cfStatCountTo50}@keyframes cfStatCountTo330{0%{--cf-stat-num:0}to{--cf-stat-num:330}}@keyframes cfStatCountTo500{0%{--cf-stat-num:0}to{--cf-stat-num:500}}@keyframes cfStatCountTo20{0%{--cf-stat-num:0}to{--cf-stat-num:20}}@keyframes cfStatCountTo50{0%{--cf-stat-num:0}to{--cf-stat-num:50}}@media (prefers-reduced-motion:reduce){.cf-pillar,.cf-stat,.cf-stat__digit{opacity:1;transform:none;animation:none!important}.cf-stat__digit--t330{--cf-stat-num:330}.cf-stat__digit--t500{--cf-stat-num:500}.cf-stat__digit--t20{--cf-stat-num:20}.cf-stat__digit--t50{--cf-stat-num:50}}.tug-pillar{transition:transform .3s var(--ease-button)}.tug-pillar--dimmed{opacity:.6}.tug-pillar--highlight{animation:2.4s ease-in-out infinite tugDevPull,3.4s ease-in-out infinite tugHighlightPulse}@keyframes tugDevPull{0%,to{transform:translate(0)scaleX(1)scaleY(1)skew(0)}25%{transform:translate(-12px)scaleX(.92)scaleY(1.04)skew(4deg)}50%{transform:translate(0)scaleX(1)scaleY(1)skew(0)}75%{transform:translate(12px)scaleX(.92)scaleY(1.04)skew(-4deg)}}@keyframes tugHighlightPulse{0%,to{box-shadow:0 0 #ff480100}50%{box-shadow:0 0 0 4px #ff480114,0 8px 28px #ff48012e}}.tug-pillar__handoff{background:var(--cf-bg-100);border:1px solid var(--cf-orange);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cf-orange);white-space:nowrap;animation:tugHandoffAppear .6s var(--ease-entrance) .9s backwards, tugHandoffPulse 3s ease-in-out 1.6s infinite;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:clamp(9px,.85vw,11px);font-weight:600;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #ff48012e}@keyframes tugHandoffAppear{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes tugHandoffPulse{0%,to{box-shadow:0 4px 12px #ff48012e}50%{box-shadow:0 4px 18px #ff480157}}.tug-connector{color:var(--cf-text-subtle);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(18px,1.8vw,26px);display:flex}.tug-connector__arrow{animation:2.4s ease-in-out infinite tugConnector;display:inline-block}.tug-connector--pull-left .tug-connector__arrow{color:var(--cf-text-muted);animation-name:tugConnectorPullLeft}.tug-connector--pull-right .tug-connector__arrow{color:var(--cf-orange);animation-name:tugConnectorPullRight;animation-delay:1.2s}@keyframes tugConnectorPullLeft{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(-4px)}}@keyframes tugConnectorPullRight{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.tug-pillar__icon--float{animation:3s ease-in-out infinite tugFloat}@keyframes tugFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.tug-pillar--highlight,.tug-pillar__handoff,.tug-connector__arrow,.tug-pillar__icon--float{animation:none!important;transform:none!important}}.flow{justify-content:space-between;align-items:center;gap:clamp(6px,.8vw,14px);width:100%;max-width:1480px;margin-top:clamp(28px,4.5vh,56px);padding:clamp(8px,1vh,14px) 0;display:flex;position:relative}.flow__line{background:linear-gradient(to right, #52100059 0%, var(--accent-violet) 22%, var(--accent-green) 42%, var(--accent-red) 60%, var(--accent-blue) 78%, var(--cf247-purple) 100%);z-index:0;pointer-events:none;border-radius:2px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:clamp(40px,4vw,72px);right:clamp(50px,5vw,92px)}@property --orb-color{syntax:"<color>";inherits:false;initial-value:#ff4801}.flow__pulse{--orb-color:#ff4801;background:radial-gradient(circle at center, #fff 0%, var(--orb-color) 38%, var(--orb-color) 70%, color-mix(in srgb, var(--orb-color) 40%, transparent) 100%);width:36px;height:36px;box-shadow:0 0 0 5px color-mix(in srgb, var(--orb-color) 22%, transparent), 0 0 32px 8px color-mix(in srgb, var(--orb-color) 65%, transparent), -16px 0 30px 4px color-mix(in srgb, var(--orb-color) 45%, transparent), -36px 0 36px 2px color-mix(in srgb, var(--orb-color) 25%, transparent), -56px 0 36px 0 color-mix(in srgb, var(--orb-color) 12%, transparent);z-index:3;border-radius:50%;animation:5s linear infinite backwards flowPulse;position:absolute;top:-16.5px;left:0}@keyframes flowPulse{0%{opacity:0;--orb-color:#ff4801;left:0;transform:scale(.5)}4%{opacity:1;transform:scale(1)}8%{--orb-color:#ff4801}9%{--orb-color:#7c3aed}31%{--orb-color:#7c3aed}32%{--orb-color:#10b981}55%{--orb-color:#10b981}56%{--orb-color:#ff3d6e}79%{--orb-color:#ff3d6e}80%{--orb-color:#0a95ff}96%{opacity:1;--orb-color:#0a95ff;left:calc(100% - 36px);transform:scale(1)}to{opacity:0;--orb-color:#0a95ff;left:calc(100% - 36px);transform:scale(.5)}}.flow__pulse--blocked-ddos{animation:5s linear 1.6s infinite backwards flowPulseBlockedDdos}@keyframes flowPulseBlockedDdos{0%{opacity:0;--orb-color:#ff4801;left:0;transform:scale(.5)}4%{opacity:1;transform:scale(1)}55%{opacity:1;--orb-color:#ff4801;left:calc(58.42% - 21px);transform:scale(1)}56%{opacity:1;--orb-color:#ff3d6e;left:calc(58.42% - 21px);transform:scale(1)}61%{opacity:1;--orb-color:#ff3d6e;left:calc(58.42% - 21px);transform:scale(1.7)}70%{opacity:0;--orb-color:#ff3d6e;left:calc(58.42% - 21px);transform:scale(2.4)}to{opacity:0;--orb-color:#ff3d6e;left:calc(58.42% - 21px);transform:scale(.5)}}.flow__pulse--blocked-waf{animation:5s linear 3.4s infinite backwards flowPulseBlockedWaf}@keyframes flowPulseBlockedWaf{0%{opacity:0;--orb-color:#ff4801;left:0;transform:scale(.5)}4%{opacity:1;transform:scale(1)}79%{opacity:1;--orb-color:#ff4801;left:calc(83.07% - 30px);transform:scale(1)}80%{opacity:1;--orb-color:#ff3d6e;left:calc(83.07% - 30px);transform:scale(1)}85%{opacity:1;--orb-color:#ff3d6e;left:calc(83.07% - 30px);transform:scale(1.7)}93%{opacity:0;--orb-color:#ff3d6e;left:calc(83.07% - 30px);transform:scale(2.4)}to{opacity:0;--orb-color:#ff3d6e;left:calc(83.07% - 30px);transform:scale(.5)}}.flow__cf-zone{z-index:1;border:1.5px dashed var(--cf-orange);background:#ff48010b;border-radius:16px;flex:auto;justify-content:space-around;align-items:center;gap:clamp(6px,.8vw,12px);padding:clamp(22px,2.8vh,34px) clamp(8px,1vw,16px) clamp(12px,1.4vh,18px);display:flex;position:relative;box-shadow:0 0 0 4px #ff48010a}.flow__cf-tab{background:var(--cf-bg-100);border:1px solid var(--cf-orange);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cf-orange);white-space:nowrap;z-index:2;border-radius:999px;align-items:center;gap:8px;padding:clamp(4px,.6vh,7px) clamp(12px,1.2vw,18px);font-size:clamp(11px,1vw,14px);font-weight:600;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.flow__stage{z-index:1;background:var(--cf-bg-200);border:1px solid var(--cf-border);text-align:center;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:clamp(4px,.6vh,8px);width:clamp(80px,8vw,120px);padding:clamp(10px,1.3vh,14px) clamp(6px,.7vw,10px);animation:5s linear infinite flowStageLit;display:flex;position:relative;box-shadow:0 1px 3px #5210000a,0 4px 12px #52100005}.flow__stage[data-stage="0"]{animation-delay:.7s}.flow__stage[data-stage="1"]{animation-delay:1.7s}.flow__stage[data-stage="2"]{animation-delay:2.7s}.flow__stage[data-stage="3"]{animation-delay:3.7s}@keyframes flowStageLit{0%{border-color:var(--cf-border);background:var(--cf-bg-200);box-shadow:0 1px 3px #5210000a,0 4px 12px #52100005}3%{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--cf-bg-200));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent), 0 8px 28px color-mix(in srgb, var(--accent) 30%, transparent)}8%{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--cf-bg-200));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent), 0 8px 28px color-mix(in srgb, var(--accent) 30%, transparent)}14%,to{border-color:var(--cf-border);background:var(--cf-bg-200);box-shadow:0 1px 3px #5210000a,0 4px 12px #52100005}}.flow__stage-icon{background:color-mix(in srgb, var(--accent) 10%, transparent);width:clamp(28px,2.6vw,38px);height:clamp(28px,2.6vw,38px);color:var(--accent);animation:5s linear infinite flowStageIcon;animation-delay:inherit;border-radius:8px;place-items:center;display:grid}.flow__stage[data-stage="0"] .flow__stage-icon{animation-delay:.7s}.flow__stage[data-stage="1"] .flow__stage-icon{animation-delay:1.7s}.flow__stage[data-stage="2"] .flow__stage-icon{animation-delay:2.7s}.flow__stage[data-stage="3"] .flow__stage-icon{animation-delay:3.7s}@keyframes flowStageIcon{0%,14%,to{transform:scale(1)}4%,8%{transform:scale(1.12)}}.flow__stage-icon svg{width:56%;height:56%}.flow__stage-title{color:var(--cf-text);letter-spacing:-.02em;font-size:clamp(15px,1.5vw,20px);font-weight:600}.flow__endpoint{z-index:1;flex:none;width:clamp(58px,5.6vw,84px);height:clamp(58px,5.6vw,84px);position:relative}.flow__endpoint-icon{background:var(--cf-bg-100);border:1px solid var(--cf-border);width:100%;height:100%;color:var(--cf-text-muted);border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 3px #5210000a,0 6px 16px #5210000f}.flow__endpoint-icon svg{width:50%;height:50%}.flow__endpoint-label{white-space:nowrap;pointer-events:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.flow__endpoint--origin .flow__endpoint-icon{border-color:var(--cf247-purple-light);background:var(--cf-bg-100);box-shadow:0 0 0 3px var(--cf247-purple-light), 0 8px 22px var(--cf247-purple-glow);animation:5s linear infinite flowOriginAck}@keyframes flowOriginAck{0%,90%,to{box-shadow:0 0 0 3px var(--cf247-purple-light), 0 8px 22px var(--cf247-purple-glow);transform:scale(1)}94%,97%{box-shadow:0 0 0 5px color-mix(in srgb, var(--cf247-purple) 30%, transparent), 0 10px 28px var(--cf247-purple-glow);transform:scale(1.08)}}.flow__endpoint-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-subtle);font-size:clamp(10px,.95vw,13px)}.flow__endpoint--origin .flow__endpoint-label{color:var(--cf247-purple);font-weight:600}@media (prefers-reduced-motion:reduce){.flow__pulse,.flow__stage,.flow__stage-icon,.flow__endpoint--origin .flow__endpoint-icon{animation:none!important}}.cf-card{background:var(--cf-bg-200);border:1px solid var(--cf-border);text-align:left;border-radius:12px;flex-direction:column;gap:clamp(8px,1vh,12px);padding:clamp(20px,2.4vw,28px);transition:border-color .15s,border-style .15s,background-color .2s;display:flex;position:relative;box-shadow:0 1px 3px #5210000a,0 4px 12px #52100005}.cf-card:hover{border-style:dashed;border-color:var(--accent,var(--cf-orange));background:var(--cf-bg-300)}.cf-card__icon{background:color-mix(in srgb, var(--accent) 10%, transparent);width:clamp(40px,3.4vw,52px);height:clamp(40px,3.4vw,52px);color:var(--accent);border-radius:10px;place-items:center;margin-bottom:clamp(8px,1.2vh,14px);display:grid}.cf-card__icon svg{width:56%;height:56%}.cf-card__title{color:var(--cf-text);letter-spacing:-.02em;margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:500;line-height:1.2}.cf-card__body{color:var(--cf-text-muted);margin:0;font-size:clamp(13px,1.2vw,18px);line-height:1.5}.timeline{grid-template-columns:repeat(4,1fr);align-items:start;gap:clamp(12px,1.6vw,28px);width:100%;max-width:1200px;margin-top:clamp(36px,5vh,60px);display:grid;position:relative}.timeline__line{z-index:0;pointer-events:none;background:linear-gradient(to right, #52100080 0%, var(--accent-red) 33%, var(--cf-orange) 66%, var(--accent-green) 100%);transform-origin:0;border-radius:2px;height:3px;margin-top:-1.5px;animation:6s linear .5s forwards timelineDraw;position:absolute;top:clamp(32px,3.3vw,48px);left:clamp(40px,5vw,70px);right:clamp(8px,1vw,16px);transform:scaleX(0);box-shadow:0 1px 6px #ff48012e}@keyframes timelineDraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.timeline__playhead{background:var(--cf-bg-100);border:2px solid var(--cf247-purple);z-index:5;opacity:0;width:clamp(40px,4.4vw,60px);height:clamp(40px,4.4vw,60px);box-shadow:0 0 0 4px var(--cf247-purple-light), 0 8px 24px var(--cf247-purple-glow);border-radius:50%;place-items:center;margin-top:calc(clamp(40px,4.4vw,60px)/-2);animation:6s linear .5s forwards timelinePlayhead;display:grid;position:absolute;top:clamp(32px,3.3vw,48px);left:12.5%;transform:translate(-50%)scale(.5)}.timeline__playhead img{object-fit:contain;width:78%;height:78%}@keyframes timelinePlayhead{0%{opacity:0;left:12.5%;transform:translate(-50%)scale(.5)}3%{opacity:1;left:12.5%;transform:translate(-50%)scale(1)}to{opacity:1;left:calc(100% - clamp(8px,1vw,16px));transform:translate(-50%)scale(1)}}.timeline__node{z-index:1;opacity:0;animation:timelineNodeAppear .6s var(--ease-entrance) forwards;animation-delay:calc(.2s + var(--node-index) * 1.76s);flex-direction:column;align-items:center;gap:clamp(12px,1.6vh,22px);display:flex;position:relative;transform:translateY(14px)}@keyframes timelineNodeAppear{to{opacity:1;transform:translateY(0)}}.timeline__circle{background:var(--cf-bg-100);border:1px solid var(--cf-border);border-radius:50%;flex-shrink:0;place-items:center;width:clamp(64px,6.6vw,96px);height:clamp(64px,6.6vw,96px);display:grid;position:relative;box-shadow:0 1px 3px #5210000a,0 6px 16px #5210000f}.timeline__icon{width:56%;height:56%;color:var(--cf-text-muted);opacity:0;animation:timelineIconAppear .45s var(--ease-entrance) both;animation-delay:calc(.7s + var(--node-index) * 1.76s);place-items:center;display:grid}.timeline__icon svg{width:100%;height:100%}@keyframes timelineIconAppear{to{opacity:1}}.timeline__node--neutral .timeline__circle{border-color:var(--cf-border)}.timeline__node--alert .timeline__circle{border-color:var(--accent-red);background:color-mix(in srgb, var(--accent-red) 8%, var(--cf-bg-100))}.timeline__node--alert .timeline__icon{color:var(--accent-red)}.timeline__node--cloudflare .timeline__circle{border-color:var(--cf-orange);background:color-mix(in srgb, var(--cf-orange) 10%, var(--cf-bg-100));box-shadow:0 0 0 4px color-mix(in srgb, var(--cf-orange) 14%, transparent), 0 8px 24px color-mix(in srgb, var(--cf-orange) 22%, transparent)}.timeline__node--cloudflare .timeline__icon{color:var(--cf-orange)}.timeline__node--now .timeline__circle{border-color:var(--accent-green);background:color-mix(in srgb, var(--accent-green) 10%, var(--cf-bg-100))}.timeline__node--now .timeline__icon{color:var(--accent-green)}.timeline__pulse{border-radius:inherit;border:2px solid var(--accent-green);opacity:0;animation:timelinePulse 2.6s var(--ease-entrance) infinite;animation-delay:6.8s;position:absolute;inset:0}@keyframes timelinePulse{0%{opacity:.7;transform:scale(1)}80%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}.timeline__card{background:var(--cf-bg-200);border:1px solid var(--cf-border);text-align:center;border-radius:12px;width:100%;padding:clamp(12px,1.6vh,18px) clamp(14px,1.4vw,20px);position:relative;box-shadow:0 1px 3px #5210000a,0 4px 12px #52100005}.timeline__date{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-subtle);margin-bottom:6px;font-size:clamp(10px,.95vw,13px)}.timeline__node--alert .timeline__date{color:var(--accent-red)}.timeline__node--cloudflare .timeline__date{color:var(--cf-orange)}.timeline__node--now .timeline__date{color:var(--accent-green)}.timeline__title{letter-spacing:-.02em;color:var(--cf-text);text-align:center;justify-content:center;align-items:center;min-height:2.4em;margin-bottom:6px;font-size:clamp(15px,1.6vw,22px);font-weight:500;line-height:1.2;display:flex}.timeline__desc{color:var(--cf-text-muted);font-size:clamp(11px,1.05vw,14px);line-height:1.4}@media (prefers-reduced-motion:reduce){.timeline__line{transform:scaleX(1);animation:none!important}.timeline__node{opacity:1;transform:none;animation:none!important}.timeline__icon{opacity:1;animation:none!important}.timeline__pulse,.timeline__playhead{animation:none!important}.timeline__playhead{opacity:1;left:calc(100% - clamp(8px,1vw,16px));transform:translate(-50%)scale(1)}}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFadeIn{0%{opacity:0}to{opacity:1}}.slide__inner>*{animation:slideFadeUp .55s var(--ease-entrance) backwards}.slide__inner>:first-child{animation-delay:50ms}.slide__inner>:nth-child(2){animation-delay:.18s}.slide__inner>:nth-child(3){animation-delay:.3s}.slide__inner>:nth-child(4){animation-delay:.42s}.slide__inner>:nth-child(5){animation-delay:.54s}.slide__inner>:nth-child(6){animation-delay:.66s}.chrome-top,.chrome-bottom{animation:slideFadeIn .6s var(--ease-entrance) .3s backwards}@media (prefers-reduced-motion:reduce){.slide__inner>*,.chrome-top,.chrome-bottom{animation:none!important}}.help-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;animation:slideFadeIn .2s var(--ease-entrance);background:#52100073;place-items:center;display:grid;position:fixed;inset:0}.help-overlay__panel{background:var(--cf-bg-100);border:1px solid var(--cf-border);border-radius:16px;max-width:480px;padding:32px 40px;position:relative}.help-overlay__panel h2{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:500}.help-overlay__panel p{color:var(--cf-text-muted);margin:0 0 18px;font-size:14px}.help-overlay__group{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cf-text-subtle);margin:22px 0 10px;font-size:11px;font-weight:500}.help-overlay__group:first-of-type{margin-top:4px}.help-overlay__list{grid-template-columns:auto 1fr;gap:8px 20px;margin:0;padding:0;list-style:none;display:grid}.help-overlay__list kbd{font-family:var(--font-mono);background:var(--cf-bg-300);border:1px solid var(--cf-border);color:var(--cf-text);text-align:center;border-radius:6px;min-width:20px;padding:2px 8px;font-size:12px;display:inline-block}.help-overlay__list span{color:var(--cf-text-muted);align-self:center;font-size:14px}.admin{background:var(--cf-bg-page);background-image:radial-gradient(circle, var(--cf-border) .75px, transparent .75px);font-family:var(--font-sans);color:var(--cf-text);background-size:22px 22px;padding:clamp(24px,4vw,56px);position:fixed;inset:0;overflow-y:auto}.admin__header{max-width:720px;margin:0 auto 32px}.admin__title{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(28px,3vw,42px);font-weight:500}.admin__subtitle{color:var(--cf-text-muted);margin:0;font-size:15px;line-height:1.5}.admin__subtitle code,.admin__event-sub code{font-family:var(--font-mono);background:var(--cf-bg-200);border:1px solid var(--cf-border);border-radius:5px;padding:1px 6px;font-size:.92em}.admin__section-title{letter-spacing:-.01em;color:var(--cf-text);margin:0 0 18px;font-size:18px;font-weight:500}.admin__events{padding-top:28px;position:relative}.admin__events:before{content:"";background-image:linear-gradient(to right, var(--cf-border) 50%, transparent 50%);background-repeat:repeat-x;background-size:12px 1px;height:1px;position:absolute;top:0;left:0;right:0}.admin__form{background:var(--cf-bg-200);border:1px solid var(--cf-border);border-radius:12px;flex-direction:column;gap:18px;max-width:720px;margin:0 auto 48px;padding:clamp(20px,2.4vw,32px);display:flex;position:relative;box-shadow:0 1px 3px #5210000a,0 4px 12px #52100005}.admin__field{flex-direction:column;gap:6px;font-size:14px;display:flex}.admin__field>span{color:var(--cf-text);font-weight:500}.admin__field input[type=text],.admin__field input[type=number]{font:inherit;border:1px solid var(--cf-border);background:var(--cf-bg-100);color:var(--cf-text);border-radius:8px;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.admin__field input[type=text]:focus,.admin__field input[type=number]:focus{border-color:var(--cf-orange);box-shadow:0 0 0 1px var(--cf-orange);outline:none}.admin__field input[type=file]{font:inherit;color:var(--cf-text-muted);padding:8px 0;font-size:13px}.admin__field input[type=file]::file-selector-button{font:inherit;border:1px solid var(--cf-border);background:var(--cf-bg-100);color:var(--cf-text);cursor:pointer;border-radius:9999px;margin-right:12px;padding:7px 16px;font-size:13px;font-weight:500;transition:border-color .15s,border-style .15s,color .15s,background-color .15s}.admin__field input[type=file]::file-selector-button:hover{border-color:var(--cf-orange);color:var(--cf-orange);background:var(--cf-bg-300);border-style:dashed}.admin__field input[type=file]:focus-visible::file-selector-button{border-color:var(--cf-orange);box-shadow:0 0 0 1px var(--cf-orange)}.admin__hint{color:var(--cf-text-subtle);font-size:12px;line-height:1.4}.admin__autocomplete{position:relative}.admin__autocomplete input{font:inherit;border:1px solid var(--cf-border);background:var(--cf-bg-100);color:var(--cf-text);box-sizing:border-box;border-radius:8px;width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.admin__autocomplete input:focus{border-color:var(--cf-orange);box-shadow:0 0 0 1px var(--cf-orange);outline:none}.admin__suggestions{z-index:30;background:var(--cf-bg-100);border:1px solid var(--cf-border);border-radius:10px;max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 1px 3px #5210000d,0 12px 32px #5210001a}.admin__suggestion{cursor:pointer;border-radius:6px;flex-direction:column;gap:2px;padding:8px 12px;transition:background-color .1s;display:flex}.admin__suggestion--active{background:var(--cf-orange-light)}.admin__suggestion--info{cursor:default;color:var(--cf-text-subtle);font-size:13px;font-style:italic}.admin__suggestion-name{color:var(--cf-text);font-size:14px;font-weight:500;line-height:1.2}.admin__suggestion-detail{color:var(--cf-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.admin__row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin__field--half{margin:0}.admin__logo-preview{background:var(--cf-bg-100);border:1px dashed var(--cf-border);border-radius:8px;align-items:center;gap:12px;margin-top:6px;padding:10px;display:flex}.admin__logo-preview img{object-fit:contain;max-width:96px;max-height:64px}.admin__logo-preview small{color:var(--cf-text-subtle);font-size:12px}.admin__error{background:color-mix(in srgb, var(--accent-red) 10%, var(--cf-bg-100));border:1px solid var(--accent-red);color:var(--accent-red);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.4}.admin__success{background:color-mix(in srgb, var(--accent-green) 10%, var(--cf-bg-100));border:1px solid var(--accent-green);color:var(--accent-green);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.4}.admin__success a{color:inherit;font-weight:500;text-decoration:underline}.admin__submit{font:inherit;background:var(--cf-orange);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--cf-orange-glow);border:1px solid #0000;border-radius:9999px;justify-content:center;align-self:flex-start;align-items:center;padding:11px 24px;font-size:15px;font-weight:500;transition:background-color .15s,border-color .15s,border-style .15s,transform .1s,box-shadow .15s;display:inline-flex}.admin__submit:hover:not(:disabled){background:var(--cf-orange-hover);border-style:dashed;border-color:#fff9}.admin__submit:focus-visible{box-shadow:0 4px 12px var(--cf-orange-glow), 0 0 0 3px color-mix(in srgb, var(--cf-orange) 30%, transparent);outline:none}.admin__submit:active:not(:disabled){transform:scale(.98)translateY(1px)}.admin__submit:disabled{opacity:.6;cursor:not-allowed}.admin__events{max-width:880px;margin:0 auto 64px}.admin__empty{color:var(--cf-text-muted);margin:0;font-size:14px}.admin__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.admin__event{background:var(--cf-bg-200);border:1px solid var(--cf-border);border-radius:12px;align-items:center;gap:16px;padding:14px 18px;display:flex;position:relative;box-shadow:0 1px 3px #5210000a,0 4px 12px #52100005}.admin__event-logo{object-fit:contain;background:var(--cf-bg-100);border:1px solid var(--cf-border);border-radius:8px;flex-shrink:0;width:56px;height:56px;padding:6px}.admin__event-thumbnail{aspect-ratio:16/9;border:1px solid var(--cf-border);background:var(--cf-bg-100);border-radius:8px;flex-shrink:0;width:200px;position:relative;overflow:hidden}.admin__event-thumbnail-img{object-fit:cover;width:100%;height:100%;display:block}.admin__event-thumbnail--missing{background-image:radial-gradient(circle, var(--cf-border) .5px, transparent .5px);background-size:12px 12px;background-color:var(--cf-bg-100);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.admin__event-thumbnail-logo{object-fit:contain;background:var(--cf-bg-200);border-radius:4px;width:36px;height:36px;padding:4px}.admin__event-thumbnail-hint{letter-spacing:.05em;text-transform:uppercase;color:var(--cf-text-subtle);font-size:10.5px;font-weight:500}.admin__event-meta{flex:1;min-width:0}.admin__event-name{color:var(--cf-text);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:3px;font-size:15px;font-weight:500;display:flex}.admin__event-sub{color:var(--cf-text-muted);font-size:12px;line-height:1.4}.admin__event-sub--mono{font-family:var(--font-mono);color:var(--cf-text-subtle);margin-top:1px}.admin__event-status{letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:600;line-height:1.4;display:inline-flex}.admin__event-status--hidden{color:#a4630c;background:#f4ad4124;border-color:#a4630c73}.admin__event-creator{color:var(--cf-text-muted);background:var(--cf-bg-100);border:1px solid var(--cf-border);border-radius:999px;align-items:center;gap:6px;max-width:100%;margin-top:6px;padding:3px 9px 3px 8px;font-size:11px;display:inline-flex;overflow:hidden}.admin__event-creator span{font-family:var(--font-mono);color:var(--cf-text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.admin__event-creator svg{color:var(--cf-text-subtle);flex-shrink:0}.admin__event--hidden{opacity:.62}.admin__event--hidden .admin__event-thumbnail{filter:grayscale(.35)}.admin__event--hidden:hover{opacity:1}.admin__event-actions{flex-shrink:0;gap:8px;display:flex}.admin__event--editing{flex-direction:column;align-items:stretch;gap:16px;padding:16px 20px 20px}.admin__edit-header{border-bottom:1px dashed var(--cf-border);align-items:center;gap:14px;padding-bottom:12px;display:flex}.admin__edit{flex-direction:column;gap:14px;display:flex}.admin__slug-readonly{font-family:var(--font-mono);background:var(--cf-bg-100);border:1px solid var(--cf-border);color:var(--cf-text-muted);border-radius:6px;align-self:flex-start;padding:5px 10px;font-size:13px;display:inline-block}.admin__edit-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.admin__submit--inline{padding:8px 18px;font-size:13px}.admin__btn{font:inherit;border:1px solid var(--cf-border);background:var(--cf-bg-100);color:var(--cf-text);cursor:pointer;border-radius:9999px;align-items:center;padding:7px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,border-style .15s,color .15s,background-color .15s;display:inline-flex}.admin__btn:hover:not(:disabled){border-color:var(--cf-orange);color:var(--cf-orange);background:var(--cf-bg-300);border-style:dashed}.admin__btn:focus-visible{border-color:var(--cf-orange);box-shadow:0 0 0 1px var(--cf-orange);outline:none}.admin__btn--danger:hover:not(:disabled){border-color:var(--accent-red);color:var(--accent-red);background:color-mix(in srgb, var(--accent-red) 4%, var(--cf-bg-100))}.admin__btn:disabled{opacity:.6;cursor:not-allowed}.admin__btn--icon{justify-content:center;align-items:center;padding:7px 10px;display:inline-flex}.admin__btn--icon svg{display:block}.qr-modal{z-index:100;background:color-mix(in srgb, var(--cf-text) 35%, transparent);justify-content:center;align-items:center;padding:clamp(20px,4vw,48px);animation:.15s qr-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes qr-modal-fade-in{0%{opacity:0}to{opacity:1}}.qr-modal__panel{background:var(--cf-bg-100);border:1px solid var(--cf-border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:clamp(24px,3vw,36px);animation:.18s qr-modal-pop-in;display:flex;position:relative;box-shadow:0 4px 12px #52100014,0 16px 48px #5210001f}@keyframes qr-modal-pop-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.qr-modal__title{letter-spacing:-.01em;text-align:center;margin:0;font-size:17px;font-weight:500}.qr-modal__url{max-width:100%;font-family:var(--font-mono);background:var(--cf-bg-200);border:1px solid var(--cf-border);color:var(--cf-text-muted);word-break:break-all;text-align:center;border-radius:6px;padding:6px 12px;font-size:12.5px;text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}.qr-modal__url:hover{color:var(--cf-orange);border-color:var(--cf-orange)}.edge-toolbar{z-index:50;pointer-events:auto;display:flex;position:fixed}.edge-toolbar--top{flex-direction:row;justify-content:center;align-items:end;gap:12px;height:110px;padding:56px clamp(20px,2.4vw,36px) 14px;display:flex;top:0;left:0;right:0}.edge-toolbar--bottom{flex-direction:row;justify-content:center;align-items:start;gap:12px;height:110px;padding:14px clamp(20px,2.4vw,36px) 56px;display:flex;bottom:0;left:0;right:0}.edge-toolbar--left{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:clamp(300px,22vw,340px);padding:clamp(20px,2.4vw,36px) 18px;display:flex;top:0;bottom:0;left:0}.edge-toolbar--right{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:clamp(300px,22vw,340px);padding:clamp(20px,2.4vw,36px) 18px;display:flex;top:0;bottom:0;right:0}.edge-toolbar--top>*{--hide-translate:translateY(-6px)}.edge-toolbar--bottom>*{--hide-translate:translateY(6px)}.edge-toolbar--left>*{--hide-translate:translateX(-6px)}.edge-toolbar--right>*{--hide-translate:translateX(6px)}.edge-toolbar>*{opacity:0;transform:var(--hide-translate,translateY(-6px));pointer-events:none;transition:opacity .15s .25s,transform .15s .25s,border-color .15s,border-style .15s,color .15s,background-color .15s,box-shadow .15s}.edge-toolbar:hover>*,.edge-toolbar:focus-within>*{opacity:1;pointer-events:auto;transition:opacity .15s,transform .15s,border-color .15s,border-style .15s,color .15s,background-color .15s,box-shadow .15s;transform:translate(0)}.toolbar__admin{font-family:var(--font-sans);background:var(--cf-orange);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--cf-orange-glow);border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.toolbar__admin:hover{background:var(--cf-orange-hover);border-style:dashed;border-color:#fff9}.toolbar__admin:focus-visible{box-shadow:0 4px 12px var(--cf-orange-glow), 0 0 0 3px color-mix(in srgb, var(--cf-orange) 30%, transparent);outline:none}.filmstrip{background:var(--cf-bg-100);border:1px solid var(--cf-border);font-family:var(--font-sans);color:var(--cf-text);border-radius:9999px;align-items:center;gap:4px;max-width:280px;padding:4px 6px;font-size:13px;display:inline-flex}.filmstrip__btn{font:inherit;width:26px;height:26px;color:var(--cf-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:400;line-height:1;transition:background-color .12s,color .12s,box-shadow .12s;display:inline-flex}.filmstrip__btn:hover{background:var(--cf-bg-300);color:var(--cf-orange)}.filmstrip__btn:focus-visible{box-shadow:inset 0 0 0 1px var(--cf-orange);color:var(--cf-orange);outline:none}.filmstrip__name{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding:0 6px;font-size:12.5px;font-weight:500;overflow:hidden}