.landing-diagram .diagram{--lp-paper:#161719;--lp-surface:#1f2023;--lp-sunken:#191a1d;--lp-rail:#1c1d20;--lp-ink:#f1eee7;--lp-ink-2:#d1cfc8;--lp-muted:#b1b0a8;--lp-line:#333438;--lp-line-strong:#55565a;--lp-signal:#ff8d57;--lp-signal-ink:#ffac82;--lp-signal-wash:#412a21;--lp-signal-line:#7a4229;--lp-dot:#f1eee712;--lp-shadow-lift:0 12px 32px -12px #000000a6;margin:0;container-type:inline-size}.light .landing-diagram .diagram{--lp-paper:#f2f1ec;--lp-surface:#fdfcfa;--lp-sunken:#f1efe9;--lp-rail:#f8f7f3;--lp-ink:#16171a;--lp-ink-2:#393b3f;--lp-muted:#5d605a;--lp-line:#e2e0d8;--lp-line-strong:#cbc8be;--lp-signal:#e5531a;--lp-signal-ink:#ad3b0d;--lp-signal-wash:#fcece3;--lp-signal-line:#f1c3aa;--lp-dot:#16171a17;--lp-shadow-lift:0 1px 0 #16171a0a, 0 12px 32px -12px #16171a38}.landing-diagram .stage{--head:7px;--stop:1.125rem;border:1px solid var(--lp-line);background-color:var(--lp-paper);background-image:radial-gradient(var(--lp-dot) .8px, transparent .8px);background-size:18px 18px;border-radius:10px;grid-template-columns:minmax(0,1fr);grid-template-areas:"google""app""flows""pit";padding:1rem;display:grid}.landing-diagram p{margin:0}.landing-diagram .node{z-index:1;border:1px solid var(--lp-line-strong);background:var(--lp-surface);box-shadow:var(--lp-shadow-lift);border-radius:10px;padding:.75rem;position:relative}.landing-diagram .app{grid-area:app;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,8.5rem);column-gap:.75rem;display:grid}.landing-diagram .app .glyph{grid-area:1/2/span 2;margin-top:0}.landing-diagram .pit{flex-direction:column;grid-area:pit;display:flex}.landing-diagram .node-label{color:var(--lp-ink);font-size:.875rem;font-weight:600;line-height:1.35}.landing-diagram .node-sub{color:var(--lp-muted);font-size:.75rem;line-height:1.45}.landing-diagram .node-label:lang(ja),.landing-diagram .node-sub:lang(ja),.landing-diagram .google:lang(ja){word-break:auto-phrase}.landing-diagram .glyph{width:100%;height:auto;margin-top:.75rem;display:block}.landing-diagram .pit-head{align-items:flex-start;gap:.625rem;display:flex}.landing-diagram .mark{flex:none;width:1.75rem;height:1.75rem}.landing-diagram .g-panel,.landing-diagram .g-canvas{fill:var(--lp-paper);stroke:var(--lp-line)}.landing-diagram .g-rail{fill:var(--lp-rail)}.landing-diagram .g-card{fill:var(--lp-surface);stroke:var(--lp-line)}.landing-diagram .g-track{fill:var(--lp-sunken);stroke:var(--lp-line-strong)}.landing-diagram .g-rule,.landing-diagram .g-tick{fill:none;stroke:var(--lp-line)}.landing-diagram .g-ink,.landing-diagram .g-select{fill:var(--lp-ink)}.landing-diagram .g-paper{fill:var(--lp-surface)}.landing-diagram .g-faint{fill:var(--lp-line-strong)}.landing-diagram .g-chip{fill:var(--lp-sunken);stroke:var(--lp-line-strong)}.landing-diagram .g-signal{fill:var(--lp-signal)}.landing-diagram .g-signal-ink{fill:var(--lp-signal-ink)}.landing-diagram .g-now{stroke:var(--lp-signal);stroke-width:1.5px}.landing-diagram .g-check{fill:none;stroke:var(--lp-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.landing-diagram .mark-cell{fill:var(--lp-ink)}.landing-diagram .mark-signal{fill:var(--lp-signal)}.landing-diagram .google-lane{flex-direction:column-reverse;grid-area:google;align-items:center;display:flex}.landing-diagram .google{z-index:1;border:1px dashed var(--lp-line-strong);background:var(--lp-paper);text-align:center;border-radius:8px;max-width:100%;padding:.375rem .75rem .4375rem;position:relative}.landing-diagram .google-label{color:var(--lp-muted);font-size:.8125rem;font-weight:500;line-height:1.35}.landing-diagram .google-sub{color:var(--lp-muted);font-size:.75rem;line-height:1.4}.landing-diagram .bypass{border-left:1px dashed var(--lp-muted);flex:none;width:0;height:2.25rem;position:relative}.landing-diagram .bypass-mark{width:var(--stop);height:var(--stop);position:absolute;top:.375rem;left:0;translate:calc(-50% - .5px)}.landing-diagram .bypass-mark circle{fill:var(--lp-muted)}.landing-diagram .bypass-mark path{fill:none;stroke:var(--lp-paper);stroke-width:1.75px;stroke-linecap:round}.landing-diagram .flows{grid-area:flows;grid-template-columns:minmax(0,1fr) auto;gap:.375rem 1rem;margin:0;padding:1.25rem .25rem 1.25rem 2.5rem;list-style:none;display:grid;position:relative}.landing-diagram .flows:before,.landing-diagram .flows:after,.landing-diagram .flow:before,.landing-diagram .flow:after{content:"";position:absolute}.landing-diagram .flows:before{border-left:1px solid var(--lp-ink-2);top:0;bottom:0;left:1.25rem}.landing-diagram .flows:after{bottom:0;left:calc(1.25rem + .5px - var(--head) / 2);width:var(--head);height:var(--head);background:var(--lp-ink-2);clip-path:polygon(0 0,100% 0,50% 100%)}.landing-diagram .flow{align-items:center;margin:0;display:flex;position:relative}.landing-diagram .flow[data-direction=out]:before{border-top:1px solid var(--lp-ink-2);width:1.25rem;top:50%;left:-1.25rem}.landing-diagram .flow[data-direction=in]{grid-area:1/2/span 5;justify-content:center;margin-right:1rem}.landing-diagram .flow[data-direction=in]:before{border-left:1px solid var(--lp-signal);top:-1.25rem;bottom:-1.25rem;left:50%}.landing-diagram .flow[data-direction=in]:after{top:-1.25rem;left:calc(50% + .5px - var(--head) / 2);width:var(--head);height:var(--head);background:var(--lp-signal);clip-path:polygon(50% 0,100% 100%,0 100%)}.landing-diagram .flow-label{z-index:1;border:1px solid var(--lp-line-strong);background:var(--lp-surface);color:var(--lp-ink-2);white-space:nowrap;border-radius:999px;padding:.0625rem .5rem;font-size:.75rem;line-height:1.5;position:relative}.landing-diagram .flow[data-direction=in] .flow-label{border-color:var(--lp-signal-line);background:var(--lp-signal-wash);color:var(--lp-signal-ink)}.landing-diagram figcaption{color:var(--lp-muted);margin-top:.625rem;font-size:.75rem;line-height:1.6}@container (width>=34rem){.landing-diagram .stage{grid-template:"app google pit""app flows pit"1fr/minmax(7.5rem,.75fr) minmax(11rem,1.4fr) minmax(9.5rem,1fr);padding:1.25rem}.landing-diagram .app{flex-direction:column;display:flex}.landing-diagram .app>.node-sub,.landing-diagram .pit-head{margin-bottom:.75rem}.landing-diagram .node>.glyph{margin-top:auto}.landing-diagram .google-lane{flex-direction:row;padding:.125rem 1rem .625rem 0}.landing-diagram .google{flex:none;max-width:calc(100% - 3rem)}.landing-diagram .bypass{border-left:0;border-top:1px dashed var(--lp-muted);flex:auto;width:auto;height:0}.landing-diagram .bypass-mark{top:0;left:auto;right:.25rem;translate:0 calc(-50% - .5px)}.landing-diagram .flows{grid-template-columns:none;grid-auto-rows:1fr;gap:0;padding:0}.landing-diagram .flows:before,.landing-diagram .flows:after{content:none}.landing-diagram .flow{justify-content:center;min-height:2.25rem}.landing-diagram .flow[data-direction=out]:before,.landing-diagram .flow[data-direction=in]:before{border-left:0;border-top:1px solid var(--lp-ink-2);width:auto;inset:50% 0 auto;translate:0 -.5px}.landing-diagram .flow[data-direction=in]{grid-area:auto;margin-right:0}.landing-diagram .flow[data-direction=in]:before{border-top-color:var(--lp-signal)}.landing-diagram .flow:after{top:calc(50% - var(--head) / 2);width:var(--head);height:var(--head)}.landing-diagram .flow[data-direction=out]:after{background:var(--lp-ink-2);clip-path:polygon(0 0,100% 50%,0 100%);right:0}.landing-diagram .flow[data-direction=in]:after{top:calc(50% - var(--head) / 2);clip-path:polygon(100% 0,100% 100%,0 50%);left:0}}@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}}.landing:not([data-motion=off]) .hero-rise{animation:.9s cubic-bezier(.22,1,.36,1) both hero-rise;animation-delay:calc(var(--rise) * .11s + .38s)}.landing:not([data-motion=off]) .hero-copy h1{animation:.9s cubic-bezier(.22,1,.36,1) 80ms both hero-rise}.border-beam{border-radius:inherit;pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.border-beam-light{aspect-ratio:1;background:linear-gradient(to left, var(--color-fd-primary), color-mix(in srgb, var(--color-fd-primary) 40%, #ffe3d1), transparent);position:absolute}.hero-workbench{position:relative}.hero-grid[data-animated]{opacity:.6;background-image:none}.animated-grid{width:100%;height:100%;stroke:var(--color-fd-border);position:absolute;inset:0}.animated-grid-cell{fill:color-mix(in srgb, var(--color-fd-primary) 35%, transparent);stroke:none}.scroll-tilt{perspective:1400px}.scroll-tilt>.hero-workbench{transform-origin:50% 100%}@keyframes shiny-text{0%,90%,to{background-position:calc(-100% - var(--shiny-width)) 0}30%,60%{background-position:calc(100% + var(--shiny-width)) 0}}.landing:not([data-motion=off]) .eyebrow-text{--shiny-width:90px;color:color-mix(in oklab, color-mix(in oklab, var(--color-fd-foreground) 72%, var(--color-fd-muted-foreground)) 82%, transparent);background:linear-gradient(to right, transparent, var(--color-fd-foreground) 50%, transparent) 0 0 / var(--shiny-width) 100% no-repeat;-webkit-background-clip:text;background-clip:text;animation:8s 1.2s infinite shiny-text}@keyframes orb-breathe{50%{box-shadow:0 0 14px 2px color-mix(in srgb, var(--color-fd-primary) 75%, transparent)}}@keyframes orb-ring{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.landing:not([data-motion=off]) .eyebrow-orb{animation:3.6s ease-in-out infinite orb-breathe}.landing:not([data-motion=off]) .eyebrow-orb:after{animation:3.6s cubic-bezier(.2,.6,.3,1) 1.2s infinite orb-ring}@keyframes led-pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-fd-primary) 22%, transparent)}}.landing:not([data-motion=off]) .workbench-led{animation:2.4s ease-in-out infinite led-pulse}.landing [data-reveal=pending]{opacity:0}.landing:not([data-motion=off]) .landing-body [data-card]{isolation:isolate;position:relative}.landing:not([data-motion=off]) .landing-body [data-card]:before,.landing:not([data-motion=off]) .landing-body [data-card]:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute}.landing:not([data-motion=off]) .landing-body [data-card]:before{background:radial-gradient(220px circle at var(--pointer-x,-999px) var(--pointer-y,-999px), var(--color-fd-primary), transparent 100%) border-box;border:1px solid #0000;inset:-1px;-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.landing:not([data-motion=off]) .landing-body [data-card]:after{background:radial-gradient(260px circle at var(--pointer-x,-999px) var(--pointer-y,-999px), color-mix(in srgb, var(--color-fd-primary) 9%, transparent), transparent 100%);inset:0}.landing:not([data-motion=off]) .landing-body [data-card]:hover:before,.landing:not([data-motion=off]) .landing-body [data-card]:hover:after{opacity:1}.flow-packet{display:none}@keyframes packet-out{0%{opacity:0;left:0}3%,19%{opacity:1}23%,to{left:calc(100% - var(--packet));opacity:0}}@keyframes packet-in{0%{left:calc(100% - var(--packet));opacity:0}3%,19%{opacity:1}23%,to{opacity:0;left:0}}@container (width>=34rem){.landing:not([data-motion=off]) .flow-packet{--packet:1.75rem;width:var(--packet);background:linear-gradient(90deg, transparent, var(--lp-ink));opacity:0;height:2px;animation:6s cubic-bezier(.45,0,.55,1) infinite both packet-out;animation-delay:calc(var(--flow) * .32s + 1.4s);border-radius:2px;display:block;position:absolute;top:calc(50% - 1px);left:0}.landing:not([data-motion=off]) [data-direction=in] .flow-packet{background:linear-gradient(270deg, transparent, var(--lp-signal));box-shadow:0 0 8px var(--lp-signal);animation-name:packet-in;animation-delay:3.4s}}.landing{--color-fd-primary:#bc461c;--color-fd-primary-foreground:#fff;width:100%;max-width:1200px;margin-inline:auto;padding-inline:2.5rem}.dark .landing{--color-fd-primary:#ff9c68;--color-fd-primary-foreground:#191a1d}.landing-hero{isolation:isolate;border-bottom:1px solid var(--color-fd-border);padding-block:5rem 3.5rem;position:relative}.hero-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--color-fd-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-fd-border) 1px, transparent 1px);opacity:.4;background-size:64px 64px;position:absolute;inset:0 -2.5rem 20%;-webkit-mask-image:radial-gradient(at 85% 20%,#000,#0000 65%);mask-image:radial-gradient(at 85% 20%,#000,#0000 65%)}.hero-grid:after{content:"";background:radial-gradient(ellipse at 85% 10%, color-mix(in srgb, var(--color-fd-primary) 22%, transparent), transparent 55%);position:absolute;inset:0}.hero-copy{max-width:950px;margin-bottom:3.5rem}.landing .eyebrow{border:1px solid color-mix(in srgb, var(--color-fd-primary) 28%, var(--color-fd-border));background:linear-gradient(100deg, color-mix(in srgb, var(--color-fd-primary) 12%, var(--color-fd-background)), color-mix(in srgb, var(--color-fd-background) 70%, transparent) 55%);max-width:100%;box-shadow:inset 0 1px 0 #ffffff14, 0 8px 24px -16px color-mix(in srgb, var(--color-fd-primary) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:.625rem;margin:0;padding:.25rem 1rem .25rem .25rem;display:inline-flex;position:relative}.landing .eyebrow-chip{background:color-mix(in srgb, var(--color-fd-primary) 16%, transparent);color:var(--color-fd-primary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .625rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.landing .eyebrow-orb{background:var(--color-fd-primary);width:.5rem;height:.5rem;box-shadow:0 0 8px 0 color-mix(in srgb, var(--color-fd-primary) 70%, transparent);border-radius:50%;flex:none;position:relative}.landing .eyebrow-orb:after{content:"";border:1px solid var(--color-fd-primary);border-radius:inherit;opacity:0;position:absolute;inset:-1px}.landing .eyebrow-text{min-width:0;color:color-mix(in oklab, var(--color-fd-foreground) 80%, var(--color-fd-muted-foreground));text-wrap:balance;font-size:.875rem;line-height:1.35}.landing h1{font-family:var(--font-mono);letter-spacing:-.065em;text-wrap:balance;margin-block:1.75rem;font-size:clamp(2rem,4.7vw,3.75rem);font-weight:500;line-height:1.22}.hero-accent{width:fit-content;color:var(--color-fd-primary);display:inline-block}.landing h1:lang(ja){letter-spacing:-.055em;white-space:pre-line;text-wrap:wrap;font-size:clamp(1.8rem,4.3vw,3.4rem);line-height:1.45}.hero-description{max-width:670px;color:var(--color-fd-muted-foreground);font-size:1.0625rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.site-button{border:1px solid var(--color-fd-primary);background:var(--color-fd-primary);color:var(--color-fd-primary-foreground);border-radius:8px;justify-content:center;align-items:center;gap:1.5rem;padding:.8rem 1.2rem;font-size:.875rem;font-weight:500;line-height:1.5;transition:box-shadow .2s,background .2s;display:inline-flex;text-decoration:none!important}.site-button:hover{box-shadow:0 0 24px color-mix(in srgb, var(--color-fd-primary) 18%, transparent)}.site-button:focus-visible{outline:2px solid var(--color-fd-primary);outline-offset:4px}.site-button.secondary{color:var(--color-fd-foreground);background:var(--color-fd-background);border-color:var(--color-fd-border)}.hero-workbench{border:1px solid var(--color-fd-border);background:var(--color-fd-card);box-shadow:0 16px 80px -45px color-mix(in srgb, var(--color-fd-primary) 45%, transparent);border-radius:18px;padding:.5rem}.workbench-title{color:var(--color-fd-muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem 1rem;font-size:.75rem;display:flex}.workbench-title>span{align-items:center;gap:.6rem;display:flex}.workbench-led{background:var(--color-fd-primary);border-radius:50%;width:6px;height:6px}.landing-body{max-width:none;padding-block:1rem 4rem}.landing-body>h2{margin-top:3.5rem}.landing-body [data-card][href]{transition:border-color .2s,box-shadow .2s}.landing-body [data-card][href]:hover{border-color:color-mix(in srgb, var(--color-fd-primary) 50%, var(--color-fd-border));box-shadow:0 8px 30px -20px var(--color-fd-primary)}.site-footer{border-top:1px solid var(--color-fd-border);gap:1.25rem;margin-top:1rem;padding-block:2.5rem 2rem;font-size:.8125rem;display:grid}.site-footer p{margin:0}.site-footer-main,.site-footer-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.site-footer .site-logo{height:1.125rem}.site-footer-links{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.site-footer-links a{color:var(--color-fd-muted-foreground);gap:.25rem;transition:color .15s;display:inline-flex}.site-footer-links a:hover{color:var(--color-fd-foreground)}.site-footer-links span{font-size:.75em}.site-footer-meta{border-top:1px dashed var(--color-fd-border);color:var(--color-fd-muted-foreground);padding-top:1.25rem}.site-footer-meta a{color:var(--color-fd-foreground);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 30%, transparent);text-decoration-color:color-mix(in srgb, currentColor 30%, transparent);text-underline-offset:3px;transition:text-decoration-color .15s}.site-footer-meta a:hover{-webkit-text-decoration-color:var(--color-fd-primary);text-decoration-color:var(--color-fd-primary)}@media (width<=640px){.landing{padding-inline:1.25rem}.landing-hero{padding-block:3rem 2rem}.landing .eyebrow{border-radius:1.125rem;gap:.5rem;padding-right:.75rem}.landing .eyebrow-chip{padding-inline:.5rem .625rem;font-size:.6875rem}.landing .eyebrow-text{font-size:.75rem}.hero-grid{inset-inline:-1.25rem}.hero-description{font-size:1rem}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}}