/* TechGadgets About page — uses the existing homepage style.css and navbar */
.about-page{--about-ink:#10294b;--about-blue:#3478f6;--about-pale:#f3f7fd}
.about-page .site-header .brand img{object-fit:contain}
.about-hero{position:relative;isolation:isolate;overflow:hidden;max-width:1480px;width:calc(100% - 40px);min-height:590px;margin:0 auto;border-radius:28px;background:radial-gradient(circle at 75% 40%,#183f72 0,transparent 36%),linear-gradient(120deg,#091a30 0%,#10294b 58%,#153967 100%);color:#fff;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:66px clamp(28px,6vw,88px) 86px}
.about-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(#b7d0ff 1px,transparent 1px),linear-gradient(90deg,#b7d0ff 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,black,transparent 90%)}
.about-hero-copy{max-width:620px;position:relative;z-index:2}.about-kicker{display:inline-flex;align-items:center;gap:10px;color:#c5d9ff;font-size:.7rem;letter-spacing:.15em;font-weight:800}.about-kicker i{width:8px;height:8px;border-radius:50%;background:#75a4ff;box-shadow:0 0 0 6px #3478f633}.about-hero h1{font-size:clamp(3.2rem,6.3vw,5.8rem);line-height:.98;letter-spacing:-.075em;margin:25px 0;font-weight:800}.about-hero h1 span,.story-copy h2 span,.values-heading h2 span,.owner-copy h2 span,.about-cta h2 span{color:#8db4ff}.about-hero-copy>p{max-width:510px;color:#d1ddef;font-size:.97rem;line-height:1.9}.about-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.about-text-link{font-size:.83rem;font-weight:700;color:#e0eaff}.about-text-link span{margin-left:7px;color:#8db4ff}.about-mini-proof{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#c7d5e9;font-size:.7rem;margin-top:30px}.proof-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#3478f6;color:white}.proof-divider{height:16px;width:1px;background:#ffffff40;margin:0 5px}
.about-hero-art{position:relative;min-height:410px;display:grid;place-items:center}.art-glow{position:absolute;width:300px;height:300px;background:#3478f6;filter:blur(100px);opacity:.24;border-radius:50%;animation:glow-breathe 5s ease-in-out infinite}.art-ring{position:absolute;border:1px solid #9fc0ff30;border-radius:50%;animation:ring-turn 24s linear infinite}.ring-a{width:390px;height:390px}.ring-b{width:310px;height:310px;border-style:dashed;animation-direction:reverse;animation-duration:36s}.art-card{position:relative;z-index:1;width:min(310px,80%);height:330px;border:1px solid #ffffff50;border-radius:24px;background:linear-gradient(145deg,#ffffff25,#ffffff08);box-shadow:0 35px 90px #0005,inset 0 1px #ffffff40;backdrop-filter:blur(18px);transform:rotate(-6deg);animation:card-float 6s ease-in-out infinite;padding:19px}.art-card-top{display:flex;align-items:center;gap:5px;border-bottom:1px solid #ffffff25;padding-bottom:15px}.art-dot{width:6px;height:6px;border-radius:50%;background:#8db4ff}.art-card-top small{margin-left:auto;color:#c6d7f0;font-size:.5rem;letter-spacing:.13em}.art-chip{width:145px;height:145px;margin:28px auto 18px;border:1px solid #8db4ff70;border-radius:25px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#3478f655,#0b1f3a)}.art-chip:before,.art-chip:after{content:"";position:absolute;inset:12px;border:1px solid #8db4ff60;border-radius:17px}.art-chip:after{inset:-9px;border:0;border-top:2px solid #8db4ff80;border-bottom:2px solid #8db4ff80;transform:rotate(90deg)}.art-chip span{position:absolute;width:14px;height:14px;background:#8db4ff;border-radius:3px}.art-chip span:nth-child(1){top:22px;left:22px}.art-chip span:nth-child(2){top:22px;right:22px}.art-chip span:nth-child(3){bottom:22px;left:22px}.art-chip span:nth-child(4){bottom:22px;right:22px}.art-chip b{font-size:2.7rem;letter-spacing:-.1em;color:white}.art-card-lines{display:flex;gap:6px;justify-content:center}.art-card-lines i{height:4px;width:35px;border-radius:5px;background:#8db4ff70}.art-card-lines i:first-child{width:58px;background:#8db4ff}.art-card-bottom{display:flex;justify-content:space-between;margin-top:20px;color:#c6d7f0;font-size:.5rem;letter-spacing:.1em}.art-card-bottom b{color:#fff}.float-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;color:#10294b;border:1px solid #ffffffb5;border-radius:14px;box-shadow:0 15px 40px #0003;animation:tag-float 5s ease-in-out infinite}.float-tag>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#edf3ff;color:#3478f6;font-size:1.2rem}.float-tag b,.float-tag small{display:block}.float-tag b{font-size:.72rem}.float-tag small{font-size:.61rem;color:#728198;margin-top:2px}.tag-quality{top:58px;right:0}.tag-delivery{bottom:52px;left:0;animation-delay:-2s}.about-hero-bottom{position:absolute;bottom:26px;left:clamp(28px,6vw,88px);right:clamp(28px,6vw,88px);display:flex;align-items:center;gap:15px;color:#9eb5d6;font-size:.56rem;letter-spacing:.13em;font-weight:700}.hero-bottom-line{height:1px;background:#ffffff38;flex:1}
.about-stats{max-width:1240px;width:calc(100% - 80px);margin:-1px auto 0;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2;background:#fff;border:1px solid #e6edf6;border-radius:18px;box-shadow:0 16px 50px #10294b0b;overflow:hidden}.stat-card{padding:25px 26px;min-height:145px;border-right:1px solid #e6edf6;position:relative}.stat-card:last-child{border-right:0}.stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf3ff;color:#3478f6;font-size:1.1rem;margin-bottom:12px}.stat-card strong{display:block;font-size:1.65rem;line-height:1.15;letter-spacing:-.05em;color:#10294b}.stat-card p{font-size:.72rem;color:#6d7b8d;margin-top:5px}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;padding-top:110px;padding-bottom:100px}.story-visual{min-height:420px;position:relative;display:grid;place-items:center}.story-grid-pattern{position:absolute;inset:10px 30px 10px 0;border-radius:25px;background-color:#edf3ff;background-image:radial-gradient(#3478f63b 1px,transparent 1px);background-size:18px 18px;transform:rotate(-4deg)}.story-panel{position:relative;width:min(340px,80%);min-height:330px;padding:25px;border-radius:20px;background:linear-gradient(145deg,#10294b,#17477c);box-shadow:0 25px 55px #10294b30;color:white;transform:rotate(3deg);overflow:hidden;animation:card-float 7s ease-in-out infinite}.story-panel:after{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-100px;border:1px solid #ffffff2a;border-radius:50%;box-shadow:0 0 0 20px #ffffff08,0 0 0 40px #ffffff06}.story-label{font-size:.58rem;letter-spacing:.17em;color:#9ebfff;font-weight:800}.story-big-mark{font-size:6.5rem;font-weight:800;letter-spacing:-.12em;line-height:1;margin-top:42px}.story-big-mark span{color:#6da0ff}.story-panel>p{max-width:220px;font-size:.88rem;line-height:1.7;color:#d6e4f8;margin-top:18px}.story-panel-footer{position:absolute;left:25px;right:25px;bottom:22px;border-top:1px solid #ffffff30;padding-top:12px;display:flex;justify-content:space-between;font-size:.53rem;letter-spacing:.12em;color:#a9c3e7}.story-floating-note{position:absolute;right:0;bottom:35px;padding:15px 18px;background:white;border:1px solid #e6edf6;border-radius:13px;box-shadow:0 12px 30px #10294b15;color:#6d7b8d;font-size:.72rem;line-height:1.7;transform:rotate(-3deg)}.story-floating-note b{color:#10294b}.story-copy h2,.values-heading h2,.owner-copy h2{font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.1;letter-spacing:-.07em;color:#10294b;margin-top:12px}.story-copy h2 span,.owner-copy h2 span{color:#3478f6}.story-copy>p{font-size:.88rem;line-height:1.95;color:#6d7b8d;margin-top:17px}.story-copy .btn{margin-top:26px}
.about-values{background:#f3f7fd;padding:82px max(40px,calc((100% - 1240px)/2)) 95px;position:relative;overflow:hidden}.about-values:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #3478f61c;border-radius:50%;right:-180px;top:-210px;box-shadow:0 0 0 35px #3478f608,0 0 0 70px #3478f605}.values-heading{text-align:center;max-width:580px;margin:0 auto 40px;position:relative}.values-heading h2{margin-top:12px}.values-heading h2 span{color:#3478f6}.values-heading p{font-size:.85rem;color:#6d7b8d;margin-top:13px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.value-card{position:relative;min-height:270px;padding:28px;border:1px solid #e3eaf4;border-radius:18px;background:#fff;overflow:hidden;transition:transform .3s,box-shadow .3s}.value-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #10294b12}.value-number{position:absolute;right:22px;top:20px;color:#e3eaf4;font-size:2.4rem;font-weight:800;letter-spacing:-.08em}.value-icon{width:48px;height:48px;border-radius:14px;background:#edf3ff;color:#3478f6;display:grid;place-items:center;font-size:1.5rem}.value-card h3{font-size:1.02rem;color:#10294b;margin-top:24px}.value-card p{font-size:.77rem;line-height:1.8;color:#6d7b8d;margin-top:10px}.value-line{position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#3478f6,#8db4ff);transform:scaleX(0);transform-origin:left;transition:transform .35s}.value-card:hover .value-line{transform:scaleX(1)}
.owner-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,8vw,110px);align-items:center;padding-top:100px;padding-bottom:100px}.owner-card{min-height:310px;border-radius:22px;background:linear-gradient(145deg,#10294b,#163e70);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 24px 55px #10294b1f}.owner-card:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #ffffff25;box-shadow:0 0 0 25px #ffffff07,0 0 0 55px #ffffff05}.owner-avatar{position:relative;width:100px;height:100px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff38,#ffffff0b);box-shadow:0 10px 35px #0002}.owner-avatar span{font-size:3rem;font-weight:800;color:#fff;letter-spacing:-.08em}.owner-avatar i{position:absolute;width:13px;height:13px;right:3px;bottom:7px;border:3px solid #10294b;background:#65d5a2;border-radius:50%}.owner-chip{position:relative;margin-top:20px;color:#b8d0f3;font-size:.58rem;letter-spacing:.15em;font-weight:800}.owner-lines{position:relative;display:flex;gap:6px;margin-top:17px}.owner-lines i{width:23px;height:3px;border-radius:4px;background:#8db4ff}.owner-lines i:nth-child(2){width:40px;background:#3478f6}.owner-copy h2 span{color:#3478f6}.owner-copy>p{font-size:.96rem;line-height:2;color:#617187;margin-top:22px;max-width:670px}.owner-signature{font-size:1.1rem;font-weight:800;color:#10294b;margin-top:24px}.owner-signature span{display:block;font-size:.7rem;font-weight:500;color:#7a899d;margin-top:1px}
.about-cta{position:relative;isolation:isolate;overflow:hidden;text-align:center;margin:0 auto 80px;width:calc(100% - 40px);max-width:1480px;border-radius:25px;padding:65px 25px 70px;background:linear-gradient(115deg,#0b1c33,#10294b 60%,#17477c);color:white}.about-cta .section-kicker{color:#a9c6ff}.about-cta h2{font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;letter-spacing:-.07em;margin-top:15px}.about-cta h2 span{color:#8db4ff}.about-cta p{font-size:.85rem;color:#cad8eb;margin-top:15px}.btn-light{margin-top:25px;background:white;color:#10294b}.btn-light:hover{background:#eaf1ff}.cta-glow{position:absolute;z-index:-1;width:340px;height:340px;border-radius:50%;background:#3478f6;filter:blur(110px);opacity:.25;left:calc(50% - 170px);top:-200px;animation:glow-breathe 5s ease-in-out infinite}.cta-decoration{position:absolute;right:35px;bottom:-45px;color:#ffffff09;font-size:9rem;font-weight:800;letter-spacing:-.12em;pointer-events:none}.cta-decoration span{color:#3478f6}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}.reveal-delay-3{transition-delay:.32s}@keyframes card-float{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes tag-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes ring-turn{to{rotate:360deg}}@keyframes glow-breathe{0%,100%{opacity:.18;scale:1}50%{opacity:.32;scale:1.12}}
@media(max-width:900px){.about-hero{grid-template-columns:1fr .8fr;padding-left:35px;padding-right:35px}.about-hero h1{font-size:clamp(3rem,7vw,4.6rem)}.about-hero-art{scale:.88}.about-stats{width:calc(100% - 50px)}.stat-card{padding:22px 18px}.about-story{gap:35px}.about-values{padding-left:25px;padding-right:25px}.owner-section{gap:35px}}
@media(max-width:760px){.about-hero{width:calc(100% - 20px);grid-template-columns:1fr;min-height:auto;padding:54px 25px 76px;border-radius:21px}.about-hero-copy{max-width:100%}.about-hero h1{font-size:clamp(3.1rem,12vw,4.6rem);margin:22px 0}.about-hero-copy>p{font-size:.88rem}.about-hero-art{min-height:340px;margin-top:12px;scale:.9}.art-card{height:300px}.ring-a{width:320px;height:320px}.ring-b{width:260px;height:260px}.tag-quality{right:0;top:32px}.tag-delivery{left:0;bottom:28px}.about-hero-bottom{left:25px;right:25px;bottom:22px;font-size:.46rem;gap:8px}.about-stats{width:calc(100% - 36px);grid-template-columns:repeat(2,1fr);margin-top:15px}.stat-card{min-height:125px;padding:18px;border-bottom:1px solid #e6edf6}.stat-card:nth-child(2){border-right:0}.stat-card:nth-child(3),.stat-card:nth-child(4){border-bottom:0}.stat-card strong{font-size:1.4rem}.about-story{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px;gap:35px}.story-visual{min-height:360px}.story-panel{min-height:300px}.story-big-mark{font-size:5.6rem;margin-top:34px}.story-floating-note{right:0;bottom:20px}.story-copy h2,.values-heading h2,.owner-copy h2{font-size:2.4rem}.about-values{padding:65px 18px 70px}.values-grid{grid-template-columns:1fr;gap:13px}.value-card{min-height:220px;padding:23px}.value-card h3{margin-top:18px}.owner-section{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:30px}.owner-card{min-height:260px}.owner-copy>p{font-size:.88rem}.about-cta{width:calc(100% - 20px);margin-bottom:45px;padding:52px 20px 58px;border-radius:21px}.about-cta h2{font-size:2.6rem}.about-cta .btn{width:auto}.cta-decoration{font-size:6rem;right:15px;bottom:-30px}}
@media(max-width:390px){.about-hero{padding-left:20px;padding-right:20px}.about-kicker{font-size:.58rem;letter-spacing:.1em}.about-hero h1{font-size:3rem}.about-hero-art{margin-left:-10px;margin-right:-10px;scale:.82}.about-hero-bottom{font-size:.4rem}.stat-card{padding:15px 12px}.stat-card strong{font-size:1.25rem}.story-visual{min-height:325px}.story-panel{width:82%}.story-floating-note{font-size:.65rem;padding:11px 13px}.about-cta h2{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){.about-page *, .about-page *:before,.about-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}