:root{--orange:#f97316;--orange-light:#fb923c;--black:#111;--white:#fff;--gray:#a3a3a3;--background:#f8f8f8}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Inter,sans-serif;color:#fff;background:#111;line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1160px,90%);margin:0 auto}.header{position:sticky;top:0;z-index:1000;background:#111f;border-bottom:1px solid #ffffff12;backdrop-filter:blur(15px)}.navbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:800;white-space:nowrap}.logo strong{color:var(--orange)}.logo-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--orange);color:#111;font-weight:900}.nav-links{display:flex;align-items:center;gap:25px;list-style:none}.nav-links a:not(.btn){color:#d4d4d4;font-size:13px;font-weight:600}.nav-links a:not(.btn):hover{color:var(--orange)}.menu-toggle{display:none;border:0;background:transparent;color:white;font-size:28px;cursor:pointer}.btn{min-height:46px;padding:12px 19px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:#111}.btn-primary:hover{background:var(--orange-light)}.btn-outline{border:1px solid #ffffff35;color:white;background:transparent}.btn-outline:hover{border-color:var(--orange);color:var(--orange-light)}
.hero{padding:105px 0 90px;overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#f973161c,transparent 35%),linear-gradient(135deg,#111,#171717)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.badge{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid #f9731645;border-radius:50px;color:#fed7aa;background:#f973160c;font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}.hero h1{margin:25px 0 20px;max-width:700px;font-size:clamp(37px,4.5vw,60px);line-height:1.12;letter-spacing:-2.5px}.hero h1 span,.section-heading h2 span,.about-content h2 span,.contact-box h2 span{color:var(--orange)}.hero-content>p{max-width:600px;color:#b8b8b8;font-size:15px;line-height:1.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-stats{display:flex;gap:35px;margin-top:43px;padding-top:24px;border-top:1px solid #ffffff18}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:15px}.hero-stats span{color:var(--gray);font-size:11px}.hero-visual{min-height:380px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:#f973161b;filter:blur(60px)}.code-card{position:relative;width:min(100%,410px);border:1px solid #ffffff20;border-radius:17px;overflow:hidden;background:#191919;box-shadow:0 30px 80px #00000070;transform:rotate(-2deg)}.code-header{display:flex;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid #ffffff12;color:#a3a3a3;font-size:12px}.window-dots{display:flex;gap:5px}.window-dots span{width:8px;height:8px;border-radius:50%;background:var(--orange)}.window-dots span:nth-child(2){background:#eab308}.window-dots span:nth-child(3){background:#22c55e}.code-content{padding:30px 24px;color:#e5e5e5;font-family:monospace;font-size:13px;line-height:2.2}.indent{padding-left:22px}.indent2{padding-left:44px}.code-purple{color:#c4b5fd}.code-orange{color:#fb923c}.code-green{color:#86efac}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #ffffff20;border-radius:12px;background:#222222f2;box-shadow:0 15px 35px #00000040}.floating-top{top:28px;right:-5px}.floating-bottom{bottom:20px;left:-20px}.floating-icon{font-size:25px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:12px}.floating-card small{margin-top:3px;color:#a3a3a3;font-size:10px}
.section{padding:100px 0}.services{color:#111;background:var(--background)}.section-heading{max-width:680px;margin:0 auto 48px;text-align:center}.eyebrow{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:2px}.section-heading h2,.about-content h2{margin-top:12px;font-size:clamp(28px,3.5vw,42px);line-height:1.25;letter-spacing:-1px}.section-heading>p{margin-top:14px;color:#737373;font-size:14px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:27px;border:1px solid #e8e8e8;border-radius:14px;background:white;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);border-color:#fdba74;box-shadow:0 15px 40px #00000008}.service-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#fff0e5;font-size:24px}.service-card h3{margin-top:20px;font-size:17px}.service-card p{margin:12px 0 20px;color:#737373;font-size:13px;line-height:1.8}.service-card a{color:#c2410c;font-size:12px;font-weight:800}
.projects{background:#111}.projects .section-heading>p{color:#a3a3a3}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border:1px solid #ffffff16;border-radius:15px;overflow:hidden;background:#191919;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-5px);border-color:#f9731670}.project-preview{min-height:230px;padding:24px;display:grid;place-items:center;overflow:hidden}.notecolor-preview{background:linear-gradient(135deg,#fde68a,#fb923c)}.korabiz-preview{background:linear-gradient(135deg,#064e3b,#16a34a)}.game-preview{background:linear-gradient(135deg,#312e81,#7c3aed)}.app-window,.business-window,.game-window{width:100%;max-width:260px;padding:18px;border-radius:15px;box-shadow:0 20px 40px #00000030}.notes-window{background:#fffdf8;transform:rotate(-3deg)}.app-top{display:flex;align-items:center;gap:9px;color:#262626;margin-bottom:15px}.app-symbol{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:white;background:#16a34a;font-weight:900}.note{margin-top:8px;padding:10px;border-radius:7px;color:#333;font-size:11px;font-weight:700}.note-yellow{background:#fef3c7}.note-pink{background:#fce7f3}.note-blue{background:#dbeafe}.business-window{color:white;background:#102a20}.dashboard-label,.game-caption{color:#86efac;font-size:9px;font-weight:800;letter-spacing:1px}.business-window h4,.game-window h4{margin-top:8px;font-size:23px}.dashboard-number{display:flex;flex-direction:column;margin-top:18px}.dashboard-number small{color:#a7f3d0;font-size:10px}.dashboard-number strong{font-size:17px}.chart-bars{height:60px;display:flex;align-items:flex-end;gap:8px;margin-top:15px}.chart-bars span{flex:1;border-radius:4px 4px 0 0;background:#4ade80}.game-window{color:white;background:#211d45;text-align:center}.game-caption{color:#c4b5fd}.puzzle-grid{display:grid;grid-template-columns:repeat(2,48px);justify-content:center;gap:7px;margin:17px 0}.puzzle-grid span{display:grid;place-items:center;width:48px;height:48px;border-radius:9px;background:#7c3aed;font-size:18px;font-weight:900}.puzzle-grid span:last-child{background:var(--orange);color:#111}.game-subtitle{color:#c4b5fd;font-size:9px}.project-body{padding:23px}.project-tags{display:flex;gap:7px;flex-wrap:wrap}.project-tags span{padding:5px 9px;border-radius:5px;color:#fdba74;background:#f9731619;font-size:10px;font-weight:700}.project-body h3{margin-top:15px;font-size:20px}.project-body p{min-height:80px;margin:10px 0 20px;color:#a3a3a3;font-size:12px;line-height:1.8}.project-link{color:var(--orange-light);font-size:12px;font-weight:800}.portfolio-note{margin-top:25px;color:#737373;font-size:11px;text-align:center}
.about{background:#f8f8f8;color:#171717}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px}.about-visual{min-height:360px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 40%,#f9731640,transparent 45%),#171717}.about-logo{position:relative;z-index:1;font-size:100px;font-weight:900;letter-spacing:-8px}.about-logo span{color:var(--orange)}.about-visual>p{position:relative;z-index:1;color:#d4d4d4;font-size:13px}.about-decoration{position:absolute;width:270px;height:270px;border:1px solid #f9731640;border-radius:50%}.about-content>p{margin-top:18px;color:#737373;font-size:14px;line-height:1.9}.tech-list{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.tech-list span{padding:7px 12px;border:1px solid #e5e5e5;border-radius:7px;background:white;font-size:11px;font-weight:700}
.contact-section{padding:85px 0;background:#111}.contact-box{position:relative;padding:65px 25px;overflow:hidden;border:1px solid #f9731635;border-radius:20px;background:radial-gradient(ellipse at 50% 120%,#f9731620,transparent 55%),#191919;text-align:center}.contact-box h2{margin-top:16px;font-size:clamp(30px,4vw,46px);line-height:1.25}.contact-box>p{max-width:600px;margin:18px auto 0;color:#a3a3a3;font-size:14px}.contact-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.footer{padding:40px 0 25px;border-top:1px solid #ffffff15;background:#0b0b0b}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-content>p{margin-top:15px;color:#737373;font-size:12px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:22px}.footer-links a{color:#a3a3a3;font-size:12px}.footer-links a:hover{color:var(--orange)}.footer-content .copyright{width:100%;margin-top:30px;padding-top:20px;border-top:1px solid #ffffff12;font-size:11px}
@media(max-width:1000px){.nav-links{gap:14px}.nav-links a:not(.btn){font-size:12px}.hero-grid{gap:30px}.about-grid{gap:45px}}@media(max-width:800px){.menu-toggle{display:block}.nav-links{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px 5% 25px;border-bottom:1px solid #ffffff15;background:#111}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links a:not(.btn){display:block;padding:12px 0;font-size:14px}.nav-links .btn{margin-top:10px}.hero{padding:75px 0 65px}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:330px;margin-top:15px}.code-card{width:min(100%,430px)}.services-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.about-visual{min-height:270px}}@media(max-width:550px){.container{width:90%}.logo{font-size:14px}.logo-icon{width:35px;height:35px}.hero{padding-top:60px}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero-content>p{font-size:14px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-stats{gap:15px;justify-content:space-between}.hero-stats strong{font-size:12px}.hero-stats span{font-size:9px}.hero-visual{min-height:290px}.code-content{padding:22px 16px;font-size:11px}.floating-card{padding:10px}.floating-top{right:-5px;top:5px}.floating-bottom{left:-5px;bottom:0}.floating-card strong{font-size:10px}.floating-card small{font-size:9px}.section{padding:70px 0}.section-heading{margin-bottom:32px}.services-grid,.projects-grid{grid-template-columns:1fr}.service-card{padding:23px}.project-preview{min-height:215px}.project-body p{min-height:auto}.about-content h2{font-size:31px}.contact-section{padding:60px 0}.contact-box{padding:45px 18px}.contact-buttons{flex-direction:column}.contact-buttons .btn{width:100%}.footer-links{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.project-preview{position:relative;min-height:260px;padding:20px;background-size:cover;background-position:center}.project-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#00000008,#0000003d);pointer-events:none}.project-image{position:relative;z-index:1;display:block;width:100%;height:220px;object-fit:contain;filter:drop-shadow(0 18px 22px #00000045);transition:transform .35s ease}.project-card:hover .project-image{transform:scale(1.05) translateY(-3px)}.notecolor-preview{background:linear-gradient(135deg,#fef3c7,#f97316)}.korabiz-preview{background:linear-gradient(135deg,#064e3b,#22c55e)}.game-preview{background:linear-gradient(135deg,#172554,#7c3aed)}
.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.website-preview{background:linear-gradient(135deg,#0f172a,#0e7490)}.project-card-featured{border-color:#0e749066;box-shadow:0 18px 45px #00000026}.project-card-featured:hover{border-color:#22d3ee}.project-card-featured .project-tags span{color:#67e8f9;background:#06b6d41c}
@media(max-width:1100px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero-visual{min-height:500px}.portrait-frame{position:relative;width:min(100%,390px);height:470px;padding:9px;border:1px solid #ffffff42;border-radius:32px;background:linear-gradient(145deg,#ffffff44,#f9731666 45%,#ffffff12);box-shadow:0 30px 80px #00000070;transform:rotate(2deg)}.portrait-frame::before{content:"";position:absolute;inset:7px;border:1px solid #fbbf2466;border-radius:25px;pointer-events:none;z-index:2}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;border-radius:24px;filter:saturate(1.08) contrast(1.04)}.portrait-frame::after{content:"";position:absolute;inset:9px;border-radius:24px;background:linear-gradient(180deg,#07111f00 48%,#07111fbf 100%);pointer-events:none}.portrait-caption{position:absolute;z-index:3;left:27px;right:27px;bottom:25px;display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #ffffff30;border-radius:14px;background:#07111fcc;backdrop-filter:blur(8px);transform:rotate(-2deg)}.portrait-caption strong,.portrait-caption small{display:block}.portrait-caption strong{font-size:13px}.portrait-caption small{margin-top:2px;color:#cbd5e1;font-size:10px}.portrait-dot{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px #4ade8030}.services-grid .service-card{position:relative;border-width:1px;border-top-width:3px}.services-grid .service-card:nth-child(1){border-color:#fb923c}.services-grid .service-card:nth-child(2){border-color:#a78bfa}.services-grid .service-card:nth-child(3){border-color:#22c55e}.services-grid .service-card:nth-child(4){border-color:#38bdf8}.services-grid .service-card:nth-child(5){border-color:#f43f5e}.services-grid .service-card:nth-child(6){border-color:#eab308}.services-grid .service-card:nth-child(1) .service-icon{background:#fff7ed}.services-grid .service-card:nth-child(2) .service-icon{background:#f5f3ff}.services-grid .service-card:nth-child(3) .service-icon{background:#f0fdf4}.services-grid .service-card:nth-child(4) .service-icon{background:#f0f9ff}.services-grid .service-card:nth-child(5) .service-icon{background:#fff1f2}.services-grid .service-card:nth-child(6) .service-icon{background:#fefce8}.services-grid .service-card:hover{box-shadow:0 20px 45px #0f172a1a;transform:translateY(-8px)}
@media(max-width:640px){.hero-visual{min-height:400px}.portrait-frame{height:390px;width:min(100%,330px)}.floating-card{z-index:4}.floating-top{top:0}.floating-bottom{bottom:4px}}
.benefits{background:#f8fafc;color:#172033}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit-card{padding:24px;border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 12px 30px #0f172a0a;transition:transform .25s,box-shadow .25s}.benefit-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #0f172a18}.benefit-number{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff1e8;color:var(--orange);font-size:12px;font-weight:900}.benefit-card h3{margin-top:18px;font-size:16px}.benefit-card p{margin-top:9px;color:#64748b;font-size:12px;line-height:1.8}.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.process-grid::before{content:"";position:absolute;top:25px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,#f97316,#a78bfa,#22c55e,#38bdf8)}.process-step{position:relative;z-index:1;text-align:center}.process-step>span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto;border:5px solid #fff;border-radius:50%;background:var(--orange);color:#111;font-weight:900;box-shadow:0 0 0 1px #fdba74}.process-step:nth-child(2)>span{background:#a78bfa}.process-step:nth-child(3)>span{background:#22c55e}.process-step:nth-child(4)>span{background:#38bdf8}.process-step h3{margin-top:17px;font-size:16px}.process-step p{margin:7px auto 0;max-width:190px;color:#64748b;font-size:12px}.center-action{text-align:center;margin-top:35px}.offers{background:linear-gradient(145deg,#111827,#1e293b)}.offers .section-heading>p{color:#94a3b8}.offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.offer-card{padding:29px;border:1px solid #ffffff1f;border-radius:18px;background:#ffffff08;transition:transform .25s,border-color .25s}.offer-card:hover{transform:translateY(-7px);border-color:#fb923c}.offer-highlight{border-color:#f59e0b;background:linear-gradient(145deg,#f973161f,#ffffff08);box-shadow:0 15px 45px #f9731614}.offer-icon{font-size:29px;color:#fbbf24}.offer-card h3{margin-top:22px;font-size:20px}.offer-card p{min-height:62px;margin:10px 0 22px;color:#cbd5e1;font-size:13px}.offer-card strong{color:#fbbf24;font-size:12px}.testimonials{background:#f8fafc;color:#172033}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:850px;margin:auto}.testimonials blockquote{padding:27px;border-left:4px solid var(--orange);border-radius:0 16px 16px 0;background:#fff;box-shadow:0 12px 30px #0f172a0d}.stars{color:#f59e0b;letter-spacing:3px}.testimonials blockquote p{margin-top:15px;color:#475569;font-size:14px;line-height:1.8}.testimonials cite{display:block;margin-top:18px;color:#94a3b8;font-size:11px;font-style:normal;font-weight:700}.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.faq-intro h2{margin-top:14px;font-size:clamp(28px,3.5vw,42px);line-height:1.2}.faq-intro h2 span{color:var(--orange)}.faq-intro p{margin:16px 0 25px;color:#64748b;font-size:14px}.faq-intro .btn-outline{border-color:#cbd5e1;color:#172033}.faq-intro .btn-outline:hover{border-color:var(--orange);color:var(--orange)}.faq-list{display:grid;gap:10px}.faq-list details{padding:18px 20px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.faq-list details[open]{border-color:#fdba74;background:#fffaf5}.faq-list summary{cursor:pointer;list-style:none;font-size:14px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";float:right;color:var(--orange);font-size:20px;line-height:1}.faq-list details[open] summary::after{content:"−"}.faq-list details p{margin:12px 24px 0 0;color:#64748b;font-size:13px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:900;display:flex;align-items:center;gap:9px;padding:13px 16px;border-radius:999px;background:#25d366;color:#062d16;box-shadow:0 12px 30px #16a34a55;font-size:22px;font-weight:900;transition:transform .2s,box-shadow .2s}.whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 16px 35px #16a34a77}.whatsapp-float span{font-size:11px;font-weight:800}
@media(max-width:900px){.benefits-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr);gap:30px}.process-grid::before{display:none}.offers-grid{grid-template-columns:1fr;max-width:500px;margin:auto}.faq-layout{grid-template-columns:1fr;gap:35px}}
@media(max-width:550px){.benefits-grid,.testimonials-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr;gap:25px}.whatsapp-float{right:14px;bottom:14px;padding:13px}.whatsapp-float span{display:none}}
.faq-list summary{color:#172033}.faq-list details[open] summary{color:#c2410c}.whatsapp-float svg{width:23px;height:23px;fill:currentColor;display:block}.whatsapp-float span{white-space:nowrap}
.projects{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,#f9731622,transparent 28%),radial-gradient(circle at 90% 80%,#7c3aed1f,transparent 30%),#0b1020}.projects::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#0008,transparent 75%);pointer-events:none}.projects .container{position:relative}.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.project-card{display:grid;grid-template-rows:185px 1fr;border:1px solid #ffffff1f;border-radius:18px;background:linear-gradient(160deg,#1b2334,#111827);box-shadow:0 18px 42px #00000026}.project-card:hover{border-color:#fbbf24;box-shadow:0 24px 52px #00000045}.project-preview{min-height:0;height:185px;padding:14px}.project-image{height:156px;filter:drop-shadow(0 15px 16px #0000004d)}.project-body{display:flex;flex-direction:column;padding:18px}.project-tags span{padding:4px 7px;font-size:9px}.project-body h3{margin-top:12px;font-size:18px;line-height:1.2}.project-body p{min-height:0;margin:8px 0 15px;font-size:11px;line-height:1.65}.project-link{margin-top:auto;font-size:11px}.portfolio-note{margin:25px auto 0;max-width:640px;color:#cbd5e1}.services{position:relative;background:linear-gradient(180deg,#f8fafc,#fff)}.services::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,#fff);pointer-events:none}.service-card{overflow:hidden}.service-card::before{content:"";position:absolute;top:-45px;right:-45px;width:110px;height:110px;border-radius:50%;background:currentColor;opacity:.05}.service-card h3{font-size:18px}.service-card p{min-height:66px}.service-card a{display:inline-flex;align-items:center;gap:5px}.service-card a::after{content:"→";transition:transform .2s}.service-card:hover a::after{transform:translateX(4px)}
@keyframes premium-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes premium-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:no-preference){.hero-content{animation:premium-rise .7s both}.portrait-frame{animation:premium-rise .8s .1s both,premium-float 5s 1s ease-in-out infinite}.service-card,.project-card,.benefit-card,.offer-card{animation:premium-rise .5s both}.service-card:nth-child(2),.project-card:nth-child(2){animation-delay:.07s}.service-card:nth-child(3),.project-card:nth-child(3){animation-delay:.14s}.service-card:nth-child(4),.project-card:nth-child(4){animation-delay:.21s}.service-card:nth-child(5){animation-delay:.28s}.service-card:nth-child(6){animation-delay:.35s}}
@media(max-width:1100px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{grid-template-rows:200px 1fr}.project-preview{height:200px}.project-image{height:170px}}
@media(max-width:640px){.hero{padding-bottom:52px}.hero-grid{gap:28px}.hero-stats{gap:9px;margin-top:28px;padding-top:18px}.hero-stats strong{font-size:11px}.hero-stats span{font-size:9px}.services-grid,.projects-grid{grid-template-columns:1fr}.services-grid{gap:13px}.service-card{padding:21px}.service-card p{min-height:0;margin-bottom:14px}.project-card{grid-template-columns:116px 1fr;grid-template-rows:1fr;border-radius:15px}.project-preview{height:100%;min-height:160px;padding:10px}.project-image{height:138px}.project-body{padding:15px}.project-body h3{margin-top:9px;font-size:16px}.project-body p{margin:6px 0 10px;font-size:10px}.project-link{font-size:10px}.project-tags{gap:4px}.project-tags span{font-size:8px}.projects .section-heading{margin-bottom:28px}.whatsapp-float{bottom:18px}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .6s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(hover:hover){.service-card:hover,.project-card:hover,.benefit-card:hover,.offer-card:hover{will-change:transform}}@media(prefers-reduced-motion:no-preference){.service-card,.project-card,.benefit-card,.offer-card{animation:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.portrait-frame{animation:none}}
.header{position:sticky;background:#0b1020ed;border-bottom:1px solid #ffffff14;box-shadow:0 10px 28px #00000024}.header::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent,#f97316 25%,#fbbf24 50%,#a78bfa 75%,transparent)}.navbar{min-height:74px}.logo{transition:transform .25s}.logo:hover{transform:translateY(-1px)}.logo-icon{box-shadow:0 8px 18px #f9731640}.nav-links{gap:21px}.nav-links a:not(.btn){position:relative;padding:8px 0;color:#cbd5e1;transition:color .2s}.nav-links a:not(.btn)::after{content:"";position:absolute;right:0;bottom:1px;left:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#f97316,#fbbf24);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}.nav-links a:not(.btn):hover{color:#fff}.nav-links a:not(.btn):hover::after{transform:scaleX(1);transform-origin:left}.nav-links .btn{border:1px solid #fbbf244d;box-shadow:0 8px 20px #f973162e}.nav-links .btn:hover{box-shadow:0 12px 26px #f9731647}.projects-grid .project-card:nth-child(1){border-color:#fbbf2480}.projects-grid .project-card:nth-child(2){border-color:#22c55e80}.projects-grid .project-card:nth-child(3){border-color:#a78bfa80}.projects-grid .project-card:nth-child(4){border-color:#22d3ee80}.projects-grid .project-card:nth-child(1):hover{border-color:#fbbf24}.projects-grid .project-card:nth-child(2):hover{border-color:#4ade80}.projects-grid .project-card:nth-child(3):hover{border-color:#c4b5fd}.projects-grid .project-card:nth-child(4):hover{border-color:#67e8f9}.benefit-card{border-top:3px solid #f97316}.benefit-card:nth-child(2){border-top-color:#a78bfa}.benefit-card:nth-child(3){border-top-color:#22c55e}.benefit-card:nth-child(4){border-top-color:#38bdf8}.offer-card{border-top:2px solid #f9731666}.offer-card:nth-child(2){border-top-color:#fbbf24}.offer-card:nth-child(3){border-top-color:#a78bfa}
@media(max-width:800px){.header{background:#0b1020f5}.navbar{min-height:68px}.nav-links{gap:0}.nav-links a:not(.btn)::after{display:none}.nav-links a:not(.btn){border-bottom:1px solid #ffffff0d}.nav-links .btn{margin-top:14px}}
body{font-size:16px}.nav-links a:not(.btn){font-size:14px}.hero-content>p{font-size:16px}.section-heading>p{font-size:15px}.service-card p{font-size:14px}.service-card a{font-size:13px}.project-body p{font-size:12px}.project-link{font-size:12px}.benefit-card p,.process-step p{font-size:13px}.offer-card p{font-size:14px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}.footer-content>p,.footer-links a{font-size:13px}@media(max-width:640px){.hero-content>p{font-size:15px;line-height:1.8}.section-heading>p{font-size:14px}.service-card p{font-size:13px}.project-body p{font-size:11px;line-height:1.55}.project-link{font-size:11px}.project-body h3{font-size:17px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}}