html{-webkit-tap-highlight-color:transparent}html,body,#root{height:auto}.guide{--prompt-bg:#0a0a0b;--prompt-fg:#f4f4f0;--pad:max(clamp(20px, 5.55vw, 80px), calc((100% - 1280px) / 2));--g-top-h:80px;--g-sec:clamp(96px, 14vw, 200px);--g-in:clamp(24px, 3.4vw, 48px);--g-gap:16px;--g-h1:clamp(32px, calc(2.2vw + 24px), 56px);--g-h2:clamp(28px, calc(1.9vw + 20.6px), 48px);--g-r:clamp(16px, 2vw, 24px);--g-cell-pad:clamp(24px, 3vw, 40px);--g-surface:#f6f6f4;--g-surface-2:#efefec;--g-edge:#ecece8;--g-dim:#6b6b67;--g-lime-1:#f1fbd0;--g-lime-2:#e9f7c2;background:var(--bg);color:var(--fg)}.g-nav,.g-lead,.g-text,.g-note,.g-keyword,.g-eyebrow,.g-way li,.g-person,.g-faq,.g-foot{letter-spacing:-.02em}@media (width<=900px){.guide{--g-top-h:64px}}@media (height<=500px){.guide{--g-top-h:52px}}.guide section[id],.guide article[id]{scroll-margin-top:calc(var(--g-top-h) + 24px)}.guide picture{display:contents}.g-top{z-index:5;height:var(--g-top-h);padding:0 var(--pad);background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid;position:sticky;top:0}.guide .brand{letter-spacing:-.03em;color:var(--fg);place-self:auto start;align-items:center;gap:8px;padding:0;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.guide .brand-mark{width:24px;height:24px;display:block}.g-nav{gap:8px;display:flex}.g-nav a{color:var(--fg);white-space:nowrap;transition:background var(--dur-1);border-radius:8px;padding:12px 16px;font-size:16px;font-weight:600;line-height:24px;text-decoration:none}@media (hover:hover){.g-nav a:hover{background:var(--g-surface)}}.g-go,.g-start,.g-link,.g-way-go{letter-spacing:-.02em;white-space:nowrap;transition:background var(--dur-1), transform var(--dur-2) var(--ease-pop);justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.g-go,.g-start{background:var(--fg);color:var(--bg)}@media (hover:hover){.g-go:hover,.g-start:hover{background:var(--fg-2)}}.g-link{background:var(--g-surface-2);color:var(--fg)}@media (hover:hover){.g-link:hover{background:var(--fill-strong)}}.g-go:active,.g-start:active,.g-link:active,.g-way-go:active{transform:scale(.97)}.g-go{border-radius:8px;justify-self:end;height:40px;padding:0 20px;font-size:15px}.g-go-off{visibility:hidden}.g-start,.g-link{border-radius:12px;height:56px;padding:0 32px;font-size:16px}.guide h1,.guide h2{word-break:keep-all;letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.3}.guide h1{font-size:var(--g-h1)}.guide h2{font-size:var(--g-h2)}.g-mark{background:linear-gradient(transparent 64%, var(--accent) 64%, var(--accent) 94%, transparent 94%);font-style:normal}.g-lead,.g-text,.g-note,.g-faq details p,.g-cell h3,.g-way li{word-break:keep-all}.g-lead{max-width:640px;color:var(--fg-2);margin:12px 0 0;font-size:clamp(16px,1.4vw,18px);font-weight:400;line-height:1.6}.g-lead b,.g-text b{color:var(--fg);font-weight:600}.g-text{color:var(--fg-2);margin:0;font-size:16px;font-weight:400;line-height:24px}.g-note{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:21px}.g-hero{padding:clamp(24px, 4.9vw, 70px) var(--pad) 0}.g-hero-head{justify-content:space-between;align-items:flex-end;gap:24px 40px;margin-bottom:clamp(24px,2.8vw,40px);display:flex}.g-hero-text{min-width:0}.g-cta{flex:none;align-items:center;gap:10px;display:flex}.g-stage{aspect-ratio:1280/600;border-radius:var(--g-r);border:1px solid var(--g-edge);background:radial-gradient(70% 90% at 88% 4%, var(--g-lime-2) 0%, #e9f7c200 62%), radial-gradient(60% 80% at 4% 100%, var(--g-lime-1) 0%, #f1fbd000 60%), var(--g-surface);position:relative;overflow:hidden}.g-shot{width:78%;color:var(--prompt-fg);font-weight:500;line-height:1.6;position:absolute;top:9.4%;left:50%;transform:translate(-50%)}.g-present{pointer-events:none;isolation:isolate;background:#0a0a0b;border-radius:16px;width:100%;position:relative;overflow:hidden}.g-present-screen{transform-origin:0 0;position:absolute;top:0;left:0}.g-present .prompter{position:absolute;inset:0}.g-present.desk .column{--fs:50px}.g-present.desk .stage{--stage-left:115px}.g-present.desk .stage-slides:has(.slide-reel){width:100px}.g-device{position:relative}.g-device.tablet{background:#141416;border-radius:26px;padding:10px;box-shadow:0 24px 48px -28px #0006}.g-still{align-content:center;gap:.15em;display:grid}.g-still p{color:color-mix(in srgb, var(--prompt-fg) 36%, transparent);transition:color .2s var(--ease);margin:0}.g-still p.read{color:color-mix(in srgb, var(--prompt-fg) 58%, transparent)}.g-still p.now{color:var(--prompt-fg)}.g-still b{font-weight:600}.g-still p.now b{color:var(--accent)}.g-device .g-still{aspect-ratio:16/10;color:#f4f4f0;background:#0a0a0b;border-radius:16px;padding:6% 9%;font-size:clamp(18px,2.4vw,34px);font-weight:500;line-height:1.5}.g-steps,.g-features,.g-ways,.g-faq{padding:var(--g-sec) var(--pad) 0}.g-steps-area{grid-template-columns:minmax(0,474fr) minmax(0,766fr);align-items:start;gap:40px;display:grid}.g-tabs-wrap{margin-top:var(--g-in);position:relative}.g-track,.g-indicator{border-radius:999px;width:4px;position:absolute;left:0}.g-track{background:#e3e3e0;top:0;bottom:0}.g-indicator{background:var(--fg);transition:top var(--dur-3) var(--ease), height var(--dur-3) var(--ease)}.g-tabs{gap:24px;margin:0;padding:0 0 0 40px;list-style:none;display:grid}.g-tab h3{font:inherit;margin:0}.g-tab-name{text-align:left;letter-spacing:-.02em;width:100%;color:var(--g-dim);cursor:pointer;transition:color var(--dur-1);background:0 0;border:0;padding:0 0 8px;font-family:inherit;font-size:18px;font-weight:600;line-height:27px;display:block}@media (hover:hover){.g-tab-name:hover{color:var(--fg)}}.g-tab.on .g-tab-name{letter-spacing:-.03em;color:var(--fg);cursor:default;font-size:28px;font-weight:700;line-height:42px}.g-tab-info{padding-bottom:8px}.g-steps-img{aspect-ratio:1416/984;border:1px solid var(--g-edge);background:var(--g-surface);border-radius:20px;position:relative;overflow:hidden}.g-steps-img .g-pic{opacity:0;visibility:hidden;position:absolute;inset:0}.g-steps-img .g-pic.was{opacity:1;visibility:visible;z-index:1}.g-steps-img .g-pic.on{opacity:1;visibility:visible;z-index:2}.g-steps-img .g-pic img{object-fit:cover;width:100%;height:100%;display:block}.g-remote{background:var(--g-surface-2);border-radius:999px;gap:4px;width:max-content;max-width:100%;margin:56px auto 0;padding:4px;display:flex}.g-remote button{letter-spacing:-.02em;height:48px;color:var(--g-dim);cursor:pointer;transition:background var(--dur-2), color var(--dur-2);background:0 0;border:0;border-radius:999px;padding:0 24px;font-family:inherit;font-size:16px;font-weight:600}@media (hover:hover){.g-remote button:hover{color:var(--fg)}}.g-remote button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.g-plain{margin:var(--g-in) 0 0;gap:48px;padding:0;list-style:none;display:grid}.g-row h3{letter-spacing:-.03em;margin:16px 0 8px;font-size:20px;font-weight:700;line-height:30px}.g-row-pic{border-radius:var(--g-r);background:var(--g-surface);place-items:center;padding:16px;display:grid}.g-row-pic .g-pic{max-width:100%;display:block}.g-row-pic img{border-radius:10px;width:auto;max-width:100%;height:auto;max-height:min(60svh,440px);display:block;box-shadow:0 1px 2px #0000000f}.g-bento{margin-top:var(--g-in);gap:var(--g-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.g-cell{border-radius:var(--g-r);background:var(--g-surface);flex-direction:column;min-height:445px;display:flex;position:relative;overflow:hidden}.g-cell.wide{grid-column:span 8}.g-cell.narrow{grid-column:span 4}.g-cell.tint-a{background:linear-gradient(180deg, var(--g-lime-1) 0%, #f7f8f1 100%)}.g-cell.tint-b{background:linear-gradient(180deg, #f5f6f0 0%, var(--g-lime-2) 100%)}.g-cell-text{padding:var(--g-cell-pad) var(--g-cell-pad) 0}.g-keyword{margin:0 0 8px;font-size:16px;font-weight:500;line-height:24px}.g-cell h3{letter-spacing:-.03em;max-width:520px;margin:0;font-size:clamp(20px,1.7vw,24px);font-weight:600;line-height:1.5}.g-art{padding:32px var(--g-cell-pad) 0;flex-direction:column;flex:1;justify-content:flex-end;display:flex}.g-tidy-pair{grid-template-columns:minmax(0,.8fr) auto minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.g-raw-wrap{min-width:0;position:relative}.g-paper{background:var(--bg);min-width:0;color:var(--fg);word-break:keep-all;border-radius:16px 16px 0 0;padding:24px 24px 28px;font-size:15px;line-height:1.5}.g-paper p{margin:0}.g-paper p+p{margin-top:8px}.g-paper.raw{color:var(--muted);line-height:1.45;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,#0000 98%);mask-image:linear-gradient(#000 72%,#0000 98%)}.g-paper b{background:linear-gradient(transparent 55%, var(--accent) 55%);font-weight:700}.g-paper-name{background:var(--fg);width:max-content;color:var(--bg);border-radius:999px;margin-bottom:14px;padding:4px 10px;font-size:13px;font-weight:500;line-height:19px;display:block}.g-paper.raw .g-paper-name{background:var(--g-surface-2);color:#56565a}.g-tidy-arrow{color:var(--fg);align-self:center;place-items:center;display:grid}.g-tidy-arrow .ico{width:22px;height:22px}.g-art-share{padding-bottom:var(--g-cell-pad);gap:8px}.g-person{background:var(--bg);border-radius:16px;align-items:center;gap:12px;height:56px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.g-person i{background:var(--fg);width:32px;height:32px;color:var(--bg);border-radius:50%;flex:none;place-items:center;font-size:13px;font-style:normal;font-weight:600;display:grid}.g-person i.me{background:var(--accent);color:#111}.g-person i.dim{background:var(--fill-strong);color:#111}.g-person small{color:var(--muted);margin-left:auto;font-size:13px;font-weight:500}.g-art-voice{padding-bottom:var(--g-cell-pad);flex-direction:row;justify-content:center;align-items:center;gap:16px}.g-wave{align-items:center;gap:8px;height:100px;display:flex}.g-wave i{background:var(--fg);border-radius:4px;width:8px}.g-shield{background:var(--bg);width:72px;height:72px;color:var(--fg);border-radius:50%;flex:none;place-items:center;display:grid}.g-shield .ico{width:28px;height:28px}.g-cell.split{flex-direction:row;align-items:stretch}.g-cell.split .g-cell-text{min-width:0;padding-bottom:var(--g-cell-pad);flex:1 1 0}.g-art-side{padding:var(--g-cell-pad) var(--g-cell-pad) 0 0;flex:0 0 min(46%,380px);justify-content:flex-end}.g-side{background:var(--bg);font-size:var(--fs-label);letter-spacing:var(--ls-label);border-radius:16px 16px 0 0;gap:2px;padding:16px 12px 24px;display:grid}.g-side small{font-size:var(--fs-micro);color:var(--muted);padding:14px 10px 4px;font-weight:600}.g-search,.g-item,.g-folder{border-radius:var(--r-sm);height:34px;color:var(--fg-2);align-items:center;gap:10px;padding:0 10px;display:flex}.g-side .ico{flex:none;width:16px;height:16px}.g-search{background:var(--g-surface);color:var(--muted);margin-bottom:2px}.g-folder{color:var(--fg);font-weight:500}.g-item.in{padding-left:36px}.g-item.on{background:var(--fill);color:var(--fg);font-weight:500}.g-ways h2{text-align:center}.g-way-cards{max-width:976px;margin:var(--g-in) auto 0;gap:var(--g-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.g-way{min-height:clamp(380px,38vw,540px);padding:var(--g-cell-pad);border-radius:var(--g-r);color:#fff;background:radial-gradient(90% 60% at 0 100%,#d4ff3a80 0%,#d4ff3a00 70%),linear-gradient(#17171a 0%,#0a0a0b 100%);flex-direction:column;justify-content:space-between;gap:40px;display:flex}.g-way.mine{background:radial-gradient(90% 60% at 100% 100%,#d4ff3a5c 0%,#d4ff3a00 70%),linear-gradient(#0a0a0b 0%,#17171a 100%)}.g-eyebrow{color:#ffffffd1;margin:0;font-size:14px;font-weight:600;line-height:21px}.g-way h3{letter-spacing:-.03em;margin:0;padding:4px 0 20px;font-size:clamp(22px,2.3vw,32px);font-weight:700;line-height:1.5}.g-way ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.g-way li{align-items:flex-start;gap:8px;font-size:16px;line-height:24px;display:flex}.g-way li .ico{width:16px;height:16px;color:var(--accent);flex:none;margin-top:4px}.g-way-go{color:#111;background:#fff;border-radius:10px;height:48px;font-size:16px}@media (hover:hover){.g-way-go:hover{background:#ecece8}}.g-faq{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:24px 40px;display:grid}.g-faq-list{border-top:1px solid var(--line);display:grid}.g-faq details{border-bottom:1px solid var(--line)}.g-faq summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:20px 0;font-size:18px;font-weight:600;line-height:27px;list-style:none;display:flex}.g-faq summary::-webkit-details-marker{display:none}.g-faq summary:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:8px;height:8px;transition:transform var(--dur-2) var(--ease);flex:none;margin-right:4px;transform:translateY(-2px)rotate(45deg)}.g-faq details[open] summary:after{transform:translateY(2px)rotate(-135deg)}.g-faq details p{max-width:640px;color:var(--fg-2);margin:0 0 24px;font-size:16px;line-height:1.7}.g-end{margin-top:var(--g-sec);min-height:clamp(280px,33vw,480px);padding:48px var(--pad);background:linear-gradient(270deg,#fafbf6 0%,#eef8cd 100%);justify-content:space-between;align-items:center;gap:40px;display:flex;overflow:hidden}.g-end-text{justify-items:start;gap:24px;display:grid}.g-end-mark{opacity:.9;flex:none;width:clamp(160px,25vw,320px);height:auto}.g-foot{padding:48px var(--pad) 32px;color:var(--muted);font-size:14px}.g-foot-top{justify-content:space-between;gap:40px;padding-bottom:48px;display:flex}.g-foot-brand p{color:var(--fg);margin:8px 0 0;font-size:16px;line-height:24px}.g-foot-links{gap:20px 56px;display:flex}.g-foot-links div{align-content:start;gap:4px;min-width:100px;display:grid}.g-foot-links b{color:var(--fg);margin-bottom:8px;font-size:16px;font-weight:600;line-height:24px}.g-foot a{width:max-content;color:inherit;padding:6px 0;text-decoration:none}@media (hover:hover){.g-foot a:hover{color:var(--fg)}}.g-seller{border-top:1px solid var(--line);margin:0;padding-top:32px;font-size:12px;line-height:1.6}.reveal{opacity:0;transition:opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease);transform:translateY(12px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (width<=900px){.g-top{grid-template-columns:1fr auto}.g-nav{display:none}.g-hero-head{justify-items:start;display:grid}.g-start,.g-link{border-radius:10px;height:48px;padding:0 24px;font-size:15px}.g-cell.wide,.g-cell.narrow{grid-column:1/-1}.g-cell{min-height:0}.g-cell.split{flex-direction:column}.g-art-side{padding:32px var(--g-cell-pad) 0;flex:none}.g-art-voice{padding-top:40px}.g-faq{grid-template-columns:minmax(0,1fr)}.g-foot-top{flex-direction:column}}@media (width<=640px){.g-hero-head{text-align:center;justify-items:center}.g-cta{grid-template-columns:1fr 1fr;width:100%;display:grid}.g-stage{aspect-ratio:auto;height:380px}.g-shot{width:min(250px,66%);top:28px}.g-device.tablet{background:#111113;border-radius:36px;padding:8px}.g-device.tablet .g-present{border-radius:28px}.g-device .g-still{aspect-ratio:390/660;border-radius:28px}.g-tidy-pair{grid-template-columns:minmax(0,1fr)}.g-raw-wrap{height:150px}.g-paper,.g-paper.raw{border-radius:16px}.g-tidy-arrow{justify-self:center}.g-art-tidy{padding-bottom:var(--g-cell-pad)}.g-paper{padding-bottom:24px}.g-way-cards{grid-template-columns:minmax(0,1fr)}.g-way{min-height:0}.g-end{padding:56px var(--pad)}.g-end-mark{display:none}.g-foot-links{flex-wrap:wrap}}@media (pointer:coarse){.g-top .brand,.g-go,.g-link,.g-foot a{align-items:center;min-height:44px;display:inline-flex}}
