@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@layer tokens,base,layout,components,animations;@layer tokens{:root{color-scheme:light dark;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7c3aed;--purple-800: #6d28d9;--purple-900: #581c87;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--color-accent-start: light-dark(var(--purple-700), var(--purple-400));--color-accent-end: light-dark(var(--cyan-500), var(--cyan-400));--color-accent: light-dark(var(--indigo-600), var(--indigo-400));--surface-bg: light-dark(#f8f9fc, #07070d);--surface-card: light-dark(#ffffff, #111119);--surface-elevated: light-dark(#ffffff, #1a1a26);--surface-subtle: light-dark(var(--gray-100), #0d0d16);--text-primary: light-dark(var(--gray-900), #eaeaf2);--text-secondary: light-dark(var(--gray-500), var(--gray-400));--text-tertiary: light-dark(var(--gray-400), var(--gray-600));--text-on-accent: #ffffff;--border-subtle: light-dark(rgba(0, 0, 0, .06), rgba(255, 255, 255, .06));--border-medium: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));--glass-bg: light-dark(rgba(255, 255, 255, .75), rgba(11, 11, 19, .75));--glass-border: light-dark(rgba(255, 255, 255, .5), rgba(255, 255, 255, .08));--gradient-accent: linear-gradient(135deg, var(--color-accent-start), var(--color-accent-end));--gradient-hero: linear-gradient(160deg, #0a0a14 0%, #12102a 30%, #0c1a2e 60%, #0a0a14 100%);--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(124, 58, 237, .15), transparent 70%);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: clamp(.7rem, .65rem + .25vw, .75rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-lg: clamp(1.05rem, 1rem + .25vw, 1.125rem);--text-xl: clamp(1.15rem, 1rem + .5vw, 1.25rem);--text-2xl: clamp(1.4rem, 1.2rem + .8vw, 1.5rem);--text-3xl: clamp(1.7rem, 1.3rem + 1.5vw, 1.875rem);--text-4xl: clamp(2rem, 1.5rem + 2vw, 2.25rem);--text-5xl: clamp(2.5rem, 1.8rem + 3vw, 3rem);--text-hero: clamp(2.8rem, 2rem + 4vw, 4.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 40px rgba(124, 58, 237, .15);--shadow-glow-lg: 0 0 80px rgba(124, 58, 237, .2);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-header: 100;--z-overlay: 200;--z-modal: 300;--content-max: 72rem;--content-padding: clamp(var(--space-4), 4vw, var(--space-8));--header-height: 5rem}}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;hanging-punctuation:first last}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--surface-bg);min-block-size:100dvh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;text-wrap:balance;color:var(--text-primary)}h1{font-size:var(--text-hero)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{text-wrap:pretty;color:var(--text-secondary);max-inline-size:65ch}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out);&:hover:not(:disabled){color:var(--color-accent-start)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}}img,svg,video{display:block;max-inline-size:100%;block-size:auto}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}}ul,ol{list-style:none}[tabindex="-1"]:focus{outline:none}::selection{background:var(--color-accent);color:var(--text-on-accent)}:root{scrollbar-color:var(--text-tertiary) transparent;scrollbar-width:thin}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}}@layer layout{#app{display:flex;flex-direction:column;min-block-size:100dvh}.page-content{flex:1;padding-block-start:var(--header-height)}.container{inline-size:100%;max-inline-size:var(--content-max);margin-inline:auto;padding-inline:var(--content-padding)}.container--narrow{max-inline-size:48rem}.section{padding-block:var(--space-20)}.section--hero{padding-block:var(--space-24) var(--space-20);position:relative;overflow:hidden}.site-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--z-header);block-size:var(--header-height);background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-block-end:1px solid var(--glass-border);transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;justify-content:space-between;block-size:100%}.header-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);&:hover{opacity:.8;color:var(--text-primary)}}.header-logo-image{block-size:2.5rem;inline-size:auto;object-fit:contain}.header-nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{position:relative;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);&:hover{color:var(--text-primary);background:var(--border-subtle)}&.active{color:var(--color-accent)}}.site-footer{padding-block:var(--space-12);border-block-start:1px solid var(--border-subtle);background:var(--surface-subtle)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.footer-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--text-primary)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{font-size:var(--text-sm);color:var(--text-secondary);&:hover{color:var(--text-primary)}}.footer-copy{font-size:var(--text-xs);color:var(--text-tertiary)}.app-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8)}.app-grid>*{flex:0 1 24rem;width:100%}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:var(--space-6)}.carousel-container{position:relative;padding-block-end:var(--space-16)}.home-carousel{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch}.home-carousel::-webkit-scrollbar{display:none}.home-carousel .section{flex:0 0 100vw;width:100vw;scroll-snap-align:start;padding-block:var(--space-8)}.carousel-dots{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;gap:var(--space-3);z-index:100}.carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--text-tertiary);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:0}.carousel-dot.active{background:var(--text-primary);transform:scale(1.3)}@media (max-width: 640px){.header-nav{gap:0}.nav-link{padding:var(--space-2);font-size:var(--text-xs)}.section{padding-block:var(--space-12)}.section--hero{padding-block:var(--space-16) var(--space-12)}}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-xl);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out),opacity var(--duration-fast) var(--ease-out);min-block-size:2.75rem;cursor:pointer;&:hover:not(:disabled){transform:translateY(-1px)}&:active:not(:disabled){transform:translateY(0) scale(.98)}}.btn--primary{background:var(--gradient-accent);color:var(--text-on-accent);box-shadow:0 4px 15px #7c3aed4d;&:hover:not(:disabled){box-shadow:0 6px 25px #7c3aed66;color:var(--text-on-accent)}}.btn--secondary{background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-medium);&:hover:not(:disabled){border-color:var(--color-accent);box-shadow:var(--shadow-md)}}.btn--ghost{color:var(--text-secondary);&:hover:not(:disabled){color:var(--text-primary);background:var(--border-subtle)}}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);min-block-size:3.25rem;border-radius:var(--radius-2xl)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge--coming-soon{background:linear-gradient(135deg,#7c3aed26,#06b6d426);color:var(--color-accent);border:1px solid rgba(124,58,237,.2)}.badge--ios{background:var(--border-subtle);color:var(--text-secondary)}.badge--platform{text-transform:uppercase;letter-spacing:.05em}.app-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);cursor:pointer;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);overflow:hidden;&:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--gradient-accent);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);z-index:0}&:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:#7c3aed4d;&:before{opacity:.03}}>*{position:relative;z-index:1}}.app-card__icon{inline-size:4rem;block-size:4rem;border-radius:var(--radius-xl);background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-block-end:var(--space-5);box-shadow:0 4px 12px #7c3aed33;view-transition-name:var(--vt-name)}.app-card__name{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-block-end:var(--space-1)}.app-card__subtitle{font-size:var(--text-sm);color:var(--color-accent);font-weight:500;margin-block-end:var(--space-3)}.app-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-block-end:var(--space-5);flex:1}.app-card__footer{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%}.feature-card{padding:var(--space-6);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);&:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}}.feature-card__icon{font-size:2rem;margin-block-end:var(--space-4);display:block}.feature-card__title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-block-end:var(--space-2)}.feature-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.section-header{margin-block-end:var(--space-12)}.section-header--center{text-align:center;& p{margin-inline:auto}}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-block-end:var(--space-3)}.section-label__dot{inline-size:.375rem;block-size:.375rem;border-radius:var(--radius-full);background:var(--color-accent)}.section-title{margin-block-end:var(--space-4)}.section-desc{font-size:var(--text-lg);max-inline-size:50ch}.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.hero__title{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;letter-spacing:-.03em;font-weight:900}.hero__subtitle{font-size:var(--text-xl);color:var(--text-secondary);max-inline-size:40ch;margin-inline:auto}.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-block-start:var(--space-2)}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.hero-orb--1{inline-size:600px;block-size:600px;background:#7c3aed26;inset-block-start:-200px;inset-inline-start:-100px;animation:float-orb 20s ease-in-out infinite}.hero-orb--2{inline-size:500px;block-size:500px;background:#06b6d41f;inset-block-end:-150px;inset-inline-end:-100px;animation:float-orb 25s ease-in-out infinite reverse}.hero-orb--3{inline-size:300px;block-size:300px;background:#6366f11a;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);animation:float-orb 15s ease-in-out infinite 2s}.detail-hero{position:relative;padding-block:var(--space-16);text-align:center;overflow:hidden}.detail-hero__bg{position:absolute;inset:0;background:var(--gradient-hero);z-index:0}.detail-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.detail-hero__icon{inline-size:6rem;block-size:6rem;border-radius:var(--radius-2xl);background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:var(--shadow-glow-lg);view-transition-name:app-icon}.detail-hero__title{font-size:var(--text-5xl);font-weight:900;color:#fff;letter-spacing:-.02em}.detail-hero__subtitle{font-size:var(--text-xl);color:#ffffffb3;font-weight:500}.detail-hero__desc{font-size:var(--text-base);color:#fff9;max-inline-size:50ch;margin-inline:auto;line-height:1.7}.detail-hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-block-start:var(--space-2)}.policy-content{padding-block:var(--space-12)}.policy-header{margin-block-end:var(--space-10);padding-block-end:var(--space-8);border-block-end:1px solid var(--border-subtle)}.policy-meta{font-size:var(--text-sm);color:var(--text-tertiary);margin-block-start:var(--space-3)}.policy-section{margin-block-end:var(--space-10)}.policy-section h3{font-size:var(--text-xl);margin-block-end:var(--space-4);color:var(--text-primary)}.policy-section p,.policy-section-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.8;white-space:pre-line;max-inline-size:70ch}.policy-section-text a{text-decoration:underline;text-underline-offset:2px}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-block-end:var(--space-6);transition:color var(--duration-fast) var(--ease-out);&:hover{color:var(--text-primary)}}.empty-state{text-align:center;padding:var(--space-16);color:var(--text-tertiary)}.divider{border:none;block-size:1px;background:var(--border-subtle);margin-block:var(--space-12)}.freelance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);padding-block:var(--space-4) var(--space-8);justify-content:center}.freelance-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out)}.freelance-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#7c3aed4d}.freelance-card__icon{font-size:2.5rem;margin-block-end:var(--space-4);background:var(--surface-subtle);inline-size:4rem;block-size:4rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl)}.freelance-card__title{font-size:var(--text-xl);font-weight:700;margin-block-end:var(--space-2);color:var(--text-primary)}.freelance-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;flex:1}}@layer animations{@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}}@keyframes fade-in{0%{opacity:0}}@keyframes scale-in{0%{opacity:0;scale:.9}}.animate-on-load{animation:fade-in-up .6s var(--ease-out) backwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}@media (prefers-reduced-motion: no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){.scroll-reveal{animation:fade-in-up auto linear backwards;animation-timeline:view();animation-range:entry 0% entry 30%}.scroll-reveal-scale{animation:scale-in auto linear backwards;animation-timeline:view();animation-range:entry 0% entry 30%}}}.scroll-reveal-js{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.scroll-reveal-js.revealed{opacity:1;transform:translateY(0)}::view-transition-old(root){animation:fade-out .2s var(--ease-out)}::view-transition-new(root){animation:fade-in .2s var(--ease-out)}@keyframes fade-out{to{opacity:0}}::view-transition-old(app-icon),::view-transition-new(app-icon){block-size:100%;overflow:hidden}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animated{background-size:200% auto;animation:gradient-shift 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed33}50%{box-shadow:0 0 40px #7c3aed66}}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}}