*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sky-100: #e2ecf5;--sky-300: #9cc1e7;--sky-400: #84b9ef;--sky-600: #156cc2;--cream-50: #f9f8f8;--cream-100: #f4f1ee;--cream-200: #f1ebe5;--cream-300: #eddfd0;--cream-400: #f4e6da;--ink-900: #1a1615;--ink-700: #453f3d;--ink-600: #614a44;--ink-500: #757170;--ink-200: #e4e2e2;--ink-100: #edeff0;--accent-blue: #156cc2;--accent-gold: #cf8d13;--accent-green: #0ea158;--accent-brown: #754d29;--accent-orange: #c9502e;--brand-gold: #d6c2a1;--brand-gold-rgb: 214, 194, 161;--brand-gold-deep: #b59c72;--brand-gold-soft: #ead9b8;--brand-gold-ink: #6b5530;--brand-gold-glow: rgba(214, 194, 161, .42);--brand-bg: var(--cream-100);--bg: var(--cream-100);--bg-sky: var(--sky-300);--bg-cream: var(--cream-300);--surface: #ffffff;--surface-soft: var(--cream-50);--surface-warm: var(--cream-200);--text-primary: var(--ink-900);--text-secondary: var(--ink-700);--text-muted: var(--ink-500);--text-subtle: #9a9694;--text-on-dark: var(--cream-100);--border: var(--ink-200);--border-strong: #d6d3d1;--line-soft: rgba(26, 22, 21, .08);--accent: var(--accent-blue);--accent2: var(--accent-orange);--success: var(--accent-green);--grad-sky: linear-gradient(180deg, var(--sky-300) 0%, var(--cream-300) 100%);--grad-cream: linear-gradient( 180deg, var(--cream-100) 0%, var(--cream-300) 100% );--grad-cta: linear-gradient(135deg, #1a1615 0%, #2a2421 100%);--shadow-sm: 0 1px 2px rgba(26, 22, 21, .05);--shadow-md: 0 8px 24px rgba(26, 22, 21, .08);--shadow-lg: 0 24px 60px rgba(26, 22, 21, .12);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px}html{scroll-behavior:smooth;height:100%;min-height:100%;background:var(--bg)}body{font-family:Inter,system-ui,-apple-system,sans-serif;width:100%;min-height:100dvh;background:var(--bg);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;background-image:radial-gradient(rgba(26,22,21,.018) 1px,transparent 1px),radial-gradient(rgba(26,22,21,.012) 1px,transparent 1px);background-size:24px 24px,48px 48px;background-position:0 0,12px 12px}::selection{background:#156cc22e;color:var(--ink-900)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px;border-radius:4px}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1;font-weight:700}a{color:inherit}.inline-link{color:var(--accent);text-decoration:none;text-underline-offset:.18em;transition:color .2s}.inline-link:hover{color:var(--accent-orange);text-decoration:underline}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--ink-900);color:var(--cream-100);border-radius:var(--radius-pill);font-size:15px;font-weight:600;text-decoration:none;border:1px solid var(--ink-900);transition:transform .2s,background .2s,box-shadow .25s;box-shadow:0 6px 20px #1a16152e}.btn-primary:hover{transform:translateY(-2px);background:var(--ink-700);box-shadow:0 12px 32px #1a161547}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:#ffffffa6;border:1px solid rgba(26,22,21,.14);color:var(--ink-900);border-radius:var(--radius-pill);font-size:15px;font-weight:600;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s,transform .2s}.btn-secondary:hover{background:#ffffffe6;transform:translateY(-2px)}.section-title{font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:700;letter-spacing:-.035em;color:var(--text-primary);margin-bottom:18px;line-height:1.06;text-align:center;text-wrap:balance}.section-title span{color:var(--brand-gold-deep);font-style:italic;font-weight:500}.section-sub{font-size:17px;color:var(--text-muted);line-height:1.6;max-width:600px;margin:0 auto 56px;text-align:center;text-wrap:pretty}.ocean-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(26,22,21,.08),transparent)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}.section-wave{display:block;width:100%;height:clamp(40px,6vw,72px);pointer-events:none}.cloud{position:absolute;pointer-events:none;user-select:none;opacity:.85;filter:blur(.5px)}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(40px)}}.img-placeholder{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#1a161508 0 12px,#1a16150f 12px 24px),var(--cream-200);border:1px dashed rgba(26,22,21,.18);color:var(--text-subtle);font-size:13px;font-family:Fragment Mono,JetBrains Mono,monospace;letter-spacing:.04em;border-radius:var(--radius-md);overflow:hidden;position:relative}.img-placeholder:before{content:"screenshot";opacity:.6}@media(max-width:700px){.btn-primary,.btn-secondary{font-size:14px;padding:12px 22px}.section-sub{font-size:15px}}