.footer-about{display:flex;align-items:center;gap:7px;width:max-content;margin-top:15px;color:#e8f2ff;font-weight:800;font-size:.92rem;border-bottom:1px solid #92baff;padding-bottom:4px}
.footer-about:hover{color:#ffc77e;border-color:#ffc77e}
.footer-whatsapp{margin-top:18px}
.about-hero{position:relative;overflow:hidden;padding:85px 0 115px;color:#fff;background:radial-gradient(circle at 78% 33%,#315ca0 0%,transparent 42%),linear-gradient(125deg,#142c52,#1a4079 64%,#12294e)}
.about-hero:before{content:'';position:absolute;inset:0;opacity:.28;background-image:linear-gradient(90deg,transparent 97%,#9ebcf1 98%),linear-gradient(transparent 97%,#9ebcf1 98%);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent 29%,#000)}
.about-hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.about-hero .eyebrow{color:#c7dcff}.about-hero h1{font-size:clamp(2.6rem,4.8vw,4.8rem);max-width:770px}.about-hero h1 em{font-style:normal;color:#ffc77e}
.about-hero p{color:#e0e9f9;font-size:1.09rem;max-width:640px;line-height:1.72}.about-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.about-visual{position:relative;aspect-ratio:480/430;max-width:480px;width:100%;margin-inline:auto;filter:drop-shadow(0 20px 33px rgba(6,22,55,.25))}
.about-visual>svg{position:absolute;inset:0;width:100%;height:100%;animation:about-glow 5s ease-in-out infinite alternate}
.about-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;padding:18px 23px;border-radius:15px;border:1px solid #8eb5ed;background:#17396b;color:#fff;font:800 clamp(1.15rem,2vw,1.6rem) Manrope,sans-serif;box-shadow:0 16px 25px rgba(0,18,46,.35)}
.about-hub .brand-symbol{transform:scale(.78);transform-origin:center}.about-hub .brand-dot{color:#ffc77e}
.about-node{position:absolute;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:12px 14px;background:#f7faff;color:#1b3d71;border:1px solid #d2e0f8;border-radius:9px;box-shadow:0 12px 18px rgba(0,16,42,.2);font-size:.75rem;font-weight:800;letter-spacing:.06em;transition:transform .25s,box-shadow .25s}
.about-node:hover{transform:translateY(-5px);box-shadow:0 18px 26px rgba(0,16,42,.28)}.about-node svg{color:#245bb2}
.about-node-mail{top:15%;left:2%}.about-node-web{top:17%;right:0}.about-node-dns{bottom:12%;left:0}.about-node-server{bottom:12%;right:0}
.about-proof{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-45px;padding:25px 12px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}
.about-proof>div{padding:10px 18px;text-align:center}.about-proof>div+div{border-left:1px solid var(--line)}.about-proof strong{display:block;color:var(--teal);font-size:clamp(1.4rem,2.4vw,2.05rem);letter-spacing:-.04em}.about-proof span{display:block;color:var(--muted);font-size:.84rem}
.about-story{padding-top:112px}.about-story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,7vw,96px);align-items:start}.about-story p{font-size:1.03rem;line-height:1.75}
.about-timeline{position:relative;padding-left:27px;border-left:2px solid var(--line)}.about-chapter{position:relative;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(13,49,100,.05)}
.about-chapter:before{content:'';position:absolute;left:-35px;top:27px;width:13px;height:13px;border-radius:50%;background:var(--teal);border:3px solid var(--surface);box-shadow:0 0 0 2px var(--teal)}
.about-chapter summary{display:flex;align-items:center;gap:17px;list-style:none;cursor:pointer;padding:20px}.about-chapter summary::-webkit-details-marker{display:none}.about-chapter summary>span:nth-child(2){flex:1}.about-chapter summary small,.about-chapter summary strong{display:block}.about-chapter summary small{font-weight:800;font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.about-chapter summary strong{font-size:1.13rem;color:var(--ink)}
.about-chapter-number{font-weight:800;color:var(--teal);font-size:1.25rem}.about-chapter-plus{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--surface-alt);color:var(--teal);font-size:1.4rem;transition:transform .2s}.about-chapter[open] .about-chapter-plus{transform:rotate(45deg)}
.about-chapter p{padding:0 22px 23px 59px;font-size:.95rem;margin:0}.about-chapter[open]{border-color:var(--teal)}
.about-way{padding-block:86px}.about-way .section-heading{max-width:780px}.about-way-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}
.about-way-grid article{border:1px solid var(--line);border-radius:10px;padding:27px;background:var(--surface);transition:transform .22s,border-color .22s}.about-way-grid article:hover{transform:translateY(-5px);border-color:var(--teal)}.about-way-grid article>span{display:grid;place-items:center;width:50px;height:50px;border-radius:10px;background:var(--surface-alt);color:var(--teal);margin-bottom:19px}.about-way-grid small{display:block;color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.09em}.about-way-grid h3{font-size:1.25rem;margin:8px 0}.about-way-grid p{font-size:.95rem;margin:0}
.about-company{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,350px);gap:clamp(30px,6vw,80px);padding-block:87px}.about-company h2{max-width:630px}.about-company>div>p{font-size:1rem;max-width:640px}.about-fiscal{border-top:1px solid var(--line);margin-top:27px;max-width:700px}.about-fiscal>div{display:grid;grid-template-columns:180px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:15px 0;font-size:.94rem}.about-fiscal dt{color:var(--muted);font-weight:700}.about-fiscal dd{margin:0;font-weight:750;overflow-wrap:anywhere}.about-fiscal dd a{color:var(--teal);text-decoration:underline}
.about-contact-card{align-self:start;padding:30px;border:1px solid #587db8;border-radius:11px;background:linear-gradient(140deg,#214d91,#183361);color:#fff;box-shadow:0 16px 33px rgba(20,56,107,.18)}.about-contact-card .eyebrow{color:#d0e2ff}.about-contact-card h3{font-size:1.62rem;line-height:1.25}.about-contact-card p{color:#e0e9f9}.about-contact-card .btn{width:100%;white-space:normal;text-align:center}.about-price-link{display:flex;align-items:center;gap:7px;color:#e4efff;font-size:.88rem;font-weight:750;margin-top:22px}
[data-theme=dark] .about-hero{background:radial-gradient(circle at 78% 33%,#254a80 0%,transparent 42%),linear-gradient(125deg,#0c1a2f,#132c51 64%,#0d1f39)}
[data-theme=dark] .about-chapter{box-shadow:none}
[data-theme=dark] .about-node{background:#e5eefc;color:#163561}
[data-theme=dark] .about-node svg{color:#2154a4}
@keyframes about-glow{from{opacity:.72}to{opacity:1}}
@media(max-width:940px){.about-hero-grid{grid-template-columns:1fr}.about-hero{padding:66px 0 100px}.about-visual{width:min(420px,100%)}.about-story-grid{grid-template-columns:1fr}.about-company{grid-template-columns:1fr}.about-contact-card{max-width:550px}}
@media(max-width:640px){.about-hero{padding:54px 0 91px}.about-hero h1{font-size:clamp(2.15rem,10vw,3.1rem)}.about-hero p{font-size:.98rem}.about-visual{width:min(360px,100%)}.about-node{padding:8px;font-size:.64rem;gap:5px}.about-node svg{width:17px;height:17px}.about-hub{padding:12px;font-size:1.05rem}.about-proof{grid-template-columns:repeat(2,1fr);margin-top:-30px}.about-proof>div:nth-child(3){border-left:0}.about-proof>div:nth-child(n+3){border-top:1px solid var(--line)}.about-story{padding-top:67px}.about-way{padding-block:58px}.about-way-grid{grid-template-columns:1fr}.about-company{padding-block:61px}.about-fiscal>div{grid-template-columns:1fr;gap:3px}}
@media(prefers-reduced-motion:reduce){.about-visual>svg{animation:none}.about-node,.about-chapter-plus,.about-way-grid article{transition:none}}