/* The FOX signal: a scroll-driven introduction to the app. */
:root{--orange:#ff671d;--paper:#f5f5f5;--orange-soft:#fff0e8}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{top:17px;left:25px;width:calc(100% - 50px);height:72px;padding:0 28px;border:1px solid #ffffff17;border-radius:28px;background:#141414c9;box-shadow:0 15px 50px #00000040,inset 0 1px 0 #ffffff05;backdrop-filter:blur(22px)}
.site-header.scrolled{height:65px;background:#151515eb}
.button{border-radius:100px;gap:28px}.button:hover{box-shadow:0 8px 22px #00000020}.button-orange{box-shadow:0 5px 20px #ff671d18}.button-white{border-radius:100px}
.story{height:310svh;position:relative;--signal-rgb:43,211,141;--story-progress:0;--fox-reveal:0;background:#080808}
.story[data-phase="1"]{--signal-rgb:255,139,44}.story[data-phase="2"]{--signal-rgb:255,65,45}
.story-scene.hero{position:sticky;top:0;height:100svh;min-height:620px;max-height:none;padding-top:0;background:radial-gradient(ellipse at 74% 44%,#202020 0%,#101010 32%,#090909 68%);overflow:hidden}
.story-scene:after{content:'';position:absolute;bottom:0;left:0;right:0;height:130px;background:linear-gradient(0deg,#090909,transparent);pointer-events:none;z-index:1}
.story-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:110px 110px;mask-image:radial-gradient(ellipse at 75% 55%,#000,transparent 65%)}
.story-ambient{position:absolute;width:750px;height:750px;right:-160px;top:40px;border-radius:50%;background:radial-gradient(ellipse,rgba(var(--signal-rgb),.065),transparent 64%);filter:blur(25px);transition:background 1.2s;pointer-events:none}
.story-scene .hero-content{position:relative;z-index:5;padding-top:clamp(145px,20svh,215px);pointer-events:none}
.story-scene .hero-content a{pointer-events:auto}
.story-scene .hero-eyebrow{font-size:var(--fox-text-eyebrow);letter-spacing:.14em;color:#9b9b9b;margin:0 0 38px;gap:11px}
.story-copy-stage{height:340px;position:relative;max-width:620px}
.story-copy-panel{position:absolute;inset:0;opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform 1s var(--ease);pointer-events:none;visibility:hidden}
.story[data-phase="0"] [data-copy-phase="0"],.story[data-phase="1"] [data-copy-phase="1"],.story[data-phase="2"] [data-copy-phase="2"]{opacity:1;transform:none;visibility:visible}
.story-kicker{font-size:var(--fox-text-eyebrow);letter-spacing:.17em;color:#727272;font-weight:700;margin:0 0 22px}
.story-scene .story-copy-panel h1,.story-scene .story-copy-panel h2{font-size:clamp(58px,6.6vw,99px);letter-spacing:-.052em;line-height:.98;font-weight:700;margin:0 0 24px;color:#fff}
.story-copy-panel h1>span,.story-copy-panel h2>span{color:var(--orange)}
.story-scene .hero-copy{font-size:var(--fox-text-body);line-height:1.8;color:#8c8c8c;margin:0;max-width:380px}
.story-scene .hero-buttons{margin-top:17px;gap:25px}.story-scene .hero-buttons>.button{min-height:54px;min-width:180px;justify-content:space-between;font-size:var(--fox-text-body);padding:0 23px}.story-scene .hero-buttons .text-link{font-size:var(--fox-text-body);color:#c2c2c2;gap:15px}
.traffic-scene{position:absolute;top:0;right:0;width:51%;height:100%;z-index:3;pointer-events:none;perspective:1200px}
.signal-aura{position:absolute;width:410px;height:530px;left:48%;top:49%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(var(--signal-rgb),.12),transparent 68%);filter:blur(28px);transition:background 1s}
.signal-orbit{width:565px;height:565px;border:1px solid #ffffff09;border-radius:50%;position:absolute;left:49%;top:50%;transform:translate(-50%,-50%) rotateX(20deg) rotateZ(-20deg)}
.orbit-two{width:680px;height:680px;border-color:#ffffff04;transform:translate(-50%,-50%) rotateX(-15deg) rotateZ(20deg)}
.traffic-object{position:absolute;left:49%;top:49%;transform:translate(-50%,-43%) rotate(6deg);transition:transform 1.25s var(--ease);z-index:4;filter:drop-shadow(18px 35px 35px #0009)}
.traffic-housing{position:relative;width:179px;height:456px;background:linear-gradient(110deg,#505050 -10%,#272727 10%,#141414 40%,#101010 75%,#2d2d2d 100%);border:1px solid #505050;border-radius:79px;padding:46px 29px 32px;display:flex;flex-direction:column;gap:17px;box-shadow:inset 3px 1px 5px #ffffff1a,inset -4px -7px 12px #000,10px 5px 25px #0006}
.traffic-housing:before{content:'';position:absolute;inset:6px;border:1px solid #ffffff09;border-radius:73px;pointer-events:none}
.traffic-top-label{font-size:7px;font-weight:700;letter-spacing:.24em;text-align:center;position:absolute;top:24px;left:0;right:0;color:#797979;text-shadow:0 1px 1px #000}
.signal-lamp{width:119px;height:119px;border-radius:50%;position:relative;background:linear-gradient(135deg,#040404,#353535);padding:8px;flex-shrink:0;box-shadow:inset 1px 2px 6px #000,inset -1px -1px 2px #6664,0 1px 1px #ffffff16}
.lamp-glass{display:block;width:103px;height:103px;border-radius:50%;position:relative;border:1px solid #090909;box-shadow:inset 0 3px 10px #000,0 0 0 2px #131313;background:radial-gradient(ellipse at 35% 30%,#36201f,#170b0b 60%,#0a0707);transition:background .7s,box-shadow .9s,filter .7s}
.signal-orange .lamp-glass{background:radial-gradient(ellipse at 35% 30%,#32271c,#181109 60%,#0b0906)}
.signal-green .lamp-glass{background:radial-gradient(ellipse at 35% 30%,#18332b,#0b1812 60%,#060b08)}
.lamp-glass:before{content:'';position:absolute;left:16%;top:8%;width:63%;height:35%;background:linear-gradient(#ffffff1c,transparent);border-radius:50%;filter:blur(2px)}
.lamp-glass:after{content:'';position:absolute;inset:6px;border-radius:50%;background-image:radial-gradient(#ffffff25 .6px,transparent .9px);background-size:4px 4px;opacity:.27;mix-blend-mode:screen}
.lamp-visor{position:absolute;z-index:3;width:122px;height:39px;left:-2px;top:-6px;border-radius:70px 70px 13px 13px;background:linear-gradient(165deg,#454545 0%,#222 24%,#141414 65%,transparent 100%);box-shadow:0 -1px 1px #6664;pointer-events:none}
.story[data-phase="0"] .signal-green .lamp-glass{background:radial-gradient(ellipse at 34% 29%,#c4ffe4,#56ffc1 15%,#21d98a 43%,#078950 75%,#063d28);box-shadow:inset -4px -7px 16px #004d2a66,0 0 22px #23df8c70,0 0 65px #23df8c24,0 0 110px #23df8c14;filter:brightness(1.1)}
.story[data-phase="1"] .signal-orange .lamp-glass{background:radial-gradient(ellipse at 34% 29%,#fff5ca,#ffd376 15%,#ff9b3e 43%,#c45b15 75%,#5e2609);box-shadow:inset -4px -7px 16px #81300066,0 0 22px #ff9b3e80,0 0 65px #ff9b3e30,0 0 110px #ff9b3e18;filter:brightness(1.1)}
.story[data-phase="2"] .signal-red .lamp-glass{background:radial-gradient(ellipse at 34% 29%,#ffddbd,#ff9675 15%,#ff513f 43%,#bb251d 75%,#520d0b);box-shadow:inset -4px -7px 16px #7f000066,0 0 22px #ff513f80,0 0 65px #ff513f30,0 0 110px #ff513f18;filter:brightness(1.1)}
.traffic-plate{position:absolute;bottom:18px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:5px;letter-spacing:.13em;font-weight:700;color:#616161}
.traffic-plate>span{width:3px;height:3px;border-radius:50%;background:var(--orange)}
.traffic-stem{width:24px;height:75px;margin:0 auto;background:linear-gradient(90deg,#141414,#333 34%,#151515 75%,#080808);position:relative;top:-1px;z-index:-1;border:1px solid #323232;border-top:0;border-radius:0 0 8px 8px;box-shadow:5px 5px 15px #000}
.signal-floor{position:absolute;left:48%;bottom:5%;width:340px;height:50px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(var(--signal-rgb),.2),transparent 65%);filter:blur(15px);opacity:.7}
.signal-annotation{font-size:7px;letter-spacing:.23em;color:#606060;position:absolute;left:50%;bottom:8%;transform:translateX(-50%);white-space:nowrap}
.fox-emergence{color:var(--orange);width:240px;height:240px;position:absolute;left:61%;top:26%;z-index:3;opacity:var(--fox-reveal);transform:translateY(calc((1 - var(--fox-reveal))*45px)) rotate(-9deg) scale(calc(.65 + var(--fox-reveal)*.35));filter:drop-shadow(0 0 45px #ff671d30);transition:opacity .2s,transform .25s}
.story[data-phase="1"] .traffic-object{transform:translate(-50%,-43%) rotate(1deg)}
.story[data-phase="2"] .traffic-object{transform:translate(-67%,-43%) rotate(-7deg) scale(.93)}
.story-scene .hero-bottom{bottom:35px;z-index:8;font-size:var(--fox-text-caption);align-items:center;gap:25px}.story-scene .scroll-link{font-size:var(--fox-text-caption);letter-spacing:.1em;color:#9a9a9a}.story-scene .scroll-pill{border-color:#454545;color:#d0d0d0;width:24px;height:37px}
.story-navigation{display:flex;gap:5px;margin-left:auto}.story-navigation>button{width:58px;height:35px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:var(--fox-text-caption);border:1px solid transparent;border-radius:50px;color:#6c6c6c;transition:color .3s,border-color .3s,background .3s}.story-navigation>button.active{color:#fff;border-color:#ffffff20;background:#ffffff06}.story-navigation>button>span{width:5px;height:5px;border-radius:50%;opacity:.35}.story-navigation>button.active>span{opacity:1;box-shadow:0 0 12px currentColor}.dot-green{background:#2bd38d;color:#2bd38d}.dot-orange{background:#ff9b3e;color:#ff9b3e}.dot-red{background:#ff513f;color:#ff513f}.skip-intro{font-size:var(--fox-text-caption);color:#7a7a7a;margin-left:28px}.skip-intro:hover{color:var(--orange)}
.story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff05;z-index:10}.story-progress>span{display:block;height:100%;width:calc(var(--story-progress)*100%);background:var(--orange);box-shadow:0 0 15px #ff671d66}
.app-entry{display:none;background:#090909;padding:45px 25px 50px}
.intro-mode .app-entry{display:block}.intro-mode main>:not(.story):not(.app-entry),.intro-mode .site-footer{display:none}
.app-entry-inner{text-align:center;position:relative;padding:82px 35px 75px;background:radial-gradient(ellipse at 50% -30%,#ff671d26,transparent 63%),linear-gradient(135deg,#1a1a1a,#101010);border:1px solid #ffffff10;border-radius:45px;box-shadow:0 30px 80px #0005;max-width:1180px}
.entry-fox{width:61px;height:61px;color:var(--orange);margin-bottom:30px;filter:drop-shadow(0 5px 20px #ff671d26)}.app-entry .eyebrow{justify-content:center;font-size:var(--fox-text-eyebrow);letter-spacing:.17em;color:#7a7a7a;margin-bottom:28px}.app-entry h2{font-size:clamp(42px,5.6vw,75px);line-height:1.02;letter-spacing:-.05em;margin:0 0 26px}.app-entry h2>span{color:var(--orange)}.app-entry-inner>p:not(.eyebrow){font-size:var(--fox-text-eyebrow);color:#919191;line-height:1.8;max-width:440px;margin:0 auto}.entry-actions{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:33px}.entry-actions>.button{font-size:var(--fox-text-body);min-height:52px}.entry-secondary{border-color:#ffffff20;background:#ffffff04;color:#ddd}.entry-demo-label{display:block;font-size:var(--fox-text-caption);color:#5c5c5c;letter-spacing:.15em;margin-top:29px}
/* Soft surfaces and rounded, shadowed controls throughout the preview. */
.section-light{border-radius:44px;margin:0 14px;background:#f6f6f6;box-shadow:0 -10px 80px #00000010;position:relative;z-index:2}.brand-strip{border-radius:20px;margin:18px 14px 0;border-color:#ffffff0c;background:#191919;box-shadow:0 12px 35px #0003}.intro{margin-top:18px}.network-section{background:radial-gradient(ellipse at 95% 15%,#ff671d08,transparent 48%),#101010}.network-search{border-radius:28px;padding:10px;background:#191919;border-color:#353535;box-shadow:0 15px 40px #00000024}.network-search>.button{border-radius:21px}.network-search label{border-color:#363636}.provider-card{border-radius:28px;background:#1a1a1a;border-color:#ffffff0c;box-shadow:0 14px 38px #00000025}.provider-card:hover{box-shadow:0 24px 55px #00000040;border-color:#ffffff23}.provider-visual{margin:8px;border-radius:21px;background:#171717;height:180px}.provider-visual .provider-pill{border-radius:100px;left:13px;top:12px}.city-art{background:radial-gradient(ellipse at 50% 30%,#3e3e3e,transparent 72%),#161616}.city-art.napoli{background:radial-gradient(ellipse at 70% 100%,#ff671d1a,transparent 75%),#161616}.city-art:after{background:#515151;box-shadow:0 15px 0 #393939,0 65px 0 #262626;opacity:.6}.city-art b{-webkit-text-stroke:1px #737373;color:transparent;letter-spacing:-4px}.city-art small{color:#777}.city-orbit{position:absolute;width:190px;height:190px;border:1px solid #ffffff09;border-radius:50%;left:30%;top:-60px}.city-orbit:after{content:'';position:absolute;inset:24px;border:1px solid #ffffff08;border-radius:50%}.provider-body{padding:21px 24px 24px}.provider-tags span{border-radius:100px;border-color:#3d3d3d;padding:6px 9px}.provider-action{border-color:#343434}.provider-place{color:#929292}.provider-action .icon{color:var(--orange)}.network-note{color:#7c7c7c}.network-note button{color:#dedede}.circle-link{box-shadow:0 7px 25px #00000005}.empty-results{border-radius:24px}.operator-section{border-radius:44px}.floating-note{border-radius:17px;box-shadow:0 14px 35px #00000010;border-color:#ececec}.floating-icon{background:var(--orange-soft)}.phone-orbit{border-color:#dedede}.phone-orbit:before{border-color:#e5e5e5}.phone-orbit:after{border-color:#f0d8cb}.app-teaser{background:radial-gradient(ellipse at 70% 50%,#ff671d09,transparent 70%),#111;border:0}.join-section{border-radius:40px;margin:0 18px 10px;box-shadow:0 15px 60px #ff671d0d}.back-top{border-radius:50%}.site-footer .back-top:hover{color:var(--orange)}
.app-sidebar{border-radius:0 28px 28px 0;background:linear-gradient(160deg,#202020,#101010 65%);box-shadow:8px 0 35px #00000009}.app-sidebar nav a{border-radius:14px;color:#a2a2a2}.app-sidebar nav a:not(.active):hover{background:#2b2b2b}.app-sidebar nav a.active{box-shadow:0 6px 22px #ff671d24;background:var(--orange)}.sidebar-demo{border-radius:17px;background:#ffffff04;border-color:#ffffff0c}.sidebar-demo p,.sidebar-label,.sidebar-profile small,.sidebar-bottom>a{color:#828282}.sidebar-profile{border-color:#ffffff16}.nav-count{border-radius:6px;background:#3c3c3c;color:#ccc}.avatar{background:#e9e9e9}.sidebar-profile .avatar{background:#fff}.app-header{background:#fafafa;border-color:#e7e7e7}.app-breadcrumb,.demo-badge{color:#8b8b8b}.app-breadcrumb b{color:#555}.view-switch{border-radius:100px;border-color:#ddd}.view-switch:hover{background:#f0f0f0}.small-avatar{background:#e9e9e9}.app-content{max-width:1490px}.app-title-row>.button{border-radius:100px;min-height:46px}.app-eyebrow,.app-subtitle{color:#909090}.dashboard-hero{border-radius:26px;background:radial-gradient(ellipse at 90% 0%,#ff671d1c,transparent 65%),linear-gradient(140deg,#242424,#121212);box-shadow:0 14px 35px #00000009;padding:35px}.dashboard-hero:after{border-color:#ffffff0c}.dashboard-hero p{color:#999}.dashboard-hero>.button{border-radius:100px}.stat-card{border-radius:22px;border-color:#e7e7e7;box-shadow:0 6px 22px #00000003}.stat-head,.stat-head .icon{color:#929292}.stat-card p{color:#aaa}.app-panel{border-radius:24px;border-color:#e7e7e7;box-shadow:0 7px 30px #00000004}.panel-heading>a,.panel-heading>button{color:#929292}.activity-row,.quick-action{border-color:#efefef}.activity-icon{border-radius:11px;background:#f2f2f2;color:#777}.activity-text small{color:#aaa}.quick-action{width:100%;text-align:left}.quick-action>span:last-child{color:#aaa}.preview-info{border-radius:17px;border-color:#ddd;color:#939393}.sidebar-demo b{color:#ccc}.app-footer{color:#999;border-color:#e7e7e7}.app-form input:not([type=file]),.app-form textarea,.app-form select{border-radius:14px;border-color:#ddd;background:#fafafa}.app-form .button{border-radius:100px}.field-hint,.sample-title,.search-notice{color:#999}.segmented{border-radius:15px;background:#f4f4f4;border-color:#e1e1e1}.segmented>button{border-radius:11px;color:#999}.segmented>button.active{box-shadow:0 3px 12px #00000005}.sample-options button{border-radius:100px;border-color:#e5e5e5;color:#666}.sample-options button:hover{background:#f7f7f7}.result-empty-icon{background:#fafafa;border-color:#eee;color:#aaa}.search-result>p{color:#999}.result-label,.result-date{color:#aaa}.result-preview-tag{background:#f4f4f4;color:#999;border-radius:100px}.result-identity small{color:#999}.result-lights{background:#f7f7f7;border-color:#ececec}.result-identity>.avatar{background:#f2f2f2}.upload-label{border-radius:18px;background:#fafafa;border-color:#d6d6d6;color:#929292}.upload-label input{color:#999}.form-bottom{border-color:#eee}.form-bottom>p{color:#999}.report-guide{border-radius:24px;background:radial-gradient(ellipse at 100% 0%,#ff671d12,transparent 65%),#191919}.guide-step p,.guide-note{color:#999}.guide-note{border-color:#393939}.report-toolbar{border-color:#eee}.filter-tabs>button{color:#999;border-radius:100px}.filter-tabs>button.active{color:#a74c20;background:var(--orange-soft)}.toolbar-count{color:#aaa}th{background:#fafafa;color:#999;border-color:#eee}td{border-color:#eee}td small{color:#aaa}td .table-detail{color:#888}.status-badge{border-radius:100px;padding:7px 9px}.role-notice{border-radius:16px;background:var(--orange-soft)}dialog{border-radius:30px;background:#fff;border-color:#e5e5e5;padding:45px;box-shadow:0 35px 100px #0006}dialog::backdrop{background:#080808bf}.modal-close{color:#777;border-radius:50%;background:#f5f5f5}.modal-copy{color:#929292}.modal-provider{color:#999}.modal-provider span{border-color:#e1e1e1;border-radius:100px}.report-detail{background:#f7f7f7;color:#888;border-radius:17px;padding:20px}.report-detail b{color:#555}.modal-contact .button{border-radius:100px}.admin-actions{border-color:#e5e5e5}.admin-actions>.button{border-radius:100px}.admin-actions select{border-radius:12px;border-color:#ddd}.modal-meta{color:#999}.toast{background:#202020;border-color:#444;border-radius:100px;box-shadow:0 15px 50px #0005}
@media(min-width:1600px){.story-scene .hero-content{padding-top:23svh}.traffic-scene{right:1%;width:49%}.traffic-object{transform:translate(-50%,-43%) rotate(6deg) scale(1.12)}.story[data-phase="1"] .traffic-object{transform:translate(-50%,-43%) rotate(1deg) scale(1.12)}.story[data-phase="2"] .traffic-object{transform:translate(-67%,-43%) rotate(-7deg) scale(1.02)}}
@media(max-width:1180px){.story-scene .hero-content{padding-top:185px}.story-copy-stage{height:310px}.story-scene .story-copy-panel h1,.story-scene .story-copy-panel h2{font-size:73px}.story-scene .hero-copy{font-size:var(--fox-text-body)}.traffic-object{transform:translate(-50%,-43%) rotate(6deg) scale(.92)}.story[data-phase="1"] .traffic-object{transform:translate(-50%,-43%) rotate(1deg) scale(.92)}.story[data-phase="2"] .traffic-object{transform:translate(-67%,-43%) rotate(-7deg) scale(.85)}.fox-emergence{width:180px;height:180px;left:63%;top:27%}.signal-orbit{width:460px;height:460px}.orbit-two{width:570px;height:570px}.network-search>.button{border-radius:21px}.app-entry-inner{padding:70px 30px}.dashboard-hero{padding:29px}}
@media(max-width:940px) and (min-width:701px){.story-scene .story-copy-panel h1,.story-scene .story-copy-panel h2{font-size:62px}.traffic-scene{width:49%;right:-4%}.traffic-object{transform:translate(-50%,-43%) rotate(6deg) scale(.82)}.story[data-phase="1"] .traffic-object{transform:translate(-50%,-43%) rotate(1deg) scale(.82)}.story[data-phase="2"] .traffic-object{transform:translate(-67%,-43%) rotate(-7deg) scale(.76)}.fox-emergence{left:57%;width:155px;height:155px;top:30%}.story-copy-stage{height:290px}.story-scene .hero-eyebrow{font-size:var(--fox-text-eyebrow)}.story-scene .hero-buttons{gap:18px}.story-scene .hero-buttons>.button{min-width:155px}.story-scene .hero-buttons>.text-link{font-size:var(--fox-text-body)}}
@media(max-width:700px){.site-header{top:11px;left:12px;width:calc(100% - 24px);height:61px;padding:0 16px;border-radius:23px}.site-header.scrolled{height:58px}.mobile-nav{left:-1px;right:-1px;top:calc(100% + 8px);border-radius:23px;border:1px solid #ffffff15;background:#191919f5;box-shadow:0 20px 40px #0005;padding:12px 18px 18px}.mobile-nav a{border-color:#343434;font-size:15px}.story{height:300svh}.story-scene.hero{height:100svh;min-height:650px}.story-scene .hero-content{padding-top:107px}.story-scene .hero-eyebrow{font-size:var(--fox-text-eyebrow);letter-spacing:.11em;margin-bottom:25px;gap:8px}.story-scene .hero-eyebrow .orange-line{width:17px}.story-copy-stage{height:207px;max-width:none}.story-kicker{font-size:var(--fox-text-eyebrow);margin-bottom:14px;letter-spacing:.16em}.story-scene .story-copy-panel h1,.story-scene .story-copy-panel h2{font-size:clamp(42px,11.3vw,65px);line-height:1.01;letter-spacing:-.05em;margin:0 0 17px}.story-scene .hero-copy{font-size:var(--fox-text-body);line-height:1.75;color:#8e8e8e}.story-scene .hero-buttons{margin-top:5px;gap:19px}.story-scene .hero-buttons>.button{min-height:43px;min-width:142px;font-size:var(--fox-text-body);padding:0 17px;gap:20px}.story-scene .hero-buttons>.text-link{font-size:var(--fox-text-caption);gap:7px}.story-scene .hero-buttons .icon{width:15px;height:15px}.traffic-scene{height:355px;width:100%;right:0;top:auto;bottom:78px}.traffic-object{left:49%;top:44%;transform:translate(-50%,-43%) rotate(7deg) scale(.59);transform-origin:50% 50%}.story[data-phase="1"] .traffic-object{transform:translate(-50%,-43%) rotate(1deg) scale(.59)}.story[data-phase="2"] .traffic-object{transform:translate(-73%,-43%) rotate(-8deg) scale(.55)}.traffic-housing{box-shadow:inset 3px 1px 5px #ffffff1a,inset -4px -7px 12px #000,15px 10px 35px #0008}.signal-aura{top:50%;height:340px;width:340px}.signal-orbit{width:320px;height:320px;left:49%;top:50%;border-color:#ffffff06}.orbit-two{width:395px;height:395px;border-color:#ffffff03}.signal-floor{bottom:2%;width:250px;height:30px}.signal-annotation{bottom:0;font-size:5px;letter-spacing:.2em;color:#595959}.fox-emergence{width:135px;height:135px;left:65%;top:23%}.story-ambient{width:500px;height:500px;top:auto;bottom:-70px;right:-60px;opacity:.7}.story-grid{background-size:65px 65px;mask-image:radial-gradient(ellipse at 50% 70%,#000,transparent 58%);opacity:.06}.story-scene:after{height:70px}.story-scene .hero-bottom{bottom:22px;gap:10px}.story-scene .scroll-link{font-size:var(--fox-text-caption);gap:9px;line-height:1.6;max-width:125px}.story-scene .scroll-pill{width:19px;height:30px;font-size:var(--fox-text-caption);flex-shrink:0}.story-navigation{gap:0}.story-navigation>button{width:39px;height:32px;font-size:var(--fox-text-caption);gap:6px}.story-navigation>button>span{width:4px;height:4px}.skip-intro{font-size:var(--fox-text-caption);margin-left:auto;white-space:nowrap}.story-progress{height:2px}.app-entry{padding:28px 12px 30px}.app-entry-inner{width:100%;padding:60px 20px 50px;border-radius:30px}.entry-fox{width:52px;height:52px;margin-bottom:25px}.app-entry .eyebrow{font-size:var(--fox-text-eyebrow);letter-spacing:.13em;margin-bottom:24px}.app-entry h2{font-size:42px;line-height:1.04;margin-bottom:23px}.app-entry-inner>p:not(.eyebrow){font-size:var(--fox-text-eyebrow);max-width:280px;line-height:1.8}.entry-actions{gap:10px;flex-direction:column;margin-top:27px}.entry-actions>.button{font-size:var(--fox-text-body);min-height:47px;padding:0 20px;min-width:245px;justify-content:space-between}.entry-demo-label{font-size:var(--fox-text-caption);letter-spacing:.1em;margin-top:25px}.section-light{border-radius:29px;margin-left:8px;margin-right:8px}.section-light>.wrap{width:calc(100% - 36px)}.brand-strip{margin:12px 8px 0;border-radius:16px}.intro{margin-top:12px}.network-search{border-radius:23px;padding:8px}.network-search label{padding:13px}.network-search>.button{border-radius:15px;margin-top:7px}.provider-card{border-radius:24px}.provider-visual{border-radius:18px;margin:7px;height:190px}.provider-body{padding:19px 21px 22px}.city-art b{font-size:90px}.operator-section{border-radius:29px}.join-section{border-radius:28px;margin:0 10px 8px}.phone-stage{overflow:visible}.floating-note{border-radius:15px}.app-entry+.brand-strip{margin-top:0}.app-content{padding-top:28px}.app-panel{border-radius:22px}.dashboard-hero{padding:25px;border-radius:24px}.stat-card{border-radius:17px;padding:18px 12px}.app-title-row>.button{min-height:41px}.app-mobile-nav{background:#171717f5;backdrop-filter:blur(20px);border:1px solid #ffffff15;border-radius:23px;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));height:63px;padding:9px 6px;box-shadow:0 12px 35px #0003;color:#828282}.app-main{padding-bottom:90px}.app-mobile-nav a{font-size:var(--fox-text-caption);gap:6px}.view-switch{border-radius:100px}.search-panel,.report-form{padding:24px 19px}.sample-options button{border-radius:100px}.preview-info{border-radius:17px}.role-notice{border-radius:17px}.report-toolbar{padding:18px 15px}.upload-label{border-radius:17px}.app-form .button{border-radius:100px}.segmented{border-radius:14px}.segmented>button{border-radius:10px}dialog{border-radius:26px;padding:36px 24px 28px}.toast{bottom:98px;border-radius:22px;font-size:var(--fox-text-body)}.modal-contact .button,.admin-actions>.button{border-radius:100px}.report-detail{border-radius:15px}.filter-tabs>button{border-radius:100px}}
@media(max-width:700px) and (max-height:780px){.story-scene.hero{min-height:620px}.story-scene .hero-content{padding-top:96px}.story-scene .hero-eyebrow{margin-bottom:20px}.story-copy-stage{height:186px}.story-scene .story-copy-panel h1,.story-scene .story-copy-panel h2{font-size:42px}.story-scene .hero-copy{font-size:var(--fox-text-caption)}.traffic-scene{height:300px;bottom:64px}.traffic-object{transform:translate(-50%,-43%) rotate(7deg) scale(.51)}.story[data-phase="1"] .traffic-object{transform:translate(-50%,-43%) rotate(1deg) scale(.51)}.story[data-phase="2"] .traffic-object{transform:translate(-73%,-43%) rotate(-8deg) scale(.48)}.fox-emergence{width:115px;height:115px;top:22%}.signal-orbit{width:270px;height:270px}.orbit-two{width:330px;height:330px}.story-scene .hero-bottom{bottom:18px}.signal-annotation{bottom:-1px}.hero-buttons{gap:15px}}
@media(max-width:370px){.story-scene .hero-eyebrow{font-size:var(--fox-text-eyebrow)}.story-scene .story-copy-panel h1,.story-scene .story-copy-panel h2{font-size:39px}.story-scene .hero-buttons>.button{min-width:132px}.story-scene .hero-buttons>.text-link{font-size:var(--fox-text-caption)}.story-scene .hero-bottom{gap:5px}.story-navigation>button{width:34px}.skip-intro{font-size:var(--fox-text-caption)}.app-entry h2{font-size:36px}.fox-emergence{left:64%}.stat-card{padding:16px 9px}}
.app-subtitle,.stat-head,.stat-head .icon,.panel-heading>a,.panel-heading>button,.activity-text small,.preview-info,.field-hint,.sample-title,.search-notice,.search-result>p,.modal-copy,.modal-meta{color:#737373}
.app-eyebrow,.stat-card p,.toolbar-count,td small,.app-footer{color:#808080}
@media(max-width:700px){.app-mobile-nav a{font-size:var(--fox-text-caption)}.status-badge{font-size:var(--fox-text-caption)}.activity-text b{font-size:var(--fox-text-body)}.activity-text small{font-size:var(--fox-text-caption)}.app-subtitle{font-size:var(--fox-text-body)}.field-hint,.search-notice{font-size:var(--fox-text-caption)!important}}
@media(max-width:700px){.table-scroll table{display:block;min-width:0;width:100%}.table-scroll thead{display:none}.table-scroll tbody{display:grid;gap:12px;padding:14px}.table-scroll tbody tr{display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:13px;border:1px solid #ececec;border-radius:17px;padding:17px}.table-scroll td{display:block;padding:0;border:0;white-space:normal}.table-scroll td:nth-child(1){grid-column:1;grid-row:1;font-size:var(--fox-text-caption);color:#8a8a8a}.table-scroll td:nth-child(1) small{display:none}.table-scroll td:nth-child(2){grid-column:1;grid-row:2;font-size:var(--fox-text-body);font-weight:700}.table-scroll td:nth-child(2) small{font-weight:400;font-size:var(--fox-text-caption);margin-top:6px}.table-scroll td:nth-child(3){grid-column:1;grid-row:3;font-size:var(--fox-text-caption);color:#929292}.table-scroll td:nth-child(4){grid-column:2;grid-row:1;align-self:center}.table-scroll td:nth-child(4) .status-badge{font-size:var(--fox-text-caption);padding:5px 7px}.table-scroll td:nth-child(5){grid-column:2;grid-row:3;align-self:end}.table-scroll td .table-detail{font-size:var(--fox-text-caption);gap:5px}.table-scroll td .table-detail .icon{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.story-copy-panel,.traffic-object,.fox-emergence,.lamp-glass,.signal-aura{transition:none!important}.story-scene .hero-content{pointer-events:auto}}