*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061329;color:#10213d;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,sans-serif;letter-spacing:-.045em}p{line-height:1.7}img{max-width:100%}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#061329ed;border-bottom:1px solid #ffffff13;backdrop-filter:blur(18px)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:#fff;font:800 17px/1.05 Manrope,sans-serif;letter-spacing:-.05em}.brand small{display:block;font:600 9px/1.7 'DM Sans',sans-serif;letter-spacing:.32em;color:#8fa7c8}.brand-mark{position:relative;width:32px;height:34px;display:inline-block}.brand-mark i{position:absolute;background:linear-gradient(135deg,#20d4ff,#1361ff);width:14px;height:14px;border-radius:5px;transform:rotate(45deg)}.brand-mark i:nth-child(1){left:9px;top:1px}.brand-mark i:nth-child(2){left:1px;top:17px}.brand-mark i:nth-child(3){left:18px;top:17px}.desktop-nav{display:flex;align-items:center;gap:21px}.desktop-nav a{font-size:12px;font-weight:700;color:#bdc9dd;transition:.2s;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{color:#39baff}.nav-actions{display:flex;align-items:center;gap:12px}.signin{font-size:12px;color:#e7f0ff;font-weight:700}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:15px 21px;border-radius:9px;border:1px solid transparent;font-weight:800;font-size:13px;transition:transform .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#087dff;color:#fff;box-shadow:0 8px 25px #087dff27}.btn-primary:hover{background:#2294ff}.btn-sm{padding:11px 15px;font-size:12px}.btn-ghost{color:#fff;border-color:#ffffff46;background:#ffffff08}.btn-outline{color:#fff;border-color:#456486}.btn-dark{background:#071b37;color:#fff}.btn-white{background:#fff;color:#071c37}.btn-block{width:100%}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:none;border:1px solid #ffffff35;border-radius:8px;width:42px;height:42px}.menu-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:#fff}.mobile-backdrop{position:fixed;inset:0;background:#020a19a8;z-index:58}.mobile-backdrop[hidden]{display:none}.mobile-menu{position:fixed;right:0;top:0;bottom:0;width:min(380px,92vw);z-index:60;background:#07182e;color:#fff;padding:27px;transform:translateX(105%);transition:transform .25s ease;overflow:auto;box-shadow:-30px 0 70px #0006}.mobile-menu.open{transform:translateX(0)}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.mobile-menu-title{font-weight:800;font-size:18px}.menu-close{background:#ffffff10;color:#fff;border:1px solid #ffffff22;border-radius:9px;padding:10px 13px}.mobile-links a{display:flex;justify-content:space-between;padding:13px 8px;border-bottom:1px solid #ffffff16;font-size:14px;font-weight:700}.mobile-links a span{color:#4baeff}.mobile-cta{display:grid;gap:10px;margin-top:25px}.mobile-menu-foot{font-size:11px;color:#89a4c4;margin-top:25px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 37%,#123f81 0%,#0a2145 29%,#061329 65%);color:#fff}.hero-glow{position:absolute;right:-140px;top:0;width:650px;height:650px;border-radius:50%;background:#087dff10;filter:blur(80px)}.hero-grid{position:relative;min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.hero-copy{padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#4fc5ff;font-size:10px;letter-spacing:.16em;font-weight:800}.eyebrow.dark{color:#0574eb}.status-dot{width:7px;height:7px;background:#37e0bf;border-radius:50%;box-shadow:0 0 0 4px #37e0bf18}.hero h1{font-size:clamp(46px,5.4vw,78px);line-height:1.09;letter-spacing:-.07em;margin:24px 0}.hero h1 em,h2 em{font-style:normal;color:#28baff}.hero-copy>p{max-width:510px;font-size:15px;color:#b7cbe5}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{display:flex;align-items:center;gap:12px;color:#9bb5d7;font-size:11px;margin-top:55px}.note-line{width:32px;height:1px;background:#25aaff}.hero-visual{height:470px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;width:400px;height:400px;border:1px solid #30a5ff63;border-radius:50%;box-shadow:inset 0 0 90px #087dff35,0 0 90px #087dff21;background:radial-gradient(circle at 50% 50%,#0b4a9b,#062046 45%,#0000 72%)}.orbit-1:after{content:'';position:absolute;inset:30px;border:1px dashed #42c7ff65;border-radius:50%}.orbit-2{width:340px;height:340px;transform:rotateX(68deg) rotateZ(30deg);background:transparent;border:2px solid #40c8ff7a;box-shadow:0 0 25px #128aff}.orb-core{font:800 180px Manrope,sans-serif;letter-spacing:-.14em;color:#fff;text-shadow:0 0 50px #078dff;z-index:1}.orb-core span{color:#21baff}.float-pill{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#071c3de8;border:1px solid #5ea9ff56;border-radius:12px;padding:12px 15px;box-shadow:0 15px 40px #0007}.float-pill b,.float-pill small{display:block}.float-pill b{font-size:12px}.float-pill small{font-size:10px;color:#91accf;margin-top:3px}.pill-icon{background:#087dff;color:#fff;border-radius:8px;padding:8px}.pill-1{left:0;top:20%}.pill-2{right:0;top:45%}.pill-3{left:8%;bottom:12%}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#1c69a718 1px,transparent 1px),linear-gradient(90deg,#1c69a718 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,black,transparent 70%);z-index:-1}.hero-bottom{position:relative;display:flex;justify-content:space-between;gap:15px;padding:21px 0;border-top:1px solid #ffffff25;color:#91add0;font-size:10px;font-weight:800;letter-spacing:.14em}.section{padding:100px 0}.section-light{background:#f7f9fd}.section-heading{margin-bottom:35px}.section-heading h2,.feature-split h2,.contact-info h2{font-size:clamp(32px,3.5vw,48px);line-height:1.17;margin:14px 0}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.split-heading>p{max-width:370px;color:#65758c;font-size:14px}.muted{color:#74839b}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;border:1px solid #e7edf6;border-radius:14px;padding:29px;min-height:230px;transition:.2s;box-shadow:0 8px 30px #112a5108}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #112a5115}.service-no{font-weight:800;color:#168dff;font-size:14px}.service-card h3{font-size:20px;margin:24px 0 10px}.service-card p{font-size:13px;color:#6a7890}.service-card a,.product-body a,.hosting-categories a{color:#087dff;font-size:12px;font-weight:800}.service-card a span,.product-body a span{float:right}.dark-section{background:#07182e;color:#fff}.dark-section h2{color:#fff}.text-link{font-size:13px;font-weight:800;color:#087dff}.text-link.light{color:#80c9ff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border-radius:13px;overflow:hidden;color:#14243c;border:1px solid #ffffff14}.product-art{height:185px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#102e7a,#246aff)}.product-art.orange{background:linear-gradient(135deg,#ff8425,#ffbe5b)}.product-art.purple{background:linear-gradient(135deg,#3b1b93,#a04cff)}.product-art.cyan{background:linear-gradient(135deg,#005d8b,#36d6ff)}.product-art.green{background:linear-gradient(135deg,#0a5b61,#20c6b0)}.product-art.rose{background:linear-gradient(135deg,#962f56,#ff9a71)}.product-monogram{font:800 88px Manrope,sans-serif;letter-spacing:-.1em;color:#ffffffb3;z-index:2}.art-orbit{position:absolute;width:240px;height:240px;border:1px solid #ffffff55;border-radius:50%;right:-30px;top:-100px;box-shadow:0 0 0 30px #ffffff09,0 0 0 60px #ffffff09}.art-screen{position:absolute;width:120px;height:95px;right:15px;bottom:-20px;transform:rotate(-15deg);background:#0a1b34;border:5px solid #c6eaff;border-radius:12px;box-shadow:0 15px 30px #0006;padding:14px}.art-screen span{display:block;height:8px;border-radius:5px;background:#5c9cff;margin-bottom:9px}.art-screen span:nth-child(2){width:70%;background:#9cd6ff}.art-screen span:nth-child(3){width:45%}.product-body{padding:22px}.product-body h3{font-size:19px;margin:0 0 8px}.product-body p{font-size:13px;color:#64748b;min-height:42px}.product-body a{display:block;border-top:1px solid #edf1f7;padding-top:15px}.on-light .product-card{border-color:#e6ebf4;box-shadow:0 8px 25px #0a24500b}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature-split p{font-size:15px;color:#62718a;max-width:510px;margin-bottom:25px}.hosting-feature{min-height:320px;border-radius:20px;background:radial-gradient(circle at 50% 30%,#1c73c3,#061d40 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;overflow:hidden}.server-stack{width:175px;display:grid;gap:10px;transform:perspective(500px) rotateY(-14deg)}.server-stack span{height:45px;border-radius:8px;background:linear-gradient(145deg,#193f72,#081b38);border:1px solid #5bafff;box-shadow:0 10px 20px #0005}.server-stack span:before{content:'● ● ●';font-size:11px;letter-spacing:12px;color:#2ee6f5;line-height:45px;padding-left:20px}.hosting-feature-caption{text-align:center;margin-top:24px;font-size:13px;color:#b8d4f4}.hosting-feature-caption strong{font-size:18px;color:#fff}.reach-section{background:#eaf2ff;text-align:center}.reach-section h2{font-size:clamp(32px,4vw,50px);margin:18px 0}.reach-section p{max-width:600px;margin:0 auto;color:#596c88}.country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.country-grid>div{background:#fff;border:1px solid #dce8f7;border-radius:12px;padding:22px;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:25px}.country-grid strong{font-size:14px}.country-grid small{font-size:11px;color:#77859a}.cta-section{background:#061329;padding:60px 0}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff}.cta-box h2{font-size:clamp(30px,4vw,50px);margin:12px 0 0}.site-footer{background:#040e20;color:#fff;border-top:1px solid #ffffff12}.footer-top{display:grid;grid-template-columns:2.1fr repeat(4,1fr);gap:30px;padding:75px 0 55px}.footer-brand p{color:#8198b8;font-size:13px;max-width:240px;margin:22px 0}.footer-social{display:flex;gap:9px}.footer-social a{width:30px;height:30px;border-radius:50%;background:#11284a;display:grid;place-items:center;color:#b5d4f5}.footer-column h4{font-size:13px;letter-spacing:0;margin-bottom:20px}.footer-column a{display:block;color:#8da3c2;font-size:12px;margin:0 0 13px}.footer-column a:hover{color:#47b8ff}.footer-bottom{border-top:1px solid #ffffff1b;padding:32px 0;display:flex;justify-content:space-between;gap:40px}.footer-bottom strong,.newsletter label{font-size:13px;font-weight:800}.footer-bottom p{font-size:12px;color:#8099bb;margin:8px 0 0}.dot-sep{padding:0 8px}.newsletter{width:320px;max-width:100%}.newsletter-form{display:flex;margin-top:10px}.newsletter-form input{width:100%;min-width:0;background:#091a33;border:1px solid #294366;color:#fff;border-radius:7px 0 0 7px;padding:11px;font-size:12px}.newsletter-form button{border:0;border-radius:0 7px 7px 0;background:#087dff;color:#fff;font-size:12px;font-weight:800;padding:0 14px}.copyright{border-top:1px solid #ffffff1b;padding:24px 0;display:flex;justify-content:space-between;color:#7791b4;font-size:11px}.copyright a{color:#5bbcff}.page-hero{background:radial-gradient(ellipse at 80% 30%,#12427d,#07182e 58%);color:#fff;padding:105px 0 115px;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;right:7%;top:20%;width:230px;height:230px;border:1px solid #2ca5ff3d;border-radius:50%;box-shadow:0 0 0 60px #219cff08,0 0 0 120px #219cff07}.page-hero h1{font-size:clamp(39px,5vw,68px);line-height:1.1;max-width:800px;margin:20px 0}.page-hero p{color:#b6cbe5;max-width:630px;font-size:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.two-col h2{font-size:45px}.rich-text p{color:#607189}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.value-grid article{background:#fff;border-radius:14px;padding:30px;border:1px solid #e6edf6}.value-grid article span{color:#087dff;font-weight:800}.value-grid article h3{font-size:22px;margin:15px 0 8px}.value-grid article p{color:#687991;font-size:14px}.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:50px;padding:35px;background:#eaf2ff;border-radius:14px}.inline-cta h2{font-size:24px;margin:0}.project-intro{padding:20px 26px;background:#eaf2ff;border-left:3px solid #087dff;margin-bottom:25px;border-radius:7px}.project-intro p{font-size:13px;color:#4e6685;margin:0}.hosting-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hosting-categories article{padding:27px;background:#fff;border:1px solid #e5edf6;border-radius:14px}.category-icon{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:10px;background:#e5f1ff;color:#007bff;font-size:24px}.hosting-categories h3{font-size:20px;margin:23px 0 9px}.hosting-categories p{font-size:13px;color:#697991;min-height:85px}.notice{padding:18px 22px;background:#eaf2ff;border:1px solid #cfe2ff;border-radius:9px;color:#43617f;font-size:13px;margin-top:30px;line-height:1.6}.notice.small{font-size:11px;margin-top:20px}.partner-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.partner-logos div{background:#fff;border:1px solid #e6edf6;border-radius:13px;padding:28px 12px;text-align:center;font-size:20px;font-weight:800;color:#183f7c;letter-spacing:-.05em}.top-space{margin-top:70px}.light-countries{margin-top:10px}.fineprint{color:#7b899c;font-size:12px;margin-top:20px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-card{padding:35px;background:#fff;border-radius:14px;border:1px solid #e4ebf5;text-align:center}.avatar{width:120px;height:120px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#083a83,#12b8f5);font:800 35px Manrope;color:#fff;margin:0 auto 22px}.avatar.alt{background:linear-gradient(135deg,#1d3266,#766af2)}.avatar.alt2{background:#e9f2ff;color:#087dff}.team-card h3{font-size:19px;margin-bottom:7px}.team-card p{color:#72839a;font-size:13px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{padding:32px;background:#fff;border:1px solid #e2eaf6;border-radius:14px}.plan.featured{border:2px solid #087dff;box-shadow:0 16px 45px #087dff16}.plan-label{font-size:10px;font-weight:800;color:#087dff;letter-spacing:.1em}.plan h3{font-size:27px;margin:20px 0 8px}.plan p{color:#6c7b90;font-size:13px;min-height:42px}.plan-price{font-size:24px;font-weight:800;letter-spacing:-.04em;margin:28px 0;border-bottom:1px solid #e6ebf3;padding-bottom:24px}.plan ul{list-style:none;padding:0;min-height:150px}.plan li{font-size:13px;margin-bottom:16px}.plan li:before{content:'✓';color:#0fa980;margin-right:10px;font-weight:800}.auth-page{background:#f4f7fc}.auth-grid{min-height:710px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:70px 0}.auth-aside{height:100%;min-height:560px;border-radius:18px;background:radial-gradient(circle at 50% 80%,#145bb5,#071a38 60%);padding:65px 50px;color:#fff;position:relative;overflow:hidden}.auth-aside h1{font-size:clamp(43px,4vw,62px);line-height:1.15;margin:35px 0 20px}.auth-aside h1 em{font-style:normal;color:#30c4ff}.auth-aside p{color:#aec6e5;max-width:330px}.auth-orb{position:absolute;bottom:-160px;right:-120px;width:440px;height:440px;border:1px solid #3bbfff;border-radius:50%;box-shadow:0 0 0 40px #3bbfff10,0 0 0 80px #3bbfff0c,inset 0 0 90px #087dff99}.auth-card{padding:25px 0}.auth-card h2{font-size:36px;margin:14px 0 7px}.auth-card>p{font-size:14px;color:#75849a;margin-bottom:28px}.form-row{margin-bottom:16px}.form-row label{display:block;font-size:12px;font-weight:800;color:#263b56}.form-row input,.form-row select,.form-row textarea{display:block;width:100%;border:1px solid #dce5f1;border-radius:8px;background:#fff;padding:14px;margin-top:8px;outline:none;color:#1a2b42;font-size:13px}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:#087dff;box-shadow:0 0 0 3px #087dff12}.checkbox-line{display:flex;align-items:center;gap:9px;font-size:12px;color:#60728a;margin:20px 0}.checkbox-line a,.auth-switch a,.form-small a{color:#087dff;font-weight:800}.auth-switch{font-size:13px;text-align:center;color:#64748b;margin-top:22px}.form-small{text-align:right;font-size:12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-info>p{color:#6c7d95;font-size:14px}.contact-detail{display:flex;gap:20px;margin:28px 0}.contact-detail>span{color:#087dff;font-weight:800;font-size:12px}.contact-detail strong{font-size:14px}.contact-detail p{font-size:13px;color:#6b7c93;margin:5px 0}.map-placeholder{margin-top:25px;min-height:230px;border-radius:13px;background:linear-gradient(130deg,#dceaf9,#c5dcf5);border:1px solid #bfd3ec;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.map-placeholder p{font-size:12px;max-width:340px;color:#546a85}.map-dot{font-size:36px;color:#087dff}.contact-form-wrap{background:#fff;border:1px solid #e4ebf5;border-radius:15px;padding:36px;box-shadow:0 10px 30px #09244708}.contact-form-wrap h3{font-size:27px;margin-bottom:8px}.contact-form-wrap>p{color:#7a8ba0;font-size:13px}.legal-copy{max-width:750px}.demo-feedback{background:#fff5d9;color:#77521c;border:1px solid #e8c77c;padding:12px;border-radius:7px;font-size:12px;margin-top:14px}@media(max-width:1150px){.desktop-nav{gap:12px}.desktop-nav a{font-size:11px}.nav-wrap{gap:12px}.brand{font-size:15px}}@media(max-width:980px){.desktop-nav,.desktop-only{display:none!important}.menu-toggle{display:flex}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:51px}.hero-visual{height:380px}.orbit{width:300px;height:300px}.orbit-2{width:270px;height:270px}.orb-core{font-size:140px}.float-pill{padding:8px}.float-pill small{display:none}.service-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.hosting-categories{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 3}.contact-grid{gap:35px}.auth-grid{gap:30px}}@media(max-width:650px){.container{width:min(100% - 32px,1200px)}.nav-wrap{height:68px}.brand{font-size:15px}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{padding:72px 0 0}.hero h1{font-size:clamp(41px,11vw,58px);line-height:1.09;margin:22px 0}.hero-copy>p{font-size:14px}.hero-actions{gap:10px}.hero-actions .btn{font-size:12px;padding:13px 15px}.hero-note{margin-top:30px}.hero-visual{width:100%;height:350px}.orbit{width:280px;height:280px}.orbit-2{width:250px;height:250px}.orb-core{font-size:125px}.float-pill{font-size:10px}.float-pill b{font-size:10px}.pill-1{left:0;top:16%}.pill-2{right:0;top:40%}.pill-3{left:0;bottom:10%}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:13px}.section{padding:65px 0}.split-heading{display:block}.split-heading>p{max-width:none}.section-heading h2,.feature-split h2,.contact-info h2{font-size:34px}.service-grid,.product-grid,.country-grid,.value-grid,.team-grid,.plan-grid,.contact-grid,.auth-grid,.two-col,.feature-split{grid-template-columns:1fr}.service-card{min-height:0;padding:25px}.service-card h3{margin-top:17px}.product-art{height:185px}.feature-split{gap:30px}.country-grid{grid-template-columns:1fr 1fr}.country-grid>div{padding:17px}.cta-box,.inline-cta{display:block}.cta-box .btn,.inline-cta .btn{margin-top:25px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding:55px 0 30px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.newsletter{margin-top:30px;width:100%}.copyright{display:grid;gap:12px}.page-hero{padding:75px 0}.page-hero h1{font-size:43px}.page-hero p{font-size:14px}.two-col{gap:10px}.two-col h2{font-size:35px}.hosting-categories,.partner-logos{grid-template-columns:1fr 1fr}.partner-logos div{font-size:15px;padding:22px 8px}.auth-grid{padding:30px 0}.auth-aside{min-height:260px;padding:35px}.auth-aside h1{font-size:40px}.auth-orb{width:230px;height:230px;bottom:-150px;right:-60px}.auth-card{padding:20px 5px}.contact-grid{gap:45px}.contact-form-wrap{padding:25px}.inline-cta h2{font-size:22px}}@media(max-width:370px){.hero h1{font-size:39px}.hero-actions .btn{width:100%}.country-grid{grid-template-columns:1fr}.hosting-categories{grid-template-columns:1fr}.footer-top{gap:20px}.footer-column a{font-size:11px}}
/* ========================================
OSHARES TECH - LEADERSHIP TEAM
======================================== */
.team-intro {
max-width: 850px;
margin: 0 auto 55px;
text-align: center;
}
.team-intro h2 {
font-size: clamp(28px, 3vw, 42px);
color: #081b3a;
line-height: 1.2;
margin: 15px 0;
}
.team-intro p {
color: #64748b;
line-height: 1.8;
font-size: 16px;
}
.leadership-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px;
align-items: stretch;
}
.leadership-card {
background: #ffffff;
border: 1px solid #e5edf6;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 12px 45px rgba(8, 27, 58, 0.07);
transition: transform .3s ease, box-shadow .3s ease;
min-width: 0;
}
.leadership-card:hover {
transform: translateY(-6px);
box-shadow: 0 22px 55px rgba(8, 27, 58, 0.13);
}
.leadership-photo {
height: 380px;
overflow: hidden;
background: #eaf1fb;
}
.leadership-photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 25%;
display: block;
transition: transform .5s ease;
}
.leadership-card:hover .leadership-photo img {
transform: scale(1.035);
}
.leadership-content {
padding: 32px;
}
.leadership-tag {
display: inline-block;
background: #e8f2ff;
color: #087bff;
padding: 8px 14px;
border-radius: 30px;
font-size: 11px;
font-weight: 800;
letter-spacing: 1px;
}
.leadership-content h2 {
color: #081b3a;
font-size: clamp(23px, 2.5vw, 30px);
margin: 18px 0 7px;
line-height: 1.2;
}
.leadership-content h3 {
color: #087bff;
font-size: 15px;
margin-bottom: 22px;
font-weight: 700;
}
.leadership-content p {
color: #5b6c83;
font-size: 14px;
line-height: 1.85;
margin-bottom: 16px;
}
.leadership-skills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 25px 0;
}
.leadership-skills span {
background: #f1f5fb;
border: 1px solid #e1eaf5;
color: #294362;
font-size: 11px;
font-weight: 600;
padding: 8px 12px;
border-radius: 30px;
}
.leadership-email {
display: inline-flex;
align-items: center;
gap: 8px;
color: #087bff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
overflow-wrap: anywhere;
}
.leadership-email:hover {
text-decoration: underline;
}
.team-bottom-section {
background: linear-gradient(135deg, #06152e, #103e79);
text-align: center;
padding: 85px 20px;
color: white;
}
.team-bottom-section h2 {
font-size: clamp(28px, 4vw, 46px);
margin: 18px 0;
color: #ffffff;
}
.team-bottom-section p {
max-width: 650px;
margin: 0 auto 30px;
color: #c6d7ec;
line-height: 1.8;
}
/* TABLET */
@media (max-width: 900px) {
.leadership-grid {
grid-template-columns: 1fr;
max-width: 650px;
margin: 0 auto;
}
.leadership-photo {
height: 420px;
}
}
/* MOBILE */
@media (max-width: 600px) {
.team-intro {
margin-bottom: 30px;
}
.leadership-grid {
gap: 24px;
}
.leadership-photo {
height: 340px;
}
.leadership-content {
padding: 24px 20px;
}
.leadership-content h2 {
font-size: 25px;
}
.leadership-content p {
font-size: 14px;
}
.team-bottom-section {
padding: 65px 20px;
}
}