:root{--bg:#0b0e16;--bg2:#111827;--text:#e5e7eb;--muted:#cbd5e1;--accent:#2563eb;--accent-2:#1d4ed8;--glass:rgba(16, 20, 30, 0.74);--overlay:rgba(0, 0, 0, 0.55);--dot:#5c6677;--dot-active:#3b82f6;--nav-h:64px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;scroll-behavior:smooth;background-color:var(--bg);background-attachment:fixed;background-clip:border-box}header{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(to bottom,rgba(10,12,18,.88),rgba(10,12,18,.45));backdrop-filter:blur(10px);z-index:5000;border-bottom:1px solid rgba(255,255,255,.06)}.brand{font-weight:800;font-size:1.45rem;color:#fff;cursor:pointer;transition:opacity .3s ease}.brand:hover{opacity:.8}.menu-toggle{position:relative;width:30px;height:22px;cursor:pointer;display:inline-block;z-index:5500}.bar{position:absolute;left:0;right:0;margin:auto;height:3px;width:100%;background:#fff;border-radius:2px;transition:transform .4s cubic-bezier(.22, 1, .36, 1),top .4s cubic-bezier(.22, 1, .36, 1),opacity .25s ease}.bar:first-child{top:0}.bar:nth-child(2){top:9px}.bar:nth-child(3){top:18px}.menu-toggle.open .bar:first-child{top:9px;transform:rotate(45deg)}.menu-toggle.open .bar:nth-child(2){opacity:0}.menu-toggle.open .bar:nth-child(3){top:9px;transform:rotate(-45deg)}.overlay{position:fixed;inset:0;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .5s ease;z-index:4000}.overlay.active{opacity:1;pointer-events:auto}.side{position:fixed;top:var(--nav-h);right:0;height:calc(100dvh - var(--nav-h));width:min(50%,160px);transform:translateX(100%);transition:transform .65s cubic-bezier(.22, 1, .36, 1);background:var(--glass);backdrop-filter:blur(14px);z-index:4500;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;border-left:1px solid rgba(255,255,255,.06)}.side.open{transform:translateX(0)}.side ul{list-style:none;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:0;padding:0}.side a{text-decoration:none;color:#f1f5f9;font-size:1.25rem;font-weight:600;padding:.6rem 1rem;border-radius:10px;transition:color .35s ease}.side a.active{color:var(--accent)}.side a:hover{color:#a8cbff}main{position:relative;top:var(--nav-h);height:calc(var(--vh,1vh) * 100 - var(--nav-h));overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}main::-webkit-scrollbar{display:none}main{scrollbar-width:none}section{min-height:calc(var(--vh,1vh) * 100 - var(--nav-h));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 clamp(16px,5vw,40px);scroll-snap-align:start;scroll-snap-stop:always}.content{width:calc(100% - clamp(60px,14vw,120px));max-width:600px;margin:0 auto;text-align:center}#about h2{text-align:center}#about p{text-align:left}#founder h2{text-align:center}#founder p{text-align:left}h1,h2{font-weight:800;color:#f8fafc;letter-spacing:.25px}h1{font-size:clamp(2rem, 5.2vw, 3.1rem);margin-bottom:.7rem}h2{font-size:clamp(1.9rem, 4.8vw, 2.6rem);margin-bottom:1rem}p{color:var(--muted);font-size:clamp(1rem, 2.2vw, 1.18rem);line-height:1.6;margin-bottom:1rem}.cta-col{display:flex;flex-direction:column;gap:14px;align-items:center;margin-top:22px}.btn{width:calc(100% - clamp(60px,14vw,120px));max-width:500px;border:none;border-radius:12px;padding:.95rem 2.1rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(37,99,235,.25)}.btn-primary:hover{background:var(--accent-2)}.btn-outline{background:0 0;color:#f1f5f9;border:2px solid #94a3b8}.btn-outline:hover{color:#9cc6ff;border-color:#9cc6ff}.avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid var(--dot-active);box-shadow:0 0 20px rgba(59,130,246,.35);margin:0 auto 14px}.dots{position:fixed;right:calc(env(safe-area-inset-right,0) + clamp(12px,3.8vw,28px));display:flex;flex-direction:column;gap:14px;z-index:3000;transition:opacity .25s;pointer-events:none}.dot{width:12px;height:12px;border-radius:50%;background:var(--dot);transition:transform .25s,background .25s,box-shadow .25s;cursor:pointer;pointer-events:auto}.dot.active{background:var(--dot-active);transform:scale(1.25);box-shadow:0 0 14px rgba(59,130,246,.6)}section .content{opacity:0;transform:translateY(60px);transition:opacity 2s cubic-bezier(.22, 1, .36, 1),transform 2s cubic-bezier(.22, 1, .36, 1)}section.visible .content{opacity:1;transform:translateY(0)}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;margin-top:22px;justify-items:center}.service-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.9rem .6rem .8rem;font-weight:600;font-size:.95rem;color:var(--text);text-align:center;width:100%;max-width:180px;transition:transform .25s ease,background .25s ease,border-color .25s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.service-card:hover{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.3);transform:translateY(-3px)}.icon{width:26px;height:26px;fill:var(--dot-active);opacity:.9;transition:fill .3s,transform .25s ease}.service-card:hover .icon{fill:var(--accent-2);transform:scale(1.08)}@media (min-width:900px){.service-grid{grid-template-columns:repeat(4,1fr);gap:20px 28px}}.service-card{opacity:0;transform:translateY(20px)}.service-card.visible{animation:cardFadeIn .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes cardFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#services{height:calc(var(--vh,1vh) * 100);display:flex;flex-direction:column;justify-content:center;align-items:center;scroll-snap-align:center;text-align:center;color:#e5e7eb;padding:0 20px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;justify-items:center}@media (max-width:700px){.service-grid{grid-template-columns:1fr 1fr}}.service-card{width:100%;max-width:280px;background:rgba(16,20,30,.75);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 16px;cursor:pointer;transition:all .25s ease}.service-card:hover{background:rgba(37,99,235,.18);transform:translateY(-3px)}.service-card .icon{width:28px;height:28px;fill:#3b82f6;margin-bottom:12px}.service-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(14px);display:none;justify-content:center;align-items:center;z-index:10000;padding:0 60px}body.modal-open .service-modal{display:flex;pointer-events:all}.modal-content{background:rgba(16,20,30,.92);padding:40px;border-radius:28px;max-width:420px;width:100%;border:1px solid rgba(255,255,255,.1);text-align:left;color:#e5e7eb;transform:scale(.9) translateY(15px);opacity:0;transition:all .4s cubic-bezier(.25, .8, .25, 1)}.modal-content.active{transform:scale(1) translateY(0);opacity:1}.modal-content h3{color:#3b82f6;font-size:1.5rem;margin-bottom:14px}.modal-content p{color:#cbd5e1;font-size:1rem;line-height:1.6}body.modal-open{overflow:hidden;touch-action:none;pointer-events:none}body.modal-open .indicator-dots{opacity:.2;pointer-events:none;transition:opacity .3s ease}body.modal-open .dots,body.modal-open .menu-toggle,body.modal-open .side,body.modal-open header{opacity:.25;transition:opacity .3s ease;pointer-events:none}#rotateNotice{position:fixed;inset:0;display:none;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(20px);background:rgba(10,13,20,.85);color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;font-size:1.1rem;text-align:center;letter-spacing:.5px;padding:2rem;transition:opacity .3s ease}#rotateNotice span{background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.4);border-radius:1rem;padding:1rem 1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.3)}.subtext{font-size:.9rem;color:#9ca3af;margin-bottom:1.2rem}