:root{--bg:#08090a;--bg-deep:#010102;--panel:#0f1011;--surface:#191a1b;--fg:#f7f8f8;--fg-2:#d0d6e0;--fg-3:#8a8f98;--fg-4:#62666d;--accent:#5e6ad2;--accent-bright:#7170ff;--accent-hover:#828fff;--border:#ffffff14;--border-subtle:#ffffff0d;--surface-2:#ffffff05;--surface-4:#ffffff0a;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-feature-settings:"cv01", "ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}::selection{background:var(--accent);color:#fff}a{color:inherit}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:2px}.container{max-width:1120px;margin-inline:auto;padding-inline:28px}.nav{z-index:20;-webkit-backdrop-filter:blur(14px)saturate(160%);border-bottom:1px solid var(--border-subtle);background:#08090ad1;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:20px;height:60px;display:flex}.brand{letter-spacing:-.02em;color:var(--fg);align-items:center;gap:10px;font-size:15px;font-weight:590;text-decoration:none;display:inline-flex}.brand img{border-radius:5px}.nav-links{align-items:center;gap:26px;display:flex}.nav-link{color:var(--fg-3);opacity:1;font-size:13.5px;font-weight:510;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);transform:none}.nav-link:hover{color:var(--fg)}.nav-actions{align-items:center;gap:12px;display:flex}.menu-toggle{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px 9px;transition:background .2s,border-color .2s;display:none}.menu-toggle:hover{background:var(--surface-4);border-color:#ffffff24}.menu-line{background:var(--fg-2);transform-origin:50%;border-radius:2px;width:22px;height:2px;margin:0 auto;transition:all .3s cubic-bezier(.23,1,.32,1);display:block}.menu-toggle[aria-expanded=true] .menu-line:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-line:nth-child(2){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08090afa;flex-direction:column;gap:4px;padding:12px 24px 20px;display:none}.mobile-link{color:var(--fg-2);border-radius:8px;padding:13px 14px;font-size:15px;font-weight:510;text-decoration:none;transition:background .15s,color .15s;display:block}.mobile-link:hover{background:var(--surface-4);color:var(--fg)}.mobile-link.btn{text-align:center;margin-top:6px}.btn{font-family:var(--font-body);font-feature-settings:"cv01", "ss03";letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:14px;font-weight:510;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn-small{padding:7px 14px;font-size:13px}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 25%,#1d4ed8 50%,#1e40af 75%,#1e3a8a 100%);border:none;border-radius:9999px;transition:all .3s cubic-bezier(.23,1,.32,1);animation:2s ease-in-out infinite btn-pulse-glow;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 0 #3b82f6b3,0 4px 20px #3b82f666,0 0 30px #3b82f64d}.btn-primary:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff26 45%,#ffffff73 50%,#ffffff26 55%,#0000 100%);width:50%;height:100%;transition:left .5s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:-60%;transform:skew(-18deg)}.btn-primary:hover:before{left:130%}.btn-primary:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 0 0 8px #3b82f61f,0 8px 30px #3b82f6a6,0 0 50px #3b82f68c}@keyframes btn-pulse-glow{0%,to{box-shadow:0 0 #3b82f699,0 4px 20px #3b82f666,0 0 30px #3b82f64d}50%{box-shadow:0 0 0 7px #3b82f600,0 4px 25px #3b82f680,0 0 40px #3b82f666}}.btn-ghost{background:var(--surface-2);border-color:var(--border);color:var(--fg-2);border-radius:9999px;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.btn-ghost:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:conic-gradient(#0000 0%,#7170ffb3 25%,#0000 50%);padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-ghost:hover{background:var(--surface-4);color:var(--fg);border-color:#0000;transform:translateY(-2px)}.btn-ghost:hover:before{opacity:1;animation:2.4s linear infinite ghost-border-spin}.btn-ghost:active{transform:translateY(-1px)scale(.98)}@keyframes ghost-border-spin{to{transform:rotate(360deg)}}.hero{background:radial-gradient(ellipse 80% 55% at 50% -8%, #5e6ad229, transparent 65%), var(--bg);padding:120px 0 0;position:relative;overflow:hidden}.hero-glow{z-index:0;pointer-events:none;background:radial-gradient(55% 42% at 50% 0,#7170ff1a,#0000 70%);position:absolute;inset:0}.hero-bg{z-index:0;pointer-events:none;--parallax-x:0;--parallax-y:0;--scroll-y:0;position:absolute;inset:0;overflow:hidden}.hero-bg__overlay{z-index:1;background:radial-gradient(80% 55% at 50% -8%,#5e6ad229,#0000 65%);position:absolute;inset:0}.hero-bg__layer{will-change:transform;filter:brightness(.55)contrast(1.1)saturate(.8);transform:translate(calc(var(--parallax-x) * 10px), calc(var(--parallax-y) * 6px));background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-bg__layer--back{z-index:0;opacity:.45;filter:brightness(.5)contrast(1.15)saturate(.75)blur(.5px);background-image:url(/shark-hero-bg.jpg);animation:45s ease-in-out infinite alternate hero-drift-back}.hero-bg__layer--mid{z-index:0;opacity:.25;filter:brightness(.6)contrast()saturate(.9);background-image:url(/shark-hero-bg.jpg);animation:55s ease-in-out infinite alternate hero-drift-mid;-webkit-mask-image:radial-gradient(120% 100% at 30% 40%,#0006,#0000 70%);mask-image:radial-gradient(120% 100% at 30% 40%,#0006,#0000 70%)}.hero-bg__layer--front{z-index:0;opacity:.12;filter:brightness(.7)saturate();background-image:url(/shark-hero-bg.jpg);-webkit-mask-image:radial-gradient(80% 80% at 70%,#0000004d,#0000 75%);mask-image:radial-gradient(80% 80% at 70%,#0000004d,#0000 75%)}.hero-shimmer{z-index:2;pointer-events:none;background:linear-gradient(110deg,#0000 10%,#ffffff0a 50%,#0000 90%) 0 0/200% 200%;animation:12s ease-in-out infinite hero-shimmer-sweep;position:absolute;inset:0}@keyframes hero-shimmer-sweep{0%{transform:translate(-100%)}25%{transform:translate(0%)}50%{transform:translate(100%)}75%{transform:translate(0%)}to{transform:translate(-100%)}}.hero-bg__layer--back{animation:45s ease-in-out infinite alternate hero-drift-back}.hero-bg__layer--mid{animation:55s ease-in-out infinite alternate hero-drift-mid}@keyframes hero-drift-back{0%{transform:translate(0)scale(1.05)}to{transform:translate(8px,-5px)scale(1.06)}}@keyframes hero-drift-mid{0%{transform:translate(0)scale(1.03)}to{transform:translate(-10px,8px)scale(1.04)}}.hero-badge{border:1px solid var(--border);background:var(--surface-2);color:var(--fg-2);border-radius:9999px;align-items:center;gap:8px;margin-bottom:28px;padding:5px 12px 5px 10px;font-size:12.5px;font-weight:510;text-decoration:none;transition:border-color .15s,background .15s;animation:4s ease-in-out infinite badge-subtle-glow;display:inline-flex}@keyframes badge-subtle-glow{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 0 4px #10b98126}}.hero-badge:hover{background:var(--surface-4);border-color:#ffffff29;animation-duration:.3s}.hero-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero-inner:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 50% 45%,#08090aeb,#08090a8c 55%,#0000 75%);position:absolute;inset:-60px -120px}.badge-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b981cc}.hero h1{letter-spacing:-.035em;max-width:16ch;color:var(--fg);margin:0;font-size:clamp(2.75rem,7vw,4.5rem);font-weight:510;line-height:1.02}.hero .lead{letter-spacing:-.011em;max-width:56ch;color:var(--fg-3);margin:24px 0 0;font-size:17px;font-weight:400;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.hero-actions.tight{justify-content:flex-start;margin-top:28px}.hero-actions.center{margin-top:36px}.meta{color:var(--fg-3);margin:20px 0 0;font-size:13px}.mockup-wrap{z-index:2;max-width:980px;margin:72px auto -60px;padding-inline:28px;position:relative}.mockup{border:1px solid var(--border);background:var(--panel);border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px #ffffff08,inset 0 1px #ffffff0f}.mockup-titlebar{border-bottom:1px solid var(--border-subtle);background:#ffffff05;align-items:center;gap:12px;padding:10px 14px;display:flex}.tb-dots{gap:6px;display:inline-flex}.tb-dots i{opacity:0;background:#2a2c30;border-radius:50%;width:10px;height:10px;animation:.4s forwards tb-dot-fadein}.tb-dots i:first-child{animation-delay:.1s}.tb-dots i:nth-child(2){animation-delay:.2s}.tb-dots i:nth-child(3){animation-delay:.3s}@keyframes tb-dot-fadein{to{opacity:1}}.tb-title{color:var(--fg-4);font-size:12px;font-weight:510}.tb-keys{font-family:var(--font-mono);color:var(--fg-4);border:1px solid var(--border-subtle);background:#ffffff08;border-radius:4px;margin-left:auto;padding:2px 7px;font-size:10.5px}.mockup-body{grid-template-columns:200px 1fr 220px;min-height:320px;display:grid}.mockup-side{border-right:1px solid var(--border-subtle);background:#ffffff03;padding:14px 10px}.side-search{color:var(--fg-4);border:1px solid var(--border-subtle);background:#ffffff05;border-radius:6px;margin-bottom:12px;padding:6px 10px;font-size:12.5px}.side-item{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:6px 9px;font-size:12.5px;font-weight:510;overflow:hidden}.side-item.active{color:var(--fg);background:#5e6ad229}.side-star{color:var(--accent-bright);margin-right:4px}.mockup-editor{padding:22px 26px}.ed-title{letter-spacing:-.02em;margin-bottom:12px;font-size:21px;font-weight:590}.ed-p{color:var(--fg-3);margin:0 0 12px;font-size:13.5px;line-height:1.7}.ed-link{color:var(--accent-bright);border-bottom:1px solid #7170ff59;padding-bottom:1px}.ed-backlinks{border-top:1px solid var(--border-subtle);align-items:center;gap:8px;margin-top:18px;padding-top:14px;display:flex}.bl-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-4);margin-right:2px;font-size:11px;font-weight:590}.bl-chip{color:var(--fg-2);border:1px solid var(--border);background:#ffffff08;border-radius:9999px;padding:2px 10px;font-size:11.5px;font-weight:510}.mockup-graph{border-left:1px solid var(--border-subtle);background:radial-gradient(70% 60% at 50% 45%,#5e6ad214,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px;display:flex}.mg-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4);align-self:flex-start;font-size:10.5px;font-weight:590}.mockup-graph svg{width:100%;height:auto}.mockup-graph line,.ph-graph line{stroke:#8289ff66;stroke-width:1.4px}.mockup-graph circle,.ph-graph circle{fill:#3c4166}.mockup-graph circle.hub,.ph-graph circle.hub{fill:var(--accent-bright)}.section{z-index:1;padding:96px 0;position:relative}.hero+.section{padding-top:140px}.section-head-center{text-align:center;margin-bottom:52px}.kicker{letter-spacing:.02em;text-transform:none;color:var(--accent-bright);margin:0 0 12px;font-size:13px;font-weight:510}.section-head-center h2,.split h2{letter-spacing:-.028em;color:var(--fg);margin:0;font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:510;line-height:1.12}.section-head-center h2{max-width:22ch;margin-inline:auto}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.trust-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.fcard{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:26px 24px;transition:background .18s,border-color .18s}.fcard:hover{background:var(--surface-4);border-color:#ffffff1f}.fcard-icon{border:1px solid var(--border);width:36px;height:36px;color:var(--accent-bright);background:#5e6ad21f;border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.fcard h3{letter-spacing:-.018em;color:var(--fg);margin:0 0 8px;font-size:16px;font-weight:590}.fcard p{color:var(--fg-3);margin:0;font-size:14px;line-height:1.6}.fcard p.small{font-size:13px}.split{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;display:grid}.split-copy .kicker{text-align:left}.split-body{color:var(--fg-3);max-width:52ch;margin:18px 0 0;font-size:15.5px;line-height:1.7}.checklist{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.checklist li{color:var(--fg-2);padding-left:26px;font-size:14px;position:relative}.checklist li:before{content:"";background:linear-gradient(#08090a00,#08090a00),url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%237170ff\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"/></svg>") 50%/10px no-repeat,#5e6ad22e;border:1px solid #7170ff59;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:0}.phone-wrap{justify-content:center;display:flex}.phone{border:1px solid var(--border);background:linear-gradient(#16171a,#0c0d0f);border-radius:30px;width:250px;padding:10px;box-shadow:0 30px 70px -20px #000c,inset 0 1px #ffffff12}.phone-notch{background:#232529;border-radius:9999px;width:70px;height:5px;margin:4px auto 10px}.phone-screen{border:1px solid var(--border-subtle);background:var(--bg-deep);border-radius:20px;flex-direction:column;height:400px;display:flex;overflow:hidden}.ph-head{text-align:center;letter-spacing:-.01em;color:var(--fg);padding:16px 0 4px;font-size:14px;font-weight:590}.ph-graph{flex:1;width:100%;padding:8px 24px}.ph-tabs{border-top:1px solid var(--border-subtle);justify-content:space-around;align-items:center;padding:13px 8px 17px;display:flex}.ph-tabs span{color:var(--fg-4);display:inline-flex}.ph-tabs svg{width:19px;height:19px}.ph-tab-active{color:var(--accent-bright)!important}.code-line{font-family:var(--font-mono);color:var(--fg-2);border:1px solid var(--border-subtle);white-space:nowrap;background:#ffffff08;border-radius:6px;margin:12px 0;padding:9px 12px;font-size:12px;overflow-x:auto}kbd{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);color:var(--fg-2);border-bottom-width:2px;border-radius:4px;padding:1px 7px;font-size:11.5px;display:inline-block}.hash{border:1px solid var(--border-subtle);font-family:var(--font-mono);letter-spacing:.01em;word-break:break-all;color:var(--fg-2);background:#ffffff05;border-radius:8px;flex-direction:column;gap:6px;padding:13px 16px;font-size:12px;display:flex}.hash-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-4);font-size:10.5px;font-weight:590}.trust-foot{text-align:center;max-width:68ch;color:var(--fg-4);margin:34px auto 0;font-size:13.5px;line-height:1.65}.final{text-align:center;background:radial-gradient(65% 60% at 50% 110%,#5e6ad224,#0000 70%);padding:110px 0 120px}.final-title{letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:510;line-height:1.08}.final-body{color:var(--fg-3);margin:16px 0 0;font-size:16px}.footer{border-top:1px solid var(--border-subtle);background:var(--bg-deep);color:var(--fg-4);font-size:13px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:30px;padding-bottom:38px;display:flex}.footer-brand{letter-spacing:-.01em;color:var(--fg-2);align-items:center;gap:9px;font-weight:590;display:inline-flex}.footer-brand img{border-radius:4px}.footer-note{max-width:46ch;line-height:1.55}.footer a{color:var(--fg-3);align-items:center;gap:8px;text-decoration:none;transition:color .15s;display:inline-flex}.footer a:hover{color:var(--fg)}@media (width<=900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:48px}.mockup-body{grid-template-columns:1fr 200px}.mockup-side{display:none}}@media (width<=720px){.menu-toggle{display:flex}.nav-links{display:none}.mobile-menu{display:flex}.hero{padding-top:80px}.hero-inner{padding:0 4px}.mockup-wrap{margin-top:52px;margin-bottom:-40px}.mockup-body{grid-template-columns:1fr;min-height:0}.mockup-graph{display:none}.section{padding:64px 0}.hero+.section{padding-top:96px}.feature-grid,.trust-grid{grid-template-columns:1fr}.phone{width:220px}}@media (width<=480px){.container{padding-inline:20px}.hero-actions,.hero-actions.tight{flex-direction:column;width:100%}.hero-actions .btn,.hero-actions.tight .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes grad-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero h1{position:relative}.h1-shimmer{background:linear-gradient(105deg,#0000 0%,#ffffff47 48%,#fff9 50%,#ffffff47 52%,#0000 100%) 0 0/220% 100%;-webkit-text-fill-color:transparent;text-fill-color:transparent;pointer-events:none;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite h1-shimmer-sweep;position:absolute;inset:0}@keyframes h1-shimmer-sweep{0%{background-position:-120%}to{background-position:220%}}@keyframes card-reveal{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fcard.animate{animation:.7s cubic-bezier(.23,1,.32,1) both card-reveal}.checklist li.animate{animation:.6s cubic-bezier(.23,1,.32,1) both card-reveal}.fcard{position:relative;overflow:hidden}.fcard:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000 20%,#7170ff80 50%,#0000 80%);padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.fcard:hover:before{opacity:1}.fcard:hover{background:var(--surface-4);transform:translateY(-3px)}.fcard-icon{transition:transform .4s cubic-bezier(.23,1,.32,1);position:relative}.fcard:hover .fcard-icon{transform:scale(1.08)rotate(-3deg)}@keyframes phone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.phone-wrap.animate{animation:5s ease-in-out infinite phone-float}.nav.animate{animation:.9s cubic-bezier(.23,1,.32,1) nav-slide-down}@keyframes nav-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}