:root{--background: #ffffff;--foreground: #121317;--surface: #ffffff;--card: #ffffff;--primary: #b7bfd9;--primary-foreground: #121317;--secondary: #121317;--secondary-foreground: #ffffff;--muted: #f4f4f5;--muted-foreground: #6b6b70;--accent: #b7bfd9;--ink-blue: #53659b;--panel-dark: #17181c;--border: #e5e7eb;--hairline: rgba(33,34,38,0.06);--destructive: #d93025;--font-sans: "Google Sans Flex","Google Sans","Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono: "Google Sans Code",ui-monospace,SFMono-Regular,Menlo,monospace;--tracking-tight: -0.02em;--r-sm: 8px;--r-card: 16px;--r-full: 9999px;--xs: 8px;--sm: 20px;--md: 36px;--lg: 56px;--xl: 88px;--maxw: 1120px;--nav-h: 56px;--ease: cubic-bezier(0.22,1,0.36,1);--dur: 0.7s;color-scheme: light}.dark{--background: #131312;--foreground: #f5f5f4;--surface: #1b1b1a;--card: #1f1f1e;--primary: #b7bfd9;--primary-foreground: #121317;--secondary: #f5f5f4;--secondary-foreground: #121317;--muted: #232322;--muted-foreground: #b2b2b0;--accent: #b7bfd9;--ink-blue: #b7c7f1;--panel-dark: #26262b;--border: #3a3a36;--hairline: rgba(245,245,244,0.1);color-scheme: dark}*,*::before,*::after{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{background: var(--background);color: var(--foreground);font-family: var(--font-sans);font-size: 16px;line-height: 1.45;letter-spacing: 0.01em;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: hidden;transition: background-color 0.5s var(--ease),color 0.5s var(--ease)}a{color: inherit;text-decoration: none}img{max-width: 100%;display: block}::selection{background: var(--accent);color: #121317}:focus:not(:focus-visible){outline: none}:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 6px}a:focus-visible,.btn:focus-visible,.icon-btn:focus-visible{outline-offset: 4px}.container{width: 100%;max-width: var(--maxw);margin-inline: auto;padding-inline: 24px}.section{padding-block: var(--xl)}.eyebrow{font-size: 13px;font-weight: 450;letter-spacing: 0.14em;text-transform: uppercase;color: var(--muted-foreground)}.section-head{max-width: 640px;margin-bottom: var(--lg)}.section-head.center{margin-inline: auto;text-align: center}h1,h2,h3{font-weight: 450;letter-spacing: var(--tracking-tight);line-height: 1.05}h2{font-size: clamp(28px,4vw,44px);margin-top: 14px}h3{font-size: 20px;letter-spacing: -0.01em}.lead{color: var(--muted-foreground);font-size: clamp(16px,1.4vw,18px);line-height: 1.55;margin-top: 18px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-width: 168px;min-height: 46px;padding: 10px 26px;border-radius: var(--r-full);border: 1px solid transparent;font-family: inherit;font-size: 16px;font-weight: 450;cursor: pointer;white-space: nowrap;transition: transform 0.25s var(--ease),background-color 0.25s var(--ease),color 0.25s var(--ease),border-color 0.25s var(--ease),opacity 0.25s;will-change: transform}.btn:active{transform: scale(0.97)}.btn-ic{flex: none}.btn-primary{background: var(--secondary);color: var(--secondary-foreground)}.btn-primary:hover{opacity: 0.85}.btn-secondary{background: var(--muted);color: var(--foreground);border-color: var(--border)}.btn-secondary:hover{background: color-mix(in srgb,var(--foreground) 6%,var(--muted))}.btn-ghost{min-width: auto;min-height: auto;padding: 6px 4px;background: transparent;color: var(--foreground);border: none;border-radius: 0}.btn-ghost::after{content: "";display: block}.btn-arrow{transition: transform 0.25s var(--ease)}.btn:hover .btn-arrow{transform: translateX(3px)}.nav{position: fixed;inset: 0 0 auto 0;height: var(--nav-h);z-index: 100;display: flex;align-items: center;background: var(--background);transition: transform 0.4s var(--ease),background-color 0.5s var(--ease);will-change: transform}.nav.nav-hidden{transform: translateY(-100%)}.nav .container{display: flex;align-items: center;gap: 32px;max-width: none;padding-inline: clamp(20px,3.5vw,56px)}.brand{display: inline-flex;align-items: center;gap: 10px;font-weight: 500;letter-spacing: 0.02em}.brand-logo{width: 23px;height: 24px;flex: none;display: block;color: var(--foreground);fill: currentColor;transition: color 0.5s var(--ease)}.nav-links{display: flex;align-items: center;gap: 28px;margin-right: auto}.nav-links a:not(.btn){font-size: 15px;color: var(--muted-foreground);transition: color 0.2s}.nav-links a:not(.btn):hover{color: var(--foreground)}.nav-actions{display: flex;align-items: center;gap: 14px}.icon-btn{width: 36px;height: 36px;display: grid;place-items: center;border-radius: var(--r-full);border: 1px solid var(--border);background: transparent;color: var(--foreground);cursor: pointer;transition: background-color 0.2s,transform 0.2s var(--ease)}.icon-btn:hover{background: var(--muted);transform: translateY(-1px)}.nav-cta{min-width: auto;min-height: 34px;padding: 6px 18px;font-size: 14px}.nav-cta-mobile{display: none}.hero{position: relative;min-height: 100svh;display: flex;align-items: center;justify-content: center;text-align: center;padding-top: var(--nav-h);padding-bottom: 16vh;overflow: hidden}#net-canvas{position: absolute;inset: 0;width: 100%;height: 100%;z-index: 0;pointer-events: none}.hero-glow{position: absolute;left: 50%;top: 42%;width: 760px;height: 760px;max-width: 90vw;transform: translate(-50%,-50%);background: radial-gradient( circle,color-mix(in srgb,var(--accent) 42%,transparent) 0%,transparent 62% );filter: blur(20px);opacity: 0.5;z-index: 0;pointer-events: none}.hero-inner{position: relative;z-index: 2;max-width: 860px;padding-inline: 24px}.hero-label{display: inline-flex;align-items: center;gap: 11px;font-size: 20px;font-weight: 700;letter-spacing: 0.01em;color: var(--foreground)}.hero-label-logo{width: 26px;height: 27px;flex: none;color: var(--foreground);fill: currentColor}.hero-label .dot{width: 7px;height: 7px;border-radius: 50%;background: #34c759;box-shadow: 0 0 0 0 rgba(52,199,89,0.5);animation: pulse 2.4s infinite}@keyframes pulse{0%{box-shadow: 0 0 0 0 rgba(52,199,89,0.5)}70%{box-shadow: 0 0 0 8px rgba(52,199,89,0)}100%{box-shadow: 0 0 0 0 rgba(52,199,89,0)}}.hero h1{font-size: clamp(42px,8.8vw,104px);line-height: 0.98;letter-spacing: -0.035em;font-weight: 500;margin-top: 30px}.hero h1 .accent-word{color: transparent;background: linear-gradient( 100deg,var(--foreground) 0%,color-mix(in srgb,var(--accent) 80%,var(--foreground)) 55%,var(--foreground) 100% );-webkit-background-clip: text;background-clip: text}.hero-title{min-height: 2.1em}.caret{position: relative;display: inline-block;width: 4px;min-width: 4px;height: 0.72em;margin-left: 0.1em;vertical-align: -0.02em;border-radius: 4px;background: linear-gradient( 180deg,#4f8ff7 0%,#5b86f2 42%,#8a74e6 72%,rgba(138,116,230,0) 100% );animation: caret-blink 0.62s ease-in-out infinite}.caret::after{content: "";position: absolute;left: 50%;top: 0;width: 10px;height: 124%;transform: translateX(-50%);border-radius: 9px;background: linear-gradient( 180deg,#4f8ff7 0%,#6f78ec 22%,#a56ddb 44%,#e06a9c 64%,#f2a65c 84%,rgba(242,166,92,0) 100% );filter: blur(5px);opacity: 0.7;pointer-events: none}.hero-title.done .caret{opacity: 0;animation: none;transition: opacity 0.6s var(--ease)}@keyframes caret-blink{0%,100%{opacity: 1}50%{opacity: 0.2}}.hero-seq{opacity: 0;transform: translateY(16px);transition: opacity 1s var(--ease),transform 1s var(--ease)}.hero-seq.in{opacity: 1;transform: none}.hero-seq[data-delay="1"]{transition-delay: 0.08s}.hero-seq[data-delay="2"]{transition-delay: 0.18s}.hero-seq[data-delay="3"]{transition-delay: 0.28s}.hero p.lead{max-width: 560px;margin-inline: auto;margin-top: 24px}.hero-actions{display: flex;align-items: center;justify-content: center;gap: 14px;flex-wrap: wrap;margin-top: 38px}.hero-note{margin-top: 22px;font-size: 13.5px;color: var(--muted-foreground)}.scroll-cue{position: absolute;left: 50%;bottom: 26px;transform: translateX(-50%);z-index: 2;display: flex;flex-direction: column;align-items: center;gap: 8px;font-size: 12px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--muted-foreground)}.scroll-cue .line{width: 1px;height: 34px;background: linear-gradient(var(--muted-foreground),transparent);animation: cue 2s var(--ease) infinite;transform-origin: top}@keyframes cue{0%{transform: scaleY(0);opacity: 0}40%{transform: scaleY(1);opacity: 1}100%{transform: scaleY(1) translateY(34px);opacity: 0}}.trust{padding-block: var(--sm)}.icon-wave{overflow: hidden;height: 156px;display: flex;align-items: center}.wave-track{display: flex;align-items: center;gap: 12px;width: max-content;padding-inline: 6px;will-change: transform}.wave-chip{--d: 74px;width: var(--d);height: var(--d);border-radius: 50%;background: var(--muted);color: var(--foreground);display: grid;place-items: center;flex: none;will-change: transform}.wave-chip svg{width: 34%;height: 34%}@media (max-width: 600px){.icon-wave{height: 128px}.wave-chip{--d: 54px}}.grid{display: grid;gap: 18px}.grid-3{grid-template-columns: repeat(3,1fr)}.grid-2{grid-template-columns: repeat(2,1fr)}.card{background: var(--card);border: 1px solid var(--border);border-radius: var(--r-card);padding: 28px;transition: transform 0.4s var(--ease),border-color 0.4s var(--ease)}.card:hover{transform: translateY(-4px);border-color: color-mix(in srgb,var(--accent) 60%,var(--border))}.card .ic{width: 46px;height: 46px;border-radius: 12px;display: grid;place-items: center;background: color-mix(in srgb,var(--accent) 28%,var(--background));color: var(--foreground);margin-bottom: 20px}.card h3{margin-bottom: 10px}.card p{color: var(--muted-foreground);font-size: 15.5px;line-height: 1.55}.card.span-2{grid-column: span 2}.bigstat{display: flex;flex-direction: column;justify-content: space-between;min-height: 220px}.bigstat .num{font-size: clamp(40px,6vw,64px);font-weight: 450;letter-spacing: -0.03em;line-height: 1}.stats{border-block: 1px solid var(--hairline)}.stats .container{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--md);text-align: center}.stat .num{font-size: clamp(32px,4.5vw,52px);font-weight: 450;letter-spacing: -0.03em}.stat .cap{margin-top: 8px;font-size: 14px;color: var(--muted-foreground)}.prices{display: grid;grid-template-columns: repeat(3,1fr);gap: 18px;align-items: stretch}.price{display: flex;flex-direction: column;background: var(--card);border: 1px solid var(--border);border-radius: var(--r-card);padding: 30px;transition: transform 0.4s var(--ease),border-color 0.4s var(--ease)}.price:hover{transform: translateY(-4px)}.price.featured{border-color: var(--foreground)}.price .tag{display: inline-block;align-self: flex-start;font-size: 12px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--primary-foreground);background: var(--accent);padding: 4px 10px;border-radius: var(--r-full);margin-bottom: 16px}.price h3{font-size: 18px}.price .amount{margin: 14px 0 4px;font-size: 44px;font-weight: 450;letter-spacing: -0.03em}.price .amount span{font-size: 16px;color: var(--muted-foreground)}.price-note{margin-top: 2px;font-size: 13px;color: var(--muted-foreground)}.price ul{list-style: none;margin: 22px 0 26px;display: grid;gap: 12px}.price li{display: flex;align-items: center;gap: 10px;font-size: 15px;color: var(--muted-foreground)}.price li svg{flex: none;color: var(--foreground)}.price .btn{width: 100%;margin-top: auto}.cta-band{text-align: left}.cta-box{position: relative;overflow: hidden;border: none;border-radius: 26px;padding: clamp(32px,5vw,60px);background: color-mix(in srgb,var(--accent) 20%,var(--background))}.cta-content{position: relative;z-index: 1;max-width: 620px}.cta-box h2{margin-top: 14px;font-size: clamp(30px,4.4vw,46px)}.cta-text{margin-top: 20px;font-size: 15px;line-height: 1.7;color: var(--muted-foreground)}.cta-box .hero-actions{justify-content: flex-start;gap: 12px;margin-top: 30px}.cta-mark{position: absolute;top: 50%;right: 56px;width: 210px;transform: translateY(-50%) rotate(-8deg);color: var(--accent);opacity: 0.4;pointer-events: none}.cta-mark svg{display: block;width: 100%;height: auto;fill: currentColor}.footer{border-top: 1px solid var(--hairline);padding-block: var(--xl) var(--md);overflow: hidden}.footer-top{display: flex;justify-content: space-between;align-items: flex-start;gap: clamp(40px,8vw,120px);flex-wrap: wrap}.footer-tagline{font-size: clamp(26px,3.4vw,44px);font-weight: 400;letter-spacing: -0.025em;line-height: 1.04;color: var(--foreground);max-width: 14ch}.footer-nav{display: flex;gap: clamp(36px,6vw,110px);flex-wrap: wrap}.footer-col{list-style: none;display: grid;gap: 14px;margin: 0}.footer-col a{font-size: 16px;color: var(--foreground);transition: opacity 0.2s}.footer-col a:hover{opacity: 0.55}.footer-wordmark{font-size: clamp(54px,16.5vw,250px);font-weight: 600;letter-spacing: -0.045em;line-height: 0.92;color: var(--foreground);white-space: nowrap;margin: clamp(40px,7vw,96px) 0 28px;user-select: none}.footer-bottom{display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap;padding-top: var(--md);border-top: 1px solid var(--hairline)}.footer-legal{display: flex;align-items: center;gap: 22px;flex-wrap: wrap;font-size: 14px;color: var(--muted-foreground)}.footer-legal a{transition: color 0.2s}.footer-legal a:hover{color: var(--foreground)}.reveal{opacity: 0;transform: translateY(22px);transition: opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.reveal.in{opacity: 1;transform: none}.reveal[data-delay="1"]{transition-delay: 0.08s}.reveal[data-delay="2"]{transition-delay: 0.16s}.reveal[data-delay="3"]{transition-delay: 0.24s}.reveal[data-delay="4"]{transition-delay: 0.32s}.menu-toggle{display: none}@media (max-width: 860px){.nav .container{gap: 16px}.icon-btn{width: 40px;height: 40px}.nav-links{position: fixed;inset: var(--nav-h) 0 auto 0;flex-direction: column;align-items: stretch;gap: 4px;padding: 14px 24px 22px;background: var(--background);border-bottom: 1px solid var(--border);box-shadow: 0 20px 30px rgba(0,0,0,0.05);visibility: hidden;opacity: 0;transform: translateY(-8px);transition: opacity 0.22s var(--ease),transform 0.22s var(--ease),visibility 0.22s}.nav-links.open{visibility: visible;opacity: 1;transform: none}.nav-links a:not(.btn){padding: 12px 4px;font-size: 16px;border-bottom: 1px solid var(--hairline)}.nav-links .nav-cta{margin-top: 12px;min-height: 46px}.nav-cta-desktop{display: none}.nav-links .nav-cta-mobile{display: inline-flex}.menu-toggle{display: grid;border-color: transparent;background: transparent}.nav-actions{margin-left: auto;gap: 8px}.grid-3,.prices{grid-template-columns: 1fr}.grid-2{grid-template-columns: 1fr}.card.span-2{grid-column: span 1}.stats .container{grid-template-columns: repeat(2,1fr);gap: var(--lg) var(--md)}.footer-top{flex-direction: column;gap: 36px}.footer-wordmark{font-size: 14.5vw;letter-spacing: -0.03em}.footer-bottom{flex-direction: column;align-items: flex-start;gap: 18px}.footer-legal{flex-direction: column;align-items: flex-start;gap: 12px}}@media (max-width: 480px){.section{padding-block: var(--lg)}.footer-nav{gap: 28px 40px}.btn{width: 100%}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important;scroll-behavior: auto !important}.reveal,.hero-seq{opacity: 1;transform: none}}
/* ===== mono service layer ===== */
.eyebrow{font-family: var(--font-mono);font-size: 12px;font-weight: 500}
.price .amount span{font-family: var(--font-mono);font-size: 13px}
.price-note{font-family: var(--font-mono);font-size: 12px}
.price .tag{font-family: var(--font-mono)}
/* ===== features / how ===== */
.section-head h2:first-child,.section-heading h2:first-child{margin-top: 0}
.section-heading{display: flex;justify-content: space-between;align-items: flex-end;gap: 48px;margin-bottom: 46px}
.section-heading .text-link{flex: none;padding-bottom: 6px}
.section-description{max-width: 320px;color: var(--muted-foreground);font-size: 14px;line-height: 1.7;padding-bottom: 3px}
.feature-grid{display: grid;grid-template-columns: 1.15fr 1fr 1fr;gap: 16px}
.feature-speed{grid-column: 1;grid-row: 1/3;display: flex;flex-direction: column;overflow: hidden;padding: 30px;border-radius: var(--r-card);background: var(--panel-dark);color: #fff}
.feature-icon{margin-bottom: 24px}
.feature-icon svg{display: block;width: 25px;height: 25px}
.feature-speed .feature-icon{color: var(--accent)}
.feature-speed h3{font-size: 26px;line-height: 1.18;letter-spacing: -0.03em;color: #fff}
.feature-speed p{max-width: 280px;margin-top: 16px;font-size: 14px;line-height: 1.7;color: rgba(255,255,255,0.64)}
.speed-art{margin: auto -30px 0;padding-top: 24px}
.speed-art svg{display: block;width: 100%;height: 110px}
.speed-grid{stroke: #fff;stroke-opacity: 0.08}
.speed-area{fill: var(--accent);fill-opacity: 0.12}
.speed-path{fill: none;stroke: var(--accent);stroke-width: 2;stroke-linecap: round;stroke-dasharray: 1;stroke-dashoffset: 1}
.feature-speed.in .speed-path{stroke-dashoffset: 0;transition: stroke-dashoffset 1.8s var(--ease) 0.3s}
.speed-caption{display: flex;flex-direction: column;gap: 3px;margin-top: 24px}
.speed-caption strong{font-size: 30px;font-weight: 450;letter-spacing: -0.03em;color: #fff}
.speed-caption span{font-size: 11px;color: rgba(255,255,255,0.5)}
.feature-small{padding: 30px 26px;border: 1px solid var(--border);border-radius: var(--r-card);background: var(--card)}
.feature-small .feature-icon{color: var(--ink-blue)}
.feature-small h3{font-size: 20px;line-height: 1.28;letter-spacing: -0.01em}
.feature-small p{margin-top: 14px;font-size: 14.5px;line-height: 1.6;color: var(--muted-foreground)}
.feature-detail,.feature-small .text-link{display: inline-flex;margin-top: 24px;font-family: var(--font-mono);font-size: 12px}
.feature-detail{color: var(--ink-blue)}
.text-link{display: inline-flex;align-items: center;gap: 10px;color: var(--foreground);font-family: var(--font-mono);font-size: 12px}
.text-link:hover{text-decoration: underline;text-underline-offset: 4px}
.text-link svg{flex: none;width: 16px;height: 16px}
.feature-bottom{grid-column: 2/4;display: flex;flex-direction: column;justify-content: center;gap: 16px;padding: 22px 28px;border: 1px solid var(--border);border-radius: var(--r-card)}
.feature-bottom span{display: flex;align-items: center;gap: 13px;font-size: 13.5px;color: var(--muted-foreground)}
.feature-bottom svg{flex: none;width: 20px;height: 20px;color: var(--ink-blue)}
.setup-steps{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 42px;list-style: none}
.setup-steps li{border-top: 1px solid var(--border);padding-top: 22px}
.step-number{display: inline-block;margin-bottom: 30px;font-family: var(--font-mono);font-size: 13px;color: var(--ink-blue)}
.setup-steps h3{font-size: 19px;letter-spacing: -0.02em}
.setup-steps p{max-width: 300px;margin-top: 14px;font-size: 14px;line-height: 1.7;color: var(--muted-foreground)}
@media (max-width: 860px){
.section-heading{flex-direction: column;align-items: flex-start;gap: 18px;margin-bottom: 32px}
.section-heading .text-link{padding-bottom: 0}
.section-description{max-width: none}
.feature-grid{grid-template-columns: 1fr 1fr}
.feature-speed{grid-column: 1;grid-row: 1/3}
.feature-small{grid-column: 2}
.feature-bottom{grid-column: 1/-1;flex-direction: row;justify-content: space-around;gap: 24px;padding: 22px}
.setup-steps{gap: 26px}
.setup-steps h3{font-size: 17px}
.cta-mark{right: 14px;width: 148px}
}
@media (max-width: 560px){
.feature-grid{grid-template-columns: 1fr;gap: 13px}
.feature-speed{grid-column: 1;grid-row: auto;min-height: 400px;padding: 28px}
.feature-small{grid-column: 1;padding: 28px}
.feature-small h3 br{display: none}
.feature-bottom{flex-direction: column;gap: 14px;padding: 24px}
.setup-steps{grid-template-columns: 1fr;gap: 22px}
.setup-steps li{position: relative;padding: 22px 0 0 46px}
.setup-steps h3{font-size: 19px}
.step-number{position: absolute;left: 0;top: 22px;margin: 0}
.setup-steps p{max-width: none}
.cta-box{padding: 30px 22px;border-radius: 20px}
.cta-box h2{font-size: 29px}
.cta-content{max-width: none}
.cta-box .hero-actions{flex-direction: column;align-items: stretch}
.cta-mark{top: 20px;right: 10px;width: 76px;transform: rotate(-8deg);opacity: 0.18}
}
@media (prefers-reduced-motion: reduce){.speed-path{stroke-dashoffset: 0}}