.android-hero{
  padding:70px 0 64px;
  background:
    radial-gradient(circle at 76% 20%,rgba(255,176,0,.10),transparent 30%),
    linear-gradient(180deg,#050505,#080705);
  border-bottom:1px solid #1b1a16
}
.android-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center}
.android-hero-copy h1{
  font-size:clamp(3rem,6vw,5.6rem);line-height:.95;letter-spacing:-.05em;
  margin:12px 0 16px
}
.android-hero-copy h1 span{color:#ffca44}
.android-hero-copy p{color:#a1a1a6;max-width:680px;font-size:1.04rem}
.android-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 18px}
.android-hero-tags{display:flex;flex-wrap:wrap;gap:7px}
.android-hero-tags span{font-size:.69rem;letter-spacing:.07em;color:#85858a;border:1px solid #28282a;border-radius:999px;padding:6px 9px;background:#0a0a0a}

.android-board-viz{border:1px solid #302811;border-radius:18px;padding:15px;background:#080807}
.viz-title{font-size:.68rem;letter-spacing:.14em;color:#ffb000;font-weight:900;margin:0 0 8px}
.android-board-viz svg{width:100%;height:auto;display:block}
.viz-legend{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid #242018;padding-top:10px;color:#727277;font-size:.7rem}
.viz-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffb000;margin-right:5px}
.flow-line{stroke-dasharray:8 10;animation:dash 2.5s linear infinite}
.pulse-node{animation:pulse 2.2s ease-in-out infinite;transform-origin:center}
.delay1{animation-delay:.45s!important}.delay2{animation-delay:.9s!important}.delay3{animation-delay:1.35s!important}
@keyframes dash{to{stroke-dashoffset:-36}}
@keyframes pulse{50%{opacity:.65}}

.android-section{padding:76px 0}
.fault-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fault-visual{
  padding:18px;border:1px solid #262628;border-radius:15px;background:#0e0e0f
}
.fault-visual h3{margin:15px 0 6px}
.fault-visual p{color:#828287;min-height:74px}
.fault-visual button,.chipset-grid button,.firmware-card button{
  background:transparent;border:0;color:#ffb000;padding:0;font-size:.76rem;font-weight:900
}
.mini-anim{
  height:92px;border:1px solid #25231c;border-radius:12px;background:#090909;
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center
}
.current{gap:5px;align-items:end;padding-bottom:21px}
.current .amp{width:10px;background:#ffb000;border-radius:4px 4px 0 0;animation:amps 1.5s ease-in-out infinite}
.current .amp1{height:14px}.current .amp2{height:28px;animation-delay:.2s}.current .amp3{height:43px;animation-delay:.4s}.current .amp4{height:62px;animation-delay:.6s}
.current b{position:absolute;right:12px;top:10px;color:#7d7d82;font-size:.7rem}
@keyframes amps{50%{transform:scaleY(.55);opacity:.65}}

.charge{gap:20px}.charge .usb,.charge .battery{border:1px solid #5b4300;padding:9px 12px;border-radius:8px;color:#ddd;font-size:.72rem}
.charge-line{width:80px;height:2px;background:#ffb000;position:relative}
.charge-line:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#ffdd66;top:-4px;animation:moveCharge 1.7s linear infinite}
@keyframes moveCharge{from{left:0}to{left:72px}}

.boot{gap:8px}.boot span{width:34px;height:34px;border:1px solid #5a4300;border-radius:50%;display:grid;place-items:center;color:#ddd;font-size:.65rem}
.boot i{width:18px;height:2px;background:#5a4300;position:relative}.boot i:after{content:"";position:absolute;left:0;top:-2px;width:6px;height:6px;border-radius:50%;background:#ffb000;animation:bootMove 1.5s linear infinite}
@keyframes bootMove{from{left:0}to{left:14px}}

.rf{gap:7px}.rf .tower,.rf .phone{border:1px solid #5a4300;border-radius:9px;padding:11px;color:#ddd;font-size:.68rem}
.rf i{width:8px;height:24px;border-right:2px solid #ffb000;border-radius:50%;animation:rfWave 1.5s ease-out infinite}.rf i:nth-of-type(2){height:36px;animation-delay:.2s}.rf i:nth-of-type(3){height:48px;animation-delay:.4s}
@keyframes rfWave{50%{opacity:.25;transform:scaleX(1.5)}}

.display{display:block}.display .panel{position:absolute;left:20px;top:18px;width:50px;height:56px;border:2px solid #aaa;border-radius:6px}.mipi{position:absolute;left:90px;height:2px;width:110px;background:#ffb000;animation:mipi 2s linear infinite}.m1{top:28px}.m2{top:45px;animation-delay:.3s}.m3{top:62px;animation-delay:.6s}
@keyframes mipi{50%{width:150px;opacity:.4}}

.storage{gap:14px}.storage .soc,.storage .chip{border:1px solid #5a4300;border-radius:8px;padding:14px 12px;font-size:.7rem}.storage-lines{display:grid;gap:6px;width:110px}.storage-lines i{height:2px;background:#ffb000;animation:storageBus 1.8s linear infinite}.storage-lines i:nth-child(2){animation-delay:.25s}.storage-lines i:nth-child(3){animation-delay:.5s}
@keyframes storageBus{50%{opacity:.25;transform:scaleX(.65)}}

.storage-section{background:#080807;border-block:1px solid #1f1c12}
.storage-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center}
.storage-layout h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.04em;margin:8px 0 12px}
.storage-checks{margin-top:24px;border-top:1px solid #28241a}
.storage-checks div{display:grid;grid-template-columns:36px 1fr 1.5fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #26231a}
.storage-checks b{color:#ffb000}.storage-checks span{font-weight:800}.storage-checks small{color:#777}
.storage-infographic{border:1px solid #2e2818;border-radius:16px;background:#090909;padding:10px}
.storage-infographic svg{width:100%;height:auto}
.storage-layer{animation:layerGlow 3s ease-in-out infinite}.storage-result{animation:resultGlow 2.6s ease-in-out infinite}
@keyframes layerGlow{50%{opacity:.68}}@keyframes resultGlow{50%{filter:drop-shadow(0 0 8px rgba(255,176,0,.45))}}

.chipset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.chipset-grid article{border:1px solid #262628;border-radius:15px;padding:20px;background:#0d0d0e}
.chipset-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;border:1px solid #5a4300;color:#ffb000;font-size:1.25rem;font-weight:900;background:#161105}
.chipset-grid h3{margin:14px 0 7px}.chipset-grid p{color:#85858a;min-height:82px}
.chipset-flow{display:flex;align-items:center;gap:6px;margin:18px 0}.chipset-flow span{font-size:.62rem;border:1px solid #323235;padding:7px;border-radius:7px;color:#bbb}.chipset-flow i{height:2px;flex:1;background:#5a4300;position:relative}.chipset-flow i:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#ffb000;top:-2px;animation:laneMove 1.8s linear infinite}
@keyframes laneMove{from{left:0}to{left:calc(100% - 6px)}}

.flashflow-section{background:#090805;border-block:1px solid #201a0c}
.mode-infographic{display:grid;gap:10px}
.mode-lane{display:grid;grid-template-columns:110px 1fr 60px 1fr 60px 1fr;align-items:center;gap:8px;border:1px solid #29251b;border-radius:13px;background:#0d0c0a;padding:12px}
.lane-title{color:#ffb000;font-size:.68rem;font-weight:900;letter-spacing:.08em}
.lane-step{padding:12px;border:1px solid #2c2c2f;border-radius:9px;background:#0a0a0a}.lane-step b,.lane-step small{display:block}.lane-step small{color:#777;margin-top:3px}.lane-step.accent{border-color:#5b4300;background:#151005}
.mode-lane>i{height:2px;background:#5a4300;position:relative}.mode-lane>i:after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#ffb000;animation:serviceMove 2s linear infinite}
@keyframes serviceMove{from{left:0}to{left:calc(100% - 7px)}}

.firmware-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.firmware-card{padding:19px;border:1px solid #262628;border-radius:15px;background:#0d0d0e}
.firmware-card h3{margin:15px 0 6px}.firmware-card p{color:#828287;min-height:70px}
.partition-stack{height:110px;padding:14px;border:1px solid #2a2416;border-radius:11px;background:#090909}.partition-stack>span{display:block;text-align:center;padding:7px;border:1px solid #5a4300;border-radius:7px;color:#ffb000}.partition-stack div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:9px}.partition-stack i{font-style:normal;font-size:.58rem;color:#aaa;border:1px solid #2b2b2d;border-radius:5px;padding:8px 4px;text-align:center}
.avb-viz,.slot-viz{height:110px;border:1px solid #2a2416;border-radius:11px;background:#090909;display:flex;align-items:center;justify-content:center;gap:10px}.avb-viz span,.slot-viz span{border:1px solid #494949;border-radius:8px;padding:9px;color:#ccc;font-size:.7rem}.avb-viz i{color:#ffb000;font-style:normal}.slot-viz span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.slot-viz .active{background:#ffb000;color:#151000;border-color:#ffb000}.slot-viz i{font-style:normal;color:#ffb000;animation:slotSwap 1.8s ease-in-out infinite}@keyframes slotSwap{50%{transform:translateX(8px)}}

.cases-section{background:#080808;border-top:1px solid #1c1c1d}
.android-cases .case-chain{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:15px 0;color:#888;font-size:.7rem}.case-chain i{font-style:normal;color:#ffb000}
.android-next{padding:44px 0;background:#0b0904;border-top:1px solid #30260f}
.android-next-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.android-next h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em;margin:8px 0}
.android-next p{color:#888}
.android-next button{background:linear-gradient(#ffd45a,#ffad00);border:0;border-radius:10px;color:#160f00;padding:13px 16px;font-weight:900;font-size:.76rem}
.route-toast{position:fixed;right:18px;bottom:18px;max-width:360px;background:#11100b;border:1px solid #5a4300;color:#ddd;padding:12px 14px;border-radius:11px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:100}.route-toast.show{opacity:1;transform:none}

@media(max-width:1000px){
  .android-hero-grid,.storage-layout{grid-template-columns:1fr}
  .fault-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chipset-grid,.firmware-grid{grid-template-columns:1fr}
  .mode-lane{grid-template-columns:1fr}
  .mode-lane>i{height:28px;width:2px;justify-self:center}
  .mode-lane>i:after{animation:serviceMoveV 2s linear infinite;left:-3px}
  @keyframes serviceMoveV{from{top:0}to{top:21px}}
}
@media(max-width:700px){
  .fault-visual-grid{grid-template-columns:1fr}
  .storage-checks div{grid-template-columns:30px 1fr}.storage-checks small{grid-column:2}
  .android-next-inner{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .flow-line,.pulse-node,.current .amp,.charge-line:after,.boot i:after,.rf i,.mipi,.storage-lines i,.storage-layer,.storage-result,.chipset-flow i:after,.mode-lane>i:after,.slot-viz i{animation:none!important}
  .traveller{display:none}
}

.android-real-link{display:inline-block;color:#ffb000;text-decoration:none;font-size:.76rem;font-weight:900}


/* Android Center V2 integrated navigation */
.chipset-grid-five{grid-template-columns:repeat(5,1fr)}
.chipset-link{display:block;text-decoration:none;color:inherit;border:1px solid #29292b;border-radius:12px;background:#0d0d0e;padding:16px;transition:.18s ease}
.chipset-link:hover{border-color:#ffb000;background:#151005;transform:translateY(-2px)}
.chipset-link strong{display:block;color:#ffb000;font-size:.66rem;margin-top:13px}
.mode-infographic-five{display:grid;gap:8px}
.mode-infographic-five .mode-lane{grid-template-columns:110px 1fr 22px 1fr 22px 1fr}
.center-module-link{display:inline-flex;margin-top:14px;text-decoration:none;border:1px solid #5a4300;border-radius:9px;padding:10px 13px;color:#ffca44;font-size:.7rem;font-weight:900}
.firmware-real-link,.android-real-link{display:inline-flex;text-decoration:none;color:#ffb000;font-size:.66rem;font-weight:900;margin-top:10px}
.firmware-real-link:hover,.android-real-link:hover,.center-module-link:hover{color:#ffd86a}
@media(max-width:1200px){.chipset-grid-five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.chipset-grid-five{grid-template-columns:1fr 1fr}.mode-infographic-five .mode-lane{grid-template-columns:1fr}.mode-infographic-five .mode-lane>i{width:2px;height:14px;justify-self:center}}
@media(max-width:560px){.chipset-grid-five{grid-template-columns:1fr}}