@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#111527;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111527;--muted:#73798a;--line:#e4e6ed;--surface:#fff;--surface-2:#f6f7fb;--violet:#7157f7;--pink:#f73b88;--success:#18a87b;--shadow:0 24px 80px #1419322e;background:#e9ebf3;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #7157f759}button{-webkit-tap-highlight-color:transparent}.prototype-shell{background-color:#eceef5;background-image:radial-gradient(circle at 20% 28%,#7157f71f 0 1px,#0000 1.5px),radial-gradient(circle at 78% 68%,#f73b881a 0 1px,#0000 1.5px);background-size:27px 27px,31px 31px;grid-template-columns:minmax(260px,330px) 430px minmax(180px,280px);justify-content:center;align-items:center;gap:clamp(26px,5vw,74px);min-height:100vh;padding:42px;display:grid}.theme-driver{--app-bg:#090e19;--app-surface:#141b2a;--app-surface-2:#1a2234;--app-text:#f8f9fc;--app-muted:#929bad;--app-line:#293246;--accent:#8067ff;--accent-soft:#8067ff29;--accent-2:#ff4c94}.theme-client{--app-bg:#f7f7fa;--app-surface:#fff;--app-surface-2:#f2f3f7;--app-text:#131626;--app-muted:#73798a;--app-line:#e4e5ec;--accent:#f43b83;--accent-soft:#f43b831a;--accent-2:#795cff}.phone{width:430px;height:min(900px,100vh - 54px);min-height:720px;color:var(--app-text);background:var(--app-bg);box-shadow:0 2px 0 #424651 inset, 0 0 0 2px #08090c, var(--shadow);border:7px solid #15171d;border-radius:44px;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone:before{content:"";z-index:20;background:#0b0c10;border-radius:14px;width:105px;height:24px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-status{z-index:21;background:var(--app-bg);flex:none;justify-content:space-between;height:39px;padding:14px 25px 0;font-size:12px;font-weight:700;display:flex;position:relative}.phone-status span{align-items:center;gap:6px;display:flex}.phone-screen{overscroll-behavior:contain;scrollbar-width:none;background:var(--app-bg);flex:auto;position:relative;overflow-y:auto}.phone-screen::-webkit-scrollbar{display:none}.app-header{z-index:12;background:color-mix(in srgb, var(--app-bg) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb, var(--app-line) 72%, transparent);justify-content:space-between;align-items:center;min-height:59px;padding:9px 18px 8px;display:flex;position:sticky;top:0}.app-header>div{align-items:center;gap:9px;display:flex}.app-header h1{margin:0;font:600 16px/1.1 Space Grotesk,sans-serif}.app-header__actions{gap:8px;display:flex}.icon-button{border:1px solid var(--app-line);background:var(--app-surface);cursor:pointer;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button i{color:#fff;background:var(--accent);border-radius:9px;place-items:center;min-width:16px;height:16px;font:700 9px/1 DM Sans;display:grid;position:absolute;top:-4px;right:-3px}.brand{letter-spacing:-3px;color:#2739c5;flex-wrap:wrap;align-items:baseline;font:700 48px/.9 Space Grotesk,sans-serif;display:flex}.brand b{color:#ef3886}.brand small{color:#5a6072;letter-spacing:-.2px;flex-basis:100%;margin-top:10px;font:600 10px/1.2 DM Sans,sans-serif}.brand--compact{letter-spacing:-2px;font-size:27px}.role-chip{background:var(--app-surface);border:1px solid var(--app-line);color:var(--app-muted);border-radius:99px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-weight:700;display:inline-flex}.role-chip>span{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.screen-content{flex-direction:column;gap:15px;padding:14px 16px 28px;display:flex}.welcome-row{justify-content:space-between;align-items:center;padding:5px 3px 1px;display:flex}.welcome-row h2,.order-title-row h2,.tracking-status h2{letter-spacing:-.5px;margin:4px 0 2px;font:700 22px/1.15 Space Grotesk,sans-serif}.welcome-row h2 span{font-size:18px}.welcome-row p,.tracking-status p{color:var(--app-muted);margin:0;font-size:12px}.eyebrow,.card-label{color:var(--app-muted);letter-spacing:.11em;font-size:9px;font-weight:700}.avatar,.profile-avatar{color:#fff;background:var(--accent);border-radius:17px;place-items:center;width:48px;height:48px;font:700 14px/1 Space Grotesk;display:grid;position:relative}.avatar span,.profile-avatar span,.driver-photo span{border:2px solid var(--app-bg);background:#32d89c;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.avatar--client{background:#202a64}.sync-banner{border:1px solid var(--app-line);width:100%;min-height:34px;color:var(--app-muted);background:var(--app-surface);cursor:pointer;border-radius:11px;align-items:center;gap:7px;padding:0 11px;font-size:10px;display:flex}.sync-banner svg{color:#27bd91}.sync-banner span{margin-left:auto}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.section-heading h3{margin:0;font:600 14px/1.2 Space Grotesk,sans-serif}.section-heading button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:3px;font-size:11px;font-weight:700}.section-heading small{color:var(--app-muted);font-size:9px}.order-card{text-align:left;border:1px solid var(--app-line);background:var(--app-surface);width:100%;color:var(--app-text);cursor:pointer;border-radius:17px;padding:0;display:block;overflow:hidden;box-shadow:0 7px 20px #04081412}.order-card__top{color:var(--app-muted);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:13px 14px 10px;font-size:9px;font-weight:700;display:flex}.pill{background:var(--accent);color:#fff;letter-spacing:.06em;border-radius:6px;padding:5px 7px;font-size:8px}.pill--success{background:var(--success)}.order-route{grid-template-columns:14px 1fr auto;align-items:center;gap:7px;padding:0 14px 12px;display:grid}.route-dots{flex-direction:column;align-self:stretch;align-items:center;padding:5px 0;display:flex}.route-dots i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.route-dots span{background:var(--accent);opacity:.7;flex:1;width:1px}.order-route__places{flex-direction:column;gap:13px;display:flex}.order-route__places div{flex-direction:column;gap:2px;display:flex}.order-route__places b{font-size:12px}.order-route__places small{color:var(--app-muted);font-size:9px}.order-route>strong{align-self:start;margin-top:3px;font:600 15px/1 Space Grotesk}.order-route>strong small{color:var(--app-muted);font-size:9px}.order-card__meta{background:var(--app-surface-2);border-top:1px solid var(--app-line);min-height:41px;color:var(--app-muted);align-items:center;gap:14px;padding:0 14px;font-size:9px;display:flex}.order-card__meta span{align-items:center;gap:4px;display:flex}.order-card__meta>svg{color:var(--accent);margin-left:auto}.eta-strip{min-height:38px;color:var(--app-muted);border-top:1px solid var(--app-line);align-items:center;gap:7px;padding:0 14px;font-size:10px;display:flex}.eta-strip svg,.eta-strip b{color:var(--accent)}.eta-strip b{margin-left:auto;font-size:13px}.nearest-card{border:1px solid var(--app-line);background:var(--app-surface);border-radius:15px;align-items:center;gap:10px;min-height:74px;padding:11px;display:flex}.nearest-card__icon{background:var(--accent-soft);width:39px;height:39px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.nearest-card>div:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.nearest-card span{color:var(--app-muted);font-size:8px;font-weight:700}.nearest-card b{font-size:11px}.nearest-card small{color:var(--app-muted);font-size:9px}.nearest-card button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:10px;margin-left:auto;padding:10px 11px;font-size:10px;font-weight:700}.quick-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quick-actions button{border:1px solid var(--app-line);min-height:68px;color:var(--app-muted);background:var(--app-surface);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.quick-actions button svg{color:var(--accent)}.quick-actions button span{font-size:9px;font-weight:700}.mini-map-card,.tracking-card{border:1px solid var(--app-line);background:var(--app-surface);border-radius:16px;overflow:hidden}.mini-map-card>div:last-child{min-height:39px;color:var(--app-muted);align-items:center;gap:6px;padding:0 12px;font-size:9px;display:flex}.mini-map-card>div:last-child svg:first-child{color:var(--accent)}.mini-map-card>div:last-child svg:last-child{margin-left:auto}.card{border:1px solid var(--app-line);background:var(--app-surface);border-radius:16px;padding:13px}.order-title-row{justify-content:space-between;align-items:center;padding:3px 2px 0;display:flex}.order-title-row h2{font-size:19px}.status-rail{grid-template-columns:repeat(5,1fr);padding-top:4px;display:grid;position:relative}.status-line{background:var(--app-line);height:2px;position:absolute;top:17px;left:10%;right:10%}.status-line span{background:var(--accent);height:100%;transition:width .5s;display:block}.status-step{z-index:1;color:var(--app-muted);flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.status-step>span{background:var(--app-surface-2);border:2px solid var(--app-surface);border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.status-step small{white-space:nowrap;font-size:7px}.status-step--active>span{color:#fff;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.status-step--active small{color:var(--app-text);font-weight:700}.address-card{position:relative}.address-row{gap:11px;padding:12px 4px 2px;display:flex}.address-row>i{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;flex:none;margin-top:7px}.address-row>div{flex-direction:column;gap:3px;display:flex}.address-row small{color:var(--accent);font-size:8px;font-weight:700}.address-row b{font-size:12px}.address-row span{color:var(--app-muted);font-size:10px}.address-connector{border-left:1px dashed var(--accent);opacity:.55;height:41px;position:absolute;top:52px;left:21px}.address-row--end{padding-top:14px}.client-card,.driver-card{align-items:center;gap:10px;display:flex}.client-avatar,.driver-photo{color:#fff;background:#313b64;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-weight:700;display:grid;position:relative}.client-card>div:nth-child(2),.driver-card>div:nth-child(2){flex-direction:column;gap:2px;display:flex}.client-card b,.driver-card b{font-size:12px}.client-card small,.driver-card span{color:var(--app-muted);font-size:9px}.client-card a{color:var(--accent);font-size:9px;text-decoration:none}.client-card>button,.driver-card>button{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);cursor:pointer;border:0;border-radius:12px;place-items:center;margin-left:auto;display:grid}.driver-card b small{color:#ffb22f;font-size:9px}.eta-card{border-color:color-mix(in srgb, var(--accent) 50%, var(--app-line));background:var(--accent-soft)}.eta-card .section-heading svg{color:var(--accent)}.eta-card .section-heading h3{margin-top:3px;font-size:17px}.eta-buttons{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.eta-buttons button{border:1px solid color-mix(in srgb, var(--accent) 36%, var(--app-line));min-height:43px;color:var(--app-text);background:var(--app-surface);cursor:pointer;border-radius:11px;font:700 12px/1 Space Grotesk}.eta-buttons button:hover{color:#fff;background:var(--accent)}.eta-card p{color:var(--app-muted);text-align:center;margin:9px 0 0;font-size:8px}.transport-card .facts{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.facts div{flex-direction:column;gap:3px;display:flex}.facts span{color:var(--app-muted);font-size:8px}.facts b{font-size:11px}.transport-card>p{border-top:1px solid var(--app-line);color:var(--app-muted);align-items:center;gap:6px;margin:12px 0 0;padding-top:10px;font-size:9px;display:flex}.transport-card>p svg{color:var(--accent)}.primary-action,.secondary-action{color:#fff;background:var(--accent);cursor:pointer;width:100%;min-height:51px;box-shadow:0 10px 24px var(--accent-soft);border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.secondary-action{color:var(--accent);border:1px solid var(--app-line);background:var(--app-surface);box-shadow:none}.delivery-action{background:#20a87e;box-shadow:0 10px 24px #20a87e2e}.delivered-card{color:#20a87e;background:#20a87e1a;border:1px solid #20a87e59;border-radius:15px;align-items:center;gap:11px;padding:14px;display:flex}.delivered-card>div{flex-direction:column;gap:3px;display:flex}.delivered-card b{font-size:12px}.delivered-card span{font-size:9px}.route-content{gap:16px}.route-hero{margin:-14px -16px 0;position:relative}.recenter{border:1px solid var(--app-line);width:40px;height:40px;color:var(--accent);background:var(--app-surface);cursor:pointer;border-radius:13px;place-items:center;display:grid;position:absolute;bottom:14px;right:15px;box-shadow:0 5px 15px #0a0f1e26}.route-map{color:#4f5667;background:#e8eaf0;height:300px;position:relative;overflow:hidden}.route-map--compact{height:122px}.map-grid{opacity:.75;background-color:#edf0f3;background-image:linear-gradient(29deg,#0000 44%,#cdd3db 45% 46%,#0000 47%),linear-gradient(117deg,#0000 44%,#d7dbe2 45% 46%,#0000 47%);background-size:73px 61px,98px 78px;position:absolute;inset:0}.route-map:after{content:"";opacity:.9;background:#cbdde4;border-radius:50%;height:78px;position:absolute;bottom:-35px;left:-10%;right:-10%}.route-map svg{z-index:2;width:94%;height:86%;position:absolute;inset:9% 3% 5%;overflow:visible}.road{fill:none;stroke-linecap:round;stroke-linejoin:round}.road--shadow{stroke:#fff;stroke-width:12px;opacity:.92}.road--done{stroke:var(--accent-2);stroke-width:6px;stroke-dasharray:4 2}.road--ahead{stroke:var(--accent);stroke-width:6px;stroke-dasharray:4 2}.map-city{z-index:3;color:#606778;background:#ffffffb8;border-radius:4px;padding:2px 4px;font-size:7px;font-weight:700;position:absolute}.map-city--vienna{top:14%;right:10%}.map-city--munich{top:36%;right:39%}.map-city--milan{top:57%;left:38%}.map-city--nice{bottom:12%;left:9%}.map-origin,.map-destination,.van-marker{z-index:5;place-items:center;display:grid;position:absolute}.map-origin{background:var(--accent-2);border:3px solid #fff;border-radius:50%;width:12px;height:12px;top:14%;right:12%;box-shadow:0 2px 5px #141e3240}.map-destination{color:var(--accent);bottom:10%;left:10%}.van-marker{color:#fff;background:#18213a;border:2px solid #fff;border-radius:9px;width:33px;height:26px;transition:all .7s;animation:2.6s ease-in-out infinite vanPulse;top:62%;left:39%;box-shadow:0 4px 10px #0a0f1e47}.route-map--compact .van-marker{top:59%;left:39%;transform:scale(.8)}.van-marker--delivered{animation:none;top:80%;left:11%}.route-map--compact .van-marker--delivered{top:80%;left:11%}.map-live-chip{z-index:7;color:#3f4657;background:#ffffffe6;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-weight:700;display:flex;position:absolute;top:12px;left:13px;box-shadow:0 4px 12px #141e321a}.map-live-chip span,.live-label i{background:#25bd8e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #25bd8e26}.route-summary{border:1px solid var(--app-line);background:var(--app-surface);border-radius:16px;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;padding:12px;display:grid}.route-summary>div{flex-direction:column;gap:3px;display:flex}.route-summary span,.arrival-card span{color:var(--app-muted);letter-spacing:.06em;font-size:7px;font-weight:700}.route-summary b{font:700 16px/1 Space Grotesk}.route-summary button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:5px;padding:10px;font-size:9px;font-weight:700;display:flex}.live-label{color:#26ae85;align-items:center;gap:6px;font-size:8px;font-weight:700;display:inline-flex}.stop-list{flex-direction:column;gap:12px;display:flex;position:relative}.stop-list:before{content:"";border-left:1px dashed var(--app-line);position:absolute;top:29px;bottom:29px;left:15px}.stop{border:1px solid var(--app-line);background:var(--app-surface);border-radius:14px;gap:10px;padding:10px;display:flex;position:relative}.stop>span{z-index:1;background:var(--app-surface-2);border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid}.stop>div{flex-direction:column;gap:2px;display:flex}.stop small{color:var(--app-muted);font-size:8px}.stop b{font-size:12px}.stop p{color:var(--app-muted);margin:0;font-size:9px}.stop--done>span{color:#fff;background:#25ae83}.stop--active{border-color:color-mix(in srgb, var(--accent) 45%, var(--app-line))}.stop--active>span{color:#fff;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.eta-hero{text-align:left;width:100%;min-height:84px;color:var(--app-text);cursor:pointer;background:#fff0f6;border:1px solid #f43b8340;border-radius:16px;flex-direction:column;align-items:stretch;gap:6px;padding:12px 42px 12px 13px;display:flex;position:relative}.eta-hero>div{color:var(--accent);align-items:center;gap:6px;font-size:8px;font-weight:700;display:flex}.eta-hero>b{font:600 16px/1.2 Space Grotesk}.eta-hero strong{color:var(--accent)}.eta-hero>svg{color:var(--accent);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tracking-card{padding:12px}.tracking-card .section-heading{margin-bottom:10px}.tracking-card .section-heading h3{margin-top:3px}.map-button{cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;padding:0;display:block;overflow:hidden}.map-button>span{color:#fff;background:var(--accent);justify-content:space-between;align-items:center;min-height:34px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.message-history{flex-direction:column;gap:9px;display:flex}.message{border:1px solid var(--app-line);background:var(--app-surface);border-radius:14px;grid-template-columns:38px 1fr;gap:10px;padding:11px;display:grid}.message--new{border-color:color-mix(in srgb, var(--accent) 45%, var(--app-line));box-shadow:0 6px 16px var(--accent-soft)}.message__icon{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;display:grid}.message>div:nth-child(2){min-width:0}.message>div:nth-child(2)>div{justify-content:space-between;display:flex}.message b{font-size:11px}.message time,.message small{color:var(--app-muted);font-size:8px}.message p{color:var(--app-muted);margin:4px 0 3px;font-size:9px;line-height:1.45}.updates-intro{text-align:center;padding:13px 16px 5px}.updates-icon{width:51px;height:51px;color:var(--accent);background:var(--accent-soft);border-radius:17px;place-items:center;margin:0 auto 10px;display:grid}.updates-intro h2{margin:0 0 5px;font:700 20px/1.2 Space Grotesk}.updates-intro p{color:var(--app-muted);margin:0;font-size:10px}.privacy-note{border:1px solid var(--app-line);color:var(--app-muted);background:var(--app-surface);border-radius:14px;gap:9px;padding:12px;display:flex}.privacy-note svg{color:var(--accent);flex:none}.privacy-note>div{flex-direction:column;gap:2px;display:flex}.privacy-note b{color:var(--app-text);font-size:10px}.privacy-note span{font-size:8px;line-height:1.4}.cargo-card{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cargo-card>div{grid-template-columns:24px 1fr;align-items:center;display:grid}.cargo-card svg{color:var(--accent);grid-row:span 2}.cargo-card span{color:var(--app-muted);font-size:8px}.cargo-card b{font-size:9px}.tracking-status{padding:7px 2px 0}.tracking-status .live-label{color:#24ad82}.client-tracking .route-hero{border-radius:0 0 18px 18px;overflow:hidden}.arrival-card{border:1px solid var(--app-line);background:var(--app-surface);border-radius:16px;align-items:center;padding:14px;display:flex}.arrival-card>div:first-child{flex-direction:column;gap:3px;display:flex}.arrival-card b{color:var(--accent);font:700 22px/1 Space Grotesk}.arrival-card small{color:var(--app-muted);font-size:9px}.arrival-card .driver-photo{margin-left:auto}.profile-hero{flex-direction:column;align-items:center;padding:15px;display:flex}.profile-avatar{border-radius:23px;width:70px;height:70px;font-size:20px}.profile-hero h2{margin:12px 0 3px;font:700 20px/1.2 Space Grotesk}.profile-hero p{color:var(--app-muted);margin:0 0 10px;font-size:10px}.settings-list{border:1px solid var(--app-line);background:var(--app-surface);border-radius:16px;overflow:hidden}.settings-list button{border:0;border-bottom:1px solid var(--app-line);width:100%;min-height:62px;color:var(--app-text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0 13px;display:flex}.settings-list button:last-child{border-bottom:0}.settings-list button>svg:first-child{color:var(--accent)}.settings-list button>svg:last-child{color:var(--app-muted);margin-left:auto}.settings-list button span{flex-direction:column;gap:3px;display:flex}.settings-list b{font-size:11px}.settings-list small{color:var(--app-muted);font-size:8px}.version{text-align:center;color:var(--app-muted);font-size:8px}.architecture-intro h2{margin:5px 0 6px;font:700 21px/1.15 Space Grotesk}.architecture-intro p{color:var(--app-muted);margin:0;font-size:10px;line-height:1.5}.architecture-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:6px;display:grid}.architecture-flow>div{border:1px solid var(--app-line);min-height:83px;color:var(--accent);background:var(--app-surface);text-align:center;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.architecture-flow b{color:var(--app-text);font-size:9px}.architecture-flow small{color:var(--app-muted);font-size:7px}.architecture-flow>i{color:var(--accent);font-style:normal}.architecture-list{border:1px solid var(--app-line);background:var(--app-surface);border-radius:15px;flex-direction:column;display:flex;overflow:hidden}.architecture-list article{border-bottom:1px solid var(--app-line);gap:10px;padding:12px;display:flex}.architecture-list article:last-child{border-bottom:0}.architecture-list svg{color:var(--accent);flex:none}.architecture-list b{margin-bottom:3px;font-size:10px;display:block}.architecture-list p,.stage-list p{color:var(--app-muted);margin:0;font-size:8px;line-height:1.45}.stage-list{flex-direction:column;gap:8px;display:flex}.stage-list article{border-left:2px solid var(--accent);background:var(--app-surface);border-radius:0 11px 11px 0;align-items:center;gap:10px;padding:10px;display:flex}.stage-list article>span{color:var(--accent);font:700 13px/1 Space Grotesk}.stage-list b{font-size:10px}.doc-link{min-height:47px;color:var(--accent);background:var(--accent-soft);border-radius:13px;align-items:center;gap:8px;padding:0 12px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.doc-link svg:last-child{margin-left:auto}.bottom-nav{z-index:16;border-top:1px solid var(--app-line);background:color-mix(in srgb, var(--app-bg) 95%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex:none;grid-template-columns:repeat(4,1fr);height:68px;padding:5px 8px 8px;display:grid}.bottom-nav button{color:var(--app-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.bottom-nav span{font-size:8px;font-weight:600}.bottom-nav button.active{color:var(--accent)}.bottom-nav button.active:before{content:"";background:var(--accent);border-radius:2px;width:25px;height:2px;position:absolute;top:0}.toast{z-index:40;color:#dffff5;background:#153e35;border:1px solid #26be8f47;border-radius:14px;align-items:center;gap:9px;min-height:50px;padding:10px 12px;font-size:10px;font-weight:600;animation:.25s ease-out both toastIn;display:flex;position:absolute;bottom:78px;left:18px;right:18px;box-shadow:0 12px 34px #00000042}.theme-client .toast{color:#fff}.toast svg{color:#41d7a9;flex:none}.sync-overlay{z-index:38;color:#fff;background:#20263a;border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;display:flex;position:absolute;top:106px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0003}.spin{animation:.9s linear infinite spin}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04070ead;align-items:end;display:grid;position:absolute;inset:0}.modal{color:var(--app-text);background:var(--app-surface);text-align:center;border-radius:24px 24px 0 0;padding:23px 19px 17px;animation:.3s ease-out both sheetUp;position:relative}.modal__close{width:34px;height:34px;color:var(--app-muted);background:var(--app-surface-2);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.modal__icon{color:#20a87e;background:#20a87e1f;border-radius:19px;place-items:center;width:58px;height:58px;margin:0 auto 11px;display:grid}.modal h2{margin:0 0 6px;font:700 20px/1.2 Space Grotesk}.modal>p{max-width:310px;color:var(--app-muted);margin:0 auto;font-size:10px;line-height:1.5}.confirm-summary{background:var(--app-surface-2);border-radius:12px;flex-direction:column;gap:4px;margin:15px 0;padding:11px;display:flex}.confirm-summary span{color:var(--app-muted);font-size:8px}.confirm-summary b{font-size:10px}.text-action{color:var(--app-muted);cursor:pointer;background:0 0;border:0;margin-top:10px;padding:6px;font-size:10px}.demo-rail{flex-direction:column;align-self:center;gap:27px;max-width:320px;display:flex}.demo-rail .brand{font-size:52px}.demo-rail h2{color:#14182a;letter-spacing:-1px;margin:6px 0;font:700 28px/1.05 Space Grotesk}.demo-rail p{color:#6d7382;margin:0;font-size:12px;line-height:1.55}.rail-role-switch{flex-direction:column;gap:8px;display:flex}.rail-role-switch button{color:#555c70;text-align:left;cursor:pointer;background:#ffffffa6;border:1px solid #d9dce6;border-radius:15px;align-items:center;gap:11px;min-height:63px;padding:10px 12px;display:flex}.rail-role-switch button.active{color:#5941dd;background:#fff;border-color:#755cf6;box-shadow:0 10px 30px #473aa01f}.rail-role-switch span{flex-direction:column;gap:2px;display:flex}.rail-role-switch b{color:#181c2d;font-size:12px}.rail-role-switch small{font-size:9px}.architecture-button{color:#22273a;cursor:pointer;background:#ffffff9e;border:1px solid #d8dbe5;border-radius:13px;align-items:center;gap:8px;min-height:47px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.architecture-button svg:last-child{margin-left:auto}.demo-state{color:#747a8a;align-items:center;gap:13px;font-size:9px;display:flex}.demo-state span{align-items:center;gap:5px;display:flex}.demo-state i{background:#7a62f7;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #7a62f71f}.demo-state i.done{background:#20a87e;box-shadow:0 0 0 4px #20a87e1f}.preview-note{color:#6e7484;align-self:end;align-items:flex-start;gap:9px;margin-bottom:7vh;font-size:9px;line-height:1.45;display:flex}.preview-note svg{color:#f23b84;flex:none}.preview-note span{flex-direction:column;display:flex}.preview-note b{color:#23283b;font-size:10px}.prototype-shell--gate{grid-template-columns:430px minmax(280px,390px)}.phone--gate{--app-bg:#0b1020;--app-text:white;--app-muted:#9da5b9;--app-surface:#161d2f;--app-line:#2a3348;--accent:#8067ff;--accent-soft:#8067ff2b;height:min(900px,100vh - 54px)}.phone--gate:before{display:none}.role-gate{background-color:#0b1020;background-image:radial-gradient(circle at 73% 20%,#8067ff29 0 1px,#0000 1.5px);background-size:24px 24px;flex-direction:column;min-height:100%;padding:54px 27px 25px;display:flex}.role-gate .brand{font-size:43px}.role-gate .brand small{color:#8f98ae}.gate-route{opacity:.6;width:47%;height:185px;position:absolute;top:32px;right:4px}.gate-route:before{content:"";border-bottom:2px dashed #7b64ef;border-right:2px dashed #7b64ef;border-radius:0 0 100%;position:absolute;inset:0;transform:rotate(9deg)}.gate-route span,.gate-route b{background:#ff438e;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 0 5px #ff438e1f}.gate-route span{top:0;right:0}.gate-route b{background:#7f66fa;bottom:0;left:4px}.gate-route svg{color:#fff;position:absolute;bottom:27%;left:44%;transform:rotate(-18deg)}.gate-copy{margin-top:auto}.gate-copy h1{letter-spacing:-1.4px;margin:7px 0 10px;font:700 34px/1.04 Space Grotesk}.gate-copy p{color:#9ba3b7;margin:0;font-size:12px}.role-options{flex-direction:column;gap:9px;margin:23px 0 15px;display:flex}.role-options>button{text-align:left;color:#a0a8ba;cursor:pointer;background:#151c2e;border:1px solid #293248;border-radius:16px;grid-template-columns:45px 1fr 23px;align-items:center;gap:10px;min-height:72px;padding:10px;display:grid}.role-options>button.selected{color:#fff;background:#1b2236;border-color:#8067ff;box-shadow:0 0 0 3px #8067ff17}.role-options__icon{color:#ab9cff;background:#8067ff21;border-radius:13px;place-items:center;width:45px;height:45px;display:grid!important}.role-options button:nth-child(2) .role-options__icon{color:#ff77ad;background:#ff438e1f}.role-options button>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.role-options b{color:#fff;font:600 14px/1 Space Grotesk}.role-options small{font-size:9px}.role-options button>i{color:#fff;background:0 0;border:1px solid #3b455d;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.role-options button.selected>i{background:#8067ff;border-color:#8067ff}.gate-secure{color:#737c92;justify-content:center;gap:6px;margin-top:16px;font-size:9px;display:flex}.concept-note{color:#181c30}.concept-note>span{color:#7760ee;letter-spacing:.16em;font:700 10px/1 Space Grotesk}.concept-note>span span{color:#f43b85}.concept-note h2{letter-spacing:-1.7px;margin:14px 0 13px;font:700 clamp(30px,3vw,45px)/1.02 Space Grotesk}.concept-note p{color:#717789;max-width:330px;font-size:12px;line-height:1.65}.concept-note div{color:#6c7283;align-items:center;gap:8px;margin-top:23px;font-size:10px;display:flex}.concept-note i{background:#775ff2;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #775ff21f}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}}@keyframes sheetUp{0%{transform:translateY(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes vanPulse{50%{box-shadow:0 4px 10px #0a0f1e47, 0 0 0 7px var(--accent-soft)}}@media (width<=1120px){.prototype-shell{grid-template-columns:minmax(230px,290px) 430px}.preview-note{display:none}}@media (width<=790px){.prototype-shell,.prototype-shell--gate{background:var(--app-bg,#0b1020);min-height:100dvh;padding:0;display:block}.phone,.phone--gate{width:100%;height:100dvh;min-height:100dvh;box-shadow:none;border:0;border-radius:0}.phone:before{display:none}.phone-status{padding-top:max(11px, env(safe-area-inset-top));height:calc(35px + env(safe-area-inset-top))}.demo-rail,.concept-note{display:none}.role-gate{padding-top:max(45px, calc(env(safe-area-inset-top) + 25px))}.bottom-nav{padding-bottom:max(8px, env(safe-area-inset-bottom));height:calc(65px + env(safe-area-inset-bottom))}}@media (height<=780px) and (width>=791px){.phone{min-height:680px}.screen-content{gap:12px}.role-gate{padding-top:35px}.gate-copy h1{font-size:29px}.role-options{margin-top:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}