.android-hero{position:relative;overflow:hidden;padding:22px 0 34px;background:radial-gradient(ellipse at 82% 45%,#19635f80,transparent 58%),linear-gradient(115deg,#09192d,#0e3045 65%,#154b4d);color:#fff}.android-hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.android-hero h1{font-size:clamp(38px,4.4vw,63px);line-height:1.09;letter-spacing:-.05em;font-weight:650;margin:20px 0;color:#fff}.android-hero h1 em{font-style:normal;color:#aee6c8}.android-page .android-hero-copy>p{color:#fff;font-size:15px;line-height:1.9;margin:0 0 25px;max-width:550px}.android-phone-scene{position:relative;min-height:460px;isolation:isolate;perspective:1200px;max-width:540px;width:100%;margin-inline:auto}.android-scene-orbit{position:absolute;width:370px;height:370px;max-width:90%;border:1px solid #b5e6d32b;border-radius:50%;top:30px;left:10%;background:radial-gradient(circle,#91e2bd0f,transparent 70%);z-index:-1}.android-scene-orbit::after{content:'';position:absolute;inset:30px;border-radius:50%;border:1px solid #b5e6d319}.concept-phone{position:absolute;width:222px;padding:10px;border:2px solid #a5c1c9;border-radius:30px;background:linear-gradient(130deg,#1c3448,#091728);box-shadow:0 22px 45px #020d2159,inset 0 0 0 1px #d8eef21c;overflow:hidden}.phone-primary{right:18px;top:12px;transform:rotateY(-8deg) rotateZ(5deg);z-index:2}.phone-secondary{left:12px;top:44px;width:205px;transform:rotateY(10deg) rotateZ(-9deg);z-index:1}.phone-camera{position:absolute;width:52px;height:11px;border-radius:0 0 9px 9px;background:#142b3a;top:10px;left:50%;transform:translateX(-50%);z-index:1}.concept-screen{min-height:370px;padding:27px 12px 13px;background:linear-gradient(160deg,#effaf6,#fff);border-radius:20px;color:#111}.phone-secondary .concept-screen{min-height:340px;background:linear-gradient(160deg,#eaf1fd,#fff);padding-top:31px}.concept-eyebrow{display:block;font-size:7px;line-height:1.5;letter-spacing:.12em;font-weight:800;color:#111;margin-bottom:13px}.concept-screen>b{display:block;font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.035em;color:#111;margin-bottom:16px}.phone-secondary .concept-screen>b{font-size:22px;margin-bottom:23px}.concept-feature{padding:13px 11px;margin-bottom:13px;border:1px solid #216b62;border-radius:10px;background:linear-gradient(120deg,#165451,#287e6e);color:#fff}.concept-feature>span{display:block;font-size:7px;line-height:1.7;color:#fff;margin-bottom:6px}.concept-feature>strong{display:block;font-size:15px;line-height:1.35;color:#fff}.concept-card{display:flex;align-items:center;gap:8px;padding:9px 7px;margin-top:8px;border:1px solid #c5dfd5;border-radius:8px;background:#fff;color:#111}.concept-card>i{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #b3d5c6;border-radius:7px;background:#eaf7f0;color:#1d7558;font-size:13px;font-style:normal;font-weight:700}.concept-card>span{font-size:9px;font-weight:750;line-height:1.4;color:#111}.concept-card small{display:block;font-size:7px;font-weight:400;line-height:1.7;margin-top:2px;color:#111}.phone-secondary .concept-card{margin-top:12px;padding:12px 7px;border-color:#bfd0e3}.phone-secondary .concept-card i{background:#edf3ff;border-color:#c1d1e8;color:#315e99;font-size:9px}.concept-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d0dfd8;margin-top:16px;padding:11px 4px 0;font-size:7px;font-weight:700;color:#111}.concept-progress{display:flex;gap:5px;margin-top:22px}.concept-progress>span{height:5px;width:30%;border-radius:5px;background:#d6e2f1}.concept-progress>span:first-child{background:#4a7eaf}.android-concept-label{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#fff;font-size:8px;line-height:1.8;letter-spacing:.01em}.android-page .web-types-grid .web-color-0{--web-color:#237f6c;--web-line:#9fcdbc;--web-tint:#e6f7ef}.android-page .web-types-grid .web-color-1{--web-color:#2c76ae;--web-line:#afcae1;--web-tint:#e7f1ff}.android-page .web-types-grid .web-color-2{--web-color:#8954b7;--web-line:#cdb4e1;--web-tint:#f1e9fc}.android-page .web-features-section{background:linear-gradient(115deg,#eaf8f1,#edf5ff 60%,#f7efff)}.android-quality-section{padding:38px 0;background:linear-gradient(115deg,#edf8f3,#f1f6ff);border-block:1px solid #c5dbd7}.android-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.android-quality-grid article{padding:22px;border:1px solid #abd0c3;border-top:3px solid #2c9277;border-radius:12px;background:#fff}.android-quality-grid article:nth-child(2){border-color:#b1c9e1;border-top-color:#3e7db1}.android-quality-grid article:nth-child(3){border-color:#c9b5dd;border-top-color:#8c5aaf}.quality-number{display:block;font-size:9px;font-weight:750;letter-spacing:.08em;color:#111;margin-bottom:14px}.android-page .android-quality-grid h3{font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-.025em;margin:0 0 13px}.android-quality-grid p{font-size:12px;line-height:1.85;margin:0}.android-release-note{padding:20px 22px;margin-top:20px;border:1px solid #d9bd76;border-left:4px solid #c8952d;border-radius:10px;background:#fff9e9;color:#111}.android-release-note>b{font-size:14px}.android-release-note p{font-size:12px;line-height:1.85;margin:9px 0 13px}.android-release-note>div{display:flex;flex-wrap:wrap;gap:12px 23px}.android-release-note a{font-size:10px;font-weight:650;color:#111;text-underline-offset:4px}.android-example-section{border-bottom:1px solid #d3e1e8}.android-example{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.android-example-image{display:block;position:relative;overflow:hidden;border:1.5px solid #bfa6da;border-radius:14px;box-shadow:0 10px 24px #233c6112;text-decoration:none;background:#eee8f6}.android-example-image img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover}.android-example-image>span{position:absolute;bottom:16px;left:16px;right:16px;padding:12px 15px;border:1px solid #d9cbe5;border-radius:8px;background:#fffffff2;color:#111;font-size:12px;font-weight:700;line-height:1.5}.android-example>div>p{font-size:14px;line-height:1.9;margin:18px 0}.android-example-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 23px}.android-example-tags>span{font-size:10px;line-height:1.5;padding:6px 9px;border:1px solid #c8b1de;border-radius:6px;background:#f6effe;color:#111}.android-page .web-final-cta{background:linear-gradient(110deg,#102d42,#1e5151 65%,#2d5e72);border-top-color:#a8d8c0}
@media(max-width:1100px){.android-hero-layout{gap:28px}.android-hero h1{font-size:44px}.android-phone-scene{min-height:440px}.concept-phone{width:202px}.phone-secondary{width:185px;left:0}.phone-primary{right:0}.concept-screen{padding-inline:10px;min-height:352px}.phone-secondary .concept-screen{min-height:325px}.concept-screen>b{font-size:21px}.concept-card>span{font-size:8px}.android-quality-grid{gap:15px}.android-quality-grid article{padding:19px}.android-example{gap:35px}}
@media(max-width:760px){.android-hero{padding-top:18px;padding-bottom:25px}.android-hero-layout{grid-template-columns:minmax(0,1fr);gap:22px}.android-hero h1{font-size:44px}.android-page .android-hero-copy>p{font-size:14px}.android-phone-scene{max-width:440px;min-height:440px}.concept-phone{width:215px}.phone-secondary{width:195px;left:10px}.phone-primary{right:9px}.android-quality-section{padding:30px 0}.android-quality-grid{grid-template-columns:1fr}.android-quality-grid article{padding:22px}.android-page .android-quality-grid h3{font-size:22px}.android-quality-grid p{font-size:13px}.android-release-note{padding:18px}.android-example{grid-template-columns:1fr;gap:25px}.android-example-image{max-width:540px;width:100%;margin:auto}.android-example>div>p{font-size:13px}}
@media(max-width:430px){.android-hero h1{font-size:38px}.android-phone-scene{min-height:420px}.concept-phone{width:190px;padding:8px;border-radius:26px}.phone-secondary{width:171px;left:0;top:51px}.phone-primary{right:0}.phone-camera{top:8px}.concept-screen{padding:27px 9px 12px;min-height:348px;border-radius:18px}.phone-secondary .concept-screen{min-height:310px;padding-inline:8px}.concept-screen>b{font-size:21px}.phone-secondary .concept-screen>b{font-size:20px}.concept-card{padding:8px 5px;gap:6px}.concept-card>i{flex-basis:23px;width:23px;height:23px;font-size:11px}.concept-card>span{font-size:8px}.concept-card small{font-size:7px}.android-concept-label{font-size:7px}.android-release-note>div{gap:10px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.concept-phone{transform:none}}