.hanoitrace-home{--ht-brand:#087be6;--ht-brand-rgb:8 123 230;--ht-brand-hover:#20aee8;--ht-mint:#20c9ec;--ht-accent-rgb:32 201 236;--ht-mint-soft:#8ce3f3;--ht-amber:#edfaff;--ht-page:min(1240px,calc(100vw - 48px));color:#003b7e;-webkit-font-smoothing:antialiased;background:#f8fdff;font-size:16px;line-height:1.7}@media (max-width:1023px){.hanoitrace-home{--ht-page:min(100% - 34px,940px)}}@media (max-width:767px){.hanoitrace-home{--ht-page:calc(100vw - 28px);font-size:15px}}:where(.hanoitrace-home) *,:where(.hanoitrace-home) :before,:where(.hanoitrace-home) :after{box-sizing:border-box}:where(.hanoitrace-home) img{max-width:100%;display:block}:where(.hanoitrace-home) a{color:inherit;text-decoration:none}:where(.hanoitrace-home) button,:where(.hanoitrace-home) input,:where(.hanoitrace-home) textarea,:where(.hanoitrace-home) select{font:inherit}:where(.hanoitrace-home) button,:where(.hanoitrace-home) a{-webkit-tap-highlight-color:transparent}:where(.hanoitrace-home) b,:where(.hanoitrace-home) strong{font-weight:700}:where(.hanoitrace-home) h1,:where(.hanoitrace-home) h2,:where(.hanoitrace-home) h3,:where(.hanoitrace-home) p{margin-top:0}:where(.hanoitrace-home) h1,:where(.hanoitrace-home) h2,:where(.hanoitrace-home) h3{text-wrap:balance;letter-spacing:-.02em}:where(.hanoitrace-home) h1{margin-bottom:26px;font-size:clamp(2.5rem,4.5vw,3.75rem);font-weight:800;line-height:1.25}:where(.hanoitrace-home) h2{margin-bottom:24px;font-size:clamp(2rem,3vw,2.75rem);font-weight:800;line-height:1.28}:where(.hanoitrace-home) h3{margin-bottom:14px;font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:700;line-height:1.35}:where(.hanoitrace-home) p{color:#315e89;margin-bottom:1em;line-height:1.7}.hanoitrace-home ::selection{color:#003b7e;background:var(--ht-mint)}.hanoitrace-home-noise{mix-blend-mode:multiply;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.hanoitrace-home .reveal{opacity:0;transition:opacity .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1);transform:translateY(28px)}.hanoitrace-home .reveal.is-visible{opacity:1;transform:translateY(0)}.hanoitrace-home .reveal-delay-1{transition-delay:80ms}.hanoitrace-home .reveal-delay-2{transition-delay:.16s}.hanoitrace-home .reveal-delay-3{transition-delay:.24s}.hanoitrace-home .reveal-delay-4{transition-delay:.32s}@media (prefers-reduced-motion:reduce){.hanoitrace-home .reveal{opacity:1;transition:none;transform:none}}.hanoitrace-home .ht-btn:after{content:"";background:#ffffff52;width:25%;height:340%;transition:left .55s;position:absolute;top:-120%;left:-30%;transform:rotate(25deg)}.hanoitrace-home .ht-btn:hover:after{left:115%}.hanoitrace-home .ht-hero:before{content:"";z-index:1;filter:blur(65px);pointer-events:none;background:radial-gradient(circle,#087be63d 0%,#00c6ff29 38%,#0000 70%);border-radius:50%;width:min(620px,50vw);height:min(620px,50vw);position:absolute;top:15%;right:10%}.hanoitrace-home .ht-hero-wash{background:linear-gradient(90deg,#f8fdfff5 0%,#f8fdffe0 24%,#f8fdff80 36%,#f8fdff1a 48%,#0000 58%),linear-gradient(#0000 78%,#e3f7ff3d)}@media (max-width:1023px){.hanoitrace-home .ht-hero-wash{background:linear-gradient(#0000 70%,#e3f7ff38)}}.hanoitrace-home .ht-hero-gradient{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(104deg,#073e83 0%,#074c99 48%,#087be6 76%,#19b9dc 100%);-webkit-background-clip:text;background-clip:text}.hanoitrace-home .ht-platform:after{content:"";pointer-events:none;border:1px solid #087be614;border-radius:50%;width:520px;height:520px;position:absolute;top:-180px;right:-120px;box-shadow:0 0 0 70px #087be606,0 0 0 140px #20c9ec05}@supports (grid-template-rows:subgrid){.hanoitrace-home .ht-capability-card{grid-row:span 3;grid-template-rows:subgrid;align-content:start;display:grid}}.hanoitrace-home .ht-capability-card:before{background:linear-gradient(90deg,var(--ht-brand),#20c9ec);content:"";opacity:0;border-radius:16px 16px 0 0;height:3px;transition:all .22s;position:absolute;inset:0 0 auto}.hanoitrace-home .ht-capability-card:hover:before{opacity:1}.hanoitrace-home .ht-capability-card:after{z-index:0;content:"";opacity:.95;pointer-events:none;background-image:linear-gradient(90deg,#fafdff8c 0%,#fafdff52 40%,#fafdff0a 100%),url(/images/hanoitrace/generated/capability-card-panorama-v2.jpg);background-repeat:no-repeat;background-size:100% 100%,calc(300% + 20px) calc(200% + 10px);transition:opacity .32s,transform .52s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0}.hanoitrace-home .ht-capability-card:first-child:after{background-position:0 0,0 0}.hanoitrace-home .ht-capability-card:nth-child(2):after{background-position:0 0,50% 0}.hanoitrace-home .ht-capability-card:nth-child(3):after{background-position:0 0,100% 0}.hanoitrace-home .ht-capability-card:nth-child(4):after{background-position:0 0,0 100%}.hanoitrace-home .ht-capability-card:nth-child(5):after{background-position:0 0,50% 100%}.hanoitrace-home .ht-capability-card:nth-child(6):after{background-position:0 0,100% 100%}.hanoitrace-home .ht-capability-card:hover:after{opacity:1;transform:scale(1.03)}@media (max-width:767px){.hanoitrace-home .ht-capability-card:after{background-image:linear-gradient(#fafdffe6 0%,#fafdffcc 55%,#fafdff9e 100%),url(/images/hanoitrace/generated/capability-card-panorama-v2.jpg);background-size:100% 100%,cover}.hanoitrace-home .ht-capability-card:first-child:after{background-position:0 0,0%}.hanoitrace-home .ht-capability-card:nth-child(2):after{background-position:0 0,20%}.hanoitrace-home .ht-capability-card:nth-child(3):after{background-position:0 0,40%}.hanoitrace-home .ht-capability-card:nth-child(4):after{background-position:0 0,60%}.hanoitrace-home .ht-capability-card:nth-child(5):after{background-position:0 0,80%}.hanoitrace-home .ht-capability-card:nth-child(6):after{background-position:0 0,100%}}.hanoitrace-home .ht-tech-card:after{z-index:0;content:"";opacity:1;pointer-events:none;background-image:url(/images/hanoitrace/generated/technology-card-panorama-v3.jpg);background-repeat:no-repeat;background-size:calc(300% + 24px) calc(300% + 24px);transition:opacity .3s,transform .4s;position:absolute;inset:0}.hanoitrace-home .ht-tech-card:first-child:after{background-position:0 0}.hanoitrace-home .ht-tech-card:nth-child(2):after{background-position:50% 0}.hanoitrace-home .ht-tech-card:nth-child(3):after{background-position:100% 0}.hanoitrace-home .ht-tech-card:nth-child(4):after{background-position:0%}.hanoitrace-home .ht-tech-card:nth-child(5):after{background-position:50%}.hanoitrace-home .ht-tech-card:nth-child(6):after{background-position:100%}.hanoitrace-home .ht-tech-card:nth-child(7):after{background-position:0 100%}.hanoitrace-home .ht-tech-card:nth-child(8):after{background-position:50% 100%}.hanoitrace-home .ht-tech-card:nth-child(9):after{background-position:100% 100%}.hanoitrace-home .ht-tech-card:hover:after{opacity:1;transform:scale(1.03)}@media (max-width:767px){.hanoitrace-home .ht-tech-card:after,.hanoitrace-home .ht-capability-card:after{opacity:.85}.hanoitrace-home .ht-tech-card:after{background-size:cover}.hanoitrace-home .ht-tech-card:first-child:after{background-position:0%}.hanoitrace-home .ht-tech-card:nth-child(2):after{background-position:12.5%}.hanoitrace-home .ht-tech-card:nth-child(3):after{background-position:25%}.hanoitrace-home .ht-tech-card:nth-child(4):after{background-position:37.5%}.hanoitrace-home .ht-tech-card:nth-child(5):after{background-position:50%}.hanoitrace-home .ht-tech-card:nth-child(6):after{background-position:62.5%}.hanoitrace-home .ht-tech-card:nth-child(7):after{background-position:75%}.hanoitrace-home .ht-tech-card:nth-child(8):after{background-position:87.5%}.hanoitrace-home .ht-tech-card:nth-child(9):after{background-position:100%}}.hanoitrace-home .ht-capability-icon:after{content:"";background:#20c9ec;border-radius:50%;width:5px;height:5px;position:absolute;bottom:7px;right:7px;box-shadow:0 0 9px #20c9ec}.hanoitrace-home .ht-map .leaflet-container{background:#e9eff9}.hanoitrace-home .ht-map-district{color:#38556f;font:600 9.5px/1.1 var(--font-bvp),system-ui,sans-serif;pointer-events:none;text-align:center;text-shadow:0 1px 2px #fff,0 -1px 2px #fff,1px 0 2px #fff,-1px 0 2px #fff;white-space:nowrap}.hanoitrace-home .ht-map .leaflet-control-layers{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #196caa29;border-radius:13px;margin:16px 16px 0 0;overflow:hidden;box-shadow:0 12px 32px #18548024}.hanoitrace-home .ht-map .leaflet-control-layers-expanded{color:#315f84;min-width:160px;padding:11px 13px;font-size:.8125rem}.hanoitrace-home .ht-map .leaflet-control-layers-expanded:before{color:#0b559a;content:var(--ht-map-layers-label,"Lớp hiển thị");letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.75rem;font-weight:800;display:block}.hanoitrace-home .ht-map .leaflet-control-layers label{margin:5px 0}.hanoitrace-home .ht-map .leaflet-control-layers-selector{accent-color:var(--ht-brand)}.hanoitrace-home .ht-map .leaflet-control-zoom{border:1px solid #186eab2b;border-radius:11px;overflow:hidden;box-shadow:0 10px 25px #1a538021}.hanoitrace-home .ht-map .leaflet-control-zoom a{color:#0a67ad}.hanoitrace-home .ht-map .leaflet-control-attribution{color:#6c8294;background:#ffffffd6;padding:3px 6px;font-size:8px}.hanoitrace-home .ht-map .leaflet-control-attribution a{color:#0a67ad}@media (max-width:767px){.hanoitrace-home .ht-map .leaflet-control-layers{display:none}}.hanoitrace-home .osm-data-marker{background:var(--marker-color,#118be0);border:3px solid #fff;border-radius:50% 50% 50% 8px;place-items:center;width:32px;height:32px;display:grid;position:relative;transform:rotate(-45deg);box-shadow:0 7px 18px #064e8447}.hanoitrace-home .osm-data-marker:before{content:"";border:2px solid #ffffffe0;border-radius:50%;width:8px;height:8px}.hanoitrace-home .osm-data-marker:after{z-index:-1;border:1px solid var(--marker-color,#118be0);content:"";opacity:0;border-radius:50%;animation:2.4s ease-out infinite ht-osm-marker-pulse;position:absolute;inset:-8px}.hanoitrace-home .osm-data-marker.raw{--marker-color:#63991a}.hanoitrace-home .osm-data-marker.processing{--marker-color:#15b99d}.hanoitrace-home .osm-data-marker.storage{--marker-color:#8a5cf6}.hanoitrace-home .osm-data-marker.transport{--marker-color:#e2534a}.hanoitrace-home .osm-data-marker.distribution{--marker-color:#0b74d5}.hanoitrace-home .osm-data-marker.market{--marker-color:#f29a2e}.hanoitrace-home .osm-data-marker.alert{--marker-color:#d8264f}.hanoitrace-home .osm-popup{gap:2px;min-width:150px;display:grid}.hanoitrace-home .osm-popup small{color:#1689c7;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.hanoitrace-home .osm-popup strong{color:#0a477f;font-size:.875rem}.hanoitrace-home .osm-popup span{color:#6d879c;font-size:.75rem}.hanoitrace-home .map-load-fallback{color:#2d5f85;text-align:center;background:linear-gradient(145deg,#e8f6fb,#dcecf3);place-content:center;height:100%;padding:30px;display:grid}.hanoitrace-home .map-load-fallback strong,.hanoitrace-home .map-load-fallback span{display:block}.hanoitrace-home .map-load-fallback span{color:#718da3;margin-top:5px;font-size:.8125rem}:is(.hanoitrace-home .ht-donut-wrap:has(.ht-donut-seg:hover) .ht-donut-seg:not(:hover),.hanoitrace-home .ht-donut-wrap:has(.ht-donut-seg.is-active) .ht-donut-seg:not(.is-active)){opacity:.45}.hanoitrace-home .ht-donut-wrap:has(li:hover) li:not(:hover){opacity:.5}.hanoitrace-home .ht-donut-body:before{content:"";border:1px solid #087be612;border-radius:50%;position:absolute;inset:24px;transform:scale(.8)}.hanoitrace-home .ht-audience-item:before{background:var(--ht-card-accent,var(--ht-brand));content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:.65em;left:0}.hanoitrace-home .ht-audience-figure:after{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ht-card-accent,var(--ht-brand))28%,transparent));content:"";position:absolute;inset:0}.hanoitrace-home .ht-roadmap-visual:after{content:"";background:linear-gradient(#edf6fff2 0%,#f6faffe6 35%,#fff9 75%,#ffffff4d 100%),linear-gradient(90deg,#edf6ff66,#0000 25% 75%,#edf6ff66);position:absolute;inset:0}.hanoitrace-home .ht-roadmap-kicker:before{display:none}.hanoitrace-home .ht-stage-visual:after{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#045da61f);position:absolute;inset:0}.hanoitrace-home .ht-stage-slide.is-active .ht-stage-visual img{transform:scale(1.02)}@media (min-width:768px) and (max-height:820px){.hanoitrace-home .ht-stage-visual{height:90px;margin-top:12px}}@media (max-width:767px){.hanoitrace-home .ht-roadmap-visual{inset:0}.hanoitrace-home .ht-roadmap-visual:after{background:linear-gradient(#f7fcfffa 0%,#f7fcffeb 26%,#f7fcffad 66%,#f7fcff80 100%)}}.hanoitrace-home .ht-dashboard:before{content:"";opacity:.42;background-image:linear-gradient(#2a97d51a 1px,#0000 1px),linear-gradient(90deg,#2a97d51a 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.hanoitrace-home .chart-area{fill:url(#chartArea)}.hanoitrace-home .chart-line{fill:none;stroke:#00a6e6;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.hanoitrace-home .chart-points circle{fill:#fff;stroke:#00a6e6;stroke-width:2px;vector-effect:non-scaling-stroke;transition:r .15s,fill .15s,stroke .15s}.hanoitrace-home .chart-points circle:hover{r:5px;fill:#007bff;stroke:#fff}.hanoitrace-home .chart-dots circle{fill:#fff;stroke:#007bff;stroke-width:3px;cursor:pointer;pointer-events:all;vector-effect:non-scaling-stroke;transition:r .16s,fill .16s,stroke-width .16s}.hanoitrace-home .chart-wide .chart-area,.hanoitrace-home .chart-wide .chart-line,.hanoitrace-home .chart-wide .chart-points,.hanoitrace-home .chart-wide .chart-dates{clip-path:inset(0 100% 0 0);opacity:0}.hanoitrace-home .chart-wide.is-chart-playing .chart-area,.hanoitrace-home .chart-wide.is-chart-playing .chart-line,.hanoitrace-home .chart-wide.is-chart-playing .chart-points,.hanoitrace-home .chart-wide.is-chart-playing .chart-dates{clip-path:inset(0);opacity:1;transition:clip-path 7s cubic-bezier(.35,0,.15,1),opacity .4s}.hanoitrace-home .chart-wide.is-chart-playing .chart-points{transition-delay:.6s}.hanoitrace-home .chart-wide.is-chart-playing .chart-dates{transition-delay:.3s}.hanoitrace-home .chart-dates span{white-space:nowrap;position:absolute;top:4px;transform:translate(-50%)}.hanoitrace-home .chart-dates span:first-child{transform:translate(0)}.hanoitrace-home .chart-dates span:last-child{transform:translate(-100%)}.hanoitrace-home .chart-tooltip{z-index:5;opacity:0;color:#4d6a86;pointer-events:none;background:#fffffff7;border:1px solid #1273b424;border-radius:11px;gap:1px;min-width:132px;padding:10px 12px;transition:opacity .14s,transform .14s;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 12px 30px #165b8f2b}.hanoitrace-home .chart-tooltip:after{content:"";background:#fff;width:10px;height:10px;position:absolute;bottom:-5px;left:calc(50% - 5px);transform:rotate(45deg)}.hanoitrace-home .chart-tooltip.is-visible{opacity:1;transform:translate(-50%,calc(-100% - 8px))}.hanoitrace-home .chart-tooltip.is-below{transform:translate(-50%,12px)}.hanoitrace-home .chart-tooltip.is-below:after{top:-5px;bottom:auto}.hanoitrace-home .chart-tooltip small,.hanoitrace-home .chart-tooltip strong,.hanoitrace-home .chart-tooltip span{z-index:1;display:block;position:relative}.hanoitrace-home .chart-tooltip small{color:#0d6ea1;font-size:.75rem;font-weight:800}.hanoitrace-home .chart-tooltip strong{color:#073f75;font-size:1rem}.hanoitrace-home .chart-tooltip span{font-size:.75rem}.hanoitrace-home .bar-row{color:#66869f;cursor:pointer;border-radius:10px;grid-template-columns:90px 1fr 38px;align-items:center;gap:9px;margin:5px 0;padding:6px 8px;font-size:.75rem;font-weight:600;transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s,box-shadow .22s;display:grid}.hanoitrace-home .bar-row:hover{background:#00a6e614;transform:scale(1.04)translate(3px);box-shadow:0 4px 14px #007bff1f}.hanoitrace-home .quality-card .bar-row{white-space:nowrap;grid-template-columns:max-content 1fr 34px;gap:8px}.hanoitrace-home .bar-row i{background:linear-gradient(90deg,#087be6 var(--value),#087be61f var(--value));clip-path:inset(0 100% 0 0);opacity:.2;border-radius:999px;height:8px;transition:clip-path 6.5s cubic-bezier(.35,0,.15,1),opacity .4s,filter .2s;position:relative;overflow:hidden}.hanoitrace-home .chart-card.is-chart-playing .bar-row i{clip-path:inset(0);opacity:1}.hanoitrace-home .bar-row:first-of-type i{transition-delay:.2s}.hanoitrace-home .bar-row:nth-of-type(2) i{transition-delay:.5s}.hanoitrace-home .bar-row:nth-of-type(3) i{transition-delay:.8s}.hanoitrace-home .bar-row:nth-of-type(4) i{transition-delay:1.1s}.hanoitrace-home .bar-row:nth-of-type(5) i{transition-delay:1.4s}.hanoitrace-home .bar-row i:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);width:50%;height:100%;animation:2.4s ease-in-out infinite ht-bar-pulse-shimmer;position:absolute;top:0;left:-100%}.hanoitrace-home .bar-row:hover i{filter:brightness(1.15)}.hanoitrace-home .bar-row b{color:#0a568f;text-align:right;transition:color .2s,transform .2s}.hanoitrace-home .bar-row:hover b{color:#007bff;transform:scale(1.08)}.hanoitrace-home .alert-orbit{opacity:.4;border:1px solid #229bd333;border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto;transition:transform 1.2s cubic-bezier(.35,0,.15,1),opacity .8s;display:grid;position:relative;transform:scale(.92)}.hanoitrace-home .chart-card.is-chart-playing .alert-orbit{opacity:1;transform:scale(1)}.hanoitrace-home .alert-orbit:after{content:"";-webkit-mask-composite:xor;opacity:.85;pointer-events:none;background:conic-gradient(#0000 0% 60%,#18bff059 85%,#18bff0 100%);border-radius:50%;padding:2px;animation:4s linear infinite ht-spin;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hanoitrace-home .alert-orbit:before{content:"";background:linear-gradient(145deg,#15b7e9,#0b65d0);border-radius:50%;width:58px;height:58px;animation:3s ease-in-out infinite ht-alert-core-pulse;position:absolute;box-shadow:0 0 24px #13b7e940}.hanoitrace-home .alert-orbit span{z-index:1;color:#fff;font-size:1rem;font-weight:800;position:relative}.hanoitrace-home .alert-orbit i{background:#47e2ff;border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite alternate ht-alert-dot-pulse;position:absolute;box-shadow:0 0 10px #47e2ff}.hanoitrace-home .orbit-a{animation-delay:0s;top:6px;left:18px}.hanoitrace-home .orbit-b{animation-delay:.75s;bottom:28px;right:3px}.hanoitrace-home .orbit-c{animation-delay:1.5s;bottom:2px;left:32px}.hanoitrace-home .alert-legend{flex-direction:column;gap:8px;display:flex}.hanoitrace-home .alert-legend span{color:#66869f;white-space:nowrap;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;display:flex}.hanoitrace-home .alert-legend span b{color:#0a568f;margin-left:auto;font-weight:800}.hanoitrace-home .alert-legend .ok{background:#31d8a1}.hanoitrace-home .alert-legend .warn{background:#ffc25a}.hanoitrace-home .alert-legend .danger{background:#ff6b72}@media (max-width:767px){.hanoitrace-home .ht-dashboard-secondary .chart-card{min-height:0;padding:22px 18px}.hanoitrace-home .ht-dashboard-secondary .bar-row{grid-template-columns:92px 1fr 40px;font-size:.8125rem}.hanoitrace-home .ht-dashboard-secondary .quality-card .bar-row{grid-template-columns:1fr 40px}.hanoitrace-home .ht-dashboard-secondary .quality-card .bar-row span{grid-column:1/-1}}.hanoitrace-home .matrix-wave-connector{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.hanoitrace-home .matrix-wave-node-item{transition:transform .2s}.hanoitrace-home .matrix-wave-node-item circle{filter:drop-shadow(0 1px 3px #0000001f)}.hanoitrace-home .matrix-step.is-active{z-index:10;transform:scale(1.07)}.hanoitrace-home .matrix-step.is-previous{opacity:.96;transform:scale(1.02)}.hanoitrace-home .matrix-step.is-active .step-circle-badge{filter:brightness(1.12);transform:scale(1.06);box-shadow:0 4px 10px #00000038}.hanoitrace-home .matrix-step.is-active .step-circle-thumb{filter:brightness(1.05);box-shadow:0 8px 24px #0000002e}.hanoitrace-home .step-circle-thumb:after{content:"";z-index:1;opacity:0;pointer-events:none;border:2px solid;border-radius:50%;position:absolute;inset:-6px;transform:scale(.95)}.hanoitrace-home .matrix-step.is-active .step-circle-thumb:after{animation:.42s ease-out forwards ht-step-pulse}.hanoitrace-home .step-bullet-list li:before{content:"•";color:#64748b;font-size:11px;position:absolute;left:0}.hanoitrace-home .step-flow-arrow-wrap .arrow-active-line,.hanoitrace-home .step-flow-arrow-wrap .arrow-data-pulse{transition:opacity .16s}@media (max-width:1023px){.hanoitrace-home .matrix-step:nth-of-type(3n) .step-flow-arrow-wrap{display:none}.hanoitrace-home .matrix-step.is-active,.hanoitrace-home .matrix-step.is-previous{transform:none}.hanoitrace-home .step-bullet-list li:before{display:none}}@media (prefers-reduced-motion:reduce){.hanoitrace-home .matrix-wave-connector,.hanoitrace-home .matrix-step{transition:none!important;animation:none!important}}.hanoitrace-home .ht-cta-inner{background:radial-gradient(circle at 87% 25%,#42dcf147,#0000 28%),linear-gradient(125deg,#0054b6,#087be6 58%,#20bce3)}.hanoitrace-home .ht-cta-inner:before{z-index:0;content:"";opacity:.72;pointer-events:none;background:radial-gradient(circle at 8% 28%,#ffffffe0 0 2px,#0000 3px),radial-gradient(circle at 22% 72%,#67e2ffcc 0 3px,#0000 4px),radial-gradient(circle at 44% 24%,#ffffffb3 0 2px,#0000 3px),radial-gradient(circle at 63% 68%,#67e2ffe0 0 3px,#0000 4px),radial-gradient(circle at 81% 22%,#ffffffb8 0 2px,#0000 3px),linear-gradient(24deg,#0000 24%,#7ce7ff29 24.2% 24.5%,#0000 24.7%),linear-gradient(154deg,#0000 38%,#7ce7ff26 38.2% 38.5%,#0000 38.7%);position:absolute;inset:0}.hanoitrace-home .ht-cta-inner:after{content:"";border:1px solid #5fddff2e;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-170px;right:-100px;box-shadow:0 0 0 45px #5fddff0a,0 0 0 90px #5fddff06}.hanoitrace-home .ht-cta-ring,.hanoitrace-home .ht-cta-link,.hanoitrace-home .ht-cta-shield,.hanoitrace-home .ht-cta-check{fill:none;stroke:#9fedffbd;stroke-linecap:round;stroke-linejoin:round}.hanoitrace-home .ht-cta-ring{stroke-width:1px;stroke-dasharray:5 7;transform-origin:50%;animation:18s linear infinite ht-spin}.hanoitrace-home .ht-cta-ring-b{animation-duration:12s;animation-direction:reverse}.hanoitrace-home .ht-cta-link{stroke-width:1.5px}.hanoitrace-home .ht-cta-shield{fill:#ffffff14;stroke-width:2px}.hanoitrace-home .ht-cta-check{stroke:#fff;stroke-width:3px}.hanoitrace-home .ht-cta-node{fill:#fff;filter:drop-shadow(0 0 8px #54dfff)}@media (max-width:1023px){.hanoitrace-home .ht-cta-inner{grid-template-columns:1fr}}.hanoitrace-home .ht-partner-rail{isolation:isolate;background:radial-gradient(circle,#1abeeb26,#0000 25%),linear-gradient(#f3fbffe6,#e9f7fff0),repeating-linear-gradient(0deg,#0000 0 44px,#2a91cf1c 45px),repeating-linear-gradient(90deg,#0000 0 44px,#2a91cf1c 45px)}.hanoitrace-home .ht-partner-rail.reveal,.hanoitrace-home .ht-partner-rail.reveal.is-visible{transform:none}.hanoitrace-home .ht-partner-rail:before,.hanoitrace-home .ht-partner-rail:after{z-index:-1;content:"";border:1px solid #0f85cd21;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hanoitrace-home .ht-partner-rail:before{width:420px;height:420px;box-shadow:0 0 0 54px #17aee206,0 0 0 108px #17aee205}.hanoitrace-home .ht-partner-rail:after{border-style:dashed;width:610px;height:610px;animation:34s linear infinite ht-spin}.hanoitrace-home .ht-eco-lines path{fill:none;stroke:url(#ecoLine);stroke-width:1.8px;stroke-dasharray:5 7;vector-effect:non-scaling-stroke}.hanoitrace-home .ht-eco-packets circle{fill:#17c8ed;stroke:#fff;stroke-width:2px}.hanoitrace-home .ht-partner-core{background:radial-gradient(circle at 35% 25%,#42dcf1,var(--ht-brand)56%,#0054b6)}.hanoitrace-home .ht-partner-core:before,.hanoitrace-home .ht-partner-core:after{content:"";border:1px dashed #179eda47;border-radius:50%;animation:20s linear infinite ht-spin;position:absolute}.hanoitrace-home .ht-partner-core:before{inset:-20px}.hanoitrace-home .ht-partner-core:after{animation-duration:27s;animation-direction:reverse;inset:-35px}.hanoitrace-home .ht-core-orbit-dot{animation:8s linear infinite ht-spin}.hanoitrace-home .ht-core-orbit-dot:after{content:"";background:#16c9ec;border:3px solid #effaff;border-radius:50%;width:9px;height:9px;position:absolute;top:19px;right:23px;box-shadow:0 0 14px #16c9ec}@media (max-width:767px){.hanoitrace-home .ht-partner-rail{grid-template-rows:auto;grid-template-columns:repeat(2,1fr);gap:12px;min-height:0;padding:28px 18px 78px}.hanoitrace-home .ht-partner-rail:before,.hanoitrace-home .ht-partner-rail:after,.hanoitrace-home .ht-eco-links{display:none}.hanoitrace-home .ht-eco-node{width:100%;min-height:130px;grid-area:auto!important}.hanoitrace-home .ht-partner-core{grid-area:1/1/auto/-1;width:190px;height:190px;min-height:190px;margin:14px 0 25px}}.hanoitrace-home .ht-identity-photo:after{content:"";background:linear-gradient(#0000 58%,#042c5bb3);position:absolute;inset:0}.hanoitrace-home .ht-identity-caption:before{content:"";background:#33d8ed;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 15px #33d8ed}.hanoitrace-home .ht-news:before{content:"";pointer-events:none;border:1px solid #1b9dd91a;border-radius:50%;width:440px;height:440px;position:absolute;top:90px;right:-150px;box-shadow:0 0 0 54px #1b9dd906,0 0 0 108px #1b9dd905}.hanoitrace-home .ht-news-figure:after{content:"";background:linear-gradient(#0000,#042f5824);position:absolute;inset:42% 0 0}.hanoitrace-home .ht-chat-toggle{background:radial-gradient(circle at 68% 22%,#ffffff57,#0000 26%),linear-gradient(135deg,#087be6 0%,#12bdd9 100%);box-shadow:0 20px 44px #077be657,inset 0 1px #ffffff5c}.hanoitrace-home .ht-chat-toggle:before{content:"";pointer-events:none;background:#ffffff14;border:1px solid #ffffff47;border-radius:16px;position:absolute;inset:9px}@keyframes ht-chat-blink{50%{opacity:0}}.hanoitrace-home .ht-chat-typing:after{content:"▋";color:#087be6;margin-left:2px;font-weight:700;animation:.7s step-end infinite ht-chat-blink;display:inline-block}.hanoitrace-home .ht-nav-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px;width:16px;height:16px}.hanoitrace-home .ht-section-title{color:#073f82;width:fit-content;max-width:900px;font-family:var(--font-bvp),sans-serif;letter-spacing:-.02em;text-align:center;text-wrap:balance;margin:0 auto;font-size:clamp(26px,3.1vw,38px);font-weight:800;line-height:1.28}.hanoitrace-home .ht-section-title span{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(102deg,#087be6 5%,#079ee5 58%,#16bddd 96%);-webkit-background-clip:text;background-clip:text;padding-block:2px;display:inline-block}.hanoitrace-home .ht-section-title b{font-weight:inherit}@media (max-width:767px){.hanoitrace-home .ht-section-title{font-size:clamp(27px,8vw,34px);line-height:1.14}}.hanoitrace-home .ht-kicker{color:#086bc1;width:auto;max-width:100%;font-family:var(--font-ibm-mono),monospace;letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:9px;margin:0 0 14px;font-size:12.5px;font-weight:700;line-height:1.35;display:inline-flex}.hanoitrace-home .ht-kicker:before{content:"";background:currentColor;border-radius:2px;flex:0 0 22px;width:22px;height:2px}@media (max-width:767px){.hanoitrace-home .ht-kicker{letter-spacing:.1em;font-size:11px}}@media (max-width:479px){.hanoitrace-home .ht-section-lead{font-size:.82rem}}.hanoitrace-home .ht-section-head{margin-bottom:clamp(32px,3.5vw,52px)}
.hanoitrace-home .trace-story{--trace-ease:cubic-bezier(.16,1,.3,1);--trace-progress:0;color:#07365f;background:radial-gradient(circle at 12% 12%,#20c9ec1f,#0000 26%),linear-gradient(#087be60b 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#087be60b 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#f8fdff,#edf8ff);height:1800vh;position:relative;margin-bottom:clamp(100px,14vh,200px)!important}.hanoitrace-home .trace-story-mount,.hanoitrace-home .trace-story-desktop{height:100%}.hanoitrace-home .trace-story *{box-sizing:border-box}.hanoitrace-home .trace-story-sticky{z-index:2;height:calc(100vh - 76px);min-height:650px;position:sticky;top:76px;overflow:hidden}.hanoitrace-home .trace-story-shell{grid-template-rows:auto minmax(0,1fr) auto;width:min(1360px,100vw - 48px);height:100%;margin:auto;padding:clamp(16px,2.5vh,28px) 0 clamp(60px,8vh,90px);display:grid}.hanoitrace-home .trace-story-header{text-align:center;max-width:860px;transform:translateY(calc(-1*var(--intro-scroll-y,0px)));margin:0 auto clamp(16px,2vh,24px);transition:transform .12s linear;position:relative;z-index:50!important}.hanoitrace-home .trace-story-eyebrow{color:#0874ce;letter-spacing:.14em;align-items:center;gap:9px;font:700 .72rem/1.3 IBM Plex Mono,monospace;display:inline-flex}.hanoitrace-home .trace-story-eyebrow:before{content:"";background:#18bbdb;border-radius:2px;width:24px;height:2px}.hanoitrace-home .trace-story-header h2{color:#073f82;letter-spacing:-.035em;margin:9px 0 8px;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.08}.hanoitrace-home .trace-story-header h2 span{color:#079bdc}.hanoitrace-home .trace-story-header p{color:#52718d;max-width:730px;margin:auto;font-size:clamp(.84rem,1vw,.96rem);line-height:1.65}.hanoitrace-home .trace-story-stage{min-height:0;position:relative}.hanoitrace-home .trace-onboarding-cursor{z-index:99;pointer-events:none;width:54px;height:54px;transform:translate3d(var(--cursor-x,50vw),var(--cursor-y,50vh),0);filter:drop-shadow(0 8px 20px #00000040);transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;top:0;left:0}.hanoitrace-home .cursor-icon{width:52px;height:52px;transform:rotate(-10deg)}.hanoitrace-home .cursor-ripple{opacity:0;pointer-events:none;border:2.5px solid #087be6;border-radius:50%;width:36px;height:36px;position:absolute;top:10px;left:18px;transform:translate(-50%,-50%)scale(.4)}.hanoitrace-home .trace-onboarding-cursor.is-clicking .cursor-ripple{animation:.6s ease-out forwards cursorRipplePulse}@keyframes cursorRipplePulse{0%{opacity:.95;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.hanoitrace-home .trace-phone-slot{z-index:30;top:50%;left:var(--phone-left-pct,50%);transition:transform .9s var(--trace-ease),left .12s linear;transform-style:preserve-3d;position:absolute;transform:perspective(1200px)rotateY(16deg)rotateX(5deg)rotate(-1.5deg)translate(-50%,-48%)}.hanoitrace-home .trace-phone-slot:hover{transform:perspective(1200px)rotateY(6deg)rotateX(2deg)rotate(0)translate(-50%,-48%)}.hanoitrace-home .trace-phone.iphone-17-pro-max{aspect-ratio:1/2.02;filter:drop-shadow(-16px 28px 50px #0000007a)drop-shadow(-6px 10px 18px #05234140);width:clamp(270px,22vw,315px);transition:transform .9s var(--trace-ease);background:0 0;padding:0;position:relative}.hanoitrace-home .iphone-hardware-overlay{-o-object-fit:fill;object-fit:fill;pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;top:0;left:0}.hanoitrace-home .trace-phone-bar{justify-content:space-between;align-items:center;display:flex}.hanoitrace-home .trace-phone-action-btn{color:#fff;cursor:pointer;background:linear-gradient(100deg,#087be6,#09a9d8);border:0;border-radius:9px;width:100%;min-height:38px;font-size:.63rem;font-weight:700;transition:transform .22s,background .22s,box-shadow .22s;position:relative;overflow:hidden}.hanoitrace-home .trace-phone-action-btn.is-clicking{background:linear-gradient(100deg,#065eb3,#078bb4);transform:scale(.93);box-shadow:0 0 0 5px #087be659,0 0 16px #09a9d880}.hanoitrace-home .trace-btn-ripple{opacity:0;pointer-events:none;background:radial-gradient(circle,#fffc 10%,#0000 60%);border-radius:9px;position:absolute;inset:0;transform:scale(.2)}.hanoitrace-home .trace-phone-action-btn.is-clicking .trace-btn-ripple{animation:.45s ease-out forwards btn-ripple}@keyframes btn-ripple{0%{opacity:.8;transform:scale(.2)}to{opacity:0;transform:scale(2.2)}}.hanoitrace-home .trace-phone-screen{background:var(--app-paper,#f8fcfe)!important;z-index:5!important;opacity:1!important;visibility:visible!important;border-radius:42px!important;width:89.2%!important;height:94.6%!important;display:block!important;position:absolute!important;top:2.7%!important;left:5.4%!important;overflow:hidden!important}.hanoitrace-home .trace-phone-intro-view,.hanoitrace-home .trace-phone-app-view{transition:opacity .35s,transform .35s}.hanoitrace-home .trace-phone[data-view=intro] .trace-phone-intro-view{opacity:1!important;visibility:visible!important;pointer-events:auto!important;flex-direction:column!important;display:flex!important;transform:scale(1)!important}.hanoitrace-home .trace-phone[data-view=intro] .trace-phone-app-view,.hanoitrace-home .trace-phone[data-view=app] .trace-phone-intro-view{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important;transform:scale(.95)!important}.hanoitrace-home .trace-phone[data-view=app] .trace-phone-app-view{opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:var(--app-paper,#f8fcfe)!important;z-index:10!important;flex-direction:column!important;width:100%!important;height:100%!important;display:flex!important;position:absolute!important;inset:0!important;transform:scale(1)!important}.hanoitrace-home .trace-phone-tab-btn{cursor:pointer;background:0 0;border:0;transition:color .2s,background .2s}.hanoitrace-home .trace-phone-tab-panel{opacity:0;transition:opacity .3s,transform .3s;display:none;transform:translateY(8px)}.hanoitrace-home .trace-phone[data-active-tab="0"] .trace-phone-tab-panel[data-tab-panel="0"],.hanoitrace-home .trace-phone[data-active-tab="1"] .trace-phone-tab-panel[data-tab-panel="1"],.hanoitrace-home .trace-phone[data-active-tab="2"] .trace-phone-tab-panel[data-tab-panel="2"],.hanoitrace-home .trace-phone[data-active-tab="3"] .trace-phone-tab-panel[data-tab-panel="3"]{opacity:1;display:block;transform:translateY(0)}.hanoitrace-home .app-kv{color:#617f97;justify-content:space-between;margin-bottom:3px;font-size:.52rem;display:flex}.hanoitrace-home .app-kv b{color:#0c4371}.hanoitrace-home .app-timeline{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hanoitrace-home .app-timeline li{border-left:2px solid #d5e8f5;padding-left:12px;font-size:.5rem;position:relative}.hanoitrace-home .app-timeline li time{color:#0877c8;font-size:.46rem;font-weight:700;display:block}.hanoitrace-home .app-timeline li b{color:#093c66;display:block}.hanoitrace-home .app-timeline li small{color:#728da3}.hanoitrace-home .trace-intro-scene{z-index:4;pointer-events:none;position:absolute;inset:0}.hanoitrace-home .trace-methods{width:min(34vw,440px);transform:translateY(calc(-50% - var(--intro-scroll-y,0px)));opacity:1;gap:clamp(12px,1.8vh,18px);transition:transform .12s linear;display:grid;position:absolute;top:50%}.hanoitrace-home .trace-methods-left{left:0}.hanoitrace-home .trace-methods-right{right:0}.hanoitrace-home .trace-method-tick{color:#0000;opacity:0;background:#087be614;border-radius:50%;place-items:center;width:22px;height:22px;transition:all .35s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:16px;right:16px;transform:scale(.6)}.hanoitrace-home .trace-method-tick svg{width:13px;height:13px}.hanoitrace-home .trace-methods article{opacity:1;background:#fffffff0;border:1.5px solid #087be624;border-radius:16px;min-height:94px;padding:16px 18px 16px 56px;transition:all .35s;position:relative;transform:translateY(0);box-shadow:0 14px 34px #0d508414}.hanoitrace-home .trace-methods article.is-highlighted{background:#f0f8fffa;border-color:#087be6;transform:translateY(-2px);box-shadow:0 0 24px #087be638,0 14px 34px #0d50841f}.hanoitrace-home .trace-methods article.is-ticked{background:#f0fcf9fa;border-color:#0eb39f80}.hanoitrace-home .trace-methods article.is-ticked .trace-method-tick{opacity:1;color:#fff;background:#0eb39f;transform:scale(1);box-shadow:0 4px 12px #0eb39f59}.hanoitrace-home .trace-methods article>span{color:#0796d6;background:#0796d614;border-radius:6px;padding:4px 6px;font:700 .78rem/1 IBM Plex Mono,monospace;position:absolute;top:17px;left:16px}.hanoitrace-home .trace-methods h3{color:#083f78;margin:0 0 5px;font-size:clamp(.96rem,1.15vw,1.12rem);font-weight:700}.hanoitrace-home .trace-methods p{color:#55728a;margin:0;font-size:clamp(.76rem,.9vw,.85rem);line-height:1.5}.hanoitrace-home .trace-panel-slot{z-index:5;pointer-events:none;width:100%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hanoitrace-home .trace-data-panel{opacity:0;pointer-events:none;filter:blur();width:min(50vw,640px);max-height:min(61vh,590px);transition:opacity .65s var(--trace-ease),transform .75s var(--trace-ease),filter .55s ease;scrollbar-width:none;background:#fffffffa;border:1px solid #087be624;border-radius:22px;padding:0 clamp(18px,2.2vw,28px) clamp(18px,2.2vw,28px);position:absolute;top:50%;left:auto;right:0;overflow:hidden;transform:translateY(120%)scale(1);box-shadow:0 22px 55px #0d50841a}.hanoitrace-home .trace-data-panel>header{z-index:10;background:#fff;border-bottom:1.5px solid #087be624;border-radius:22px 22px 0 0;margin:0 calc(-1*clamp(18px,2.2vw,28px)) 16px;padding:clamp(16px,2vw,20px) clamp(18px,2.2vw,28px) 12px;position:sticky;top:0}.hanoitrace-home .trace-data-panel>header span{color:#0782d5;letter-spacing:.1em;font:700 .68rem/1.3 IBM Plex Mono,monospace}.hanoitrace-home .trace-data-panel>header h3{color:#073d73;letter-spacing:-.025em;margin:5px 0 0;font-size:clamp(1.15rem,2vw,1.65rem)}.hanoitrace-home .trace-product-rows{margin:0}.hanoitrace-home .trace-product-rows>div{opacity:0;transition:.42s var(--trace-ease);transition-delay:calc(var(--row-index)*45ms + .1s);border-bottom:1px solid #087be614;grid-template-columns:minmax(150px,.7fr) 1.3fr;gap:18px;padding:8px 0;display:grid;transform:translateY(13px)}.hanoitrace-home .trace-product-rows dt{color:#708ba1;font-size:.72rem}.hanoitrace-home .trace-product-rows dd{color:#164e78;margin:0;font-size:.76rem;font-weight:650}.hanoitrace-home .trace-status-card{color:#096f5a;background:#ecfaf6;border:1px solid #0eb39f2e;border-radius:13px;gap:12px;margin-top:14px;padding:13px;display:flex}.hanoitrace-home .trace-status-card svg{fill:none;stroke:currentColor;stroke-width:1.8px;flex:0 0 24px;width:24px}.hanoitrace-home .trace-status-card strong{margin-bottom:3px;font-size:.78rem;display:block}.hanoitrace-home .trace-status-card p{color:#4d766d;margin:0;font-size:.68rem;line-height:1.45}.hanoitrace-home .trace-journey{gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.hanoitrace-home .trace-journey:before{content:"";background:#dbeaf5;width:2px;position:absolute;top:7px;bottom:7px;left:82px}.hanoitrace-home .trace-journey li{opacity:.38;grid-template-columns:72px 1fr;gap:24px;padding:7px 0;transition:opacity .3s;display:grid;position:relative}.hanoitrace-home .trace-journey li:before{content:"";background:#c8dbe9;border:3px solid #fff;border-radius:50%;width:10px;height:10px;transition:all .3s;position:absolute;top:12px;left:77px;box-shadow:0 0 0 1px #c8dbe9}.hanoitrace-home .trace-journey li.is-active{opacity:1}.hanoitrace-home .trace-journey li.is-active:before{background:#0cc0df;box-shadow:0 0 0 1px #0cc0df,0 0 14px #0cc0df70}.hanoitrace-home .trace-journey time{color:#087bd5;font:600 .62rem/1.4 IBM Plex Mono,monospace}.hanoitrace-home .trace-journey h4,.hanoitrace-home .trace-documents h4{color:#0a426f;margin:0 0 2px;font-size:.75rem}.hanoitrace-home .trace-journey p,.hanoitrace-home .trace-documents p{color:#638096;margin:0;font-size:.65rem;line-height:1.4}.hanoitrace-home .trace-journey code{color:#0b75b7;font:500 .59rem/1.4 IBM Plex Mono,monospace}.hanoitrace-home .trace-origin-layers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-left:0;display:grid;position:relative}.hanoitrace-home .trace-origin-layers article{background:#fff;border:1.5px solid #087be626;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:104px;padding:14px 16px;transition:all .32s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 14px #0d50840a}.hanoitrace-home .trace-origin-layers article.is-highlighted{background:#fff;border:2px solid #087be6;transform:translateY(-3px);box-shadow:0 10px 30px #087be624}.hanoitrace-home .trace-origin-layers article.is-highlighted b{color:#fff;background:#087be6}.hanoitrace-home .trace-origin-layers b{color:#087be6;background:#087be614;border-radius:6px;align-self:flex-start;margin-bottom:6px;padding:3px 8px;font:700 .62rem/1.2 IBM Plex Mono,monospace;display:inline-block}.hanoitrace-home .trace-origin-layers strong{color:#0d385f;margin-bottom:6px;font-size:clamp(.84rem,.95vw,.92rem);font-weight:700;line-height:1.35}.hanoitrace-home .trace-origin-layers code{color:#5d7b93;word-break:break-all;font:500 .62rem/1.4 IBM Plex Mono,monospace}.hanoitrace-home .trace-documents{gap:9px;display:grid}.hanoitrace-home .trace-documents article{opacity:.35;background:#f8fcff;border:1.5px solid #087be61f;border-left:4.5px solid #087be62e;border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;padding:13px 15px;transition:all .36s cubic-bezier(.16,1,.3,1);display:grid;position:relative;transform:translate(0)}.hanoitrace-home .trace-documents article.is-highlighted{opacity:1;background:#fff;border-color:#087be647 #087be647 #087be647 #087be6;border-left-style:solid;border-left-width:4.5px;transform:translate(8px);box-shadow:0 8px 26px #087be624}.hanoitrace-home .trace-documents i{color:#087be6;background:#eaf6ff;border-radius:10px;place-items:center;width:40px;height:40px;transition:all .32s;display:grid}.hanoitrace-home .trace-documents article.is-highlighted i{color:#fff;background:linear-gradient(135deg,#087be6,#00c6ff);transform:scale(1.05);box-shadow:0 4px 14px #087be652}.hanoitrace-home .trace-documents i svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px;height:20px}.hanoitrace-home .trace-documents article>span{color:#08725d;white-space:nowrap;background:#eaf8f4;border:1px solid #0eb39f2e;border-radius:999px;padding:5px 10px;font-size:.58rem;font-weight:700;transition:all .32s}.hanoitrace-home .trace-documents article.is-highlighted>span{color:#fff;background:#087be6;border-color:#0000;transform:scale(1.02);box-shadow:0 3px 10px #087be64d}.hanoitrace-home .wire-badge.green{color:#08725d;background:#eaf8f4}.hanoitrace-home .wire-badge.blue{color:#087be6;background:#eaf6ff}.hanoitrace-home .wire-tl-item.active .wire-dot{background:#087be6;box-shadow:0 0 8px #087be666}.hanoitrace-home .trace-data-panel.trace-tree-panel,.hanoitrace-home [data-trace-panel="5"]{left:0!important;right:auto!important}.hanoitrace-home .trace-tree-node.is-highlighted{box-shadow:0 6px 20px #087be626}.hanoitrace-home .trace-tree-node.is-highlighted .tree-chevron{color:#fff;transform:translateY(-1px)translate(2px)}.hanoitrace-home .trace-conclusion-grid{pointer-events:none;z-index:35;position:absolute;inset:0}.hanoitrace-home .trace-conclusion-card{-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:#fffffff5;border:1.5px solid #087be638;border-radius:20px;padding:16px 20px;transition:opacity .6s,transform .65s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:scale(.65)translateY(35px);box-shadow:0 18px 45px #0d508424}.hanoitrace-home .trace-story.is-conclusion-revealed .trace-conclusion-card{opacity:1;pointer-events:auto;transition-delay:var(--pop-delay,0s);transform:scale(1)translateY(0)}.hanoitrace-home .card-left-top{transform-origin:100%;width:min(320px,24vw);top:38%;right:calc(50% + 215px)}.hanoitrace-home .card-right-top{transform-origin:0;width:min(320px,24vw);top:30%;left:calc(50% + 215px)}.hanoitrace-home .card-right-bottom{transform-origin:0;width:min(320px,24vw);top:62%;left:calc(50% + 215px)}@media (max-width:1023px){.hanoitrace-home .card-left-top{width:min(320px,50% - 190px);inset:auto calc(50% + 175px) 96px auto}.hanoitrace-home .card-right-top{width:min(320px,50% - 190px);inset:auto auto 96px calc(50% + 175px)}.hanoitrace-home .card-right-bottom{display:none}}.hanoitrace-home .conclusion-badge{color:#fff;letter-spacing:.12em;background:linear-gradient(135deg,#087be6,#00c6ff);border-radius:999px;margin-bottom:6px;padding:3px 10px;font:700 .58rem/1.2 IBM Plex Mono,monospace;display:inline-block;box-shadow:0 4px 12px #087be647}.hanoitrace-home .trace-conclusion-card h3{color:#0c3963;margin:0 0 5px;font-size:clamp(.95rem,1.15vw,1.15rem);font-weight:700;line-height:1.35}.hanoitrace-home .trace-conclusion-card p{color:#475569;margin:0;font-size:clamp(.74rem,.85vw,.82rem);line-height:1.45}.hanoitrace-home .trace-story.is-conclusion-revealed .trace-story-header{transition:transform .95s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.hanoitrace-home .trace-tree-node.is-highlighted .tree-badge{color:#fff;background:#087be6}.hanoitrace-home .trace-story-progress button.is-active{color:#087be6}.hanoitrace-home .trace-story-progress button.is-active b,.hanoitrace-home .trace-story-progress button.is-complete b{color:#fff;background:#087be6;border-color:#087be6;box-shadow:0 5px 15px #087be640}.hanoitrace-home .trace-story[data-scene="0"] .trace-intro-scene{pointer-events:auto}.hanoitrace-home .trace-story:not([data-scene="0"]) .trace-intro-scene{pointer-events:none}.hanoitrace-home .trace-story[data-scene="0"] .trace-methods article,.hanoitrace-home .trace-story[data-scene="1"] [data-trace-panel="1"],.hanoitrace-home .trace-story[data-scene="2"] [data-trace-panel="2"],.hanoitrace-home .trace-story[data-scene="3"] [data-trace-panel="3"],.hanoitrace-home .trace-story[data-scene="4"] [data-trace-panel="4"],.hanoitrace-home .trace-story[data-scene="5"] [data-trace-panel="5"]{opacity:1;pointer-events:auto}.hanoitrace-home .trace-story[data-scene="0"] .trace-methods article,.hanoitrace-home .trace-story[data-scene="1"] .trace-product-rows>div,.hanoitrace-home .trace-story[data-scene="3"] .trace-origin-layers article,.hanoitrace-home .trace-story[data-scene="4"] .trace-documents article,.hanoitrace-home .trace-story[data-scene="5"] .trace-tree-node,.hanoitrace-home .trace-story[data-scene="5"] .trace-tree-branches details{opacity:1;transform:translateY(0)}.hanoitrace-home .trace-story[data-scene="1"] [data-trace-panel="1"],.hanoitrace-home .trace-story[data-scene="2"] [data-trace-panel="2"],.hanoitrace-home .trace-story[data-scene="3"] [data-trace-panel="3"],.hanoitrace-home .trace-story[data-scene="4"] [data-trace-panel="4"]{filter:blur();transform:translateY(-65%)scale(1)}.hanoitrace-home .trace-story[data-scene="2"] [data-trace-panel="1"],.hanoitrace-home .trace-story[data-scene="3"] [data-trace-panel="1"],.hanoitrace-home .trace-story[data-scene="3"] [data-trace-panel="2"],.hanoitrace-home .trace-story[data-scene="4"] [data-trace-panel="1"],.hanoitrace-home .trace-story[data-scene="4"] [data-trace-panel="2"],.hanoitrace-home .trace-story[data-scene="4"] [data-trace-panel="3"],.hanoitrace-home .trace-story[data-scene="5"] [data-trace-panel="1"],.hanoitrace-home .trace-story[data-scene="5"] [data-trace-panel="2"],.hanoitrace-home .trace-story[data-scene="5"] [data-trace-panel="3"],.hanoitrace-home .trace-story[data-scene="5"] [data-trace-panel="4"]{opacity:1;pointer-events:none;filter:none;transform:translateY(-220%)scale(1)}.hanoitrace-home .trace-product-rows>div,.hanoitrace-home .trace-journey>li,.hanoitrace-home .trace-origin-layers>article,.hanoitrace-home .trace-documents>article,.hanoitrace-home .trace-tree-node{opacity:.32;transition:opacity .45s,transform .45s,background .45s,border-color .45s}.hanoitrace-home .trace-product-rows>div.is-highlighted{opacity:1;background:#087be60d;border-left:3px solid #087be6;padding-left:6px}.hanoitrace-home .trace-journey>li.is-highlighted{opacity:1}.hanoitrace-home .trace-journey>li.is-highlighted:before{background:#0cc0df;transform:scale(1.25);box-shadow:0 0 0 1px #0cc0df,0 0 14px #0cc0df99}.hanoitrace-home .trace-origin-layers>article.is-highlighted{opacity:1;background:#f0f9ff;border-color:#087be659;transform:translateY(0)}.hanoitrace-home .trace-documents>article.is-highlighted{opacity:1;background:#f0faf7;border-color:#0eb39f59;transform:translateY(0)}.hanoitrace-home .trace-tree-node.is-highlighted{opacity:1;background:#edf8ff;border-color:#087be659;transform:translateY(0)}.hanoitrace-home .trace-story[data-scene="1"] .trace-phone-slot,.hanoitrace-home .trace-story[data-scene="2"] .trace-phone-slot,.hanoitrace-home .trace-story[data-scene="3"] .trace-phone-slot,.hanoitrace-home .trace-story[data-scene="4"] .trace-phone-slot{transform:translate(-50%,-65%)!important}.hanoitrace-home .trace-story[data-scene="1"] .trace-phone,.hanoitrace-home .trace-story[data-scene="2"] .trace-phone,.hanoitrace-home .trace-story[data-scene="3"] .trace-phone,.hanoitrace-home .trace-story[data-scene="4"] .trace-phone{filter:drop-shadow(0 20px 45px #0a2d5038)!important;transform:scale(.93)!important}.hanoitrace-home .trace-node-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.hanoitrace-home .trace-story-mobile{display:none}@media (max-width:1279px) and (min-width:768px){.hanoitrace-home .trace-story-shell{width:min(1120px,100vw - 32px)}.hanoitrace-home .trace-methods{width:28vw}.hanoitrace-home .trace-methods article{padding:10px 10px 10px 38px}.hanoitrace-home .trace-methods p{font-size:.62rem}.hanoitrace-home .trace-panel-slot{width:59vw}}@media (min-width:1280px){.hanoitrace-home .trace-story-header h2{font-size:2.75rem}.hanoitrace-home .trace-story-header p{font-size:.96rem}.hanoitrace-home .trace-phone.iphone-17-pro-max{width:315px}.hanoitrace-home .trace-methods{width:440px}.hanoitrace-home .trace-methods h3{font-size:1.12rem}.hanoitrace-home .trace-methods p{font-size:.85rem}.hanoitrace-home .trace-data-panel{width:640px;max-height:590px;padding:0 28px 28px}.hanoitrace-home .trace-data-panel>header{margin:0 -28px 16px;padding:20px 28px 12px}.hanoitrace-home .trace-data-panel>header h3{font-size:1.65rem}.hanoitrace-home .trace-origin-layers strong{font-size:.92rem}.hanoitrace-home .card-left-top,.hanoitrace-home .card-right-top,.hanoitrace-home .card-right-bottom{width:320px}}@media (max-width:767px){.hanoitrace-home .trace-story{background-size:auto,34px 34px,34px 34px,auto;height:auto}.hanoitrace-home .trace-story-desktop{display:none}.hanoitrace-home .trace-story-mobile{padding:66px 0 72px;display:block}.hanoitrace-home .trace-story-mobile .trace-story-header{margin-bottom:28px}.hanoitrace-home .trace-story-mobile .trace-phone{border-radius:27px;width:min(100%,360px);margin:0 auto 32px}.hanoitrace-home .trace-story-mobile .trace-phone-notch{display:none}.hanoitrace-home .trace-story-mobile .trace-phone-screen{border-radius:20px}.hanoitrace-home .trace-story-mobile .trace-phone-visual{height:150px}.hanoitrace-home .trace-story-mobile .trace-phone-product{padding:18px}.hanoitrace-home .trace-story-mobile .trace-phone-product h3{font-size:1rem}.hanoitrace-home .trace-story-mobile .trace-phone-product code,.hanoitrace-home .trace-story-mobile .trace-phone-product small,.hanoitrace-home .trace-story-mobile .trace-phone-product li{font-size:.68rem}.hanoitrace-home .trace-story-mobile .trace-phone-product button{min-height:44px;font-size:.75rem}.hanoitrace-home .trace-mobile-block{margin-bottom:24px}.hanoitrace-home .trace-mobile-block>h3{color:#083e73;margin:0 0 14px;font-size:1.1rem}.hanoitrace-home .trace-story-mobile .trace-intro-scene{position:static}.hanoitrace-home .trace-story-mobile .trace-methods{gap:10px;width:100%;display:grid;position:static;transform:none}.hanoitrace-home .trace-story-mobile .trace-methods-right{margin-top:10px}.hanoitrace-home .trace-story-mobile .trace-methods article{opacity:1;min-height:0;padding:15px 15px 15px 48px;transform:none}.hanoitrace-home .trace-story-mobile .trace-methods h3{font-size:.9rem}.hanoitrace-home .trace-story-mobile .trace-methods p{font-size:.76rem}.hanoitrace-home .trace-story-mobile .trace-data-panel{opacity:1;pointer-events:auto;width:100%;max-height:none;margin-top:14px;padding:20px 16px;position:relative;top:auto;right:auto;overflow:visible;transform:none}.hanoitrace-home .trace-story-mobile .trace-product-rows>div{opacity:1;grid-template-columns:1fr;gap:3px;padding:10px 0;transform:none}.hanoitrace-home .trace-story-mobile .trace-product-rows dt{font-size:.7rem}.hanoitrace-home .trace-story-mobile .trace-product-rows dd{font-size:.8rem}.hanoitrace-home .trace-story-mobile .trace-journey li{opacity:1;grid-template-columns:62px 1fr;gap:20px;padding:10px 0}.hanoitrace-home .trace-story-mobile .trace-journey:before{left:69px}.hanoitrace-home .trace-story-mobile .trace-journey li:before{left:64px}.hanoitrace-home .trace-story-mobile .trace-journey h4,.hanoitrace-home .trace-story-mobile .trace-documents h4{font-size:.8rem}.hanoitrace-home .trace-story-mobile .trace-journey p,.hanoitrace-home .trace-story-mobile .trace-documents p{font-size:.72rem}.hanoitrace-home .trace-story-mobile .trace-origin-layers article,.hanoitrace-home .trace-story-mobile .trace-documents article,.hanoitrace-home .trace-story-mobile .trace-tree-node,.hanoitrace-home .trace-story-mobile .trace-tree-branches details{opacity:1;transform:none}.hanoitrace-home .trace-story-mobile .trace-documents article{grid-template-columns:34px 1fr}.hanoitrace-home .trace-story-mobile .trace-documents article>span{grid-column:2;justify-self:start}.hanoitrace-home .trace-story-mobile .trace-tree-main:before{transform:scaleY(1)}.hanoitrace-home .trace-story-mobile .trace-tree-branches{grid-template-columns:1fr}.hanoitrace-home .trace-story-cta{background:linear-gradient(120deg,#063f75,#087fc4);border-radius:17px;gap:14px;margin-top:18px;padding:20px;display:grid}.hanoitrace-home .trace-story-cta span,.hanoitrace-home .trace-story-cta strong{color:#fff;display:block}.hanoitrace-home .trace-story-cta span{letter-spacing:.08em;opacity:.72;font:600 .65rem/1.4 IBM Plex Mono,monospace}.hanoitrace-home .trace-story-cta strong{margin-top:5px;font:600 .78rem/1.4 IBM Plex Mono,monospace}.hanoitrace-home .trace-story-cta a{color:#075083;background:#fff;border-radius:11px;justify-content:center;align-items:center;min-height:44px;font-size:.78rem;font-weight:700;display:inline-flex}}@media (prefers-reduced-motion:reduce){.hanoitrace-home .trace-story *,.hanoitrace-home .trace-story :before,.hanoitrace-home .trace-story :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}}.hanoitrace-home .web-scroll-indicator{z-index:25;pointer-events:none;opacity:.9;flex-direction:column;align-items:center;gap:5px;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hanoitrace-home .scroll-mouse-body{-webkit-backdrop-filter:blur(6px);background:#ffffffeb;border:2px solid #087be6;border-radius:999px;width:24px;height:40px;position:relative;box-shadow:0 4px 14px #087be638}.hanoitrace-home .scroll-mouse-wheel{background:linear-gradient(#087be6,#00c6ff);border-radius:999px;width:4.5px;height:8px;animation:1.9s cubic-bezier(.65,0,.35,1) infinite mouseWheelLottieScroll;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #087be680}@keyframes mouseWheelLottieScroll{0%{opacity:0;transform:translate(-50%)}15%{opacity:1}65%{opacity:1;transform:translate(-50%,14px)}85%,to{opacity:0;transform:translate(-50%,18px)}}.hanoitrace-home .scroll-label{color:#087be6;letter-spacing:.12em;text-transform:uppercase;font:700 .56rem/1.2 IBM Plex Mono,monospace}.hanoitrace-home .scroll-arrow-icon{color:#087be6;width:14px;height:14px;animation:1.9s ease-in-out infinite scrollArrowBounce}@keyframes scrollArrowBounce{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.hanoitrace-home .trace-story .web-scroll-indicator{bottom:var(--scroll-bottom-px,24px)!important;text-align:center!important;z-index:99!important;opacity:1!important;visibility:visible!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:max-content!important;margin:0!important;transition:bottom .18s,opacity .4s!important;display:flex!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important}.hanoitrace-home .trace-story[data-scene="0"] .web-scroll-indicator{left:50%!important;bottom:var(--scroll-bottom-px,48px)!important;filter:drop-shadow(0 6px 16px #087be66b)!important}.hanoitrace-home .trace-story[data-scene="1"] .web-scroll-indicator,.hanoitrace-home .trace-story[data-scene="2"] .web-scroll-indicator,.hanoitrace-home .trace-story[data-scene="3"] .web-scroll-indicator,.hanoitrace-home .trace-story[data-scene="4"] .web-scroll-indicator{filter:none!important;bottom:24px!important;left:50%!important}.hanoitrace-home .trace-story[data-scene="5"] .web-scroll-indicator{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.hanoitrace-home .trace-phone.iphone-17-pro-max{--app-blue:#087be6;--app-blue-deep:#073f82;--app-ink:#003b7e;--app-paper:#f8fdff}.hanoitrace-home .trace-phone-screen{color:var(--app-ink);background:var(--app-paper);font-family:IBM Plex Sans,Be Vietnam Pro,sans-serif}.hanoitrace-home .trace-phone-screen button{font:inherit}.hanoitrace-home .trace-phone-screen svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.hanoitrace-home .trace-phone-bar{z-index:15;color:#142d41;background:#fffffff5;height:34px;padding:16px 18px 4px;font-size:.5rem;font-weight:800;position:relative}.hanoitrace-home .trace-phone-bar>b{align-items:end;gap:2px;display:flex}.hanoitrace-home .trace-phone-bar>b i{background:currentColor;border-radius:2px;width:2px;height:5px;display:block}.hanoitrace-home .trace-phone-bar>b i:nth-child(2){height:7px}.hanoitrace-home .trace-phone-bar>b i:nth-child(3){border-radius:2px;width:8px;height:5px}.hanoitrace-home .trace-status-island{background:#06080a;border-radius:999px;width:69px;height:18px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0f}.hanoitrace-home .trace-phone-intro-view,.hanoitrace-home .trace-phone-app-view{z-index:2;background:var(--app-paper);position:absolute;inset:34px 0 49px;overflow:hidden}.hanoitrace-home .trace-phone[data-view=intro] .trace-phone-intro-view,.hanoitrace-home .trace-phone[data-view=app] .trace-phone-app-view{display:block}.hanoitrace-home .trace-app-header,.hanoitrace-home .trace-detail-header{background:#fffffffa;justify-content:space-between;align-items:center;height:47px;padding:8px 13px;display:flex}.hanoitrace-home .trace-app-brand{align-items:center;gap:7px;text-decoration:none;display:flex}.hanoitrace-home .trace-app-brand .brand-logo-shell{background:#fff;border:1px solid #00a6e666;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid;overflow:hidden;box-shadow:0 2px 8px #007bff26}.hanoitrace-home .trace-app-brand .brand-logo{-o-object-fit:contain;object-fit:contain;width:24px;height:24px}.hanoitrace-home .trace-app-brand .brand-text-stack{flex-direction:column;justify-content:center;line-height:1.05;display:flex}.hanoitrace-home .trace-app-brand .brand-name{letter-spacing:-.02em;align-items:baseline;font-size:.66rem;font-weight:800;line-height:1;display:flex}.hanoitrace-home .trace-app-brand .brand-hanoi{color:#0a3b82;font-weight:800}.hanoitrace-home .trace-app-brand .brand-trace{color:#00a6e6;font-weight:800}.hanoitrace-home .trace-app-brand .brand-sub{color:#6f91ad;margin-top:1px;font-size:.4rem;line-height:1}.hanoitrace-home .trace-app-icon-btn{color:#315b78;background:#f8fbfd;border:1px solid #e1ebf2;border-radius:9px;place-items:center;width:27px;height:27px;padding:0;display:grid;position:relative}.hanoitrace-home .trace-app-icon-btn svg{width:13px}.hanoitrace-home .trace-app-icon-btn>i{background:#ef6d55;border:1px solid #fff;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;right:5px}.hanoitrace-home .trace-passport-scroll{height:calc(100% - 47px);overflow:hidden}.hanoitrace-home .trace-product-photo{background:#dce8de;height:157px;margin:0;position:relative;overflow:hidden}.hanoitrace-home .trace-product-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 46%,#06242b9e);position:absolute;inset:0}.hanoitrace-home .trace-product-photo>img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 58%;object-position:50% 58%;width:100%;height:100%}.hanoitrace-home .trace-product-photo figcaption{z-index:2;color:#fff;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.hanoitrace-home .trace-product-photo figcaption span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.06em;background:#055445d1;border:1px solid #ffffff52;border-radius:999px;align-items:center;gap:4px;padding:5px 7px;font-size:.42rem;font-weight:800;display:inline-flex}.hanoitrace-home .trace-product-photo figcaption svg{width:10px}.hanoitrace-home .trace-product-photo figcaption small{text-shadow:0 1px 5px #00000080;font-size:.4rem}.hanoitrace-home .trace-photo-code{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #ffffffb8;border-radius:10px;grid-template-columns:16px 1fr;width:55px;padding:6px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 6px 15px #082a3f29}.hanoitrace-home .trace-photo-code>span{color:var(--app-blue);grid-row:span 2}.hanoitrace-home .trace-photo-code svg{width:14px}.hanoitrace-home .trace-photo-code small{color:#718596;font-size:.29rem;line-height:1.2}.hanoitrace-home .trace-photo-code strong{color:var(--app-blue-deep);font-size:.39rem;line-height:1.2}.hanoitrace-home .trace-product-sheet{z-index:4;background:#fff;border:1px solid #11547d14;border-radius:14px 14px 11px 11px;margin:-7px 8px 0;padding:11px 11px 9px;position:relative;box-shadow:0 8px 24px #1447691a}.hanoitrace-home .trace-product-title-row{grid-template-columns:1fr auto;gap:5px;display:grid}.hanoitrace-home .trace-product-title-row small{color:#087be6;letter-spacing:.07em;margin-bottom:3px;font-size:.37rem;font-weight:800;display:block}.hanoitrace-home .trace-product-title-row h3{color:#073f82;letter-spacing:-.025em;margin:0;font-size:.7rem;line-height:1.25}.hanoitrace-home .trace-product-title-row button{color:#53748e;background:#f8fdff;border:1px solid #087be629;border-radius:8px;width:24px;height:24px;padding:0;font-size:.8rem}.hanoitrace-home .trace-lot-row{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.hanoitrace-home .trace-lot-row code{color:#53748e;font:500 .38rem/1.2 IBM Plex Mono,monospace}.hanoitrace-home .trace-lot-row span{color:#087be6;background:#edf8ff;border-radius:999px;padding:2px 5px;font-size:.34rem;font-weight:700}.hanoitrace-home .trace-trust-score{background:linear-gradient(115deg,#f8fdff,#edf8ff);border:1px solid #087be62e;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:8px 0;padding:7px;display:grid}.hanoitrace-home .trace-score-ring{color:#087be6;border:3px solid #087be6;border-right-color:#bce7fa;border-radius:50%;grid-template-columns:auto auto;place-content:center;width:33px;height:33px;padding:4px;display:grid}.hanoitrace-home .trace-score-ring strong{font-size:.55rem;line-height:1}.hanoitrace-home .trace-score-ring small{align-self:end;font-size:.25rem;line-height:1.2}.hanoitrace-home .trace-trust-score>div:nth-child(2){gap:2px;display:grid}.hanoitrace-home .trace-trust-score>div:nth-child(2) strong{color:#073f82;font-size:.46rem}.hanoitrace-home .trace-trust-score>div:nth-child(2) small{color:#53748e;font-size:.34rem}.hanoitrace-home .trace-trust-score>span{color:#087be6}.hanoitrace-home .trace-trust-score>span svg{width:17px}.hanoitrace-home .trace-quick-facts{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.hanoitrace-home .trace-quick-facts article{background:#f8fdff;border:1px solid #087be624;border-radius:9px;justify-items:center;padding:6px 4px;display:grid}.hanoitrace-home .trace-quick-facts article span{color:#087be6;background:#edf8ff;border-radius:6px;place-items:center;width:18px;height:18px;margin-bottom:3px;display:grid}.hanoitrace-home .trace-quick-facts article svg{width:10px}.hanoitrace-home .trace-quick-facts article small{color:#6f91ad;font-size:.31rem}.hanoitrace-home .trace-quick-facts article strong{color:#073f82;margin-top:1px;font-size:.4rem}.hanoitrace-home .trace-phone .trace-phone-action-btn{z-index:5;background:linear-gradient(135deg,#087be6,#20c9ec);border-radius:11px;justify-content:space-between;align-items:center;width:auto;min-height:35px;padding:0 12px;font-size:.5rem;display:flex;position:absolute;bottom:58px;left:12px;right:12px;box-shadow:0 8px 20px #087be652}.hanoitrace-home .trace-phone .trace-phone-action-btn>svg{width:12px}.hanoitrace-home .trace-detail-header{border-bottom:1px solid #e8eef2;justify-content:flex-start;gap:8px;height:43px}.hanoitrace-home .trace-detail-header>div{text-align:center;flex:1;display:grid}.hanoitrace-home .trace-detail-header>div strong{color:#173b55;font-size:.54rem}.hanoitrace-home .trace-detail-header>div small{color:#718898;margin-top:1px;font-size:.32rem}.hanoitrace-home .trace-detail-verified{color:#0c9876;background:#e8f8f2;border-radius:9px;place-items:center;width:27px;height:27px;display:grid}.hanoitrace-home .trace-detail-verified svg{width:15px}.hanoitrace-home .trace-product-mini{background:#fff;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;height:58px;padding:7px 11px;display:grid}.hanoitrace-home .trace-product-mini img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:44px;height:44px}.hanoitrace-home .trace-product-mini>div{gap:2px;display:grid}.hanoitrace-home .trace-product-mini small{color:#0b9b78;letter-spacing:.04em;font-size:.31rem;font-weight:800}.hanoitrace-home .trace-product-mini strong{color:#183c56;font-size:.49rem}.hanoitrace-home .trace-product-mini span{color:#748a99;font-size:.33rem}.hanoitrace-home .trace-product-mini>b{color:#087d63;border:2px solid #17ad86;border-radius:50%;place-items:center;width:27px;height:27px;font-size:.45rem;display:grid}.hanoitrace-home .trace-phone-tabs{z-index:3;box-sizing:border-box;background:#f2f7fb;border-bottom:1px solid #e0e9ef;grid-template-columns:repeat(4,1fr);gap:3px;height:38px;padding:4px 6px;display:grid;position:relative}.hanoitrace-home .trace-phone-tab-btn{color:#627e94;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;padding:4px 2px;font-size:.62rem;font-weight:700;display:flex;position:relative;overflow:hidden}.hanoitrace-home .trace-phone-tab-btn span{white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;line-height:1.1;display:block;overflow:hidden}.hanoitrace-home .trace-phone-tab-btn:after{background:var(--app-blue);opacity:0;content:"";border-radius:2px 2px 0 0;height:2px;transition:all .22s;position:absolute;bottom:-1px;left:7px;right:7px;transform:scaleX(.35)}.hanoitrace-home .trace-phone[data-active-tab="0"] .trace-phone-tab-btn[data-tab-idx="0"],.hanoitrace-home .trace-phone[data-active-tab="1"] .trace-phone-tab-btn[data-tab-idx="1"],.hanoitrace-home .trace-phone[data-active-tab="2"] .trace-phone-tab-btn[data-tab-idx="2"],.hanoitrace-home .trace-phone[data-active-tab="3"] .trace-phone-tab-btn[data-tab-idx="3"]{color:var(--app-blue);box-shadow:none;background:0 0}.hanoitrace-home .trace-phone[data-active-tab="4"] .trace-phone-app-view{height:auto!important;inset:34px 0 0!important}.hanoitrace-home .trace-phone[data-active-tab="4"] .trace-detail-header,.hanoitrace-home .trace-phone[data-active-tab="4"] .trace-product-mini,.hanoitrace-home .trace-phone[data-active-tab="4"] .trace-phone-tabs,.hanoitrace-home .trace-phone[data-active-tab="4"] .trace-app-bottom-nav{display:none!important}.hanoitrace-home .trace-phone[data-active-tab="4"] .trace-phone-app-body{height:100%!important}.hanoitrace-home .trace-phone[data-active-tab="4"] .trace-phone-tab-panel[data-tab-panel="4"]{opacity:1;height:100%;padding:0;display:block;overflow:hidden;transform:none}.hanoitrace-home .trace-app-conclusion-screen{color:#153c57;background:radial-gradient(circle at 92% 18%,#087be61f,#0000 27%),radial-gradient(circle at 0 55%,#0eb39f1a,#0000 30%),#f4f8fb;height:100%;position:relative;overflow:hidden}.hanoitrace-home .trace-app-conclusion-screen:before{opacity:.35;content:"";pointer-events:none;background-image:radial-gradient(#ffffffe6 1px,#0000 1px);background-size:12px 12px;height:138px;position:absolute;inset:48px 0 auto}.hanoitrace-home .trace-result-brandbar{z-index:3;color:#fff;background:linear-gradient(112deg,#064b88 0%,#087be6 64%,#079b92 130%);justify-content:space-between;align-items:center;height:48px;padding:8px 11px;display:flex;position:relative;box-shadow:0 7px 18px #063e6d2b}.hanoitrace-home .trace-result-brand{align-items:center;gap:7px;display:flex}.hanoitrace-home .trace-result-brand .trace-app-mark{color:#fff;background:linear-gradient(135deg,#087be6,#20c9ec);border-radius:9px 9px 9px 3px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 5px 14px #087be647}.hanoitrace-home .trace-result-brand .trace-app-mark svg{stroke-width:1.5px;width:18px}.hanoitrace-home .trace-result-brand strong{color:#fff;letter-spacing:-.025em;font-size:.61rem;line-height:1}.hanoitrace-home .trace-result-brand strong span{color:#70ebd0}.hanoitrace-home .trace-result-brand small{color:#ffffffd1;font-size:.42rem;line-height:1}.hanoitrace-home .trace-result-live{letter-spacing:.05em;background:#032e503d;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:4px;padding:4px 6px;font-size:.3rem;font-weight:800;display:flex}.hanoitrace-home .trace-result-live i{background:#74f0c8;border:1px solid #ffffffbf;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #74f0c821}.hanoitrace-home .trace-result-content{z-index:2;flex-direction:column;justify-content:space-between;height:calc(100% - 48px);padding:8px 10px 9px;display:flex;position:relative}.hanoitrace-home .trace-result-hero{text-align:center;align-content:start;justify-items:center;min-height:145px;display:grid}.hanoitrace-home .trace-result-orbit{color:#fff;background:linear-gradient(145deg,#0db497,#087be6);border-radius:50%;place-items:center;width:54px;height:54px;margin:1px 0 4px;animation:3.4s ease-in-out infinite trace-result-float;display:grid;position:relative;box-shadow:0 9px 22px #087be640}.hanoitrace-home .trace-result-orbit>span svg{stroke-width:1.35px;width:26px}.hanoitrace-home .trace-result-orbit>b{color:#087b61;background:#dff9f0;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.45rem;display:grid;position:absolute;bottom:0;right:-2px}.hanoitrace-home .trace-result-orbit>i{border:1px solid #087be629;border-radius:50%;position:absolute}.hanoitrace-home .trace-result-orbit .orbit-one{animation:2.7s ease-out infinite trace-result-ring;inset:-6px}.hanoitrace-home .trace-result-orbit .orbit-two{animation:2.7s ease-out .9s infinite trace-result-ring;inset:-12px}.hanoitrace-home .trace-result-kicker{color:#07856d;letter-spacing:.1em;font:800 .32rem/1.2 IBM Plex Mono,monospace}.hanoitrace-home .trace-result-hero h4{color:#073f76;letter-spacing:-.035em;margin:3px 0;font-size:.76rem;line-height:1.2}.hanoitrace-home .trace-result-hero h4 em{color:#079a85;font-style:normal}.hanoitrace-home .trace-result-hero p{color:#678092;max-width:235px;margin:0;font-size:.34rem;line-height:1.45}.hanoitrace-home .trace-result-product{background:#fffffff0;border:1px solid #08609a1f;border-radius:11px;grid-template-columns:45px 1fr auto;align-items:center;gap:7px;min-height:58px;padding:7px;display:grid;box-shadow:0 6px 17px #0d416312}.hanoitrace-home .trace-result-product img{-o-object-fit:cover;object-fit:cover;border-radius:9px;width:45px;height:44px}.hanoitrace-home .trace-result-product>div:nth-child(2){gap:2px;min-width:0;display:grid}.hanoitrace-home .trace-result-product small{color:#0a9a7b;font-size:.28rem;font-weight:800}.hanoitrace-home .trace-result-product strong{color:#183f59;font-size:.46rem}.hanoitrace-home .trace-result-product span{color:#768b99;white-space:nowrap;text-overflow:ellipsis;font-size:.29rem;overflow:hidden}.hanoitrace-home .trace-result-score{color:#078369;border:3px solid #11ad88;border-right-color:#c3e9df;border-radius:50%;grid-template-columns:auto auto;place-content:center;width:34px;height:34px;padding:3px;display:grid}.hanoitrace-home .trace-result-score strong{color:inherit;font-size:.52rem;line-height:1}.hanoitrace-home .trace-result-score small{color:inherit;align-self:end;font-size:.2rem}.hanoitrace-home .trace-result-proof{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:0;display:grid}.hanoitrace-home .trace-result-proof article{background:#ffffffe0;border:1px solid #e0eaf0;border-radius:9px;grid-template-columns:21px 1fr;align-items:center;gap:4px;min-height:52px;padding:6px 4px;display:grid}.hanoitrace-home .trace-result-proof article>span{color:#0879ca;background:#e9f3fb;border-radius:7px;place-items:center;width:21px;height:21px;display:grid}.hanoitrace-home .trace-result-proof article>span svg{width:11px}.hanoitrace-home .trace-result-proof article>div{gap:1px;display:grid}.hanoitrace-home .trace-result-proof strong{color:#18425d;font-size:.43rem;line-height:1}.hanoitrace-home .trace-result-proof small{color:#7a8e9c;font-size:.24rem;line-height:1.2}.hanoitrace-home .trace-result-verified-by{background:#edf9f5;border:1px solid #0aa07f33;border-radius:9px;grid-template-columns:23px 1fr auto;align-items:center;gap:6px;min-height:37px;margin-top:0;padding:5px 7px;display:grid}.hanoitrace-home .trace-result-verified-by>span{color:#fff;background:#0aa57f;border-radius:7px;place-items:center;width:23px;height:23px;display:grid}.hanoitrace-home .trace-result-verified-by>span svg{width:13px}.hanoitrace-home .trace-result-verified-by>div{gap:1px;display:grid}.hanoitrace-home .trace-result-verified-by small{color:#0b8d71;letter-spacing:.04em;font-size:.26rem;font-weight:800}.hanoitrace-home .trace-result-verified-by strong{color:#32556b;font:600 .27rem/1.2 IBM Plex Mono,monospace}.hanoitrace-home .trace-result-verified-by>i{color:#718a98;font-size:.25rem;font-style:normal}.hanoitrace-home .trace-result-assurance{background-color:#fff;background-image:linear-gradient(90deg,#087be608 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:13px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #dce8ef;border-radius:10px;gap:6px;min-height:61px;margin-top:0;padding:7px 8px;display:grid}.hanoitrace-home .trace-result-assurance>div:first-child{gap:2px;display:grid}.hanoitrace-home .trace-result-assurance small{color:#0877c8;letter-spacing:.07em;font-size:.25rem;font-weight:800}.hanoitrace-home .trace-result-assurance strong{color:#294d64;font-size:.32rem}.hanoitrace-home .trace-assurance-flow{align-items:center;display:flex}.hanoitrace-home .trace-assurance-flow span{color:#4c687a;white-space:nowrap;font-size:.25rem;font-weight:700}.hanoitrace-home .trace-assurance-flow i{background:#bfd5e2;flex:1;height:1px;margin:0 5px;position:relative}.hanoitrace-home .trace-assurance-flow i:after{content:"";background:#0a9c7b;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.hanoitrace-home .trace-result-callout{color:#fff;background:linear-gradient(108deg,#0874d0,#078f9d);border-radius:11px;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-height:48px;margin-top:0;padding:7px 9px;display:grid;box-shadow:0 8px 18px #086fb733}.hanoitrace-home .trace-result-callout>span{background:#ffffff1f;border:1px solid #ffffff47;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.hanoitrace-home .trace-result-callout>span svg{width:15px}.hanoitrace-home .trace-result-callout>div{gap:2px;display:grid}.hanoitrace-home .trace-result-callout small{color:#bff6ea;letter-spacing:.07em;font-size:.25rem;font-weight:800}.hanoitrace-home .trace-result-callout strong{color:#fff;font-size:.33rem;line-height:1.35}.hanoitrace-home .trace-result-signoff{color:#6e8797;text-align:center;margin-top:0;font-size:.25rem;font-weight:700;display:block}@keyframes trace-result-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes trace-result-ring{0%{opacity:.7;transform:scale(.82)}75%,to{opacity:0;transform:scale(1.28)}}.hanoitrace-home .trace-phone[data-active-tab="0"] .trace-phone-tab-btn[data-tab-idx="0"]:after,.hanoitrace-home .trace-phone[data-active-tab="1"] .trace-phone-tab-btn[data-tab-idx="1"]:after,.hanoitrace-home .trace-phone[data-active-tab="2"] .trace-phone-tab-btn[data-tab-idx="2"]:after,.hanoitrace-home .trace-phone[data-active-tab="3"] .trace-phone-tab-btn[data-tab-idx="3"]:after{opacity:1;transform:scaleX(1)}.hanoitrace-home .trace-phone-app-body{background:var(--app-paper);height:calc(100% - 136px);min-height:0;padding:0;overflow:hidden}.hanoitrace-home .trace-phone-tab-panel{height:100%;padding:10px;overflow:hidden}.hanoitrace-home .trace-app-section-head{justify-content:space-between;align-items:end;margin-bottom:8px;display:flex}.hanoitrace-home .trace-app-section-head>div{gap:2px;display:grid}.hanoitrace-home .trace-app-section-head small{color:#0b9676;letter-spacing:.07em;font-size:.3rem;font-weight:800}.hanoitrace-home .trace-app-section-head strong{color:#173c56;font-size:.56rem}.hanoitrace-home .trace-app-section-head>span{color:#0b8268;background:#e4f6f0;border-radius:999px;padding:3px 5px;font-size:.3rem;font-weight:700}.hanoitrace-home .trace-app-kv{background:#fff;border:1px solid #e2ebf1;border-radius:11px;margin:0;padding:2px 9px;box-shadow:0 4px 14px #1e4f6c0d}.hanoitrace-home .trace-app-kv>div{border-bottom:1px solid #edf2f5;grid-template-columns:36% 1fr;align-items:center;gap:5px;min-height:35px;display:grid}.hanoitrace-home .trace-app-kv>div:last-child{border:0}.hanoitrace-home .trace-app-kv dt{color:#7b909f;font-size:.34rem}.hanoitrace-home .trace-app-kv dd{color:#274a62;text-align:right;margin:0;font-size:.36rem;font-weight:700}.hanoitrace-home .trace-live-proof{color:#0b8f70;background:#effaf6;border:1px solid #d5eee6;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:8px;padding:8px;display:grid}.hanoitrace-home .trace-live-proof>svg{width:16px}.hanoitrace-home .trace-live-proof>span{gap:1px;display:grid}.hanoitrace-home .trace-live-proof strong{color:#17634f;font-size:.4rem}.hanoitrace-home .trace-live-proof small{color:#67857c;font-size:.31rem}.hanoitrace-home .trace-live-proof>i{background:#17b78d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #17b78d21}.hanoitrace-home .trace-journey-map{border-radius:11px;height:78px;position:relative;overflow:hidden}.hanoitrace-home .trace-journey-map:after{content:"";background:linear-gradient(90deg,#072c3eb3,#072c3e2e);position:absolute;inset:0}.hanoitrace-home .trace-journey-map img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 54%;object-position:50% 54%;width:100%;height:100%}.hanoitrace-home .trace-journey-map>div{z-index:2;color:#fff;align-items:center;gap:5px;font-size:.35rem;display:flex;position:absolute;bottom:11px;left:10px;right:10px}.hanoitrace-home .trace-journey-map span{background:#0aaa85;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.hanoitrace-home .trace-journey-map svg{width:9px}.hanoitrace-home .trace-journey-map i{background:repeating-linear-gradient(90deg,#fff 0 4px,#0000 4px 7px);flex:1;height:1px}.hanoitrace-home .trace-app-timeline{gap:0;margin:7px 0 0;padding:0;list-style:none;display:grid;position:relative}.hanoitrace-home .trace-app-timeline li{grid-template-columns:65px 1fr;align-items:center;min-height:45px;padding-left:17px;display:grid;position:relative}.hanoitrace-home .trace-app-timeline li:before{z-index:2;content:"";background:#9cb0bd;border:2px solid #f3f7fa;border-radius:50%;width:6px;height:6px;position:absolute;top:19px;left:3px;box-shadow:0 0 0 1px #b6c7d1}.hanoitrace-home .trace-app-timeline li:after{content:"";background:#cedae1;width:1px;position:absolute;top:26px;bottom:-18px;left:6px}.hanoitrace-home .trace-app-timeline li:last-child:after{display:none}.hanoitrace-home .trace-app-timeline li.is-current:before{background:#0bad86;box-shadow:0 0 0 3px #0bad8621}.hanoitrace-home .trace-app-timeline time{color:#718998;font:600 .3rem/1.2 IBM Plex Mono,monospace}.hanoitrace-home .trace-app-timeline li>div{gap:2px;display:grid}.hanoitrace-home .trace-app-timeline strong{color:#24465d;font-size:.38rem}.hanoitrace-home .trace-app-timeline small{color:#788e9d;font-size:.3rem}.hanoitrace-home .trace-origin-photo{border-radius:11px;height:93px;margin:0 0 7px;position:relative;overflow:hidden}.hanoitrace-home .trace-origin-photo:after{content:"";background:linear-gradient(#0000,#05242ac7);position:absolute;inset:40% 0 0}.hanoitrace-home .trace-origin-photo img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 62%;object-position:center 62%;width:100%;height:100%}.hanoitrace-home .trace-origin-photo figcaption{z-index:2;color:#fff;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:8px;left:9px;right:9px}.hanoitrace-home .trace-origin-photo strong{font-size:.42rem}.hanoitrace-home .trace-origin-photo small{font-size:.29rem}.hanoitrace-home .trace-origin-stack{gap:5px;display:grid}.hanoitrace-home .trace-origin-stack article{background:#fff;border:1px solid #e1eaf0;border-radius:9px;grid-template-columns:18px 24px 1fr auto;align-items:center;gap:6px;min-height:42px;padding:5px 7px;display:grid}.hanoitrace-home .trace-origin-stack article>b{color:#9aabb6;font:600 .29rem/1 IBM Plex Mono,monospace}.hanoitrace-home .trace-origin-stack article>span{width:23px;height:23px;color:var(--app-blue);background:#e9f3fb;border-radius:7px;place-items:center;display:grid}.hanoitrace-home .trace-origin-stack article>span svg{width:12px}.hanoitrace-home .trace-origin-stack article>div{gap:1px;display:grid}.hanoitrace-home .trace-origin-stack strong{color:#284a61;font-size:.37rem}.hanoitrace-home .trace-origin-stack small{color:#7a8f9e;font-size:.29rem}.hanoitrace-home .trace-origin-stack article>i{color:#fff;background:#0dab86;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.3rem;font-style:normal;display:grid}.hanoitrace-home .trace-doc-preview{background:linear-gradient(130deg,#fff,#eef6fb);border:1px solid #dce7ee;border-radius:11px;grid-template-columns:80px 1fr;align-items:center;gap:9px;padding:9px;display:grid}.hanoitrace-home .trace-doc-paper{color:#174864;background-color:#fff;background-image:linear-gradient(#087be609 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #d1e1ea;border-radius:5px;align-content:start;justify-items:center;height:92px;padding:11px 7px;display:grid;position:relative;box-shadow:0 5px 12px #20465c1a}.hanoitrace-home .trace-doc-paper span{color:#109879;font-size:.31rem;font-weight:800}.hanoitrace-home .trace-doc-paper strong{letter-spacing:.05em;margin-top:6px;font-size:.39rem}.hanoitrace-home .trace-doc-paper small{color:#78909f;text-align:center;margin-top:3px;font-size:.24rem}.hanoitrace-home .trace-doc-paper i{color:#0c9d79;border:1px solid #0c9d79;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:6px;right:6px}.hanoitrace-home .trace-doc-paper i svg{width:13px}.hanoitrace-home .trace-doc-preview>div:last-child{gap:3px;display:grid}.hanoitrace-home .trace-doc-preview>div:last-child strong{color:#26506a;font-size:.39rem}.hanoitrace-home .trace-doc-preview>div:last-child small{color:#79909f;font-size:.3rem}.hanoitrace-home .trace-app-docs{gap:6px;margin-top:8px;display:grid}.hanoitrace-home .trace-app-docs article{background:#fff;border:1px solid #e0e9ef;border-radius:9px;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;min-height:47px;padding:6px 7px;display:grid}.hanoitrace-home .trace-app-docs article>span{width:27px;height:27px;color:var(--app-blue);background:#e9f3fb;border-radius:8px;place-items:center;display:grid}.hanoitrace-home .trace-app-docs article>span svg{width:13px}.hanoitrace-home .trace-app-docs article>div{gap:2px;display:grid}.hanoitrace-home .trace-app-docs strong{color:#294b62;font-size:.36rem}.hanoitrace-home .trace-app-docs small{color:#7c909e;font-size:.29rem}.hanoitrace-home .trace-app-docs article>b{color:#fff;background:#0cac85;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.3rem;display:grid}.hanoitrace-home .trace-app-bottom-nav{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border-top:1px solid #e0e8ee;grid-template-columns:repeat(5,1fr);align-items:end;height:49px;padding:5px 11px 7px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -5px 15px #143a520d}.hanoitrace-home .trace-app-bottom-nav button{color:#8496a3;background:0 0;border:0;justify-items:center;gap:2px;padding:0;font-size:.29rem;display:grid}.hanoitrace-home .trace-app-bottom-nav button svg{width:14px;height:14px}.hanoitrace-home .trace-app-bottom-nav button.active{color:var(--app-blue)}.hanoitrace-home .trace-app-bottom-nav .trace-scan-fab{color:#fff;background:linear-gradient(145deg,#087be6,#08a78b);border:3px solid #fff;border-radius:13px;align-self:start;place-items:center;width:38px;height:38px;margin:-13px auto 0;transform:rotate(45deg);box-shadow:0 6px 15px #087be64d}.hanoitrace-home .trace-app-bottom-nav .trace-scan-fab svg{width:17px;height:17px;transform:rotate(-45deg)}@media (max-width:767px){.hanoitrace-home .trace-phone.iphone-17-pro-max{width:min(318px,88vw)}}.hanoitrace-home .roadmap-section .web-scroll-indicator{z-index:30;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}