:root{--navy:#071d48;--deep:#061839;--blue:#0767eb;--cyan:#00bdf4;--text:#142d57;--muted:#70819b;--line:#e6edf8;--bg:#f6f9ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{width:min(1192px,calc(100% - 60px));margin:0 auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #eaf0f8}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.identity{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-symbol{width:40px;height:40px;position:relative;display:block;transform:rotate(-5deg)}.brand-symbol i{display:block;position:absolute;width:11px;height:11px;background:linear-gradient(145deg,#02b9f6,#0862e6);border-radius:2px}.brand-symbol i:nth-child(1){left:0;top:2px}.brand-symbol i:nth-child(2){left:14px;top:7px}.brand-symbol i:nth-child(3){left:28px;top:12px}.brand-symbol i:nth-child(4){left:6px;top:17px}.brand-symbol i:nth-child(5){left:20px;top:22px}.brand-symbol i:nth-child(6){left:13px;top:33px;width:8px;height:8px}.brand-name{display:flex;flex-direction:column;font-family:'Plus Jakarta Sans',sans-serif}.brand-name strong{font-size:18px;letter-spacing:-.7px;line-height:1.2;color:#051940;font-weight:800}.brand-name em{font-style:normal;color:#0876ee}.brand-name small{font-size:9px;letter-spacing:4.3px;color:#36577d;font-weight:700;margin-top:3px}.navigation{display:flex;gap:30px;align-items:center}.navigation a{font-size:13px;color:#546781;font-weight:700;transition:color .2s}.navigation a:hover{color:#0577ee}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:12px;font-weight:700;font-size:13px;transition:transform .22s,box-shadow .22s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(115deg,#0757dc,#0984f3);color:white;padding:15px 21px;box-shadow:0 9px 22px #0b6de82f}.button-large{padding:18px 25px;font-size:14px}.button-white{background:#fff;color:#1154c9;box-shadow:0 11px 24px #001b4f30}.button-outline{border:1px solid #7297cf8f;color:#e6f4ff;background:#ffffff0c}.menu-button{display:none;border:0;background:transparent;width:38px;padding:5px}.menu-button i{display:block;background:#123463;height:2px;margin:6px 0;border-radius:4px}.hero{background:#071f4b;position:relative;overflow:hidden;color:white}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 65% 43%,#1458a75b,transparent 50%),linear-gradient(135deg,#07183a 4%,#092959 66%,#08265c)}.hero-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(22px)}.glow-one{width:520px;height:520px;right:-160px;top:-150px;background:radial-gradient(circle,#0e86ef52,transparent 70%)}.glow-two{width:650px;height:650px;left:-390px;bottom:-390px;background:radial-gradient(circle,#06bcef30,transparent 70%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:45px;min-height:674px;padding:73px 0 88px}.pill{display:inline-flex;align-items:center;gap:10px;border-radius:99px;padding:10px 14px;background:#ffffff10;border:1px solid #a0ceff32;color:#9bcdfb;font-size:10px;font-weight:800;letter-spacing:1.35px}.pulse{width:7px;height:7px;border-radius:50%;background:#22d5b3;box-shadow:0 0 0 4px #26d2b21d}.hero h1{font-size:clamp(43px,4.3vw,61px);letter-spacing:-3.8px;line-height:1.16;margin:28px 0 24px;font-weight:800}.hero h1 span{display:inline;background:linear-gradient(115deg,#60b9ff,#6fe4ff);background-clip:text;color:transparent}.hero-copy>p{max-width:540px;color:#adbfdb;font-size:16px;line-height:1.95}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.hero-reassurance{display:flex;flex-wrap:wrap;gap:20px;margin-top:37px;color:#93afd4;font-size:11px}.hero-reassurance b{color:#6fe5e9;margin-right:5px}.hero-scene{position:relative;height:520px}.scene-orbit{border-radius:50%;border:1px dashed #598ac45d;position:absolute;inset:28px -5px 10px 10px;transform:rotate(18deg)}.scene-orbit-two{inset:80px 65px 62px 70px;transform:rotate(-25deg);border-color:#579cdc3c}.scene-desktop{position:absolute;z-index:2;left:0;top:91px;width:91%;height:315px;background:#fbfdff;border:6px solid #b7d8fc;border-radius:17px;overflow:hidden;box-shadow:0 35px 70px #000e2c82,0 0 0 1px #ffffff55;transform:perspective(900px) rotateY(-7deg) rotateX(3deg)}.desktop-top{height:33px;background:#eff5ff;border-bottom:1px solid #e0e9fa;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#385b87;font-size:8px;font-weight:800}.top-dots{display:flex;gap:4px}.top-dots i{height:6px;width:6px;background:#b9cde7;border-radius:50%}.top-dots i:first-child{background:#ffb8b0}.desktop-inner{display:flex;height:calc(100% - 33px)}.desktop-sidebar{width:46px;background:#103268;display:flex;align-items:center;flex-direction:column;gap:18px;padding:16px 0}.desktop-sidebar>div{color:#59c9ff}.desktop-sidebar i{height:9px;width:17px;background:#4673aa;border-radius:4px}.desktop-sidebar i:first-of-type{background:#90c6fc}.desktop-page{padding:19px 22px;flex:1;min-width:0;color:#1c3c6e;background:#fbfdff}.desktop-page small{font-size:7px;color:#8498b6;letter-spacing:1px;font-weight:800}.desktop-page h3{font-size:14px;margin:6px 0}.desktop-page p{font-size:8px;color:#9babc0;margin:0 0 16px}.scene-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-cards>div{border:1px solid #e2ebf7;background:#fff;border-radius:10px;padding:11px;display:grid;gap:4px}.scene-cards b{font-size:22px}.scene-cards span{font-size:8px;color:#7d90ae}.scene-cards em{font-style:normal;color:#19ad8d;font-size:8px}.scene-chart{height:80px;margin-top:14px;display:flex;align-items:flex-end;gap:12px;border-radius:8px;padding:8px 14px 0;background:repeating-linear-gradient(to top,#eaf1fa 0,#eaf1fa 1px,#fff 1px,#fff 25px)}.scene-chart div{flex:1;background:linear-gradient(#29b8f7,#2475f0);border-radius:5px 5px 0 0}.scene-chart div:nth-child(even){background:#b0d9ff}.scene-phone{position:absolute;z-index:4;right:-5px;bottom:25px;width:172px;height:315px;border:7px solid #071a3a;background:#fff;border-radius:29px;box-shadow:0 25px 35px #00143d88,0 0 0 2px #698fbd;transform:rotate(8deg);overflow:hidden}.phone-notch{position:absolute;z-index:1;top:0;left:50%;transform:translateX(-50%);height:16px;width:70px;background:#071a3a;border-radius:0 0 12px 12px}.phone-content{padding:29px 12px 12px;color:#142e5b}.phone-header{font-weight:800;color:#157bea;font-size:16px;display:flex;align-items:center;gap:5px}.phone-header span{font-size:9px;color:#263b61}.phone-header b{margin-left:auto;color:#9cb4d0}.phone-balance{background:linear-gradient(120deg,#0d63d8,#18b9ed);color:#fff;border-radius:13px;padding:15px 12px;margin-top:15px;min-height:127px}.phone-balance small{display:block;font-size:7px;color:#d2eaff}.phone-balance strong{display:block;margin:9px 0;font:800 17px/1.3 'Plus Jakarta Sans',sans-serif}.phone-balance>span{font-size:6px;background:#ffffff2d;border-radius:8px;padding:4px 6px}.phone-mini{display:flex;align-items:center;gap:9px;margin-top:8px;background:#f4f8ff;border-radius:9px;padding:8px;font-size:9px;color:#7187aa}.phone-mini i{font-size:17px;color:#1485e8}.phone-mini span{font-size:7px;line-height:1.5;flex:1}.phone-mini b{font-size:9px;color:#304d78}.scene-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #daeaff;border-radius:12px;box-shadow:0 15px 30px #000e3a4b;padding:11px 14px;color:#284264;animation:float 5s ease-in-out infinite}.scene-chip>span{width:33px;height:33px;display:grid;place-items:center;background:#e8f6ff;color:#0a84e9;border-radius:9px;font-size:18px}.scene-chip b,.scene-chip small{display:block}.scene-chip b{font-size:10px}.scene-chip small{font-size:8px;color:#9aa9ba;margin-top:3px}.chip-ai{left:-32px;top:36px}.chip-secure{right:26px;bottom:0;animation-delay:-2s}.chip-secure>span{background:#e4fbf1;color:#16b28c}.scene-spark{position:absolute;color:#35caff;font-size:42px}.sp1{right:24px;top:18px}.sp2{left:-26px;bottom:44px}.scene-note{position:absolute;bottom:-11px;left:35%;color:#83a7d4;font-size:9px}.intro-band{background:#f9fbff;border-bottom:1px solid #edf1f8}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:31px 0}.band-inner p{font-size:10px;letter-spacing:1.5px;line-height:1.8;color:#8899ae;margin:0;white-space:nowrap}.band-inner strong{color:#2b4c7a}.band-items{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px;color:#7185a3;font-weight:800;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px}.section{padding:105px 0}.eyebrow{display:inline-block;color:#0876e9;font-size:11px;letter-spacing:2px;font-weight:800}.section h2{font-size:clamp(37px,4vw,53px);line-height:1.2;letter-spacing:-2.7px;font-weight:800;color:#071e49;margin:17px 0 0}.gradient-text{background:linear-gradient(110deg,#075fdf,#08b7ef);background-clip:text;color:transparent}.section-head{margin-bottom:37px}.row-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.row-head>p{font-size:15px;color:#788ba4;line-height:1.85;max-width:440px;margin:0 0 5px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{min-height:374px;position:relative;overflow:hidden;border:1px solid #e6edf8;border-radius:20px;padding:27px;background:#fff;transition:transform .22s,box-shadow .22s}.service-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px #17478314}.service-top{display:flex;align-items:center;justify-content:space-between}.service-icon{width:47px;height:47px;background:#e8f2ff;border-radius:13px;color:#0c76ed;display:grid;place-items:center;font-size:24px}.service-index{color:#b4c1d2;font-size:10px;font-weight:800;letter-spacing:1px}.service-card h3{font-size:18px;letter-spacing:-.7px;margin:23px 0 12px}.service-card p{font-size:13px;color:#71819a;line-height:1.8;min-height:70px}.service-tags{display:flex;gap:6px;flex-wrap:wrap;position:relative;z-index:2}.service-tags span{background:#f0f5fd;color:#6383ad;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:700}.service-web{background:linear-gradient(#fff 65%,#f4f9ff)}.service-mobile{background:linear-gradient(#fff 65%,#f5f3ff)}.service-desktop{background:linear-gradient(#fff 65%,#f0fcfc)}.service-sites{background:linear-gradient(145deg,#fff,#f8faff)}.service-ai{background:linear-gradient(145deg,#fff,#f9f7ff)}.service-custom{background:linear-gradient(145deg,#fff,#f3fbff)}.service-mobile .service-icon,.service-ai .service-icon{color:#7964df;background:#f0ebff}.service-desktop .service-icon{color:#12ae9c;background:#e5faf6}.service-sites .service-icon{color:#ed9a40;background:#fff1e1}.service-custom .service-icon{color:#0a9cd4;background:#e5f7fc}.service-visual{position:absolute;bottom:-10px;right:26px;width:65%;height:95px;pointer-events:none}.visual-browser{background:white;border:5px solid #d7e7fd;border-radius:11px 11px 0 0;box-shadow:0 11px 25px #367cda25;transform:rotate(-8deg)}.browser-head{height:18px;border-bottom:1px solid #e3ebf7;display:flex;align-items:center;gap:3px;padding:0 7px}.browser-head i{width:4px;height:4px;border-radius:50%;background:#abc9f4}.browser-head span{font-size:6px;color:#96aac5;margin-left:18px}.browser-blocks{padding:9px;display:flex;gap:8px}.browser-blocks>b{height:50px;width:30%;background:linear-gradient(#dceaff,#edf5ff);border-radius:4px}.browser-blocks>div{flex:1}.browser-blocks>div i{height:9px;margin-bottom:7px;background:#dfecff;border-radius:3px;display:block}.browser-blocks>div i:nth-child(2){width:80%}.visual-phone{height:105px;display:flex;justify-content:center}.phone-outline{position:absolute;top:-17px;background:#f1efff;border:5px solid #a9a1ee;border-bottom:0;width:105px;height:145px;border-radius:17px 17px 0 0;padding:16px 9px}.phone-outline>span{font-size:18px;color:#9478e7}.phone-outline b{display:block;font-size:10px;line-height:1.4;margin:8px 0;color:#5349a8}.phone-outline>div{display:flex;gap:5px}.phone-outline i{background:#b8aaf4;width:30px;height:18px;border-radius:4px}.visual-desktop .window{border:5px solid #a9e5e3;border-bottom:0;background:#eefdfb;transform:rotate(-6deg);height:115px;border-radius:11px 11px 0 0;padding:9px}.window>div{font-size:8px;color:#74bdbc}.window span{display:block;font-size:10px;font-weight:800;color:#288d88;margin:11px 0}.window i{height:9px;background:#b5e8e4;display:block;border-radius:3px;margin-top:7px}.window i:last-child{width:70%}.abstract-decoration{position:absolute;right:22px;bottom:-18px;width:150px;height:140px;opacity:.9}.site-decoration>span:first-child{font-size:100px;color:#b9ddff;position:absolute;right:15px}.site-decoration>span:nth-child(2),.site-decoration>span:nth-child(3){position:absolute;width:70px;height:44px;border-radius:9px;background:#e1efff;bottom:20px;left:0;transform:rotate(-20deg)}.site-decoration>span:nth-child(3){left:45px;bottom:0;background:#a8d3ff;transform:rotate(10deg)}.ai-decoration span{font-size:130px;color:#d5caff;line-height:1}.ai-decoration i{position:absolute;top:0;left:-25px;font-style:normal;font-size:35px;color:#b4a5fd}.ai-decoration b{position:absolute;right:-3px;top:25px;color:#a091ea;font-size:28px}.custom-decoration span{position:absolute;font-size:100px;color:#d0edfa}.custom-decoration i{position:absolute;font-size:48px;color:#92d3f0;bottom:3px;right:1px}.custom-decoration b{position:absolute;font-size:40px;color:#8ed8f6;right:58px;top:3px}.service-note{text-align:center;color:#9daabc;font-size:11px;margin:23px 0 0}.spotlight-section{background:#f5f9ff;overflow:hidden}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.spotlight-copy>p{color:#778ba3;line-height:1.9;font-size:15px;margin:22px 0}.spotlight-copy>p strong{color:#1a5dba}.spotlight-copy ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:13px;color:#47658c;font-weight:700;font-size:13px}.spotlight-copy li span{background:#e2f6ef;color:#19aa85;border-radius:50%;padding:4px;margin-right:9px}.preview-note{display:block;color:#a1aec1;font-size:10px;margin-top:14px}.spotlight-art{height:415px;position:relative;display:grid;place-items:center}.spotlight-circle{position:absolute;width:420px;height:420px;background:radial-gradient(circle,#d4e9ff,#eaf4ff 65%,transparent 70%);border-radius:50%}.education-card{width:325px;min-height:300px;position:relative;z-index:2;background:#fff;border:1px solid #dfe9f7;border-radius:25px;padding:29px;box-shadow:0 28px 70px #185db028;transform:rotate(-5deg)}.edu-logo{width:39px;height:39px;border-radius:12px;background:linear-gradient(130deg,#1465ef,#05c1ef);color:white;display:grid;place-items:center;margin-bottom:15px}.education-card>span{font-size:11px;letter-spacing:1px;font-weight:800;color:#1684f0}.education-card>strong{display:block;font:800 27px/1.25 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.3px;color:#0c2f65;margin:12px 0 18px}.edu-rows{display:grid;gap:8px}.edu-rows>div{background:#f0f6ff;border-radius:8px;padding:10px;font-size:11px;font-weight:700;color:#41658d}.edu-rows i{font-style:normal;margin-right:10px;color:#1482ec}.edu-rows b{float:right;color:#3fa8e3}.edu-floating{position:absolute;z-index:3;right:-14px;bottom:20px;border-radius:15px;background:#082d6b;color:#fff;padding:15px 23px;box-shadow:0 15px 35px #194a9b44;font:800 30px 'Plus Jakarta Sans',sans-serif;transform:rotate(7deg)}.edu-floating>span{color:#40d7ff}.edu-floating small{display:block;font:600 9px 'DM Sans',sans-serif;color:#a2ccf5}.edu-spark{position:absolute;left:40px;top:5px;font-size:50px;color:#2cb9ec}.centered{text-align:center;max-width:660px;margin:0 auto 50px}.centered>p{font-size:15px;line-height:1.85;color:#7b8aa0;margin:22px auto 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.step{border:1px solid #e4ebf6;background:#fff;border-radius:19px;padding:24px;position:relative}.step:not(:last-child)::after{content:'→';position:absolute;right:-17px;top:78px;color:#81b9ed;font-size:23px;z-index:3}.step-no{font:800 11px 'Plus Jakarta Sans',sans-serif;color:#a9bcd4;letter-spacing:1px}.step-icon{width:58px;height:58px;background:#edf5ff;color:#1178eb;border-radius:18px;display:grid;place-items:center;font-size:26px;margin:22px 0}.step:nth-child(2) .step-icon{background:#f2efff;color:#8164e8}.step:nth-child(3) .step-icon{background:#e6faf3;color:#1aae92}.step:nth-child(4) .step-icon{background:#fff4e7;color:#ee9d48}.step h3{font-size:17px;letter-spacing:-.6px;margin-bottom:10px}.step p{font-size:13px;line-height:1.8;color:#7d8ea4;margin-bottom:0}.about-section{background:#fcfdff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-visual{height:425px;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,#edf6ff,#f5faff);border-radius:26px;overflow:hidden}.values-halo{position:absolute;border:1px dashed #96c7f3;border-radius:50%;width:350px;height:350px}.values-halo::after{content:'';position:absolute;border:1px solid #d3e8fc;border-radius:50%;inset:45px}.values-orb{height:240px;width:240px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:linear-gradient(140deg,#0a57d2,#0b8fec);box-shadow:0 25px 50px #0a5dc550;border-radius:50%;color:#fff;text-align:center;position:relative;z-index:2}.values-orb>span{font-size:56px;color:#73d8ff}.values-orb strong{font:800 25px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-1px}.values-orb em{font-style:normal;color:#92eaff}.values-float{position:absolute;z-index:3;background:#fff;border:1px solid #dae8f8;border-radius:9px;padding:11px 15px;color:#306198;font-size:11px;font-weight:800;box-shadow:0 10px 20px #2b75bb17}.vf-one{top:63px;left:20px;transform:rotate(-10deg)}.vf-two{right:16px;bottom:61px;transform:rotate(7deg)}.about-copy>p{font-size:15px;line-height:1.9;color:#76869e;margin-top:22px}.value-points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:27px}.value-points>div{border-top:1px solid #dbe6f4;padding-top:15px;display:grid;gap:7px}.value-points span{font-size:24px;color:#1689ec}.value-points strong{font-size:14px}.value-points small{font-size:11px;line-height:1.7;color:#8998ad}.faq-section{background:#f8fbff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-grid>div:first-child>p{font-size:15px;color:#7d8da4;line-height:1.8;margin-top:22px}.faq-list details{border-bottom:1px solid #dce6f4}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:14px;font-weight:800;cursor:pointer;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#107be9;background:#e6f2ff;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:21px;flex-shrink:0}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.9;color:#7588a1;margin:0;padding:0 40px 20px 0}.contact-section{padding:80px 0;background:#fff}.contact-panel{border-radius:29px;background:linear-gradient(110deg,#051d4b,#0757cc 66%,#087de4);position:relative;overflow:hidden;min-height:392px;color:#fff;padding:64px 70px}.contact-light{position:absolute;width:660px;height:500px;background:radial-gradient(circle,#2aa9fc63,transparent 65%);right:-170px;top:-210px}.contact-content{position:relative;z-index:2;max-width:650px}.contact-overline{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#a6dbff}.contact-content h2{font-size:clamp(40px,4.4vw,59px);line-height:1.2;letter-spacing:-3px;margin:18px 0;font-weight:800}.contact-content h2 em{color:#77e0ff;font-style:normal}.contact-content p{font-size:15px;line-height:1.7;color:#bdd6fb}.contact-buttons{display:flex;align-items:center;gap:26px;margin-top:26px}.contact-link{font-size:13px;font-weight:800;color:#bce8ff}.contact-decoration{position:absolute;right:58px;top:45px;display:grid;grid-template-columns:repeat(3,70px);gap:10px;transform:rotate(-12deg);opacity:.24}.contact-decoration span{font:800 66px 'Plus Jakarta Sans',sans-serif;color:white}.contact-decoration i{position:absolute;font-style:normal;font-size:190px;color:#79dfff;top:65px;right:-15px}.footer{background:#f9fbff;border-top:1px solid #e9eff7}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding:60px 0 40px}.footer-top>div:first-child>p{font-size:13px;line-height:1.8;color:#8292a9;margin:20px 0 8px}.official-logo{width:152px;height:95px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.footer-links{display:flex;flex-direction:column;gap:14px;font-size:13px;color:#8190a6}.footer-links strong{font-size:13px;color:#18345d;margin-bottom:8px}.footer-links a:hover{color:#0b73e7}.footer-bottom{border-top:1px solid #e0e9f4;display:flex;justify-content:space-between;padding:23px 0 29px;font-size:11px;color:#9ba9bb}@keyframes float{50%{transform:translateY(-9px)}}
@media(max-width:1100px){.navigation{gap:16px}.navigation a{font-size:11px}.hero-grid{gap:10px}.hero h1{font-size:50px}.scene-desktop{width:95%}.scene-phone{right:-8px}.band-items{gap:13px;font-size:11px}.about-grid{gap:40px}}
@media(max-width:820px){.container{width:min(100% - 36px,650px)}.header-inner{height:74px}.header-cta{display:none}.menu-button{display:block}.navigation{display:none;position:absolute;left:0;right:0;top:74px;background:white;box-shadow:0 14px 30px #0d3e821c;padding:24px 28px;flex-direction:column;align-items:flex-start;gap:22px}.navigation.open{display:flex}.navigation a{font-size:15px}.hero-grid{grid-template-columns:1fr;padding:68px 0 70px}.hero h1{font-size:clamp(44px,7vw,62px)}.hero-scene{height:490px;width:min(100%,600px);margin:0 auto}.band-inner{flex-direction:column;align-items:flex-start;gap:21px}.band-items{justify-content:flex-start;gap:16px 25px}.row-head{display:block}.row-head>p{max-width:650px;margin-top:20px}.services-grid{grid-template-columns:repeat(2,1fr)}.spotlight-grid,.about-grid,.faq-grid{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2)::after{display:none}.section{padding:75px 0}.about-visual{max-width:500px;width:100%;margin:auto}.contact-decoration{opacity:.11}.footer-top{gap:30px}}
@media(max-width:550px){.container{width:calc(100% - 34px)}.brand-name strong{font-size:15px}.brand-name small{font-size:7px;letter-spacing:3.8px}.brand-symbol{transform:scale(.83) rotate(-5deg);margin-right:-6px}.hero-grid{padding:50px 0 65px}.pill{font-size:8px;letter-spacing:.7px}.hero h1{font-size:43px;letter-spacing:-2.7px}.hero-copy>p{font-size:14px}.hero-actions{gap:9px}.hero-actions .button{font-size:12px;padding:14px 15px;gap:10px}.hero-reassurance{gap:12px;font-size:10px}.hero-scene{height:355px;margin:7px 0 0}.scene-desktop{top:49px;height:238px;width:94%;border-width:4px;border-radius:10px}.desktop-top{height:24px}.desktop-inner{height:calc(100% - 24px)}.desktop-sidebar{width:31px;gap:12px;padding:11px 0}.desktop-sidebar i{width:12px;height:7px}.desktop-page{padding:12px}.desktop-page h3{font-size:10px}.desktop-page p{font-size:6px;margin-bottom:10px}.scene-cards{gap:6px}.scene-cards>div{padding:7px}.scene-cards b{font-size:16px}.scene-chart{height:59px;gap:5px;margin-top:10px}.scene-phone{width:120px;height:228px;border-width:5px;border-radius:22px;bottom:16px;right:-7px}.phone-notch{height:11px;width:50px}.phone-content{padding:20px 7px 7px}.phone-header{font-size:11px}.phone-header span{font-size:7px}.phone-balance{min-height:91px;padding:9px;margin-top:10px;border-radius:9px}.phone-balance strong{font-size:12px;margin:7px 0}.phone-balance small,.phone-balance>span{font-size:5px}.phone-mini{margin-top:6px;padding:5px;font-size:6px;gap:5px}.phone-mini i{font-size:12px}.phone-mini span,.phone-mini b{font-size:6px}.scene-chip{padding:6px 7px;gap:5px;border-radius:8px}.scene-chip>span{width:24px;height:24px;font-size:12px}.scene-chip b{font-size:8px}.scene-chip small{font-size:6px}.chip-ai{top:13px;left:-6px}.chip-secure{right:10px;bottom:0}.scene-note{font-size:7px;bottom:-8px;left:23%}.scene-spark{font-size:24px}.section h2{font-size:37px;letter-spacing:-2px}.services-grid{grid-template-columns:1fr}.service-card{min-height:360px}.service-card p{min-height:0}.spotlight-art{height:345px}.spotlight-circle{width:300px;height:300px}.education-card{width:260px;min-height:260px;padding:21px}.education-card>strong{font-size:22px}.edu-floating{right:-4px;font-size:21px}.steps{grid-template-columns:1fr}.step:after{display:none!important}.about-visual{height:330px}.values-halo{height:275px;width:275px}.values-orb{height:195px;width:195px}.values-orb strong{font-size:21px}.values-orb>span{font-size:41px}.vf-one{top:30px;left:5px}.vf-two{bottom:30px;right:3px}.value-points{grid-template-columns:1fr}.contact-section{padding:50px 0}.contact-panel{padding:54px 23px;min-height:0;border-radius:22px}.contact-content h2{font-size:42px;letter-spacing:-2px}.contact-buttons{align-items:flex-start;flex-direction:column;gap:20px}.contact-buttons .button{font-size:12px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;align-items:center;gap:10px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.mobile-showcase{display:none}
@media(max-width:820px){
 .section-head>p,.centered>p,.spotlight-copy>p,.about-copy>p,.faq-grid>div:first-child>p{font-size:16px;line-height:1.85}
 .service-card p,.step p,.faq-list details p{font-size:15px;line-height:1.75}
 .service-tags span{font-size:12px;padding:7px 10px}
 .service-card h3{font-size:20px}
 .step h3{font-size:19px}
 .step-no,.service-index{font-size:12px}
 .value-points small{font-size:14px}
 .faq-list summary{font-size:16px;line-height:1.55}
 .footer-links,.footer-top>div:first-child>p{font-size:15px}
 .footer-bottom{font-size:13px}
 .service-note,.preview-note{font-size:12px;line-height:1.6}
}
@media(max-width:550px){
 .hero-copy>p{font-size:16px;line-height:1.8}
 .hero-actions .button{font-size:14px;padding:16px 18px}
 .hero-reassurance{font-size:12px;line-height:1.6;gap:9px 15px}
 .hero-scene{height:auto;min-height:305px;margin-top:20px;display:flex;align-items:center;justify-content:center}
 .hero-scene .scene-desktop,.hero-scene .scene-phone,.hero-scene .scene-chip,.hero-scene .scene-orbit,.hero-scene .scene-spark,.hero-scene .scene-note{display:none}
 .mobile-showcase{display:block;position:relative;width:100%;background:#fff;border:1px solid #c6ddfa;box-shadow:0 20px 45px #000c2c65;border-radius:23px;padding:21px;color:#193766}
 .mobile-showcase-head{display:flex;align-items:center;gap:13px;padding-bottom:19px;border-bottom:1px solid #e3ecf9}
 .mobile-showcase-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#0771e9,#0ed0f5);color:white;font-size:28px;flex-shrink:0}
 .mobile-showcase-head strong,.mobile-showcase-head small{display:block}
 .mobile-showcase-head strong{font:800 17px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.5px}
 .mobile-showcase-head small{font-size:13px;color:#748eaf;margin-top:4px}
 .mobile-showcase-services{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:19px 0}
 .mobile-showcase-services div{min-height:92px;display:flex;flex-direction:column;justify-content:center;gap:8px;background:#f0f6ff;border:1px solid #e1ecfb;border-radius:13px;padding:14px}
 .mobile-showcase-services span{color:#0879e9;font-size:25px;line-height:1}
 .mobile-showcase-services strong{font-size:14px}
 .mobile-showcase-foot{border-top:1px solid #e3ecf9;padding-top:15px;display:flex;gap:9px;align-items:center;color:#5c7293;font-size:13px;font-weight:700}
 .mobile-showcase-foot b{margin-left:auto;color:#087beb}
 .status-dot{width:8px;height:8px;border-radius:50%;background:#1fbd9c;flex-shrink:0}
 .band-inner p{font-size:12px}
 .band-items{font-size:13px;line-height:1.7}
 .service-card{min-height:390px}
 .service-card p{font-size:15px}
 .service-icon{width:51px;height:51px}
 .spotlight-copy ul{font-size:14px;line-height:1.6}
 .about-copy>p,.contact-content p{font-size:16px}
 .contact-link{font-size:14px}
 .contact-buttons .button{font-size:14px}
 .value-points{gap:14px}
 .value-points strong{font-size:16px}
 .faq-list details p{padding-right:9px}
}

/* Distinct product stories: cloud SaaS and offline-first desktop. */
.products-section{background:linear-gradient(180deg,#f5f9ff 0%,#fff 100%)}
.products-heading{max-width:730px;margin-bottom:43px}
.products-heading>p{max-width:610px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:stretch}
.product-card{background:#fff;border:1px solid #dfebf9;border-radius:26px;box-shadow:0 20px 65px rgba(20,65,130,.075);padding:32px;min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden}
.product-card:before{content:'';position:absolute;height:220px;width:220px;border-radius:50%;background:#d7ebff45;right:-90px;top:-100px;pointer-events:none}
.product-desktop:before{background:#d6f8ee60}
.product-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;position:relative}
.product-logo-badge{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:25px;background:linear-gradient(130deg,#1265e9,#11c1f0);box-shadow:0 10px 21px #156fe42c}
.product-desktop .product-logo-badge{background:linear-gradient(130deg,#08356f,#08a5b8)}
.product-status{border-radius:30px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:800;white-space:nowrap}
.product-status i{width:7px;height:7px;border-radius:50%;display:block;background:currentColor}
.status-roadmap{background:#eaf4ff;color:#2877d2}.status-ready{background:#e5f8ee;color:#178b6a}
.product-name{font:800 26px 'Plus Jakarta Sans',sans-serif;letter-spacing:-1.25px;color:#09285b}.product-name span{color:#0877e9}.product-desktop .product-name span{color:#087d94}
.product-type{font-size:11px;letter-spacing:1.75px;font-weight:800;color:#8ba3c0;margin:6px 0 19px}
.product-card h3{font-size:24px;line-height:1.35;letter-spacing:-1px;margin:0 0 12px;color:#0a2755}
.product-description{color:#72849d;font-size:14px;line-height:1.85;min-height:105px;margin-bottom:19px}
.product-visual{height:224px;position:relative;border-radius:17px;margin:0 0 23px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.saas-visual{background:radial-gradient(circle at 65% 20%,#d3ebff,#edf7ff 65%)}
.desktop-visual{background:radial-gradient(circle at 65% 20%,#c6eee9,#ecfaf7 65%)}
.saas-window,.desktop-window{height:165px;width:77%;background:#fff;box-shadow:0 19px 32px #1c67a42c;border:5px solid #fff;border-radius:12px;overflow:hidden;transform:rotate(-4deg)}
.desktop-window{width:82%;transform:rotate(3deg)}
.visual-toolbar{height:27px;background:#eff5ff;border-bottom:1px solid #e0eafa;display:flex;align-items:center;gap:16px;padding:0 12px;font-size:8px;color:#93a7c3}
.visual-toolbar span{color:#8daee0;letter-spacing:2px}.visual-toolbar b{font-weight:800;color:#54749e}
.saas-window-content{display:flex;height:calc(100% - 27px)}.saas-sidebar{width:34px;background:#103d83;display:flex;align-items:center;flex-direction:column;gap:13px;color:#67baff;font-size:19px;padding-top:12px}.saas-sidebar i{background:#5083c5;height:8px;width:15px;border-radius:3px}
.saas-dash{padding:14px;flex:1;min-width:0}.saas-dash>strong,.desktop-summary>strong{font-size:10px;color:#25446d}.saas-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.saas-metrics span{font-size:7px;color:#6e85a5;border:1px solid #e4ecf7;background:#f9fbff;border-radius:5px;padding:7px}.saas-metrics b{display:block;color:#1f81e2;font-size:14px;margin-top:4px}
.saas-bars{display:flex;gap:7px;align-items:flex-end;height:49px;margin-top:12px}.saas-bars i{flex:1;border-radius:4px 4px 0 0;background:#a8d2ff;height:40%}.saas-bars i:nth-child(2){height:72%;background:#2488ef}.saas-bars i:nth-child(3){height:61%}.saas-bars i:nth-child(4){height:88%;background:#20b6f2}.saas-bars i:nth-child(5){height:76%}
.visual-floating{position:absolute;bottom:14px;right:19px;background:#fff;padding:9px 12px;border-radius:9px;box-shadow:0 9px 21px #1b5c9e26;font-size:10px;font-weight:800;color:#1274d3}
.desktop-window-inner{display:flex;height:calc(100% - 27px)}.desktop-menu{width:36%;background:#102d5c;padding:12px;display:flex;flex-direction:column;gap:12px;color:#bdd7f1;font-size:8px}.desktop-menu strong{color:#44d4e2;font-size:16px}.desktop-summary{flex:1;padding:13px;min-width:0}.desktop-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.desktop-stats span{border-radius:7px;background:#ebf7f5;padding:10px;font-size:7px;color:#82a19c}.desktop-stats b{display:block;font-size:10px;color:#287b76;margin-bottom:5px}.desktop-list{display:grid;gap:6px;margin-top:12px}.desktop-list i{height:8px;border-radius:5px;background:#d3e7e6}.desktop-list i:nth-child(2){width:80%}.desktop-list i:nth-child(3){width:92%}.desktop-floating{color:#138d82}
.product-card h4{font:800 13px 'Plus Jakarta Sans',sans-serif;color:#315178;margin:0 0 13px}
.product-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:25px}.product-feature-list span{position:relative;border-radius:9px;background:#f2f7ff;padding:10px 10px 10px 25px;color:#506c90;font-size:12px;font-weight:700;line-height:1.45}.product-feature-list span:before{content:'✓';position:absolute;left:10px;color:#1489e8}.product-desktop .product-feature-list span{background:#eef9f6}.product-desktop .product-feature-list span:before{color:#15a98b}
.product-bottom{border-top:1px solid #e5ecf5;padding-top:22px;margin-top:auto;display:flex;align-items:flex-start;flex-direction:column;gap:12px}.product-bottom small{font-size:11px;line-height:1.6;color:#91a0b4}.button-desktop{background:linear-gradient(115deg,#0c396e,#07899e);color:white;padding:15px 21px;box-shadow:0 9px 22px #0c657a26}
.product-clarity{display:flex;align-items:flex-start;gap:14px;margin-top:25px;padding:17px 20px;border:1px solid #dceaf8;border-radius:14px;background:#f6faff}.product-clarity>span{font-size:25px;color:#248ce7}.product-clarity p{margin:0;font-size:13px;line-height:1.8;color:#70849d}.product-clarity strong{color:#183c6e}
@media(max-width:820px){.product-grid{grid-template-columns:1fr;max-width:630px;margin:0 auto}.product-card{padding:27px}.product-description{min-height:0;font-size:15px}.product-card h3{font-size:24px}.product-feature-list span{font-size:14px}.product-clarity{max-width:630px;margin:23px auto 0}}
@media(max-width:550px){.products-heading{margin-bottom:30px}.product-card{padding:22px;border-radius:20px}.product-name{font-size:24px}.product-card h3{font-size:22px}.product-description{font-size:15px}.product-visual{height:205px}.saas-window{width:90%}.desktop-window{width:94%}.product-feature-list{gap:8px}.product-feature-list span{font-size:12px;padding:11px 7px 11px 23px}.product-status{font-size:10px;padding:8px}.product-bottom .button{width:100%;font-size:14px;white-space:normal;justify-content:space-between}.product-clarity p{font-size:13px}}

/* Premium product showcase finishing layer */
.products-section{position:relative;isolation:isolate;background:radial-gradient(ellipse 45% 31% at 5% 36%,#e5f1ff 0%,transparent 100%),radial-gradient(ellipse 42% 33% at 98% 68%,#def9f2 0%,transparent 100%),linear-gradient(180deg,#f7faff,#fff 93%)}
.products-section:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#95bde629 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(180deg,transparent 6%,#000 35%,transparent 90%)}
.products-heading .eyebrow{background:#e7f2ff;border:1px solid #d4e8ff;padding:9px 16px;border-radius:50px}
.product-grid{gap:26px;align-items:stretch}
.product-card{border:1px solid #dce9fa;box-shadow:0 14px 42px #133f7a13,0 40px 90px #0f4f9b09;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.product-card:after{content:'';height:4px;position:absolute;left:27px;right:27px;top:0;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#1266ef,#08c7f2)}
.product-desktop:after{background:linear-gradient(90deg,#082f6a,#17b7a6)}
.product-card:hover{transform:translateY(-8px);border-color:#b6d8ff;box-shadow:0 22px 50px #1558a21e,0 50px 100px #1354a111}
.product-desktop:hover{border-color:#a4ded7}
.product-logo-badge{width:54px;height:54px;border-radius:16px;font-size:29px}
.product-card h3{font-size:25px;line-height:1.35}
.product-name{font-size:29px}
.product-status{box-shadow:0 5px 14px #1777df12}
.product-visual{height:255px;border:1px solid #d6eafa;box-shadow:inset 0 1px 0 #fff9;transition:transform .3s ease}
.product-card:hover .product-visual{transform:translateY(-3px)}
.desktop-visual{border-color:#c8e9e2}
.saas-window,.desktop-window{height:187px;box-shadow:0 22px 44px #175ba137}
.visual-floating{bottom:18px;right:16px;font-size:11px;padding:11px 14px;border:1px solid #e6f1ff}
.product-feature-list span{border:1px solid #e4eefc;background:linear-gradient(135deg,#f8fbff,#edf5ff);transition:background .2s}
.product-desktop .product-feature-list span{background:linear-gradient(135deg,#f7fdfb,#eaf8f3);border-color:#dfefe9}
.product-bottom .button{min-height:47px}
.product-clarity{background:#f6faff;border:1px solid #dceaf9;box-shadow:0 7px 22px #1c68b70b}
@media(max-width:820px){.product-card:hover{transform:none}.product-visual{height:245px}.product-name{font-size:28px}}
@media(max-width:550px){.product-card{padding:22px}.product-card:after{left:22px;right:22px}.product-name{font-size:24px}.product-card h3{font-size:22px}.product-visual{height:218px}.saas-window,.desktop-window{height:163px}.visual-floating{padding:8px 10px;font-size:9px}.products-heading .eyebrow{font-size:10px}}