: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:fixed;top:0;left:0;right:0;z-index:100;background:#1e1f22;border-bottom:none;box-shadow:none}.nav-inner{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;height:80px}.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,#fff,#d4f5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{display:flex;align-items:center;height:34px;line-height:1;color:#ffffffe0;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .18s;white-space:nowrap}.nav-links a:hover{color:#fff}.nav-end{display:flex;align-items:center;gap:.75rem}.nav-cta{display:inline-flex;align-items:center;background:linear-gradient(90deg,#0cc8f2,#3dcc6e);color:#0b0f0e;font-size:.85rem;font-weight:700;padding:.65rem 1.4rem;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease-spring),box-shadow .18s;box-shadow:0 4px 16px #00000040}.nav-cta:hover{transform:scale(1.04)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;position:relative;z-index:10001}.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:1px;transition:transform .25s ease,opacity .25s ease}.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)}.menu-cta-item{display:none}@media (max-width: 860px){.hamburger{display:flex}.nav-links,.nav-cta{display:none}.nav-links.open{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;height:100dvh;flex-direction:column;justify-content:center;align-items:center;background:#1e1f22!important;border-radius:0!important;border:none!important;padding:2rem 24px!important;gap:0!important;z-index:10000}.nav-links.open li{display:block;width:100%;list-style:none;text-align:center}.nav-links.open a{display:block;width:100%;font-size:1.75rem;font-weight:700;padding:1.1rem 0;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.12);border-radius:0!important;background:none!important;text-decoration:none;letter-spacing:-.02em;white-space:normal}.nav-links.open .menu-cta-item{display:flex;justify-content:center;margin-top:2rem;border-bottom:none!important}.nav-links.open .menu-cta-item a{display:inline-flex;width:auto;font-size:1rem!important;font-weight:700;padding:.85rem 2.5rem!important;border-radius:999px!important;border-bottom:none!important}}.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}}.hero{position:relative;width:100%;background:#1e1f22;padding:8.4rem 7vw 5.6rem}.hero-inner{max-width:1180px;margin:0 auto}.hero-card{padding:4.2rem clamp(2.1rem,5.6vw,5.6rem) 0;min-height:clamp(520px,60vh,760px);display:flex;align-items:flex-end}.hero-card-content{display:flex;align-items:center;justify-content:space-between;gap:2.8rem;width:100%}.hero-copy{flex:1 1 588px;max-width:672px}.hero-brand{display:flex;align-items:center;gap:.84rem;margin-bottom:2.8rem}.hero-icon{width:56px;height:56px;object-fit:contain;border-radius:14px}.hero-brand-name{font-size:1.82rem;font-weight:800;letter-spacing:-.03em;color:#0b0f0e}.hero-h1{font-size:clamp(3.1rem,6.3vw,4.55rem);font-weight:800;letter-spacing:-.03em;color:#0b0f0e;margin:0 0 1.4rem;line-height:1.05}.hero-sub{font-size:clamp(1.4rem,2vw,1.6rem);line-height:1.6;color:#0b0f0ebf;max-width:532px;margin:0 0 2.8rem}.hero-phone-layer{position:relative;flex:0 1 448px;display:flex;justify-content:center;align-self:flex-end}.hero-phone-layer img{width:100%;max-width:420px;height:auto;display:block;filter:drop-shadow(0 32px 64px rgba(0,0,0,.35))}.hero-answer-pop{position:absolute;top:calc(58% + 8px);left:50%;width:100%!important;max-width:420px!important;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 32px rgba(0,0,0,.3))!important;animation:hero-float 4s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 16px))}}@media (max-width: 900px){.hero{padding:6.3rem 7vw 2.8rem}.hero-card{min-height:auto;align-items:flex-end;padding-top:2.8rem;padding-bottom:0}.hero-card-content{flex-direction:column;text-align:center;align-items:center;justify-content:center;gap:1.75rem}.hero-brand{justify-content:center}.hero-copy{flex:0 0 auto;max-width:100%;width:100%}.hero-sub{margin-left:auto;margin-right:auto;margin-bottom:1rem}.hero-phone-layer{flex-basis:auto;width:70%;align-self:center;margin:0 auto;justify-content:center;text-align:center}}@media (max-width: 480px){.hero-h1{font-size:clamp(2.66rem,11.2vw,3.36rem)}.hero-phone-layer{width:85%;margin:0 auto}}.gradient-card{position:relative;border-radius:28px;overflow:hidden}.gradient-card--green{background:linear-gradient(135deg,#cdecb1,#8ad68e)}.gradient-card--teal{background:linear-gradient(135deg,#35afa0,#81cbb8)}.gradient-card--highlight{background:linear-gradient(135deg,#cdecb1,#8ad68e);border:2px solid #4C9DFF;box-shadow:0 0 0 1px #4c9dff40,0 0 32px #4c9dff59}.gradient-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 25% 15%,rgba(255,255,255,.18) 0%,transparent 70%);pointer-events:none}.play-badge{display:inline-flex;align-items:center;gap:.91rem;background:#000;color:#fff;border-radius:14px;padding:.7rem 1.54rem .7rem .84rem;text-decoration:none;border:1px solid rgba(255,255,255,.14);transition:transform .2s var(--ease-spring),background .18s}.play-badge:hover{transform:scale(1.03);background:#111}.play-badge-icon{width:36px;height:36px;flex-shrink:0;object-fit:contain}.play-badge-text{display:flex;flex-direction:column;line-height:1.15}.play-badge-eyebrow{font-size:.84rem;font-weight:500;letter-spacing:.04em;color:#ffffffd9;text-transform:uppercase}.play-badge-name{font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.about-section{position:relative;width:100%;background:#1e1f22;padding:clamp(48px,6vw,80px) 4vw}.about-header{max-width:560px;margin:0 auto clamp(2rem,4vw,2.75rem);text-align:center}.about-h2{font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:#fff;margin:0 0 .85rem}.about-sub{font-size:clamp(.9rem,1.2vw,1rem);line-height:1.65;color:#ffffff9e;margin:0}.about-card{max-width:1180px;margin:0 auto}.about-row{display:flex;align-items:center;justify-content:center;gap:clamp(2rem,5vw,4rem);max-width:1180px;margin:0 auto;padding:clamp(2.5rem,5.5vw,4rem) clamp(2rem,5vw,4rem)}.about-row-text{flex:0 1 500px;max-width:500px}.about-row-text h3{font-size:clamp(1.75rem,3.2vw,2.35rem);font-weight:800;letter-spacing:-.02em;color:#0b0f0e;margin:0 0 .75rem;line-height:1.12}.about-accent{color:#0e7c6b}.about-row-text p{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.6;color:#0b0f0eb8;margin:0}.about-row-img{flex:0 1 460px;display:flex;justify-content:center}.about-row-img img{width:100%;max-width:440px;height:auto;display:block}.offline-strip{display:flex;align-items:center;justify-content:center;gap:clamp(2.5rem,5vw,5rem);max-width:1180px;margin:0 auto;padding:clamp(3.5rem,7vw,6rem) clamp(1rem,2.5vw,2rem)}.offline-icon{width:clamp(120px,14vw,180px);height:clamp(120px,14vw,180px);object-fit:contain;flex-shrink:0}.offline-heading{font-size:clamp(2rem,3.6vw,2.75rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem;color:#fff}.offline-sub{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.5;color:#ffffffa6;margin:0}@media (max-width: 820px){.about-row{flex-direction:column;text-align:center;padding:1.25rem}.about-row-text{flex:0 0 auto;max-width:100%}.about-row-img{flex:0 0 auto;order:-1;width:100%}.about-row-img img{max-width:280px;margin:0 auto}.offline-strip{flex-direction:column;text-align:center}}.stack-wrap{position:relative;width:100%}.stack-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(60px,8vw,100px)}.stack-header{text-align:center;max-width:640px;margin:0 auto clamp(1.25rem,2.5vw,1.75rem);flex-shrink:0}.stack-header .section-label{color:#3dcc6e;margin-bottom:1rem}.stack-header h2{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.03em;color:#fff;margin:0 0 1rem}.stack-header p{font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.7;color:#ffffff9e;margin:0}.stack-inner{position:relative;width:100%;max-width:1100px;height:min(500px,60vh);margin:0 auto;padding:0 24px;flex:1 1 auto}.stack-card-slot{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 24px;transition:transform .35s ease-out,opacity .35s ease-out;will-change:transform,opacity}.stack-card{width:100%;height:100%;padding:48px;display:flex;align-items:center}.stack-row{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;width:100%}.stack-row-text{flex:1 1 380px;max-width:420px}.stack-row-text h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.02em;color:#0b0f0e;margin:0 0 .75rem;line-height:1.15}.stack-accent{color:#0e7c6b}.stack-row-text p{font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.6;color:#0b0f0eb8;margin:0}.stack-row-img{flex:0 1 300px;display:flex;justify-content:center}.stack-row-img img{width:100%;max-width:260px;height:auto;display:block}@media (max-width: 820px){.stack-sticky{height:auto;overflow:hidden}.stack-inner{height:760px}.stack-card-slot{top:0;right:0;bottom:0;left:0}.stack-card{padding:clamp(24px,6vw,36px);height:100%;justify-content:center}.stack-row{flex-direction:column;text-align:center;gap:1.25rem}.stack-row-text{max-width:100%}.stack-row-img{order:-1;flex:0 1 auto}.stack-row-img img{max-width:200px}}.hiw-section{position:relative;z-index:2;background:#1e1f22}.cta-banner-section{padding:clamp(24px,3vw,40px) 5vw clamp(48px,7vw,88px);background:#1e1f22}.cta-banner-inner.reveal{max-width:1060px;margin:0 auto}.cta-card{padding:clamp(2.25rem,5vw,3.5rem) clamp(1.5rem,6vw,4rem);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.75rem}.cta-heading{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:#157a6e;margin:0;line-height:1.1;position:relative}.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)}.faq-section{background:#1e1f22;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-label{color:#3dcc6e}.faq-h2{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;color:#fff;margin:0 0 1.125rem}.faq-accent{background:linear-gradient(90deg,#0cc8f2,#3dcc6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-sub{font-size:1.05rem;line-height:1.75;color:#ffffff9e;max-width:480px;margin:0 auto}.faq-list{display:flex;flex-direction:column;width:100%}.faq-list>.reveal{display:block}.faq-row{border-bottom:1px solid rgba(255,255,255,.12);transition:border-color .25s}.faq-row.open{border-color:#3dcc6e}.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:#fff;text-align:left;transition:color .22s}.faq-row.open .faq-question{color:#3dcc6e}.faq-question:hover{color:#81cbb8}.faq-icon{flex-shrink:0;font-size:1.35rem;font-weight:400;line-height:1;color:#ffffff73;transition:color .22s}.faq-row.open .faq-icon{color:#3dcc6e}.faq-body{overflow:hidden;transition:height .36s cubic-bezier(.4,0,.2,1),opacity .28s ease}.faq-answer{font-size:.9rem;line-height:1.75;color:#ffffff9e;padding-bottom:1.25rem;max-width:560px;transform:translateY(6px);transition:transform .36s cubic-bezier(.4,0,.2,1)}.faq-row.open .faq-answer{transform:translateY(0)}@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:center;gap:1rem;padding:1.25rem 5vw}.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:center;justify-content:space-between;gap:2rem;padding:1.5rem 5vw}.footer-contact-item{display:flex;align-items:center;gap:.65rem;font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.01em}.footer-contact-item a:hover{color:var(--cyan)}.footer-contact-item svg{flex-shrink:0}.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}}
