@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{
 --orange:#ff5a00;--orange2:#ff7c27;--ink:#0e151f;--muted:#6b7480;--line:#e7ebef;
 --soft:#f7f8fa;--white:#fff;--dark:#0c121a;--shadow:0 24px 70px rgba(18,28,42,.12);
 --radius:24px;--container:min(1180px,92vw);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}
body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:var(--container);margin:auto}
.nav{position:fixed;top:0;left:0;right:0;height:78px;z-index:50;transition:.3s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(12,18,26,.92);backdrop-filter:blur(18px);border-color:#ffffff12}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:11px;align-items:center;color:#fff;font-family:"Space Grotesk";font-weight:700;letter-spacing:-.03em}
.brand img{width:39px;height:39px}.brand small{display:block;font:600 9px "DM Sans";letter-spacing:.12em;color:#ff9b66;margin-top:-2px}
.navlinks{display:flex;gap:28px;color:#dfe4ea;font-size:13px;font-weight:600}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--orange);transition:.25s}.navlinks a:hover:after,.navlinks a.active:after{right:0}
.nav-actions{display:flex;gap:10px}.icon-btn{display:none;border:0;background:#ffffff12;color:#fff;width:42px;height:42px;border-radius:12px}
.hero{min-height:800px;padding:170px 0 100px;background:radial-gradient(circle at 79% 32%,#ffe9db 0,transparent 26%),linear-gradient(135deg,#fff 48%,#fff7f1)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.eyebrow{color:var(--orange);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}
h1,h2,h3{font-family:"Space Grotesk",sans-serif}h1{font-size:clamp(48px,6.2vw,78px);line-height:.98;letter-spacing:-.06em;margin:18px 0 25px}h2{font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.05em;margin:12px 0 18px}h3{letter-spacing:-.025em}
.orange{color:var(--orange)}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:620px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{border:1px solid var(--line);padding:14px 19px;border-radius:13px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:9px;transition:.2s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 14px 30px #ff5a0030}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.hero-meta{display:flex;gap:25px;margin-top:34px;color:var(--muted);font-size:12px}.hero-meta b{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}
.hero-art{position:relative;min-height:560px}.hero-art .orb{position:absolute;width:420px;height:420px;background:#ff5a0010;border-radius:50%;right:30px;top:65px}.hero-phone{position:absolute;width:275px;filter:drop-shadow(0 35px 40px rgba(16,23,34,.2));transition:.5s}.hero-phone.a{right:170px;top:0;transform:rotate(-6deg)}.hero-phone.b{right:0;top:95px;transform:rotate(7deg)}.hero-phone:hover{transform:translateY(-10px) rotate(0)}
.float-card{position:absolute;background:#fff;border:1px solid #fff;box-shadow:var(--shadow);border-radius:17px;padding:14px 16px;font-size:11px;z-index:2}.float-card b{display:block;font-size:18px}.fc1{left:0;bottom:110px}.fc2{right:30px;bottom:25px}.dot{display:inline-block;width:7px;height:7px;background:#28aa69;border-radius:50%;margin-right:6px}
section{padding:110px 0}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.section-top>div:first-child{max-width:690px}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.75}
.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-visual{background:var(--dark);border-radius:30px;min-height:410px;padding:38px;color:#fff;position:relative;overflow:hidden}.about-visual:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:linear-gradient(135deg,#ff5a00,#ff9c58);right:-150px;bottom:-170px}.about-visual .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:absolute;left:38px;right:38px;bottom:38px}.stat{padding:18px;background:#ffffff0e;border:1px solid #ffffff14;border-radius:17px;backdrop-filter:blur(8px)}.stat b{font:700 27px "Space Grotesk";display:block}.checklist{display:grid;gap:17px;margin-top:30px}.check{display:flex;gap:12px;align-items:flex-start}.check i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;background:#fff0e6;color:var(--orange);font-weight:800}
.feature-section{background:var(--soft)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;transition:.25s}.feature:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature img{width:48px;height:48px}.feature h3{font-size:17px;margin:17px 0 7px}.feature p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.screen-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;text-align:center;overflow:hidden;box-shadow:0 10px 35px rgba(20,30,45,.05)}.screen-card img{width:min(100%,290px);display:block;margin:0 auto 18px;filter:drop-shadow(0 25px 25px rgba(18,28,42,.15))}.screen-card h3{margin:5px 0}.screen-card p{margin:0;color:var(--muted);font-size:13px}
.process{background:var(--dark);color:#fff}.process .muted{color:#aeb7c2}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{border-top:1px solid #ffffff20;padding-top:20px}.step .num{font:700 45px "Space Grotesk";color:#ff8c4a}.step h3{margin:18px 0 8px;font-size:19px}.step p{color:#aeb7c2;font-size:13px;line-height:1.7}
.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.chip{border:1px solid var(--line);padding:12px 16px;border-radius:12px;font-size:13px;font-weight:700;background:#fff}.role-list{display:grid;gap:12px;margin-top:25px}.role{padding:16px 18px;border:1px solid var(--line);border-radius:15px;display:flex;justify-content:space-between;font-size:13px}.role span{color:var(--muted)}
.cta{padding:0 0 110px}.cta-box{border-radius:30px;background:linear-gradient(120deg,#ff5a00,#ff7b27);color:#fff;padding:65px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:70px solid #ffffff10;right:-100px;top:-150px}.cta-box h2{max-width:680px}.cta-box p{color:#ffe8da}.cta-box .btn{background:#fff;color:var(--orange);border-color:#fff;position:relative;z-index:1}
footer{background:var(--dark);color:#8e99a6;padding:32px 0;font-size:12px}.footer{display:flex;justify-content:space-between;gap:20px}.footer b{color:#fff}
.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
#modal{position:fixed;inset:0;background:#08101acc;backdrop-filter:blur(8px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}#modal.open{display:flex}.modal-card{background:#fff;border-radius:25px;max-width:920px;width:100%;max-height:90vh;overflow:auto;padding:28px;position:relative}.modal-close{position:absolute;right:18px;top:15px;border:0;background:#f1f3f5;width:38px;height:38px;border-radius:50%;font-size:20px}.modal-img{width:100%;border-radius:18px;margin-top:15px}
@media(max-width:950px){.navlinks{display:none}.icon-btn{display:block}.hero-grid,.about,.tech-grid{grid-template-columns:1fr}.hero{padding-top:135px}.hero-art{margin-top:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){section{padding:75px 0}.hero{min-height:auto;padding-bottom:70px}.hero-art{min-height:460px;transform:scale(.82);transform-origin:top center;margin-bottom:-70px}.hero-phone.a{right:120px}.hero-phone.b{right:-10px}.fc1{left:-5px}.fc2{right:0}.hero-meta{gap:15px;flex-wrap:wrap}.section-top{display:block}.feature-grid,.gallery,.process-grid{grid-template-columns:1fr 1fr}.feature{padding:18px}.gallery{gap:12px}.screen-card{padding:12px}.cta-box{padding:40px 25px;display:block}.footer{display:block}.footer div+div{margin-top:10px}}
@media(max-width:430px){.feature-grid,.gallery,.process-grid{grid-template-columns:1fr}.hero-art{transform:scale(.72);margin-left:-40px;margin-right:-40px}.hero-phone.a{right:95px}.hero-phone.b{right:-5px}}