:root{--ink:#101b2d;--blue:#4e70f5;--violet:#7a55e7;--paper:#f8f9fc;--muted:#677085;--line:#dfe3ec;--lime:#c8f25b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--paper);font-family:Manrope,Arial,sans-serif;color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 48px));margin:auto}.site-header{height:72px;background:rgba(248,249,252,.9);border-bottom:1px solid rgba(16,27,45,.08);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.navbar{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.55rem;font-weight:800;letter-spacing:-.11em}.brand span{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:28px;font-size:.82rem;font-weight:700}.nav-links>a:not(.nav-contact){color:#4c566a}.nav-links>a:not(.nav-contact):hover{color:var(--blue)}.nav-contact{background:var(--ink);color:white;padding:10px 16px;border-radius:8px}.nav-contact span{color:var(--lime);padding-left:5px}.nav-toggle{display:none}.hero{position:relative;overflow:hidden;padding:100px 0 28px;background:linear-gradient(115deg,#f9fbff 0%,#f0f4ff 100%)}.hero-orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(1px)}.orb-one{width:560px;height:560px;right:-230px;top:-260px;background:radial-gradient(circle,rgba(111,91,239,.18),transparent 68%)}.orb-two{width:380px;height:380px;left:-230px;bottom:-260px;background:radial-gradient(circle,rgba(88,140,255,.15),transparent 68%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative}.eyebrow,.section-label{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.05em;color:#65708a;font-weight:500}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px}.eyebrow span{width:8px;height:8px;background:#89c944;border-radius:50%;box-shadow:0 0 0 4px rgba(137,201,68,.14)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.75rem,5.2vw,4.85rem);line-height:1.03;letter-spacing:-.07em;margin-bottom:25px;max-width:690px}em{font-style:normal;color:var(--blue)}.hero-text{color:var(--muted);font-size:1.02rem;max-width:540px;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:26px}.btn{display:inline-flex;gap:15px;align-items:center;justify-content:center;font-size:.83rem;font-weight:800;border-radius:8px;padding:15px 20px;transition:.2s}.btn span{font-size:1.15rem}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 24px rgba(78,112,245,.22)}.btn-primary:hover{transform:translateY(-2px);background:#3e60e7}.text-link{font-size:.83rem;font-weight:800}.text-link span{padding-left:7px;color:var(--blue)}.hero-art{min-height:350px;display:flex;align-items:center;justify-content:center;position:relative}.code-card{width:min(100%,440px);background:#19253c;color:#e6ecff;border-radius:14px;padding:25px 27px 30px;box-shadow:0 26px 50px rgba(28,51,98,.27);font:500 .8rem/2.25 'DM Mono',monospace;transform:rotate(-3deg)}.dots{display:flex;gap:6px;margin-bottom:18px}.dots i{width:8px;height:8px;border-radius:50%;background:#f38170}.dots i:nth-child(2){background:#facd64}.dots i:nth-child(3){background:#84ce88}.code-card p{margin:0}.purple{color:#ba91ff}.yellow{color:#f4cd78}.blue{color:#8ebeff}.green{color:#8fe0c6}.indent{padding-left:25px}.cursor{color:#c8f25b;animation:blink 1s infinite}.floating-chip{position:absolute;background:white;padding:10px 15px;border-radius:9px;box-shadow:0 13px 25px rgba(24,45,82,.13);font-size:.72rem;font-weight:800}.chip-top{right:-5px;top:33px;color:var(--blue)}.chip-bottom{left:0;bottom:30px}.chip-bottom b{display:block;font-size:1.25rem;color:var(--blue);line-height:1}.chip-bottom small{font-size:.61rem;color:var(--muted)}.trust-row{display:flex;align-items:center;gap:18px;margin-top:72px;color:#8290a5;font:500 .63rem 'DM Mono',monospace;letter-spacing:.08em}.trust-row div{height:1px;background:#d8deea;flex:1}.section{padding:108px 0}.about{background:white}.about-grid{display:grid;grid-template-columns:27% 1fr}.about-content{max-width:720px}.about h2,.section-heading h2,.contact h2{font-size:clamp(2.1rem,4vw,3.55rem);letter-spacing:-.065em;line-height:1.1;margin-bottom:23px}.about-content>p{max-width:630px;color:var(--muted)}.skills{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.skills span{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:.7rem;font-weight:700;color:#4a556a}.services{background:#f0f3fa}.section-heading{margin-bottom:43px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{padding:27px;background:#fff;border:1px solid #e7eaf0;border-radius:11px;min-height:307px;display:flex;flex-direction:column;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(25,39,72,.09)}.service-card.featured{background:var(--ink);color:white;border-color:var(--ink)}.service-number{font:400 .65rem 'DM Mono',monospace;color:#8a95aa}.service-icon{width:42px;height:42px;margin:26px 0 18px;border-radius:10px;display:grid;place-items:center;background:#edf1ff;color:var(--blue);font-size:1.4rem}.featured .service-icon{background:#2d3e60;color:var(--lime)}.service-card h3{font-size:1.12rem;letter-spacing:-.04em;margin-bottom:9px}.service-card p{font-size:.8rem;color:var(--muted);margin-bottom:20px}.featured p{color:#c5ccdb}.service-card a{margin-top:auto;font-size:.72rem;font-weight:800}.service-card a span{color:var(--blue);padding-left:5px}.featured a span{color:var(--lime)}.work{background:white}.work-heading{display:flex;justify-content:space-between;align-items:flex-end}.work-heading>p{max-width:280px;margin:0;color:var(--muted);font-size:.8rem}.project-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:25px}.browser-mock{border:1px solid #e2e6ef;border-radius:12px;overflow:hidden;height:275px;box-shadow:0 12px 28px rgba(25,44,78,.07)}.browser-bar{height:32px;background:#f4f6fa;display:flex;align-items:center;gap:5px;padding:0 12px;font-size:.54rem;color:#9aa4b6}.browser-bar i{width:6px;height:6px;background:#ff806e;border-radius:50%}.browser-bar i:nth-child(2){background:#ffd36a}.browser-bar i:nth-child(3){background:#79c982}.browser-bar span{margin-left:8px;background:white;border-radius:3px;padding:3px 25px;flex:1;text-align:center}.mock-content{position:relative;height:calc(100% - 32px);padding:37px;background:#e6f7f5;color:#128f9c;font-size:1.75rem;line-height:1.05}.mock-pill{margin-top:18px;width:105px;height:11px;border-radius:9px;background:#fa9075}.mock-photo{position:absolute;right:35px;bottom:0;width:145px;height:166px;border-radius:75px 75px 0 0;background:linear-gradient(150deg,#bd7555,#f6c5a3 48%,#36585b 49%,#203d42)}.commerce{background:#f4eddf}.shop-head{font-size:1.05rem;font-weight:800;padding:24px 24px 11px;color:#4f3b27}.shop-head button{font:700 .6rem Manrope;border:0;border-radius:6px;background:#38291d;color:#fff;padding:6px 10px;float:right}.shop-products{display:flex;gap:12px;padding:12px 24px}.shop-products i{height:135px;flex:1;background:linear-gradient(145deg,#d6b495,#a46d49);border-radius:6px}.shop-products i:nth-child(2){background:linear-gradient(145deg,#f6dabd,#cc8b61)}.shop-products i:nth-child(3){background:linear-gradient(145deg,#e1cfba,#957b62)}.project-info{display:flex;align-items:center;justify-content:space-between;padding:14px 2px}.project-info p{font:500 .62rem 'DM Mono',monospace;color:#7e899d;margin-bottom:4px}.project-info h3{font-size:1.05rem;margin:0;letter-spacing:-.04em}.project-info>span{color:var(--blue);font-size:1.2rem}.contact{background:var(--ink);color:white;text-align:center;padding:105px 0}.contact .section-label{color:#9daac2}.contact h2{margin:15px 0;color:white}.contact h2+ p{color:#b6c0d1;margin-bottom:29px}.btn-light{background:var(--lime);color:var(--ink);box-shadow:0 12px 25px rgba(200,242,91,.12)}.btn-light:hover{transform:translateY(-2px);background:#d4fa75}.contact small{display:block;margin-top:18px;color:#8290a8;font-size:.66rem}.contact strong{font-weight:700;color:#b1bdcf}.footer{min-height:82px;display:flex;justify-content:space-between;align-items:center;color:#798398;font-size:.68rem}.footer p{margin:0}.footer>a:last-child{font-weight:800;color:#516079}@keyframes blink{50%{opacity:0}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.13s}.delay-2{transition-delay:.24s}@media(max-width:720px){.container{width:min(100% - 36px,560px)}.site-header{height:64px}.nav-toggle{display:flex;border:0;background:transparent;width:36px;height:32px;flex-direction:column;align-items:center;justify-content:center;gap:5px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink)}.nav-links{display:none;position:absolute;top:64px;left:0;width:100%;padding:20px 18px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px}.nav-links.open{display:flex}.hero{padding-top:65px}.hero-grid,.about-grid,.project-grid{grid-template-columns:1fr;gap:35px}.hero-art{min-height:270px}.code-card{font-size:.65rem}.chip-top{right:0}.trust-row{margin-top:45px;gap:9px;font-size:.51rem}.trust-row p:last-child{display:none}.about-grid{gap:15px}.section{padding:73px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:255px}.work-heading{display:block}.work-heading>p{margin-top:12px}.browser-mock{height:230px}.contact{padding:76px 0}.footer{min-height:110px;flex-wrap:wrap;gap:6px;padding:20px 0}.footer p{order:3;width:100%}}