@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#06132b;--navy2:#0a1e42;--blue:#1677ff;--cyan:#31c8ff;--purple:#7951ff;--ink:#111a31;--muted:#61708b;--line:#e5eaf3;--pale:#f6f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{background:#06132b;color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff1b}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:21px;letter-spacing:-.8px;line-height:1.05;white-space:nowrap}.brand-dot{color:#5b8dff}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#9fb4d7;margin-top:7px}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#24c9ff,#3159ff 55%,#8b4dff);display:grid;place-items:center;color:white;font-size:25px;font-weight:900;box-shadow:0 7px 20px #2769ff4d}.nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:650;color:#dce7ff}.nav a:hover{color:#5fd8ff}.nav .nav-cta{padding:12px 17px;background:linear-gradient(110deg,#744bff,#087cff);border-radius:22px;color:white}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{background:radial-gradient(ellipse at 72% 48%,#193d7b 0,#0b2045 32%,#06132b 73%);color:white;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:auto -10% -160px 35%;height:300px;background:#3c52ff;filter:blur(130px);opacity:.22}.hero-grid{min-height:485px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;position:relative;z-index:1}.hero-copy{padding:54px 0 58px}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:800;color:#80e2ff;margin:0 0 12px}.eyebrow.blue{color:#5145f5}.hero h1{font-size:clamp(38px,5vw,62px);letter-spacing:-2.8px;line-height:1.04;margin:0 0 20px;max-width:620px}.hero h1 span{display:block;background:linear-gradient(90deg,#37d0ff,#657bff 65%,#a881ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:560px;color:#c7d4ed;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:28px;padding:13px 21px;font-weight:750;font-size:12px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0a67ff35}.primary{color:white;background:linear-gradient(105deg,#8a4cff,#087cff)}.outline{border:1px solid #7bcfff;color:white}.trust-row{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#c5d5ee}.trust-row span: first-letter{color:#55dfba}.hero-visual{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #3f91ff48;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:490px;height:280px}.orbit-two{width:420px;height:350px}.screen{position:relative;z-index:2;width:min(430px,90%);min-height:285px;background:#f9fbff;border:5px solid #243c6d;border-radius:18px;box-shadow:0 28px 55px #0008;transform:perspective(900px) rotateY(-7deg) rotateX(2deg);overflow:hidden;color:#17223d}.screen-top{height:39px;background:#fff;border-bottom:1px solid #e2e7f4;display:flex;align-items:center;gap:8px;padding:0 13px;font-size:10px}.mini-brand{background:#3859ff;color:#fff;border-radius:5px;padding:3px 6px;font-weight:900}.screen-dots{margin-left:auto;color:#7d8db1;font-size:8px}.screen-content{padding:25px 23px}.mini-label{font-size:8px;letter-spacing:1.5px;color:#6250ff;font-weight:800}.screen-content h2{font-size:25px;line-height:1.1;letter-spacing:-1px;margin:10px 0}.screen-content h2 em{font-style:normal;color:#286aff}.screen-line{height:5px;width:55%;background:#e3e9f7;border-radius:5px;margin:13px 0 20px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-cards div{background:white;border:1px solid #e4eafa;border-radius:9px;padding:12px 8px;display:flex;flex-direction:column;gap:7px;font-size:9px}.mock-cards b{color:#6250ff;font-size:17px}.chart{height:48px;margin-top:14px;border-bottom:1px solid #dfe7f6;display:flex;align-items:end;gap:8px}.chart i{display:block;flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#5f70ff,#37c9ff);height:45%}.chart i:nth-child(2){height:70%}.chart i:nth-child(3){height:56%}.chart i:nth-child(4){height:86%}.chart i:nth-child(5){height:64%}.chart i:nth-child(6){height:95%}.chart i:nth-child(7){height:75%}.chart i:nth-child(8){height:100%}.phone{position:absolute;z-index:3;left:2%;bottom:26px;width:115px;height:220px;background:#0a1730;border:4px solid #54709f;border-radius:24px;padding:25px 11px 12px;color:white;box-shadow:0 18px 32px #0007;transform:rotate(-7deg)}.phone-notch{position:absolute;top:8px;left:37px;width:34px;height:5px;border-radius:4px;background:#64789b}.phone-logo{width:26px;height:26px;display:grid;place-items:center;background:linear-gradient(130deg,#38cfff,#6250ff);border-radius:7px;font-weight:900}.phone-title{font-size:14px;line-height:1.25;margin-top:15px}.phone-title b{color:#6ad9ff}.phone-pill{height:8px;background:#334c7a;border-radius:6px;margin-top:12px}.phone-pill.short{width:65%}.phone-boxes{display:flex;gap:3px;margin-top:15px}.phone-boxes span{font-size:6px;padding:5px 4px;border-radius:4px;background:#283d75}.float-chip{position:absolute;z-index:4;background:#132b52;border:1px solid #4a77c4;border-radius:11px;padding:11px 13px;font-size:10px;font-weight:750;box-shadow:0 10px 30px #0003}.chip-a{right:0;top:75px}.chip-b{right:1%;bottom:48px}.section{padding:72px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading h2,.process h2{font-size:clamp(27px,3vw,36px);letter-spacing:-1.4px;line-height:1.15;margin:0}.section-heading>p{max-width:390px;color:var(--muted);font-size:13px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{border:1px solid var(--line);border-radius:15px;padding:23px 21px;background:white;box-shadow:0 7px 24px #102b5507;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#b9c9ff}.service-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:17px}.purple{background:#eee7ff;color:#7045ef}.blue{background:#e3f2ff;color:#087bf5}.pink{background:#ffe7ef;color:#e94377}.green{background:#ddf9ed;color:#079b69}.orange{background:#fff0db;color:#e18a13}.cyan{background:#dff9ff;color:#069dbb}.service-card h3{font-size:16px;margin:0 0 7px;letter-spacing:-.3px}.service-card p{font-size:12px;color:var(--muted);min-height:56px;margin:0 0 17px}.service-card a{font-size:11px;font-weight:800;color:#3b54ed}.apps-section{background:linear-gradient(115deg,#07152e,#102b59);color:white}.app-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.app-grid h2{font-size:clamp(30px,3.5vw,43px);line-height:1.12;letter-spacing:-1.8px;margin:0 0 17px}.app-grid h2 span{color:#65cfff}.light-muted{color:#b8c9e6;max-width:430px;font-size:14px;margin-bottom:25px}.app-list{display:grid;gap:10px}.app-item{display:flex;align-items:flex-start;gap:15px;padding:16px;background:#ffffff0b;border:1px solid #ffffff19;border-radius:13px}.app-item>span{flex:none;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#2a4c94;color:#78dfff;font-size:20px}.app-item h3{font-size:14px;margin:0 0 4px}.app-item p{font-size:11px;color:#b9c9e2;margin:0}.platforms{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.platform{min-height:135px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#fff;box-shadow:0 8px 22px #15294c08}.platform b{font-size:33px;line-height:1}.platform strong{font-size:12px}.platform small{font-size:10px;color:var(--muted)}.wp{color:#24609d}.joomla{color:#e58b23}.drupal{color:#1689d6}.custom{color:#6755f5}.shop{color:#0aa977}.hosting{background:linear-gradient(110deg,#f1f6ff,#fff)}.hosting-wrap{display:grid;grid-template-columns:1fr 340px;gap:50px;align-items:center}.hosting h2{font-size:clamp(28px,3vw,36px);letter-spacing:-1.2px;margin:0 0 12px}.hosting-wrap>div:first-child>p:not(.eyebrow){color:var(--muted);font-size:13px}.hosting-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:23px;font-size:12px;font-weight:650}.hosting-features span: first-letter{color:#0ca879}.hosting-price{background:#fff;border:1px solid #dfe8fa;border-radius:18px;padding:26px;box-shadow:0 15px 40px #133b7510}.hosting-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e8f2ff;color:#246cff;font-size:25px}.hosting-price p{font-size:11px;color:#64718b;margin:16px 0 2px}.hosting-price h3{font-size:21px;margin:0 0 10px;letter-spacing:-.5px}.hosting-price small{display:block;color:var(--muted);font-size:11px;margin-bottom:18px}.pricing{background:#fbfcff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:stretch}.price-card{position:relative;background:white;border:1px solid #e0e7f4;border-radius:17px;padding:25px;box-shadow:0 8px 30px #12264d06}.price-card.featured{border:2px solid #7354ff;box-shadow:0 12px 34px #694cff12}.popular{position:absolute;top:-12px;right:20px;background:linear-gradient(100deg,#8450ff,#3476ff);color:white;border-radius:20px;padding:5px 11px;font-size:9px;font-weight:800;letter-spacing:.5px}.plan-name{font-size:10px;font-weight:850;letter-spacing:2px;color:#6250f6;margin:0 0 8px}.price-card h3{font-size:20px;letter-spacing:-.5px;margin:0 0 5px}.plan-desc{font-size:11px;color:var(--muted);margin:0 0 18px}.price{font-size:35px;font-weight:850;letter-spacing:-1.5px;color:#111b34}.price span{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:600}.custom-price{font-size:26px;letter-spacing:-1px;margin:9px 0}.price-card ul{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:10px;font-size:11px;color:#485773}.price-card li:before{content:"✓";color:#08a879;font-weight:900;margin-right:9px}.price-button{width:100%;background:#edf1ff;color:#344de0;border-radius:10px;padding:12px}.featured .price-button{background:linear-gradient(100deg,#764aff,#147bff);color:white}.pricing-note{font-size:10px;color:#77839a;line-height:1.6;margin-top:17px}.process{padding:62px 0}.process h2{margin-bottom:30px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.steps>div{border-top:1px solid #dfe6f3;padding-top:16px}.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8edff;color:#4555e9;font-size:11px;margin-bottom:12px}.steps h3{font-size:14px;margin:0 0 5px}.steps p{font-size:11px;color:var(--muted);margin:0}.cta-section{background:linear-gradient(110deg,#5c35f3,#166bff);color:white;padding:50px 0}.cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-wrap h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1.4px;margin:0 0 8px}.cta-wrap p:not(.eyebrow){font-size:13px;color:#e1eaff;max-width:560px;margin:0}.whatsapp-large{background:#0cbd70;color:white;min-width:220px;flex-wrap:wrap;gap:8px;box-shadow:0 10px 28px #052d7433}.whatsapp-large span{font-size:25px}.whatsapp-large small{width:100%;font-weight:500;font-size:10px}footer{background:#06132b;color:#aebfdb;padding:25px 0}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{color:white;font-size:17px}.footer-brand .brand-mark{width:32px;height:32px;font-size:20px}.footer-brand small{font-size:7px}.footer-wrap p{font-size:10px;margin:0}.floating-wa{position:fixed;z-index:25;right:20px;bottom:20px;background:#10c875;color:white;border-radius:30px;padding:12px 17px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;box-shadow:0 8px 25px #043d2455}.floating-wa span{font-size:21px}.floating-wa:hover{background:#08ad63}
@media(max-width:900px){.nav{gap:14px}.hero-grid{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:46px}.hero-visual{transform:scale(.9);transform-origin:center}.service-grid{grid-template-columns:repeat(2,1fr)}.app-grid{gap:30px}.hosting-wrap{gap:25px}.price-card{padding:20px}.platforms{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.container{width:min(100% - 30px,520px)}.nav-wrap{height:67px}.brand{font-size:18px}.brand-mark{width:34px;height:34px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;padding:18px 20px 22px;background:#081832;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff18}.nav.open{display:flex}.nav a{padding:12px 6px}.nav .nav-cta{text-align:center;margin-top:8px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:45px 0 15px}.hero h1{font-size:clamp(39px,11vw,54px);letter-spacing:-2px}.hero-text{font-size:14px}.trust-row{gap:10px}.hero-visual{height:315px;transform:none;margin-bottom:15px}.screen{width:83%;min-height:245px}.screen-content{padding:17px}.screen-content h2{font-size:21px}.phone{width:94px;height:190px;left:0;bottom:22px;padding:24px 9px}.phone-title{font-size:12px}.chip-a{right:0;top:33px}.chip-b{right:0;bottom:18px}.float-chip{font-size:8px;padding:8px}.orbit-one{width:350px;height:230px}.orbit-two{width:300px;height:280px}.section{padding:52px 0}.section-heading{display:block}.section-heading>p{margin-top:12px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:17px 14px}.service-card h3{font-size:14px}.service-card p{font-size:11px;min-height:75px}.service-icon{width:38px;height:38px;margin-bottom:12px}.app-grid{grid-template-columns:1fr;gap:28px}.app-grid h2{font-size:35px}.platforms{grid-template-columns:repeat(2,1fr)}.platform:last-child{grid-column:span 2}.hosting-wrap{grid-template-columns:1fr;gap:25px}.hosting-features{gap:10px}.hosting-price{padding:22px}.price-grid{grid-template-columns:1fr;gap:22px}.price-card{padding:25px}.steps{grid-template-columns:1fr 1fr;gap:20px}.steps>div:last-child{grid-column:span 2}.cta-wrap{align-items:flex-start;flex-direction:column}.whatsapp-large{width:100%}.footer-wrap{flex-direction:column;align-items:flex-start;gap:14px}.floating-wa{right:12px;bottom:12px;padding:10px 13px}.floating-wa b{font-size:10px}}
@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service-card p{min-height:0}.hero-actions .button{padding:12px 16px}.trust-row{font-size:9px}}


/* Added photography */
.service-card{overflow:hidden;padding-top:0}
.service-photo{display:block;width:calc(100% + 42px);max-width:none;height:138px;object-fit:cover;margin:0 -21px 19px;border-radius:14px 14px 0 0;background:#e8eef8}
.service-card .service-icon{margin-top:0}
.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.photo-tile{position:relative;min-height:160px;border-radius:15px;overflow:hidden;background:#0b1d3c}
.photo-tile img{width:100%;height:100%;min-height:160px;object-fit:cover;display:block;position:absolute;inset:0;opacity:.88;transition:transform .3s}
.photo-tile:hover img{transform:scale(1.04)}
.photo-tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#06132be8)}
.photo-tile span{position:absolute;z-index:1;left:16px;bottom:13px;color:#fff;font-weight:800;font-size:13px}
.hero-visual{background-image:linear-gradient(90deg,#06132b00,#06132b00),url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1200&q=85');background-size:cover;background-position:center;border-radius:24px}
.hero-visual .screen,.hero-visual .phone,.hero-visual .float-chip{backdrop-filter:blur(8px)}
@media(max-width:680px){.service-photo{width:calc(100% + 28px);height:120px;margin-left:-14px;margin-right:-14px}.photo-strip{grid-template-columns:1fr;gap:10px}.photo-tile,.photo-tile img{min-height:140px}.hero-visual{background-size:cover}}