
.about-page { overflow:clip; }
.about-page .about-hero { padding:5.1rem 0 3.3rem; }
.about-hero .sales-hero-layout { grid-template-columns:minmax(0,1.05fr) minmax(340px,.82fr);gap:clamp(2rem,5vw,4.5rem); }
.about-hero .hero-copy { max-width:700px; }
.about-hero h1 { max-width:600px; }
.about-hero h1 span { background:linear-gradient(100deg,#087cf4,#7613d4);background-clip:text;-webkit-background-clip:text;color:transparent; }
.about-hero .hero-description { max-width:690px; }
.about-hero-note { max-width:650px;margin:.8rem 0 0;color:var(--color-text-muted);font-size:.95rem;line-height:1.7; }
.about-hero .hero-actions { flex-wrap:wrap; }
.about-hero-visual { position:relative;display:flex;min-height:425px;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:1.5rem;background:radial-gradient(ellipse at 60% 35%,rgba(80,92,236,.13),transparent 36%),linear-gradient(145deg,#eff7ff,#f8f3ff); }
.about-visual-orbit { position:absolute;border:1px solid rgba(87,76,208,.12);border-radius:50%; }
.about-orbit-a { width:350px;height:350px; }
.about-orbit-b { width:255px;height:255px;border-style:dashed; }
.about-host-card { position:relative;z-index:1;width:min(78%,350px);padding:1.2rem;border:1px solid #e3e8f4;border-radius:1.15rem;background:rgba(255,255,255,.96);box-shadow:0 22px 56px rgba(48,62,123,.15);animation:about-card-float 7s ease-in-out infinite; }
@keyframes about-card-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)} }
.about-host-heading { display:flex;align-items:center;gap:.75rem;padding:0 .1rem 1rem;border-bottom:1px solid #edf0f6; }
.about-host-icon { display:grid;width:2.55rem;height:2.55rem;place-items:center;border-radius:.8rem;background:linear-gradient(135deg,#087cf4,#7613d4);color:#fff; }
.about-host-heading b,.about-host-row b { display:block;color:#172033;font-size:.88rem; }
.about-host-heading small,.about-host-row small { display:block;margin-top:.2rem;color:#8a94a7;font-size:.7rem; }
.about-host-row { display:flex;align-items:center;gap:.7rem;margin-top:.8rem;padding:.68rem;border:1px solid #eff1f7;border-radius:.78rem;background:#fff; }
.about-row-icon { display:grid;flex:0 0 2rem;width:2rem;height:2rem;place-items:center;border-radius:.6rem;background:#e9f4ff;color:#177ceb;font-size:.95rem; }
.about-row-icon.row-purple { background:#f2ebff;color:#7045d7; }
.about-row-icon.row-cyan { background:#e8faff;color:#1694ad; }
.about-host-row b { font-size:.76rem; }
.about-host-row small { font-size:.65rem; }
.about-host-row i { width:.48rem;height:.48rem;margin-left:auto;border-radius:50%;background:#33bd8a;box-shadow:0 0 0 4px #e7f8f1; }
.about-site-tile { position:absolute;z-index:2;top:16%;left:7%;display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;border:1px solid #e3e8f4;border-radius:.85rem;background:#fff;box-shadow:0 12px 30px rgba(48,62,123,.12); }
.about-tile-symbol { display:grid;width:2rem;height:2rem;place-items:center;border-radius:.65rem;background:linear-gradient(135deg,#087cf4,#7613d4);color:white;font-weight:800; }
.about-site-tile b { display:block;color:#172033;font-size:.76rem; }
.about-site-tile small { display:block;margin-top:.1rem;color:var(--color-text-muted);font-size:.64rem; }
.about-site-tile i { display:grid;width:1.3rem;height:1.3rem;place-items:center;border-radius:50%;background:#e7f8f1;color:#1aa474;font-size:.7rem;font-style:normal; }
.about-connection { position:absolute;left:30%;top:27%;width:18%;height:1px;border-top:1px dashed rgba(91,72,209,.45);transform:rotate(30deg); }
.about-connection span { position:absolute;top:-.19rem;width:.36rem;height:.36rem;border-radius:50%;background:#5f57e7;animation:about-dot 2.4s ease-in-out infinite; }
.about-connection span:nth-child(1){left:0}.about-connection span:nth-child(2){left:45%;animation-delay:.7s}.about-connection span:nth-child(3){right:0;animation-delay:1.4s}
@keyframes about-dot { 0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)} }
.about-visual-spark { position:absolute;color:#7048dc;font-size:1.4rem; }
.spark-left { bottom:18%;left:13%; }.spark-right { top:18%;right:12%; }
.about-story-section { padding:4.5rem 0;background:#fff; }
.about-story-layout { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr);gap:clamp(2.5rem,7vw,7rem);align-items:center; }
.about-story-heading h2,.about-technical-copy h2,.about-customer-layout h2 { margin:.6rem 0 0;color:#172033;font:700 clamp(1.9rem,3.6vw,2.7rem)/1.16 'Poppins',sans-serif;letter-spacing:-.045em; }
.about-story-heading h2 span,.about-technical-copy h2 span,.about-customer-layout h2 span,.about-tech-heading h2 span { background:linear-gradient(100deg,#087cf4,#7613d4);background-clip:text;-webkit-background-clip:text;color:transparent; }
.about-story-mark { display:inline-flex;align-items:center;margin-top:1.8rem;padding:.7rem .9rem;border:1px solid #e6eaf3;border-radius:.8rem;background:#fff;box-shadow:0 8px 24px rgba(35,45,82,.05);font:700 1rem 'Poppins',sans-serif; }
.about-story-mark span { color:#262b36; }.about-story-mark b { background:linear-gradient(100deg,#087cf4,#7613d4);background-clip:text;-webkit-background-clip:text;color:transparent; }
.about-story-mark i { width:.55rem;height:.55rem;margin-left:.7rem;border-radius:50%;background:#26b487;box-shadow:0 0 0 5px #eaf8f3; }
.about-story-copy { padding-left:1.4rem;border-left:2px solid #e5e8f5;color:#667187;font-size:.96rem;line-height:1.8; }
.about-story-copy p { margin:0; }.about-story-copy p+p { margin-top:.8rem; }.about-story-copy strong { color:#253149;font-weight:700; }
.about-offers-section { padding:4.8rem 0;background:#f7f8fc; }
.about-offers-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem; }
.about-offer-card { display:flex;min-height:270px;flex-direction:column;padding:1.25rem;border:1px solid #e5e9f2;border-radius:1rem;background:#fff;box-shadow:0 10px 28px rgba(35,45,82,.05);color:inherit;text-decoration:none;transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease; }
.about-offer-card:hover { transform:translateY(-4px);border-color:#d2d8ee;box-shadow:0 17px 36px rgba(35,45,82,.1); }
.about-offer-icon { display:grid;width:2.65rem;height:2.65rem;place-items:center;border:1px solid transparent;border-radius:.82rem;font-size:1rem;font-weight:800; }
.about-offer-icon.icon-blue { background:linear-gradient(135deg,#e8f4ff,#eaeaff);color:#147ceb; }
.about-offer-icon.icon-purple { background:linear-gradient(135deg,#efeaff,#f6eaff);color:#7339ce; }
.about-offer-icon.icon-cyan { background:linear-gradient(135deg,#e5faff,#eaf1ff);color:#158eae; }
.about-offer-icon.icon-green { background:linear-gradient(135deg,#e8f8f0,#e7f6ff);color:#159b70; }
.about-offer-kicker { margin-top:1rem;color:#5d48d5;font-size:.62rem;font-weight:800;letter-spacing:.11em; }
.about-offer-card h3 { margin:.38rem 0 .45rem;color:#172033;font:700 1rem/1.3 'Poppins',sans-serif; }
.about-offer-card p { margin:0 0 1rem;color:var(--color-text-muted);font-size:.82rem;line-height:1.6; }
.about-offer-link { display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:auto;padding-top:.75rem;border-top:1px solid #edf0f6;color:#5743d3;font-size:.77rem;font-weight:700; }
.about-offer-link b { transition:transform .2s ease; }.about-offer-card:hover .about-offer-link b { transform:translateX(4px); }
.about-why-section { padding:4.7rem 0;background:#fff; }
.about-why-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.about-why-grid .why-card { min-height:190px; }
.about-why-grid .why-card h3 { font-size:.98rem; }.about-why-grid .why-card p { font-size:.85rem;line-height:1.55; }
.about-technical-section { position:relative;overflow:hidden;padding:5rem 0;background:radial-gradient(ellipse at 90% 10%,rgba(119,22,211,.17),transparent 36%),radial-gradient(ellipse at 7% 90%,rgba(8,124,244,.14),transparent 40%),#121827; }
.about-technical-layout { display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center; }
.about-technical-copy .hosting-kicker { color:#b2a5ff; }
.about-technical-copy h2 { color:#fff; }
.about-technical-copy h2 span { background:linear-gradient(100deg,#7cc8ff,#c2a2ff);background-clip:text;-webkit-background-clip:text;color:transparent; }
.about-technical-copy > p { max-width:600px;margin:.9rem 0 0;color:#b5bfd1;font-size:.93rem;line-height:1.75; }
.about-technical-copy > p.about-technical-lead { color:#f0f3fa;font-size:1rem; }
.about-responsibilities { display:grid;gap:.7rem; }
.about-responsibilities article { display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:.85rem;background:rgba(255,255,255,.055);backdrop-filter:blur(8px); }
.about-responsibility-icon { display:grid;flex:0 0 2rem;width:2rem;height:2rem;place-items:center;border-radius:.62rem;background:linear-gradient(135deg,#087cf4,#7613d4);color:#fff;font-size:.68rem;font-weight:800; }
.about-responsibilities h3 { margin:.1rem 0 .25rem;color:#fff;font:650 .9rem/1.35 'Poppins',sans-serif; }
.about-responsibilities p { margin:0;color:#aeb9cb;font-size:.8rem;line-height:1.5; }
.about-tech-section { padding:3.6rem 0;background:#f7f8fc; }
.about-tech-heading { display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.3rem; }
.about-tech-heading h2 { max-width:620px;margin:.45rem 0 0;color:#172033;font:700 clamp(1.55rem,3vw,2.25rem)/1.18 'Poppins',sans-serif;letter-spacing:-.04em; }
.about-tech-heading > p { max-width:390px;margin:0;color:var(--color-text-muted);font-size:.87rem;line-height:1.6; }
.about-tech-tags { display:flex;flex-wrap:wrap;gap:.55rem; }
.about-tech-tags span { padding:.55rem .85rem;border:1px solid #e4e8f1;border-radius:999px;background:#fff;color:#526077;font-size:.8rem;font-weight:700;box-shadow:0 5px 16px rgba(35,45,82,.035); }
.about-customer-section { padding:4.7rem 0;background:#fff; }
.about-customer-layout { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start; }
.about-customer-copy { color:#667187;font-size:.91rem;line-height:1.7; }
.about-customer-copy > p { margin:0 0 .7rem; }
.about-transfer-note { display:grid;grid-template-columns:auto 1fr;gap:.4rem .7rem;margin-top:1.1rem;padding:1rem;border:1px solid #e5e8f5;border-radius:.9rem;background:linear-gradient(110deg,#f4f9ff,#faf7ff); }
.about-transfer-note > span { grid-row:span 2;color:#5744d5;font-size:1.15rem; }
.about-transfer-note b { color:#253149;font-size:.86rem;line-height:1.5; }
.about-transfer-note a { display:inline-flex;align-items:center;gap:.35rem;color:#5743d3;font-size:.78rem;font-weight:700;text-decoration:none; }
.about-trial-section { padding:0 0 4rem;background:#fff; }
.about-trial-card { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;padding:clamp(1.4rem,3vw,2.1rem);border:1px solid #e2e6fa;border-radius:1.2rem;background:radial-gradient(ellipse at 94% 12%,rgba(118,19,212,.12),transparent 36%),linear-gradient(115deg,#f0f8ff,#f7f3ff);box-shadow:0 15px 42px rgba(50,60,120,.07); }
.about-trial-icon { display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:1rem;background:linear-gradient(135deg,#087cf4,#7613d4);color:#fff;font:700 1.25rem 'Poppins',sans-serif;box-shadow:0 8px 20px rgba(81,68,213,.18); }
.about-trial-card .sales-kicker { color:#5d48d5;font-size:.65rem;font-weight:800;letter-spacing:.12em; }
.about-trial-card h2 { margin:.35rem 0 .4rem;color:#172033;font:700 clamp(1.3rem,2.7vw,1.95rem)/1.2 'Poppins',sans-serif;letter-spacing:-.035em; }
.about-trial-card h2 span { background:linear-gradient(100deg,#087cf4,#7613d4);background-clip:text;-webkit-background-clip:text;color:transparent; }
.about-trial-card p { max-width:650px;margin:0;color:var(--color-text-muted);font-size:.88rem;line-height:1.65; }
.about-trial-actions { display:flex;min-width:180px;flex-direction:column;align-items:stretch;gap:.65rem; }
.about-trial-actions .btn { justify-content:center;white-space:nowrap; }
.about-inline-link { color:#5845d4;font-size:.8rem;font-weight:700;text-align:center;text-decoration:none; }.about-inline-link span { margin-left:.2rem; }
.about-final-cta { padding:4rem 0 6rem; }
.about-final-cta .hosting-final-cta-inner { background:radial-gradient(ellipse at 90% 8%,rgba(116,28,211,.16),transparent 36%),linear-gradient(120deg,#f1f8ff,#f6f2ff); }
@media(max-width:1050px) {
 .about-hero .sales-hero-layout { grid-template-columns:minmax(0,1fr) minmax(290px,.8fr);gap:2rem; }
 .about-offers-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .about-offer-card { min-height:235px; }
 .about-trial-card { grid-template-columns:auto 1fr; }
 .about-trial-actions { grid-column:2;flex-direction:row;align-items:center; }
}
@media(max-width:850px) {
 .about-hero .sales-hero-layout { grid-template-columns:1fr; }
 .about-hero-visual { width:min(100%,560px);min-height:390px; }
 .about-story-layout,.about-technical-layout,.about-customer-layout { grid-template-columns:1fr;gap:1.35rem; }
 .about-story-mark { margin-top:1rem; }
 .about-technical-section { padding:4rem 0; }
}
@media(max-width:600px) {
 .about-page .about-hero { padding:3.2rem 0 2.4rem; }
 .about-hero .hero-actions { align-items:stretch;flex-direction:column; }
 .about-hero .hero-actions .btn { width:100%;justify-content:center; }
 .about-hero-visual { min-height:340px;border-radius:1.1rem; }
 .about-host-card { width:82%;padding:.85rem; }
 .about-site-tile { top:9%;left:4%;padding:.55rem; }
 .about-visual-spark { font-size:1.1rem; }
 .about-story-section,.about-offers-section,.about-why-section,.about-customer-section { padding:3.5rem 0; }
 .about-story-copy { padding-left:1rem;font-size:.9rem; }
 .about-offers-grid,.about-why-grid { grid-template-columns:1fr; }
 .about-offer-card { min-height:0;padding:1.1rem; }
 .about-why-grid .why-card { min-height:0; }
 .about-technical-section { padding:3.5rem 0; }
 .about-tech-section { padding:3rem 0; }
 .about-tech-heading { align-items:flex-start;flex-direction:column;gap:.7rem; }
 .about-tech-tags { gap:.45rem; }.about-tech-tags span { padding:.48rem .7rem;font-size:.74rem; }
 .about-transfer-note { padding:.85rem; }
 .about-trial-section { padding:0 0 3rem; }
 .about-trial-card { grid-template-columns:auto 1fr;gap:.85rem;padding:1.15rem; }
 .about-trial-icon { width:2.8rem;height:2.8rem;border-radius:.8rem;font-size:1rem; }
 .about-trial-card h2 { font-size:1.35rem; }
 .about-trial-card p { font-size:.83rem; }
 .about-trial-actions { grid-column:1/-1;flex-direction:column;align-items:stretch; }
 .about-final-cta { padding:3.2rem 0 4rem; }
 .about-final-cta .hosting-final-cta-inner { gap:1rem;padding:1.2rem; }
 .about-final-cta .hero-actions { align-items:stretch;flex-direction:column; }
 .about-final-cta .hero-actions .btn { width:100%;justify-content:center; }
}
@media(prefers-reduced-motion:reduce) {
 .about-host-card,.about-connection span,.about-offer-card,.about-offer-link b { animation:none;transition:none; }
 .about-offer-card:hover { transform:none; }
}
