:root{--cyan: #00677E;--cyan-light: #0CC8F2;--cyan-mid: #0AA8C8;--lime: #93F205;--lime-dark: #3D6A00;--red: #F2274C;--orange: #F27127;--bg: #F9F9FF;--bg-white: #FFFFFF;--bg-2: #F1F3FF;--bg-3: #E8EEFF;--bg-dark: #161C28;--bg-dark-2: #00677E;--ink: #161C28;--ink-2: #3C494E;--ink-3: #6C797E;--border: #DDE2F3;--border-2: #BBC9CF;--font: "Sora", sans-serif;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}::selection{background:var(--cyan);color:#fff}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav{position:relative;z-index:100;background:var(--bg-white);border-bottom:1px solid var(--border);box-shadow:0 0 20px #0000000f}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:0 5vw;height:72px}.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}.nav-logo-icon{width:36px;height:36px;object-fit:contain;border-radius:8px;flex-shrink:0}.logo-wordmark{font-size:1.65rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(90deg,#0cc8f2,#3dcc6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-links a{color:var(--ink-2);text-decoration:none;font-size:.875rem;font-weight:500;padding:.4rem .875rem;border-radius:8px;transition:color .18s,background .18s}.nav-links a:hover{color:var(--ink);background:var(--bg-2)}.nav-end{display:flex;align-items:center;gap:.75rem}.nav-login{color:var(--ink-2);text-decoration:none;font-size:.875rem;font-weight:500;padding:.45rem .875rem;border-radius:8px;transition:color .18s,background .18s}.nav-login:hover{color:var(--ink);background:var(--bg-2)}.nav-cta{display:inline-flex;align-items:center;background:var(--ink);color:#fff;font-size:.85rem;font-weight:700;padding:.65rem 1.4rem;border-radius:999px;text-decoration:none;white-space:nowrap;transition:background .18s,transform .2s var(--ease-spring)}.nav-cta:hover{background:var(--ink-2);transform:scale(1.03)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:1px;transition:transform .25s,opacity .25s}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 860px){.hamburger{display:flex}.nav-links,.nav-login{display:none}.nav-links.open{display:flex;position:fixed;top:72px;left:0;right:0;flex-direction:column;background:var(--bg-white);padding:1.5rem 5vw 2rem;gap:.5rem;border-bottom:1px solid var(--border);box-shadow:0 8px 32px #00000014}.nav-links.open a{font-size:1rem;padding:.75rem 1rem}}.hero{position:relative;min-height:min(82svh,780px);padding:0;overflow:hidden;background:var(--bg)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.45;pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1;max-width:1180px;width:100%;margin:0 auto;padding:2.5rem 5vw 0;display:flex;align-items:center;gap:2rem}.hero-copy{flex:0 0 auto;width:clamp(320px,38%,480px);animation:fade-up .7s var(--ease-out) both}.hero-h1{margin-bottom:1.25rem}.hero-sub{font-size:clamp(.95rem,1.35vw,1.05rem);line-height:1.75;color:var(--ink-2);max-width:440px;margin-bottom:2rem}.hero-stores{display:flex;flex-wrap:wrap;gap:.75rem}.store-badge{display:inline-flex;align-items:center;gap:.65rem;background:#111;color:#fff;text-decoration:none;border-radius:12px;padding:.55rem 1rem .55rem .75rem;min-width:168px;transition:transform .2s var(--ease-spring),box-shadow .2s;box-shadow:0 6px 20px #161c281f}.store-badge:hover{transform:translateY(-2px);box-shadow:0 10px 28px #161c282e}.store-badge-text{display:flex;flex-direction:column;font-size:.95rem;font-weight:700;line-height:1.15}.store-badge-text small{font-size:.58rem;font-weight:600;letter-spacing:.04em;opacity:.75;text-transform:uppercase}.hero-visual{flex:0 0 auto;display:flex;justify-content:flex-start;align-items:flex-start;animation:fade-up .85s .12s var(--ease-out) both}.hero-mockup{width:auto;max-width:480px;height:auto;display:block;filter:drop-shadow(0 24px 48px rgba(22,28,40,.12));animation:hero-float 4s ease-in-out infinite}.hero-mockup:hover{animation-play-state:paused}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@media (max-width: 900px){.hero{min-height:auto}.hero-inner{flex-direction:column;align-items:center;text-align:center;gap:2rem}.hero-copy{width:100%;order:1}.hero-visual{order:2;justify-content:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-stores{justify-content:center}.hero-mockup{width:100%;max-width:min(100%,380px)}}@media (max-width: 480px){.store-badge{min-width:0;flex:1 1 calc(50% - .5rem);justify-content:center}}.logo-pata{color:var(--ink)}.logo-skills{color:var(--cyan)}.section{padding:clamp(80px,10vw,128px) 5vw;position:relative}.section-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem}.section-h2{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;color:var(--ink);margin-bottom:1.125rem}.section-sub{font-size:1.05rem;color:var(--ink-2);max-width:540px;line-height:1.75;margin-bottom:3rem}.g,.g-dark{background:linear-gradient(90deg,#0cc8f2,#3dcc6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline}.section-h2-gradient{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin-bottom:1.125rem;background:linear-gradient(90deg,#0cc8f2,#3dcc6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--ink);color:#fff;font-weight:700;font-size:.95rem;padding:.85rem 2rem;border-radius:999px;text-decoration:none;transition:transform .22s var(--ease-spring),background .18s}.btn-primary:hover{transform:scale(1.03) translateY(-1px);background:var(--ink-2)}.btn-ghost{display:inline-flex;align-items:center;color:var(--ink-2);font-weight:600;font-size:.9rem;text-decoration:none;padding:.85rem 0;border-bottom:1.5px solid var(--border-2);transition:color .18s,border-color .18s}.btn-ghost:hover{color:var(--ink);border-color:var(--ink)}.reveal{--reveal-delay: 0ms;opacity:0;will-change:opacity,transform;transition:opacity .65s var(--ease-out) var(--reveal-delay),transform .65s var(--ease-out) var(--reveal-delay)}.reveal--up{transform:translateY(28px)}.reveal--left{transform:translate(-32px)}.reveal--right{transform:translate(32px)}.reveal--scale{transform:scale(.92)}.reveal--fade{transform:none}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none!important;transition:none;will-change:auto}}.skills-marquee-section{background:transparent;border:none;padding:2.5rem 0;overflow:hidden}.skills-marquee-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-bottom:1.25rem;padding:0 5vw}.skills-marquee-viewport{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.skills-marquee-track{display:flex;align-items:center;width:max-content;gap:.75rem;animation:skills-marquee 32s linear infinite;padding:.25rem 0}.skills-marquee-viewport:hover .skills-marquee-track{animation-play-state:paused}.skills-marquee-pill{flex-shrink:0;white-space:nowrap;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:700;letter-spacing:-.02em;color:var(--ink);padding:.65rem 1.35rem;border-radius:999px;border:1px solid var(--border);background:transparent}@keyframes skills-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.skills-marquee-track{animation:none;flex-wrap:nowrap;justify-content:center;width:100%;overflow-x:auto;padding:0 5vw}}.tribe-section{background:var(--bg);padding-bottom:clamp(40px,5vw,64px)}.tribe-header{max-width:720px;margin:0 auto 2.5rem;text-align:center}.tribe-heading{margin-bottom:0}.tribe-carousel.reveal{position:relative;display:block}.tribe-track-wrapper{overflow:hidden;padding:0 5vw 2rem}.tribe-track{display:flex;gap:1.5rem;will-change:transform}.tribe-slide{flex:0 0 calc(48vw - .85rem);max-width:600px}.tribe-slide-img{width:100%;height:auto;display:block;border-radius:16px;object-fit:contain}.tribe-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 5vw .25rem}.tribe-nav-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--border-2);background:var(--bg-white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-2);transition:border-color .18s,color .18s,box-shadow .18s,transform .18s var(--ease-spring);box-shadow:0 2px 10px #161c2814;flex-shrink:0}.tribe-nav-btn:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 4px 16px #00677e24;transform:translateY(-1px)}.tribe-dots{display:flex;align-items:center;gap:6px}.tribe-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--border-2);cursor:pointer;padding:0;transition:background .2s,width .2s,border-radius .2s;flex-shrink:0}.tribe-dot.active{background:var(--cyan);width:22px;border-radius:4px}@media (max-width: 900px){.tribe-slide{flex:0 0 calc(82vw - 2rem);max-width:none}}@media (max-width: 640px){.tribe-slide{flex:0 0 calc(88vw - 2rem)}}.hiw-section{position:relative;z-index:2;background:var(--bg-white);padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(80px,10vw,128px)}.hiw-header{text-align:center;max-width:720px;margin:0 auto 3.5rem}.hiw-title{margin-bottom:0}.hiw-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,520px) minmax(280px,1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:center;max-width:1200px;margin:0 auto}@media (min-width: 1100px){.hiw-layout:has(.hiw-phone-wrap:hover){grid-template-columns:minmax(280px,1fr) minmax(420px,600px) minmax(280px,1fr);gap:clamp(1rem,2vw,1.75rem);transition:grid-template-columns .6s cubic-bezier(.25,.46,.45,.94),gap .6s ease}}.hiw-col{display:flex;flex-direction:column;gap:clamp(2rem,5vw,3.5rem)}.hiw-col--left{align-items:flex-end;text-align:right}.hiw-col--right{align-items:flex-start;text-align:left}.hiw-step{display:flex;gap:1rem;width:280px;flex-shrink:0}.hiw-col--left .hiw-step{flex-direction:row-reverse}.hiw-step-num{flex-shrink:0;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.hiw-step-title{font-size:1.05rem;font-weight:800;color:var(--ink);margin-bottom:.4rem;letter-spacing:-.02em}.hiw-step-body{font-size:.9rem;line-height:1.65;color:var(--ink-2)}.hiw-phone-wrap.reveal{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.hiw-phone-glow{position:absolute;width:120%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(12,200,242,.22) 0%,rgba(61,204,110,.18) 45%,transparent 70%);z-index:0}.hiw-phone{position:relative;z-index:1;width:100%;max-width:500px;height:auto;display:block;filter:drop-shadow(0 20px 40px rgba(22,28,40,.15));transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .5s ease}.hiw-phone-wrap:hover .hiw-phone{transform:scale(1.06);filter:drop-shadow(0 32px 56px rgba(22,28,40,.22))}.offline-banner-section{position:relative;z-index:1;height:70vh;background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center}.offline-banner-text{position:relative;z-index:2;padding:0 5vw 0 8vw;max-width:680px;opacity:0;transition:opacity .3s ease}.offline-banner-heading{font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;color:#fff;margin-bottom:1.25rem}.offline-banner-sub{font-size:clamp(.9rem,1.3vw,1rem);line-height:1.75;color:#ffffffb8;margin-bottom:0}.offline-banner-text .section-label{color:var(--cyan);margin-bottom:1rem}.hiw-col--mobile,.hiw-col--stacked{display:none}@media (max-width: 539px){.hiw-layout{display:flex;flex-direction:column;gap:1.5rem;transition:none}.hiw-col--left,.hiw-col--right,.hiw-phone-wrap{display:none}.hiw-col--mobile{display:flex;flex-direction:column;gap:1.75rem;order:1;width:100%}.hiw-step{width:100%;max-width:none}}@media (min-width: 540px) and (max-width: 1099px){.hiw-layout{display:grid;grid-template-columns:1fr clamp(280px,42vw,460px);grid-template-rows:1fr;gap:clamp(1rem,3vw,2rem);align-items:center;transition:none}.hiw-col--left,.hiw-col--right,.hiw-col--mobile{display:none}.hiw-col--stacked{display:flex;flex-direction:column;gap:1.5rem;grid-column:1;grid-row:1;align-items:flex-start;text-align:left;max-width:480px}.hiw-phone-wrap{grid-column:2;grid-row:1;min-height:0;padding:0;align-self:center}.hiw-phone{width:100%;max-width:none;display:block;margin:0 auto}.hiw-step{width:100%;max-width:none}.hiw-phone-wrap:hover .hiw-phone{transform:none;filter:drop-shadow(0 20px 40px rgba(22,28,40,.15))}}@media (min-width: 1100px){.hiw-col--mobile,.hiw-col--stacked{display:none}.hiw-col--left,.hiw-col--right{display:flex}.hiw-phone-wrap{min-height:560px}}.cta-banner-section{padding:clamp(24px,3vw,40px) 5vw clamp(48px,7vw,88px);background:var(--bg)}.cta-banner-inner.reveal{max-width:960px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #161c2814;line-height:0}.cta-banner-img{width:100%;height:auto;display:block;vertical-align:middle}.faq-section{background:var(--bg);padding-bottom:clamp(32px,4vw,48px)}.faq-inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:3rem}.faq-header{text-align:center;width:100%}.faq-header .section-sub{margin-bottom:0}.faq-list{display:flex;flex-direction:column;width:100%}.faq-list>.reveal{display:block}.faq-row{border-bottom:1px solid var(--border)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:1.25rem 0;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:.95rem;font-weight:600;color:var(--ink);text-align:left;transition:color .2s}.faq-question:hover{color:var(--ink-2)}.faq-icon{font-size:1.25rem;font-weight:400;color:var(--ink-3);flex-shrink:0;line-height:1}.faq-answer{font-size:.9rem;line-height:1.75;color:var(--ink-3);padding-bottom:1.25rem;max-width:560px}@media (max-width: 768px){.faq-inner{gap:2rem}}.footer{background:#0d1f2d;padding:0;border-top:1px solid rgba(255,255,255,.08)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 5vw;border-bottom:1px solid rgba(255,255,255,.07)}.footer-social{display:flex;align-items:center;gap:1rem}.footer-social-icon{color:#ffffff73;display:flex;align-items:center;transition:color .2s}.footer-social-icon:hover{color:var(--cyan)}.footer-legal{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.72rem;color:#ffffff59;justify-content:center}.footer-legal a{color:#ffffff73;text-decoration:none;transition:color .2s}.footer-legal a:hover{color:#fffc}.footer-dot{color:#fff3;font-size:.5rem}.footer-brand-icon{display:flex;align-items:center;opacity:.6}.footer-divider{height:1px;background:#ffffff12}.footer-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:1.5rem 5vw}.footer-contact-item{display:flex;align-items:flex-start;gap:.65rem;font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.01em}.footer-contact-item svg{flex-shrink:0;margin-top:3px}.footer-contact-item span{line-height:1.5}.footer-address span{font-size:1rem;font-weight:700;color:#fff;line-height:1.5}@media (max-width: 768px){.footer-top{flex-direction:column;align-items:flex-start;gap:1rem}.footer-legal{justify-content:flex-start}.footer-brand-icon{display:none}.footer-bottom{flex-direction:column;gap:1.25rem}}