@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--paper: #f2f0ea;--paper-2: #e7e4db;--ink: #14151a;--ink-soft: #3a3d46;--muted: #6b6f7a;--line: rgba(20, 21, 26, .12);--signal: #ff3b1a;--signal-deep: #d42a0e;--film: #1a1c22;--film-cell: #24272f;--max: 1180px;--ease: cubic-bezier(.2, .85, .25, 1);--font-display: "Outfit", "Noto Sans SC", "PingFang SC", sans-serif;--font-body: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;letter-spacing:.01em;font-optical-sizing:auto;background:radial-gradient(900px 480px at 100% -10%,rgba(255,59,26,.08),transparent 55%),linear-gradient(180deg,var(--paper) 0%,#ebe8e0 55%,var(--paper-2) 100%)}.grain{pointer-events:none;position:fixed;inset:0;z-index:50;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ol{margin:0;padding:0;list-style:none}.shell{width:min(100% - 2.5rem,var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);background:#1a1c2247;border-bottom:1px solid transparent;color:var(--paper);transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}.site-header.is-scrolled{background:#f2f0eaf0;border-color:var(--line);color:var(--ink)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-weight:700;letter-spacing:.08em;font-size:1rem}.brand img{width:1.75rem;height:1.75rem;border-radius:.4rem}.nav-links{display:flex;gap:1.5rem;color:inherit;opacity:.72;font-size:.92rem;font-weight:500}.nav-links a:hover{opacity:1}.btn-nav{border-color:currentColor;background:transparent;color:inherit}.btn-nav:hover{background:#ffffff14}.site-header.is-scrolled .btn-nav:hover{background:#14151a0f}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.65rem 1.15rem;border:1px solid transparent;border-radius:.35rem;font-weight:600;font-size:.92rem;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn-signal{background:var(--signal);color:#fff;gap:.45rem}.btn-signal:hover{background:var(--signal-deep)}.btn-signal .btn-arrow{display:inline-block;transition:transform .3s var(--ease)}.btn-signal:hover .btn-arrow{transform:translate(4px)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ink:hover{background:#2a2d36}.btn-ghost{border-color:var(--line);background:#f2f0ea8c;backdrop-filter:blur(8px);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink);background:#f2f0ead9}.hero{position:relative;min-height:min(92vh,900px);display:grid;align-items:center;padding:6.5rem 0 5rem;overflow:clip;background:var(--film)}.hero-stage{position:absolute;inset:0;overflow:hidden;opacity:.55}.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#1a1c22f0,#1a1c22b8 42%,#1a1c2233 78%),linear-gradient(180deg,rgba(26,28,34,.35) 0%,transparent 28%,transparent 72%,rgba(26,28,34,.55) 100%)}.hero-glow{position:absolute;width:55vmax;height:55vmax;right:-12%;top:-18%;border-radius:50%;background:radial-gradient(circle,rgba(255,59,26,.28),transparent 62%);filter:blur(8px);animation:glow-drift 14s ease-in-out infinite alternate}.marquee-rail{position:absolute;left:0;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-rail-top{top:18%;transform:rotate(-3.5deg) scale(1.06)}.marquee-rail-bot{bottom:22%;transform:rotate(2.8deg) scale(1.08)}.marquee-track{display:flex;gap:.75rem;width:max-content;animation:marquee 42s linear infinite}.marquee-track-reverse{animation-name:marquee-reverse;animation-duration:48s}.film-cell{position:relative;flex:0 0 auto;width:min(18vw,220px);height:min(22vw,160px);border-radius:.35rem;background:linear-gradient(155deg,rgba(255,59,26,.2),transparent 45%),var(--film-cell);border:1px solid rgba(242,240,234,.08);transition:transform .35s var(--ease),border-color .35s var(--ease)}.film-cell:hover{transform:translateY(-6px) scale(1.03);border-color:#ff3b1a73}.film-index{position:absolute;top:12%;left:12%;color:#f2f0ea59;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.08em}.film-label{position:absolute;left:12%;bottom:14%;color:#f2f0eac7;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:600;letter-spacing:.06em}.hero-copy{position:relative;z-index:2;max-width:40rem;animation:board-in .9s var(--ease) .12s both}.hero-kicker{margin:0 0 .9rem;color:var(--signal);font-size:.84rem;font-weight:600;letter-spacing:.12em}.hero-brand{margin:0;display:flex;flex-wrap:wrap;gap:0;font-family:var(--font-display);font-weight:700;font-size:clamp(3.1rem,9vw,5.6rem);line-height:1.08;letter-spacing:.02em;color:var(--paper)}.brand-ch{display:inline-block;animation:char-in .7s var(--ease) calc(.04s * var(--i)) both}.hero-line{margin:1.05rem 0 0;color:var(--paper);font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:600;letter-spacing:.01em;line-height:1.5;animation:rise .85s var(--ease) .35s both}.hero-lead{margin:.8rem 0 0;max-width:34rem;color:#f2f0eaad;font-size:1.02rem;line-height:1.75;letter-spacing:.015em;animation:rise .9s var(--ease) .42s both}.hero-copy .btn-ghost{border-color:#f2f0ea47;background:transparent;color:var(--paper);backdrop-filter:none}.hero-copy .btn-ghost:hover{border-color:var(--paper);background:#f2f0ea14}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;animation:rise .95s var(--ease) .5s both}.section{padding:4.25rem 0 5rem}.belief-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2.5rem;align-items:start}.belief-list,.gains-list{display:grid;gap:0}.gains-list{max-width:40rem}.belief-item,.gain-item{display:grid;gap:.4rem;padding:1.2rem 0 1.3rem;border-bottom:1px solid var(--line)}.belief-item:first-child,.gain-item:first-child{border-top:1px solid var(--line)}.belief-item h3,.gain-item h3{margin:0;font-size:1.12rem;font-weight:600;letter-spacing:.02em;line-height:1.4}.belief-item p,.gain-item p{margin:0;color:var(--muted);line-height:1.7;letter-spacing:.015em;font-size:.98rem}.gains-section,.belief-section+.belief-section{border-top:1px solid var(--line)}.section-rule{display:grid;gap:.7rem;margin-bottom:2rem;max-width:34rem}.section-rule h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4.2vw,2.85rem);font-weight:700;letter-spacing:.02em;line-height:1.2}.section-rule p{margin:0;color:var(--muted);line-height:1.6}.app-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.app-entry{display:grid;grid-template-rows:auto auto;min-width:0;color:inherit;transition:transform .3s var(--ease)}.app-entry:hover{transform:translateY(-3px)}.app-preview-shell{overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#eceae3,#e4e1d8);box-shadow:0 10px 28px #14151a0f}.app-preview-chrome{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;border-bottom:1px solid rgba(20,21,26,.08);background:#ffffff8c}.app-preview-chrome span{width:.5rem;height:.5rem;border-radius:50%;background:#d4d0c6}.app-preview-chrome span:nth-child(1){background:#e8a19a}.app-preview-chrome span:nth-child(2){background:#e2c48a}.app-preview-chrome span:nth-child(3){background:#9ec4a4}.app-preview-viewport{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(255,59,26,.08),transparent 42%),#f7f5ef}.app-preview-iframe{position:absolute;top:0;left:0;z-index:1;width:250%;height:250%;border:0;transform:scale(.4);transform-origin:top left;pointer-events:none;background:#fff}.app-caption{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name cta" "title cta";gap:.15rem 1rem;padding:.9rem .15rem .2rem;align-items:center}.app-caption strong{grid-area:name;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.08em}.app-caption em{grid-area:title;font-style:normal;color:var(--muted);font-size:.92rem;line-height:1.45}.app-caption b{grid-area:cta;display:inline-flex;align-items:center;gap:.3rem;font-weight:600;font-size:.88rem;color:var(--ink-soft);white-space:nowrap;transition:color .2s var(--ease)}.app-entry:hover .app-caption b{color:var(--signal)}.cta-arrow{display:inline-block;transition:transform .3s var(--ease)}.app-entry:hover .cta-arrow{transform:translate(5px)}.how-section{border-top:1px solid var(--line)}.how-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem;align-items:start}.how-grid .section-rule{margin-bottom:0}.how-grid .btn{margin-top:.6rem;justify-self:start;width:fit-content}.steps{display:grid;gap:0}.step{display:grid;gap:.35rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}.step:first-child{border-top:1px solid var(--line)}.step h3{margin:0;font-size:1.08rem;font-weight:600;letter-spacing:.02em;line-height:1.4}.step p{margin:0;color:var(--muted);line-height:1.7;font-size:.98rem;letter-spacing:.015em}.site-footer{border-top:1px solid var(--line);padding:2.25rem 0 2.75rem}.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;align-items:baseline}.footer-mark{font-family:var(--font-display);font-weight:700;letter-spacing:.08em;margin-right:.55rem}.footer-domain{color:var(--muted);font-size:.92rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.92rem}.footer-links a:hover{color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes board-in{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes char-in{0%{opacity:0;transform:translateY(40%) rotate(4deg)}to{opacity:1;transform:none}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes glow-drift{0%{transform:translate(0) scale(1);opacity:.85}to{transform:translate(-6%,8%) scale(1.08);opacity:1}}@keyframes pulse-dot{0%{box-shadow:0 0 #ff3b1a73}70%{box-shadow:0 0 0 .55rem #ff3b1a00}to{box-shadow:0 0 #ff3b1a00}}@keyframes scroll-bead{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(.9rem)}to{opacity:0;transform:translateY(.9rem)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-in{opacity:1;transform:none}.reveal.is-in .belief-item,.reveal.is-in .gain-item,.reveal.is-in .step,.reveal.is-in .app-entry{animation:rise .65s var(--ease) calc(.06s * var(--i, 0)) both}@media(max-width:900px){.marquee-rail-top{top:14%;transform:rotate(-2deg) scale(1.04)}.marquee-rail-bot{bottom:28%;transform:rotate(1.5deg) scale(1.05)}.film-cell{width:42vw;height:28vw;min-width:140px;min-height:100px}.belief-grid,.how-grid{grid-template-columns:1fr;gap:1.75rem}.app-gallery{grid-template-columns:1fr}}@media(max-width:720px){.nav-links{display:none}.hero{min-height:88vh;padding-top:5rem}.hero-brand{font-size:clamp(2.6rem,13vw,3.6rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.marquee-track,.marquee-track-reverse{animation:none!important}}