.material-icons-outlined{font-size:inherit;vertical-align:middle;line-height:1}:root{--navy: #0B3C5D;--navy-dk: #071f30;--navy-md: #0d4a73;--blue: #007BFF;--blue-lt: #3498db;--sky: #e8f4fd;--ivory: #FAF8F5;--cream: #F5F0EA;--ink: #1A1A1A;--muted: #6C757D;--border: #DEE2E6;--white: #ffffff;--gold: #C9A84C;--green: #27ae60;--amber: #f39c12;--r: 16px;--r-lg: 24px;--shadow-md: 0 8px 32px rgba(11,60,93,.12);--shadow-lg: 0 20px 60px rgba(11,60,93,.18);--shadow-xl: 0 32px 80px rgba(11,60,93,.25);--ease: cubic-bezier(.25,.46,.45,.94);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--ink);background:var(--ivory);overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}nav{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b3c5deb;border-bottom:1px solid rgba(0,123,255,.2);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:64px;transition:all .3s var(--ease)}.nav-brand{display:flex;align-items:center;gap:12px}.nav-brand .logo-mark{width:36px;height:36px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:14px;color:#fff;letter-spacing:-1px}.nav-brand .brand-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:.02em}.nav-brand .brand-sub{font-size:.7rem;color:#ffffff80;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.nav-links{display:flex;gap:8px}.nav-links a{color:#ffffffb3;font-size:.82rem;font-weight:500;padding:6px 14px;border-radius:6px;text-decoration:none;transition:.2s var(--ease);letter-spacing:.02em}.nav-links a:hover{color:#fff;background:#007bff33}.nav-cta{background:var(--blue);color:#fff;font-size:.82rem;font-weight:600;padding:8px 20px;border-radius:8px;text-decoration:none;letter-spacing:.02em;transition:.2s var(--ease)}.nav-cta:hover{background:#0069d9;transform:translateY(-1px)}#hero{min-height:100vh;background:linear-gradient(135deg,var(--navy-dk) 0%,var(--navy) 50%,var(--navy-md) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 5% 80px;position:relative;overflow:hidden}#hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,123,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,123,255,.06) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite}@keyframes gridMove{to{background-position:60px 60px}}#hero:after{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,123,255,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#007bff26;border:1px solid rgba(0,123,255,.3);border-radius:100px;padding:6px 18px;font-size:.78rem;font-weight:600;color:var(--blue-lt);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:32px;position:relative;z-index:1;animation:fadeUp .8s var(--ease) both}.hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,6vw,5.5rem);font-weight:700;color:#fff;line-height:1.05;letter-spacing:-.02em;position:relative;z-index:1;animation:fadeUp .8s .15s var(--ease) both}.hero-title .accent{color:var(--blue);font-style:italic}.hero-title .line2{display:block;font-weight:300;font-size:.75em;color:#ffffffb3}.hero-sub{max-width:680px;margin:24px auto 0;font-size:1.1rem;color:#ffffffa6;line-height:1.7;position:relative;z-index:1;animation:fadeUp .8s .3s var(--ease) both}.hero-actions{display:flex;gap:16px;margin-top:40px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;animation:fadeUp .8s .45s var(--ease) both}.btn-primary{background:var(--blue);color:#fff;padding:14px 32px;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:0 8px 24px #007bff59;transition:.25s var(--ease);letter-spacing:.02em}.btn-primary:hover{background:#0069d9;transform:translateY(-2px);box-shadow:0 12px 32px #007bff73}.btn-ghost{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:14px 32px;border-radius:12px;font-weight:500;font-size:.95rem;text-decoration:none;transition:.25s var(--ease)}.btn-ghost:hover{background:#ffffff26;transform:translateY(-2px)}.hero-stats{display:flex;gap:48px;margin-top:64px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;animation:fadeUp .8s .6s var(--ease) both}.hero-stat{text-align:center}.hero-stat .num{display:block;font-family:var(--font-display);font-size:2.8rem;font-weight:700;color:#fff;line-height:1;letter-spacing:-.03em}.hero-stat .num .unit{font-size:1.4rem;color:var(--blue)}.hero-stat .label{font-size:.75rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font-family:var(--font-mono)}.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff4d;font-size:.72rem;font-family:var(--font-mono);letter-spacing:.1em;z-index:1;animation:fadeUp .8s .8s var(--ease) both}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(0,123,255,.6),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.6);opacity:.5}}section{padding:80px 5%}.container{max-width:1200px;margin:0 auto}.section-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--blue);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}.section-label:before{content:"";display:block;width:24px;height:2px;background:var(--blue)}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:700;color:var(--navy);line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}.section-title .italic{font-style:italic;font-weight:300}.section-body{font-size:1.05rem;color:var(--muted);line-height:1.75;max-width:640px}#problem{background:var(--white)}#problem .section-body{margin-bottom:0}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:36px}.problem-cards{display:grid;gap:16px}.problem-card{padding:24px;border-radius:var(--r);background:var(--ivory);border:1.5px solid var(--border);transition:.3s var(--ease)}.problem-card:hover{border-color:var(--blue);box-shadow:0 0 0 3px #007bff12}.problem-card.danger{border-color:#e74c3c59}.problem-card.danger:hover{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c12}.problem-card .p-icon{width:40px;height:40px;border-radius:10px;background:var(--sky);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.problem-card.danger .p-icon{background:#e74c3c14;color:#e74c3c}.problem-card .p-icon .material-icons-outlined{font-size:1.3rem}.problem-card h4{font-size:.95rem;font-weight:600;color:var(--navy);margin-bottom:6px}.problem-card p{font-size:.85rem;color:var(--muted);line-height:1.55}#solution{background:var(--navy-dk);position:relative;overflow:hidden}#solution:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,123,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,123,255,.04) 1px,transparent 1px);background-size:40px 40px}#solution .section-title{color:#fff}#solution .section-body{color:#ffffff8c}#solution .section-label{color:var(--blue-lt)}.phases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;position:relative;z-index:1}.phase-card{background:#ffffff0a;border:1px solid rgba(0,123,255,.15);border-radius:var(--r-lg);padding:28px;transition:.35s var(--ease);position:relative;overflow:hidden;cursor:pointer}.phase-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,123,255,.08),transparent);opacity:0;transition:.3s var(--ease)}.phase-card:hover{transform:translateY(-6px);border-color:#007bff66;box-shadow:0 20px 50px #0000004d}.phase-card:hover:before{opacity:1}.phase-num{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:#007bff26;line-height:1;margin-bottom:16px;transition:.3s var(--ease)}.phase-card:hover .phase-num{color:#007bff59}.phase-icon{width:44px;height:44px;border-radius:10px;background:#007bff26;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:.3s var(--ease);color:var(--blue-lt)}.phase-icon .material-icons-outlined{font-size:1.35rem}.phase-card:hover .phase-icon{background:#007bff4d}.phase-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:10px}.phase-desc{font-size:.83rem;color:#ffffff80;line-height:1.55}.phase-duration{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);font-size:.72rem;font-family:var(--font-mono);color:var(--blue-lt);letter-spacing:.05em}#mockup{background:var(--ivory)}.mockup-window{border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--border);margin-top:40px;background:#f0f2f5}.browser-chrome{background:#2c2c2e;padding:10px 16px;display:flex;align-items:center;gap:12px}.browser-dots{display:flex;gap:6px}.browser-dots span{width:12px;height:12px;border-radius:50%}.browser-dots .bd-r{background:#ff5f57}.browser-dots .bd-y{background:#febc2e}.browser-dots .bd-g{background:#28c840}.browser-url{flex:1;background:#3a3a3c;border-radius:6px;padding:5px 12px;font-family:var(--font-mono);font-size:.72rem;color:#ffffff8c;display:flex;align-items:center;gap:6px}.browser-url .lock-icon{color:var(--green);font-size:.75rem}.browser-actions{display:flex;gap:8px}.browser-actions span{color:#ffffff4d;font-size:1rem;cursor:pointer}.app-shell{display:flex;height:640px;overflow:hidden}.app-nav{width:200px;background:var(--navy-dk);display:flex;flex-direction:column;flex-shrink:0}.app-nav-logo{padding:16px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.nav-logo-mark{width:32px;height:32px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.nav-logo-text .nl-name{font-size:.82rem;font-weight:600;color:#fff;font-family:var(--font-display)}.nav-logo-text .nl-sub{font-size:.58rem;color:#ffffff4d;font-family:var(--font-mono);letter-spacing:.08em}.nav-section-label{font-family:var(--font-mono);font-size:.56rem;color:#ffffff40;letter-spacing:.14em;text-transform:uppercase;padding:16px 16px 6px}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 16px;font-size:.78rem;color:#fff6;cursor:pointer;transition:.15s;border-left:2px solid transparent}.nav-item:hover{color:#ffffffb3;background:#ffffff0a}.nav-item.active{color:#fff;background:#007bff26;border-left-color:var(--blue)}.nav-item .material-icons-outlined{font-size:1rem;color:inherit}.nav-item .nav-badge{margin-left:auto;background:var(--blue);color:#fff;font-size:.55rem;font-family:var(--font-mono);padding:1px 5px;border-radius:10px;font-weight:700}.nav-bottom{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8px}.nav-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy-md));display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}.nav-user-name{font-size:.72rem;color:#ffffff8c;font-family:var(--font-mono)}.app-body{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f0f2f5}.app-header{background:var(--white);border-bottom:1px solid var(--border);padding:0 20px;height:52px;display:flex;align-items:center;gap:16px;flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}.breadcrumb .bc-sep{color:var(--border)}.breadcrumb .bc-current{color:var(--navy);font-weight:600}.app-header-spacer{flex:1}.header-search{display:flex;align-items:center;gap:6px;background:var(--ivory);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:.75rem;color:var(--muted);font-family:var(--font-body);width:180px}.header-search .material-icons-outlined{font-size:.9rem}.header-icons{display:flex;align-items:center;gap:12px}.h-icon-btn{width:32px;height:32px;border-radius:8px;background:var(--ivory);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.h-icon-btn .material-icons-outlined{font-size:1rem;color:var(--muted)}.h-notif-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#e74c3c;border-radius:50%;border:1.5px solid var(--white)}.h-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy));display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#fff}.app-content{flex:1;overflow-y:auto;padding:16px 20px}.app-content::-webkit-scrollbar{width:4px}.app-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;display:flex;align-items:center;gap:12px}.stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#007bff1a;color:var(--blue)}.stat-icon.green{background:#27ae601a;color:var(--green)}.stat-icon.amber{background:#f39c121a;color:var(--amber)}.stat-icon.navy{background:#0b3c5d1a;color:var(--navy)}.stat-icon .material-icons-outlined{font-size:1.1rem}.stat-val{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--navy);line-height:1}.stat-label{font-size:.68rem;color:var(--muted);margin-top:2px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.record-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:12px}.record-head{background:linear-gradient(90deg,var(--navy),var(--navy-md));padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.record-head-left{display:flex;align-items:center;gap:10px}.record-title-text{font-family:var(--font-mono);font-size:.75rem;color:#ffffffb3;letter-spacing:.05em}.record-head .rh-ref{font-family:var(--font-mono);font-size:.72rem;color:var(--blue-lt);background:#007bff33;padding:3px 10px;border-radius:5px}.record-head-badges{display:flex;gap:8px;align-items:center}.rbadge{font-family:var(--font-mono);font-size:.62rem;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.05em}.rbadge.active{background:#27ae6033;color:#4cdb8f}.rbadge.verified{background:#007bff33;color:#6db8ff}.record-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--white);padding:0 16px}.rtab{font-size:.78rem;font-weight:500;color:var(--muted);padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;transition:.15s;display:flex;align-items:center;gap:5px}.rtab .material-icons-outlined{font-size:.85rem}.rtab.active{color:var(--blue);border-bottom-color:var(--blue)}.rtab:hover:not(.active){color:var(--navy)}.record-panels{display:grid;grid-template-columns:1fr 260px}.record-panel-main{padding:16px;border-right:1px solid var(--border)}.record-panel-side{padding:16px;background:#fafbfc;display:flex;flex-direction:column;gap:12px}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.field-row{padding:8px 0;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:2px}.field-row:nth-child(odd){padding-right:16px}.field-row:nth-child(2n){padding-left:16px;border-left:1px solid #f0f0f0}.field-lbl{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.field-val{font-size:.82rem;font-weight:500;color:var(--navy);line-height:1.3}.field-val.mono{font-family:var(--font-mono);font-size:.72rem;color:var(--blue)}.field-val.green{color:var(--green)}.field-val.amber{color:var(--amber)}.security-strip{margin-top:12px;background:var(--sky);border:1px solid rgba(0,123,255,.15);border-radius:8px;padding:10px 12px}.security-strip-label{font-family:var(--font-mono);font-size:.58rem;color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:4px}.security-strip-label .material-icons-outlined{font-size:.7rem}.uuid-value{font-family:var(--font-mono);font-size:.67rem;color:var(--navy);word-break:break-all;line-height:1.6;font-weight:500}.hash-strip{margin-top:8px;background:#fff8e1;border:1px solid rgba(243,156,18,.2);border-radius:8px;padding:10px 12px}.hash-strip-label{font-family:var(--font-mono);font-size:.58rem;color:var(--amber);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;display:flex;align-items:center;gap:4px}.hash-strip-label .material-icons-outlined{font-size:.7rem}.hash-value-text{font-family:var(--font-mono);font-size:.62rem;color:#7d5900;word-break:break-all;line-height:1.6}.side-widget{background:var(--white);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sw-head{background:var(--navy);padding:8px 12px;font-family:var(--font-mono);font-size:.62rem;color:#fff9;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:5px}.sw-head .material-icons-outlined{font-size:.75rem;color:var(--blue-lt)}.sw-body{padding:12px}.qr-widget svg{display:block;width:100%}.qr-widget-url{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);text-align:center;margin-top:6px;word-break:break-all}.status-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:.75rem}.status-row:last-child{border-bottom:none;padding-bottom:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.green{background:var(--green)}.status-dot.blue{background:var(--blue)}.status-dot.amber{background:var(--amber)}.status-key{color:var(--muted);flex:1;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}.status-v{font-weight:600;color:var(--navy);font-size:.72rem}.status-v.green{color:var(--green)}.status-v.blue{color:var(--blue)}.map-widget{background:#e8eef2;border-radius:6px;overflow:hidden;position:relative;height:80px}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(11,60,93,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(11,60,93,.06) 1px,transparent 1px);background-size:12px 12px}.map-roads{position:absolute;inset:0}.map-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center}.map-pin-head{width:18px;height:18px;background:var(--blue);border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2.5px solid var(--white);box-shadow:0 2px 6px #0003}.map-pin-tail{width:2px;height:8px;background:#00000026}.map-coords{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);margin-top:4px;text-align:center}.activity-feed{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid #f4f4f4;align-items:flex-start}.activity-item:last-child{border-bottom:none;padding-bottom:0}.act-dot{width:6px;height:6px;border-radius:50%;background:var(--border);margin-top:5px;flex-shrink:0}.act-dot.blue{background:var(--blue)}.act-dot.green{background:var(--green)}.act-dot.amber{background:var(--amber)}.act-text{font-size:.7rem;color:var(--muted);line-height:1.4}.act-text strong{color:var(--navy);font-weight:600}.act-time{font-family:var(--font-mono);font-size:.58rem;color:rgba(var(--muted-rgb),.7);margin-top:1px;color:#aaa}.app-footer{background:var(--white);border-top:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;gap:8px;flex-shrink:0}.af-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:7px;font-size:.75rem;font-weight:600;cursor:pointer;border:none;font-family:var(--font-body);transition:.15s}.af-btn .material-icons-outlined{font-size:.85rem}.af-btn.primary{background:var(--blue);color:#fff}.af-btn.primary:hover{background:#0062d9}.af-btn.secondary{background:var(--ivory);color:var(--navy);border:1px solid var(--border)}.af-btn.secondary:hover{background:var(--sky)}.af-btn.danger{background:#e74c3c14;color:#c0392b;border:1px solid rgba(231,76,60,.2)}.af-spacer{flex:1}.af-enc{font-family:var(--font-mono);font-size:.62rem;color:var(--muted);display:flex;align-items:center;gap:4px}.af-enc .material-icons-outlined{font-size:.75rem;color:var(--green)}#technology{background:var(--white)}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:40px}.tech-steps{display:flex;flex-direction:column;gap:12px}.tech-step{display:flex;gap:20px;padding:20px;border:1.5px solid var(--border);border-radius:var(--r);background:var(--ivory);position:relative;transition:.3s var(--ease)}.tech-step:hover{border-color:var(--blue);box-shadow:0 0 0 3px #007bff0f}.step-num{font-family:var(--font-display);font-size:2rem;font-weight:700;color:#007bff33;flex-shrink:0;line-height:1}.step-content h4{font-size:.95rem;font-weight:600;color:var(--navy);margin-bottom:6px}.step-content p{font-size:.83rem;color:var(--muted);line-height:1.6}.fingerprint-visual{background:linear-gradient(135deg,var(--navy-dk),var(--navy));border-radius:var(--r-lg);padding:40px;display:flex;flex-direction:column;align-items:center;gap:24px}.fp-title{font-family:var(--font-mono);font-size:.72rem;color:#fff6;letter-spacing:.12em;text-transform:uppercase}.fp-doc{background:#ffffff0f;border:1px solid rgba(0,123,255,.2);border-radius:10px;padding:16px;width:100%}.fp-doc-header{font-family:var(--font-mono);font-size:.7rem;color:#ffffff4d;margin-bottom:10px;letter-spacing:.05em}.fp-doc-lines{display:flex;flex-direction:column;gap:6px}.fp-line{height:8px;border-radius:4px;background:#ffffff1a}.fp-line.highlight{background:#007bff66}.fp-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--blue-lt)}.fp-arrow span{font-family:var(--font-mono);font-size:.65rem;color:#fff6}.fp-process-box{width:100%;background:#007bff14;border:1px solid rgba(0,123,255,.2);border-radius:10px;padding:16px;text-align:center}.fp-process-box .proc-title{font-family:var(--font-mono);font-size:.7rem;color:var(--blue-lt);letter-spacing:.08em;margin-bottom:8px}.fp-process-box .proc-sub{font-size:.72rem;color:#fff6}.fp-hash{width:100%;font-family:var(--font-mono);font-size:.62rem;color:var(--blue-lt);background:#0000004d;border-radius:8px;padding:12px;word-break:break-all;line-height:1.7;letter-spacing:.03em;border:1px solid rgba(0,123,255,.15)}.fp-result{display:flex;align-items:center;gap:12px;background:#27ae601a;border:1px solid rgba(39,174,96,.25);border-radius:10px;padding:16px;width:100%}.fp-result .check-icon{width:36px;height:36px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;color:#fff}.fp-result .res-text{font-size:.82rem;color:#fffc}.fp-result .res-sub{font-size:.7rem;color:#fff6;font-family:var(--font-mono)}#verify{background:linear-gradient(180deg,var(--ivory) 0%,var(--cream) 100%)}.verify-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start;margin-top:40px}.verify-mockup{background:var(--white);border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--border)}.verify-header{background:linear-gradient(90deg,var(--navy),var(--navy-md));padding:20px 24px}.verify-header h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:#fff}.verify-header p{font-size:.78rem;color:#ffffff80;margin-top:2px}.verify-body{padding:24px}.v-search{display:flex;gap:10px;margin-bottom:20px}.v-input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--border);font-size:.85rem;color:var(--navy);font-family:var(--font-body);background:var(--ivory);outline:none}.v-btn{padding:10px 18px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:var(--font-body)}.v-result{background:linear-gradient(135deg,#27ae600d,#27ae601a);border:2px solid rgba(39,174,96,.3);border-radius:12px;padding:20px}.v-status{display:flex;align-items:center;gap:12px;margin-bottom:16px}.v-check{width:48px;height:48px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #27ae6059}.v-status-text h4{font-size:1rem;font-weight:700;color:var(--green)}.v-status-text p{font-size:.78rem;color:var(--muted)}.v-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v-field label{display:block;font-family:var(--font-mono);font-size:.6rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}.v-field .vf-val{font-size:.82rem;font-weight:600;color:var(--navy)}.v-qr-row{display:flex;gap:16px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(39,174,96,.2)}.v-qr-mini{width:56px;height:56px;flex-shrink:0;background:var(--navy);border-radius:6px;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:4px}.v-qr-mini .qc{background:#fff;border-radius:1px}.v-qr-mini .qc.d{background:transparent}.v-qr-text{font-size:.75rem;color:var(--muted)}.v-qr-text strong{color:var(--navy);display:block;font-size:.82rem;margin-bottom:2px}.verify-features{display:flex;flex-direction:column;gap:16px}.vf-item{display:flex;gap:16px;padding:20px;background:var(--white);border-radius:var(--r);border:1.5px solid var(--border);transition:.25s var(--ease)}.vf-item:hover{border-color:var(--blue);box-shadow:0 0 0 3px #007bff0f}.vf-icon{width:44px;height:44px;border-radius:10px;background:var(--sky);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vf-icon .material-icons-outlined{font-size:1.3rem}.vf-item h4{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:4px}.vf-item p{font-size:.8rem;color:var(--muted);line-height:1.5}#integrations{background:var(--navy-dk);position:relative;overflow:hidden}#integrations:after{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,123,255,.08),transparent 70%);pointer-events:none}#integrations .section-title{color:#fff}#integrations .section-label{color:var(--blue-lt)}.int-diagram{margin-top:40px;position:relative;z-index:1}.int-hub{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;position:relative}.hub-circle{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,var(--navy-md),var(--blue));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 16px #007bff14,0 0 0 32px #007bff0a;position:relative;z-index:2;text-align:center}.hub-circle .hub-icon{font-size:2rem;margin-bottom:4px}.hub-circle .hub-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:#fff}.hub-circle .hub-sub{font-size:.62rem;color:#ffffff8c;font-family:var(--font-mono);letter-spacing:.05em}.int-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.int-node{background:#ffffff0a;border:1px solid rgba(0,123,255,.15);border-radius:var(--r);padding:24px;text-align:center;transition:.3s var(--ease);position:relative}.int-node:hover{background:#007bff14;border-color:#007bff4d;transform:translateY(-4px)}.int-node:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:1px;height:20px;background:linear-gradient(to top,rgba(0,123,255,.4),transparent)}.int-icon{width:52px;height:52px;border-radius:12px;background:#007bff26;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--blue-lt)}.int-icon .material-icons-outlined{font-size:1.6rem}.int-name{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:6px}.int-desc{font-size:.75rem;color:#ffffff73;line-height:1.5}.int-tag{margin-top:12px;display:inline-block;font-family:var(--font-mono);font-size:.62rem;color:var(--blue-lt);background:#007bff1f;padding:3px 8px;border-radius:4px;letter-spacing:.05em}.int-connector{display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto;width:1px;height:40px;background:linear-gradient(to bottom,#007bff80,#007bff1a)}#timeline{background:var(--white)}.timeline-track{margin-top:40px;position:relative}.timeline-track:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--blue),rgba(0,123,255,.1));transform:translate(-50%)}.timeline-item{display:flex;gap:40px;margin-bottom:40px;align-items:flex-start}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{flex:1;background:var(--ivory);border-radius:var(--r);padding:24px;border:1px solid var(--border);transition:.3s var(--ease)}.timeline-content:hover{box-shadow:var(--shadow-md);border-color:var(--blue)}.timeline-item:nth-child(2n) .timeline-content{text-align:right}.tl-phase{font-family:var(--font-mono);font-size:.65rem;color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}.timeline-item:nth-child(2n) .tl-phase{justify-content:flex-end}.tl-phase:before{content:"";display:block;width:16px;height:2px;background:var(--blue)}.timeline-item:nth-child(2n) .tl-phase:before{order:2}.timeline-content h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--navy);margin-bottom:6px}.timeline-content p{font-size:.82rem;color:var(--muted);line-height:1.55}.tl-duration{margin-top:10px;font-family:var(--font-mono);font-size:.7rem;color:var(--muted)}.timeline-dot{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--blue));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;box-shadow:0 4px 16px #007bff4d;position:relative;z-index:1;flex-shrink:0;align-self:center}.timeline-spacer{flex:1}#investment{background:var(--ivory)}.inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-top:40px}.inv-table{background:var(--white);border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--border)}.inv-table-header{background:linear-gradient(90deg,var(--navy),var(--navy-md));padding:16px 20px}.inv-table-header h3{font-size:.85rem;font-weight:600;color:#fff;font-family:var(--font-mono);letter-spacing:.05em}.inv-row{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border);transition:.2s}.inv-row:hover{background:var(--sky)}.inv-row:last-child{border-bottom:none}.inv-row.total{background:var(--navy)}.inv-row .inv-item{font-size:.85rem;color:var(--ink)}.inv-row .inv-amount{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--blue)}.inv-row.total .inv-item{color:#fff;font-weight:600}.inv-row.total .inv-amount{color:var(--blue-lt);font-size:1rem}.inv-notes{display:flex;flex-direction:column;gap:20px}.inv-note{background:var(--white);border-radius:var(--r);padding:20px;border:1.5px solid var(--border);border-top:3px solid var(--blue);transition:.25s var(--ease)}.inv-note:hover{border-color:var(--blue);border-top-color:var(--blue);box-shadow:0 0 0 3px #007bff0f}.inv-note .note-icon{width:36px;height:36px;border-radius:8px;background:var(--sky);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.inv-note .note-icon .material-icons-outlined{font-size:1.15rem}.inv-note h4{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:6px}.inv-note p{font-size:.82rem;color:var(--muted);line-height:1.55}#about{background:var(--white)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.about-left .big-stat{font-family:var(--font-display);font-size:4.5rem;font-weight:700;color:var(--navy);line-height:1;margin-bottom:8px}.about-left .big-stat span{color:var(--blue)}.about-left p{color:var(--muted);font-size:.95rem;line-height:1.7;margin-top:16px}.about-pillars{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.pillar{background:var(--ivory);border-radius:var(--r);padding:16px;border:1.5px solid var(--border);transition:.25s var(--ease)}.pillar:hover{border-color:var(--blue);background:var(--sky);box-shadow:0 0 0 3px #007bff0f}.pillar .p-icon{width:34px;height:34px;border-radius:8px;background:var(--sky);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.pillar .p-icon .material-icons-outlined{font-size:1.1rem}.pillar h4{font-size:.82rem;font-weight:600;color:var(--navy)}.pillar p{font-size:.75rem;color:var(--muted);margin-top:3px}.about-right{display:flex;flex-direction:column;gap:16px}.diff-item{display:flex;gap:16px;align-items:flex-start;padding:16px 20px;background:var(--ivory);border-radius:var(--r);border:1.5px solid var(--border);transition:.25s var(--ease)}.diff-item:hover{border-color:var(--blue);box-shadow:0 0 0 3px #007bff0f}.diff-num{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:#007bff33;flex-shrink:0;line-height:1}.diff-item h4{font-size:.88rem;font-weight:600;color:var(--navy);margin-bottom:4px}.diff-item p{font-size:.78rem;color:var(--muted);line-height:1.5}#cta{background:linear-gradient(135deg,var(--navy-dk),var(--navy));padding:100px 5%;text-align:center;position:relative;overflow:hidden}#cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,123,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,123,255,.05) 1px,transparent 1px);background-size:40px 40px}.cta-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--blue-lt);letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px;position:relative;z-index:1}.cta-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;color:#fff;line-height:1.05;letter-spacing:-.02em;position:relative;z-index:1;margin-bottom:20px}.cta-title .italic{font-style:italic;color:var(--blue);font-weight:300}.cta-sub{font-size:1.05rem;color:#ffffff8c;max-width:560px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;margin-bottom:48px}.cta-contacts{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.cta-contact{display:flex;align-items:center;gap:10px;color:#fff9;font-size:.85rem}.cta-contact .cc-icon{width:36px;height:36px;border-radius:8px;background:#007bff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blue-lt)}.cta-contact .cc-icon .material-icons-outlined{font-size:1.1rem}.cta-contact .cc-text strong{display:block;color:#fff;font-size:.82rem}footer{background:var(--navy-dk);padding:32px 5%;border-top:1px solid rgba(0,123,255,.15);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-brand{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:#fff9}.footer-brand span{color:var(--blue-lt)}.footer-ref{font-family:var(--font-mono);font-size:.68rem;color:#ffffff40;letter-spacing:.08em}.footer-copy{font-size:.75rem;color:#ffffff40}.reveal{animation:fadeUp .6s var(--ease) both}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.15s}.reveal-delay-3{animation-delay:.2s}.reveal-delay-4{animation-delay:.25s}.reveal-delay-5{animation-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.phases-grid{grid-template-columns:1fr 1fr}.problem-grid,.tech-grid,.verify-grid,.inv-grid,.about-grid,.int-grid,.record-grid{grid-template-columns:1fr}.timeline-track:before{left:24px}.timeline-item,.timeline-item:nth-child(2n){flex-direction:row}.timeline-item:nth-child(2n) .timeline-content{text-align:left}.timeline-item:nth-child(2n) .tl-phase{justify-content:flex-start}.timeline-item:nth-child(2n) .tl-phase:before{order:0}.timeline-spacer{display:none}.timeline-dot{align-self:flex-start;margin-top:4px}.nav-links{display:none}}@media(max-width:600px){.phases-grid{grid-template-columns:1fr}.hero-stats{gap:24px}.about-pillars{grid-template-columns:1fr}}.mockup-window{overflow-x:auto;-webkit-overflow-scrolling:touch}.record-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}@media(max-width:1100px){.app-shell{min-width:920px;height:580px}.stats-row{grid-template-columns:repeat(2,1fr)}.record-panels{grid-template-columns:1fr}.record-panel-main{border-right:none;border-bottom:1px solid var(--border)}.fields-grid{grid-template-columns:1fr}.field-row:nth-child(odd),.field-row:nth-child(2n){padding-left:0;padding-right:0;border-left:none}.v-fields{grid-template-columns:1fr}}@media(max-width:700px){nav{height:56px;padding:0 4%}.nav-brand .brand-sub{display:none}#hero{padding:86px 4% 64px}section{padding:64px 4%}.hero-sub,.section-body,.cta-sub{font-size:.95rem;line-height:1.6}.app-shell{min-width:760px;height:520px}.browser-url{font-size:.64rem}.cta-contacts{gap:18px}}@media(max-width:900px){.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(440px,100%);margin-left:auto;margin-right:auto}.v-search{flex-direction:column}.v-btn{width:100%}.cta-contact{width:100%;justify-content:flex-start}footer{justify-content:center;text-align:center}}@media(max-width:600px){.hero-title{font-size:clamp(2.15rem,11vw,3rem)}.hero-badge{font-size:.67rem;letter-spacing:.06em;padding:5px 12px;margin-bottom:22px}.hero-scroll{display:none}.section-title{font-size:clamp(1.8rem,9vw,2.4rem)}.section-body{font-size:.9rem;line-height:1.65}.problem-card,.tech-step,.vf-item,.inv-note,.diff-item,.timeline-content{padding:16px}.inv-row{gap:10px;align-items:flex-start;flex-direction:column;padding:12px 14px}.inv-row .inv-item,.inv-row .inv-amount{font-size:.8rem}.cta-actions{flex-direction:column}.cta-actions a{width:100%}.cta-contact{font-size:.78rem}.cta-contact .cc-text strong{font-size:.76rem;word-break:break-word}.footer-ref,.footer-copy{font-size:.68rem}}@media(max-width:440px){.hero-stats{grid-template-columns:1fr;gap:16px}.hero-actions .btn-primary,.hero-actions .btn-ghost,.nav-cta{width:100%;text-align:center}.nav{height:auto;min-height:56px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;gap:10px}.nav-brand{width:100%;justify-content:center}.nav-cta{padding:10px 14px}.app-shell{min-width:700px}}@media(max-width:900px){.mockup-window{overflow:hidden}.browser-chrome{padding:8px 10px;gap:8px}.browser-actions{display:none}.browser-url{font-size:.64rem;padding:4px 8px}.app-shell{min-width:0!important;height:auto!important;display:block}.app-nav{width:100%;flex-direction:row;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;padding:10px;border-bottom:1px solid rgba(255,255,255,.08)}.app-nav-logo{border-bottom:none;padding:0 8px 0 0}.nav-section-label,.nav-bottom{display:none}.nav-item{border-left:none;border-radius:999px;background:#ffffff0f;padding:8px 11px;font-size:.72rem;gap:6px}.nav-item .nav-badge{font-size:.5rem}.app-content{padding:12px}.app-header{height:auto;min-height:52px;padding:10px 12px;flex-wrap:wrap;gap:10px}.breadcrumb{width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:2px}.header-search{width:100%}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.record-head{align-items:flex-start;gap:8px;flex-direction:column}.record-head-badges{flex-wrap:wrap}.record-panels{grid-template-columns:1fr}.record-panel-main,.record-panel-side{padding:12px}.app-footer{padding:10px 12px;flex-wrap:wrap;gap:8px}.af-btn{flex:1 1 calc(50% - 8px);justify-content:center}.af-spacer,.af-enc{width:100%;order:3}}@media(max-width:560px){.mockup-window{border-radius:14px}.header-search,.h-icon-btn{display:none}.stats-row,.fields-grid{grid-template-columns:1fr}.field-row{padding:7px 0}.record-tabs{padding:0 10px}.rtab{padding:9px 10px;font-size:.72rem}.af-btn{flex:1 1 100%}.record-title-text{font-size:.66rem;line-height:1.35}}