.snp-page{box-sizing:border-box;background:#080808;min-height:100vh;padding-top:82px;font-family:DM Sans,sans-serif;overflow-x:hidden}.snp-page *,.snp-page :before,.snp-page :after{box-sizing:border-box;margin:0;padding:0}.snp-hero{max-width:1200px;margin:0 auto;padding:100px 52px 80px}.snp-hero-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff47;align-items:center;gap:8px;margin-bottom:28px;font-size:11px;font-weight:600;display:inline-flex}.snp-hero-label:before{content:"";background:#ffffff47;width:20px;height:1px;display:block}.snp-hero-title{letter-spacing:-.04em;color:#f0f0f0;margin-bottom:24px;font-family:Syne,sans-serif;font-size:clamp(48px,6vw,80px);font-weight:800;line-height:1}.snp-hero-title span{color:#fff3}.snp-hero-sub{color:#ffffff61;max-width:480px;margin-bottom:48px;font-size:17px;line-height:1.7}.snp-hero-stat{background:#ffffff05;border:1px solid #ffffff12;border-radius:100px;align-items:center;gap:16px;padding:14px 22px;display:inline-flex}.snp-hero-stat-num{color:#f0f0f0;letter-spacing:-.03em;text-align:right;min-width:2ch;font-family:Syne,sans-serif;font-size:22px;font-weight:800}.snp-hero-stat-label{color:#ffffff5c;letter-spacing:.02em;font-size:13px;font-weight:400}.snp-hero-divider{background:#ffffff1a;width:1px;height:20px}.snp-spotlight{max-width:1200px;margin:0 auto;padding:8px 52px 72px}.snp-spotlight-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.snp-spotlight-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff47;align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.snp-spotlight-label:before{content:"";background:#ffffff47;width:20px;height:1px;display:block}.snp-spotlight-hint{color:#ffffff4d;font-size:13px}.snp-spotlight-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.snp-spot-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.snp-spot-card:hover{border-color:#ffffff2e;transform:translateY(-6px);box-shadow:0 24px 48px #0006}.snp-spot-thumb{aspect-ratio:16/10;background:#000;position:relative;overflow:hidden}.snp-spot-thumb img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.snp-spot-card:hover .snp-spot-thumb img{transform:scale(1.04)}.snp-spot-body{flex-direction:column;gap:12px;padding:20px;display:flex}.snp-spot-name{letter-spacing:-.02em;color:#f0f0f0;font-family:Syne,sans-serif;font-size:19px;font-weight:800;line-height:1.15}.snp-spot-tags{flex-wrap:wrap;gap:6px;display:flex}.snp-spot-link{color:#ffffff80;align-items:center;gap:6px;margin-top:2px;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.snp-spot-link:hover{color:#fff}.snp-spot-link svg{transition:transform .2s}.snp-spot-link:hover svg{transform:translate(2px,-2px)}@media (max-width:1000px){.snp-spotlight{padding:0 32px 56px}.snp-spotlight-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:600px){.snp-spotlight{padding:0 20px 44px}.snp-spotlight-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px}}.snp-projects{max-width:1400px;margin:0 auto;padding:0 0 80px}.snp-project{opacity:0;border-top:1px solid #ffffff0d;padding:80px 52px;scroll-margin-top:90px;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(40px)}.snp-project.snp-visible{opacity:1;transform:translateY(0)}.snp-project:first-child{background:radial-gradient(70% 60% at 80%,#3b5aff0a 0%,#0000 70%)}.snp-project:nth-child(2){background:radial-gradient(70% 60% at 20%,#8b3bff0a 0%,#0000 70%)}.snp-project:nth-child(3){background:radial-gradient(70% 60% at 80%,#3bb4ff09 0%,#0000 70%)}.snp-project:nth-child(4){background:radial-gradient(70% 60% at 20%,#b43bff0a 0%,#0000 70%)}.snp-project:nth-child(5){background:radial-gradient(70% 60% at 70%,#3bdcc808 0%,#0000 70%)}.snp-project:nth-child(6){background:radial-gradient(70% 60% at 20%,#8b3bff0a 0%,#0000 70%)}.snp-project:nth-child(7){background:radial-gradient(70% 60% at 80%,#3bb4ff09 0%,#0000 70%)}.snp-project:nth-child(8){background:radial-gradient(70% 60% at 20%,#b43bff0a 0%,#0000 70%)}.snp-project:nth-child(9){background:radial-gradient(70% 60% at 70%,#3b5aff0a 0%,#0000 70%)}.snp-project:nth-child(10){background:radial-gradient(70% 60% at 20%,#8b3bff0a 0%,#0000 70%)}.snp-project:nth-child(11){background:radial-gradient(70% 60% at 80%,#3bb4ff09 0%,#0000 70%)}.snp-project:nth-child(12){background:radial-gradient(70% 60% at 20%,#b43bff0a 0%,#0000 70%)}.snp-project-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.snp-project:nth-child(2n) .snp-project-inner{direction:rtl}.snp-project:nth-child(2n) .snp-project-inner>*{direction:ltr}.snp-project:nth-child(2n) .snp-macbook-body,.snp-project:nth-child(2n) .snp-macbook:hover .snp-macbook-body{transform:rotateY(6deg)}.snp-project-info{z-index:2;position:relative}.snp-project-ghost-num{color:#ffffff0a;letter-spacing:-.06em;-webkit-user-select:none;user-select:none;pointer-events:none;margin-bottom:-20px;font-family:Syne,sans-serif;font-size:clamp(80px,10vw,140px);font-weight:800;line-height:1}.snp-project-num{letter-spacing:.14em;text-transform:uppercase;color:#ffffff38;margin-bottom:12px;font-size:11px;font-weight:600}.snp-project-name{letter-spacing:-.03em;color:#f0f0f0;margin-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(28px,3.2vw,44px);font-weight:800;line-height:1.08}.snp-project-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.snp-tag{letter-spacing:.04em;color:#ffffff73;background:#ffffff08;border:1px solid #ffffff1f;border-radius:100px;align-items:center;padding:5px 12px;font-size:11px;font-weight:500;display:inline-flex}.snp-project-desc{color:#ffffff61;max-width:380px;margin-bottom:28px;font-size:15px;line-height:1.75}.snp-project-link{color:#ffffff8c;border-bottom:1px solid #ffffff24;align-items:center;gap:8px;padding-bottom:2px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.snp-project-link:hover{color:#fff;border-color:#fff6}.snp-project-link svg{transition:transform .2s}.snp-project-link:hover svg{transform:translate(3px,-3px)}.snp-devices{justify-content:center;align-items:center;height:380px;display:flex;position:relative}.snp-macbook{perspective:1200px;z-index:1;width:100%;max-width:420px;transition:transform .5s cubic-bezier(.16,1,.3,1),z-index;position:absolute;top:0;left:0}.snp-macbook-body{transform-origin:50%;transform-style:preserve-3d;filter:drop-shadow(0 40px 60px #000000a6)drop-shadow(0 0 #ffffff0f);transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s;position:relative;transform:rotateY(-6deg)}.snp-macbook:hover{z-index:3;transform:translateY(-10px)scale(1.03)}.snp-macbook:hover .snp-macbook-body{filter:drop-shadow(0 60px 80px #000c)drop-shadow(0 0 40px #ffffff0a)}.snp-macbook-lid{background:#1d1d1f;border-radius:10px 10px 4px 4px;width:100%;padding:8px 8px 6px;position:relative;box-shadow:0 0 0 1px #ffffff14,inset 0 0 0 1px #00000080}.snp-macbook-lid:before{content:"";z-index:2;background:#0a0a0a;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0f}.snp-macbook-screen{background:#000;border-radius:3px;width:100%;padding-top:62.5%;position:relative;overflow:hidden}.snp-macbook-screen img,.snp-macbook-screen .snp-placeholder{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.snp-placeholder{justify-content:center;align-items:center;display:flex}.snp-macbook-base{background:linear-gradient(#2a2a2c 0%,#1a1a1c 60%,#111 100%);border-radius:0 0 8px 8px;justify-content:center;align-items:center;width:108%;height:14px;margin-left:-4%;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff12,0 4px 14px #00000080}.snp-macbook-base:before{content:"";background:#111;border-radius:0 0 4px 4px;width:18%;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.snp-macbook-foot{background:linear-gradient(#1a1a1c 0%,#111 100%);border-radius:0 0 6px 6px;width:90%;height:4px;margin:0 auto;box-shadow:0 3px 10px #0006}.snp-iphone{z-index:2;filter:drop-shadow(0 24px 48px #000000b3)drop-shadow(0 4px 12px #0006);width:112px;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s;position:absolute;bottom:-10px;right:0}.snp-iphone:hover{z-index:3;filter:drop-shadow(0 40px 60px #000000d9)drop-shadow(0 0 30px #ffffff0d);transform:translateY(-12px)scale(1.06)}.snp-iphone-body{background:linear-gradient(160deg,#282828 0%,#1a1a1a 40%,#111 100%);border-radius:30px;width:112px;height:228px;position:relative;overflow:visible;box-shadow:0 0 0 1px #ffffff1a,0 0 0 2px #000c,inset 0 0 0 1px #ffffff0a}.snp-iphone-body:before{content:"";background:linear-gradient(#2e2e2e 0%,#222 100%);border-radius:2px 0 0 2px;width:3px;height:22px;position:absolute;top:52px;left:-3px;box-shadow:0 28px #2d2d2de6,0 28px #222}.snp-iphone-body:after{content:"";background:linear-gradient(#2e2e2e 0%,#222 100%);border-radius:0 2px 2px 0;width:3px;height:32px;position:absolute;top:68px;right:-3px}.snp-iphone-screen{background:#050505;border-radius:26px;position:absolute;inset:5px;overflow:hidden}.snp-iphone-screen img,.snp-iphone-screen .snp-placeholder{object-fit:cover;object-position:top center;border-radius:22px;width:100%;height:100%;display:block;position:absolute;inset:0}.snp-iphone-island{z-index:10;background:#000;border-radius:8px;width:36px;height:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.snp-placeholder-1-d{background:linear-gradient(135deg,#0f1729 0%,#1a2240 50%,#0f1729 100%)}.snp-placeholder-1-m{background:linear-gradient(160deg,#0f1729 0%,#1a2240 100%)}.snp-placeholder-2-d{background:linear-gradient(135deg,#1a0f29 0%,#2d1a42 50%,#1a0f29 100%)}.snp-placeholder-2-m{background:linear-gradient(160deg,#1a0f29 0%,#2d1a42 100%)}.snp-placeholder-3-d{background:linear-gradient(135deg,#0f2029 0%,#1a3040 50%,#0f2029 100%)}.snp-placeholder-3-m{background:linear-gradient(160deg,#0f2029 0%,#1a3040 100%)}.snp-placeholder-4-d{background:linear-gradient(135deg,#200f29 0%,#3a1a42 50%,#200f29 100%)}.snp-placeholder-4-m{background:linear-gradient(160deg,#200f29 0%,#3a1a42 100%)}.snp-placeholder-5-d{background:linear-gradient(135deg,#0f2924 0%,#1a4038 50%,#0f2924 100%)}.snp-placeholder-5-m{background:linear-gradient(160deg,#0f2924 0%,#1a4038 100%)}.snp-placeholder-label{color:#ffffff2e;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;line-height:1.4}.snp-cta{text-align:center;background:radial-gradient(80% 60% at 50% 0,#3b5aff0f 0%,#0000 70%);border-top:1px solid #ffffff0d;padding:120px 52px}.snp-cta-title{letter-spacing:-.04em;color:#f0f0f0;margin-bottom:16px;font-family:Syne,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05}.snp-cta-sub{color:#ffffff61;margin-bottom:40px;font-size:17px;line-height:1.7}.snp-cta-btn{color:#000;letter-spacing:-.01em;background:#fff;border-radius:100px;align-items:center;gap:8px;padding:16px 34px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.snp-cta-btn:hover{color:#000;background:#e8e8e8;text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 32px #ffffff1a}.snp-cta-btn:active{transform:translateY(0)}@media (max-width:1000px){.snp-project-inner{grid-template-columns:1fr;gap:48px}.snp-project:nth-child(2n) .snp-project-inner{direction:ltr}.snp-project{padding:64px 32px}.snp-hero{padding:72px 32px 60px}.snp-devices{height:320px}.snp-macbook{max-width:340px}.snp-iphone{width:96px}.snp-iphone-body{width:96px;height:196px}.snp-cta{padding:80px 32px}}@media (max-width:600px){.snp-project{padding:52px 20px}.snp-hero{padding:56px 20px 48px}.snp-devices{flex-direction:column;justify-content:flex-start;align-items:center;height:auto;min-height:260px;padding-top:8px;overflow:visible}.snp-macbook{width:100%;max-width:100%;margin:0 auto;position:relative;top:auto;left:auto}.snp-macbook-body{width:100%;transform:none}.snp-macbook-lid{width:100%}.snp-iphone{align-self:flex-end;width:80px;margin-top:-60px;margin-right:8px;position:relative;bottom:auto;right:auto}.snp-iphone-body{border-radius:22px;width:80px;height:164px}.snp-iphone-screen{border-radius:18px;inset:4px}.snp-iphone-screen img,.snp-iphone-screen .snp-placeholder{border-radius:16px}.snp-iphone-island{width:28px;height:8px}.snp-cta{padding:72px 20px}}html.sn-light .snp-page,html.sn-light .snp-hero{background:#f2f2f0!important}html.sn-light .snp-hero-label{color:#00000059!important}html.sn-light .snp-hero-label:before{background:#00000040!important}html.sn-light .snp-hero-title{color:#0a0a0a!important}html.sn-light .snp-hero-title span{color:#0000001f!important}html.sn-light .snp-hero-sub{color:#00000073!important}html.sn-light .snp-hero-stat{background:#00000008!important;border-color:#0000001a!important}html.sn-light .snp-hero-stat-num{color:#0a0a0a!important}html.sn-light .snp-hero-stat-label{color:#0006!important}html.sn-light .snp-hero-divider{background:#0000001f!important}html.sn-light .snp-projects{background:#f2f2f0!important}html.sn-light .snp-project{border-color:#00000012!important}html.sn-light .snp-project:nth-child(odd){background:#f2f2f0!important}html.sn-light .snp-project:nth-child(2n){background:#ebebea!important}html.sn-light .snp-project-ghost-num{color:#0000000a!important}html.sn-light .snp-project-num{color:#00000038!important}html.sn-light .snp-project-name{color:#0a0a0a!important}html.sn-light .snp-project-desc{color:#0006!important}html.sn-light .snp-tag{color:#0006!important;background:#0000000a!important;border-color:#0000001a!important}html.sn-light .snp-project-link{color:#00000073!important;border-color:#00000029!important}html.sn-light .snp-macbook-lid{background:#b0b0b0!important;box-shadow:0 0 0 1px #0000001a!important}html.sn-light .snp-macbook-screen{background:#888!important}html.sn-light .snp-macbook-base{background:linear-gradient(#989898 0%,#888 60%,#787878 100%)!important;box-shadow:0 0 0 1px #0000001a,0 4px 14px #0000001a!important}html.sn-light .snp-macbook-foot{box-shadow:none!important;background:linear-gradient(#888 0%,#767676 100%)!important}html.sn-light .snp-iphone-body{background:linear-gradient(160deg,silver 0%,#a8a8a8 40%,#989898 100%)!important;box-shadow:0 0 0 1px #00000026!important}html.sn-light .snp-iphone-screen{background:#666!important}html.sn-light .snp-cta{background:#e6e6e4!important;border-color:#0000000f!important}html.sn-light .snp-cta-title{color:#0a0a0a!important}html.sn-light .snp-cta-sub{color:#0006!important}html.sn-light .snp-cta-btn{color:#f2f2f0!important;background:#0a0a0a!important}html.sn-light .snp-spotlight-label{color:#0006!important}html.sn-light .snp-spotlight-label:before{background:#0006!important}html.sn-light .snp-spotlight-hint{color:#0006!important}html.sn-light .snp-spot-card{background:#fff!important;border-color:#00000014!important}html.sn-light .snp-spot-card:hover{border-color:#0000002e!important;box-shadow:0 24px 48px #0000001f!important}html.sn-light .snp-spot-name{color:#0a0a0a!important}html.sn-light .snp-spot-link{color:#00000080!important}html.sn-light .snp-spot-link:hover{color:#000!important}.snp-hero{background:radial-gradient(60% 70% at 50% -10%,#3b5aff0f 0%,#0000 65%)}html.sn-light .snp-hero{background:radial-gradient(60% 70% at 50% -10%,#3b5aff14 0%,#0000 65%)!important}