:root{--brand-bg:#fbf8f2;--brand-bg-veil:#fbf8f2e0;--brand-surface:#fff;--brand-band:#f4eee2;--brand-kinari:#f7f1e4;--brand-art:#e9eff6;--brand-edge:#e7ded0;--brand-line:#22303c29;--brand-ink:#22303c;--brand-muted:#6a7885;--brand-kon:#16324f;--brand-shu:#e51251;--brand-shu-deep:#b60e40;--brand-shu-pale:#fdf0f4;--brand-shu-line:#f3d7e0;--brand-on-shu:#fff;--brand-sumi:#1b2129;--brand-sumi-deep:#000;--brand-sumi-line:#d5d8dc;--brand-on-sumi:#fff;--brand-kin:#a8801f;--brand-gold:#e6c26b;--brand-sakura:#f2a9c0;--brand-success:#2f9e56;--brand-danger:#b3372c;--brand-line-green:#06c755;--brand-font-sans:"M PLUS 1", "Pretendard Variable", "Pretendard", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--brand-font-serif:var(--brand-font-sans);--brand-font-num:"Playfair Display", "M PLUS 1", Georgia, serif;--brand-radius:.625rem;--brand-radius-pill:999px;--brand-shadow-card:0 4px 16px #22303c0d;--brand-focus-width:3px}[lang=zh-TW]{--brand-font-sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--brand-font-serif:"Noto Serif TC", "PingFang TC", "Microsoft JhengHei", serif;--brand-font-num:"Playfair Display", "Noto Serif TC", Georgia, serif}.dark{--brand-bg:#121a22;--brand-bg-veil:#121a22e0;--brand-surface:#1a242e;--brand-band:#16202a;--brand-kinari:#1e2831;--brand-art:#1e2a36;--brand-edge:#2c3a47;--brand-line:#eee7da2e;--brand-ink:#eee7da;--brand-muted:#9dabb8;--brand-kon:#b9cde0;--brand-shu:#ff4d7d;--brand-shu-deep:#d61052;--brand-shu-pale:#2c1a23;--brand-shu-line:#4a2434;--brand-on-shu:#1b0a11;--brand-sumi:#eee7da;--brand-sumi-deep:#a99f8e;--brand-sumi-line:#3a4855;--brand-on-sumi:#121a22;--brand-kin:#d8b45c;--brand-gold:#e6c26b;--brand-sakura:#f2a9c0;--brand-success:#5fc98a;--brand-danger:#f2a59c;--brand-shadow-card:0 4px 16px #00000059}[lang=ko]{--brand-font-sans:"Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--brand-font-serif:var(--brand-font-sans);--brand-font-num:"Playfair Display", "Pretendard Variable", "Pretendard", Georgia, serif}html{color-scheme:light;scroll-behavior:smooth}body{background:var(--brand-bg);color:var(--brand-ink);font-family:var(--brand-font-sans);-webkit-font-smoothing:antialiased;line-break:strict;overflow-wrap:break-word;margin:0;font-size:15px;line-height:1.85;overflow-x:hidden}*{box-sizing:border-box}[hidden]{display:none!important}a{color:inherit}h1,h2,.lead{font-family:var(--brand-font-serif);font-feature-settings:"palt";text-wrap:balance;letter-spacing:.01em;word-break:auto-phrase;font-weight:800}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:var(--brand-focus-width) solid var(--brand-shu);outline-offset:3px}.nav{z-index:30;background:var(--brand-bg-veil);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--brand-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{font-family:var(--brand-font-serif);align-items:center;gap:9px;font-size:21px;font-weight:800;line-height:1;text-decoration:none;display:flex}.brand svg{border-radius:50%;flex:none;width:32px;height:32px;box-shadow:0 0 0 1.5px #22303c1f}.brand small{font-family:var(--brand-font-sans);letter-spacing:.14em;color:var(--brand-muted);align-self:flex-end;margin-bottom:1px;font-size:10px;font-weight:700}.tag{letter-spacing:.1em;color:var(--brand-shu);border:1px solid var(--brand-shu-line);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.navr{align-items:center;gap:10px;display:flex}.btn{background:var(--brand-sumi);color:var(--brand-on-sumi);font:inherit;cursor:pointer;box-shadow:0 4px 0 var(--brand-sumi-deep);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:0 3px 0 var(--brand-sumi-deep);transform:translateY(1px)}.btn:active{box-shadow:0 1px 0 var(--brand-sumi-deep);transform:translateY(3px)}.btn[data-start]{background:#4d99d3}.btn.ghost{color:var(--brand-ink);box-shadow:none;border:1.5px solid var(--brand-line);background:0 0}.btn.ghost:hover{border-color:var(--brand-sumi);color:var(--brand-sumi);transform:none}.hero{text-align:center;padding:36px 16px 56px;position:relative;overflow:hidden}.hero .inner{z-index:2;max-width:640px;margin:0 auto;position:relative}.doti-hero{width:min(150px,40vw);margin:0 auto 14px;animation:3.6s ease-in-out infinite bob;position:relative}.doti-hero img,.doti-hero svg{width:100%;height:auto;display:block}.doti-hero svg{position:absolute;inset:0;overflow:visible}.eyebrow{letter-spacing:.16em;color:var(--brand-shu);margin:0;font-size:12.5px;font-weight:700}h1{margin:10px 0 12px;font-size:clamp(27px,6.4vw,42px);line-height:1.42}.hero .sub{max-width:32em;color:var(--brand-muted);text-wrap:balance;margin:0 auto;font-size:15px}.plat{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.chip{border:1px solid var(--brand-line);background:var(--brand-surface);color:var(--brand-ink);border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.chip i{border-radius:50%;width:9px;height:9px;display:inline-block}.chip.line i{background:var(--brand-line-green)}.chip.no{border-color:var(--brand-shu-line)}.chip.ok{border-color:color-mix(in srgb, var(--brand-success) 55%, transparent)}.chip .x{color:var(--brand-shu);font-weight:800}.chip .o{color:var(--brand-success);font-weight:800}.clouds{z-index:0;pointer-events:none;position:absolute;inset:0}.clouds svg{position:absolute;overflow:visible}.petals{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.petal{opacity:.85;width:16px;height:18px;animation:fall var(--d) linear infinite;animation-delay:var(--delay);top:-24px;left:var(--x);position:absolute}.petal svg{width:100%;height:100%;display:block}@keyframes fall{0%{transform:translateY(-30px)rotate(0)}to{transform:translate3d(var(--dx), 720px, 0) rotate(400deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.langs{align-items:center;gap:10px;display:flex}.langs a[aria-current]{color:var(--shu);font-weight:700}.start{max-width:470px;margin:26px auto 0;position:relative}.start-btn{width:100%;box-shadow:0 6px 0 var(--brand-sumi-deep), 0 10px 26px #22303c1a;border-radius:18px;padding:16px 20px;font-size:16px}.start-btn:hover{box-shadow:0 5px 0 var(--brand-sumi-deep), 0 8px 20px #22303c1a}.start-btn:active{box-shadow:0 3px 0 var(--brand-sumi-deep), 0 6px 14px #22303c1a}.start-note{color:var(--brand-muted);text-align:center;margin:10px 6px 0;font-size:12px}.hanko{z-index:3;border:3px solid var(--brand-shu);width:74px;height:74px;color:var(--brand-shu);font-family:var(--brand-font-serif);text-align:center;background:color-mix(in srgb, var(--brand-shu) 5%, transparent);border-radius:50%;justify-content:center;align-items:center;font-size:14.5px;font-weight:800;line-height:1.2;display:flex;position:absolute;top:-76px;right:6px;transform:rotate(-12deg);-webkit-mask-image:radial-gradient(circle at 34% 30%,#000 55%,#0000008c 100%);mask-image:radial-gradient(circle at 34% 30%,#000 55%,#0000008c 100%)}@media (width>=640px){.hanko{width:84px;height:84px;font-size:16px;top:-20px;right:-100px}}.story{text-align:center;max-width:640px;margin:0 auto 40px;padding:0 14px}.story h2{margin:8px 0 12px;font-size:clamp(22px,5.6vw,32px);line-height:1.45}.story-request{max-width:28em;color:var(--brand-ink);text-wrap:balance;margin:0 auto 20px;font-size:16px;font-weight:700}.story-steps{border:1.5px solid var(--brand-edge);background:var(--brand-art);box-shadow:var(--brand-shadow-card);text-align:left;border-radius:24px;flex-direction:column;gap:12px;margin:0;padding:18px 16px 20px;list-style:none;display:flex}.story-step{flex-direction:column;gap:6px;display:flex}.story-step.user{align-items:flex-end}.story-step.doti{align-items:flex-start}.story-step.status{align-items:center}.story-label{letter-spacing:.08em;color:var(--brand-kon);font-size:11px;font-weight:700}.story-bubble{border-radius:18px;max-width:92%;margin:0;padding:10px 14px;font-size:14.5px;line-height:1.65}.story-bubble.user{background:var(--brand-line-green);color:var(--brand-on-shu);border-bottom-right-radius:6px}.story-bubble.doti{background:var(--brand-surface);color:var(--brand-ink);border-bottom-left-radius:6px}.story-bubble.status{color:var(--brand-kon);text-align:center;background:#ffffffb8;border-radius:16px;font-size:13px;font-weight:700}.diffs{text-align:center;max-width:720px;margin:0 auto 48px;padding:0 14px}.diffs h2{margin:0 0 18px;font-size:clamp(22px,5.6vw,32px);line-height:1.45}.diff-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.diff-grid{grid-template-columns:repeat(3,1fr);gap:14px}}.diff-grid li{border:1.5px solid var(--brand-edge);background:var(--brand-surface);box-shadow:var(--brand-shadow-card);text-align:left;border-radius:20px;padding:18px 16px 20px}.diff-grid h3{font-family:var(--brand-font-serif);color:var(--brand-shu);margin:0 0 8px;font-size:18px;font-weight:800;line-height:1.4}.diff-grid p{color:var(--brand-muted);margin:0;font-size:13.5px;line-height:1.7}.diff-note{color:var(--brand-muted);margin:14px 6px 0;font-size:12.5px}.cards{flex-direction:column;gap:24px;max-width:720px;margin:0 auto;padding:0 14px;display:flex}.card{border:1.5px solid var(--brand-edge);background:var(--brand-surface);box-shadow:var(--brand-shadow-card);border-radius:24px;overflow:hidden}.strip{background:var(--brand-shu-pale);color:var(--brand-ink);border-bottom:2px solid var(--brand-shu-line);align-items:center;gap:14px;padding:10px 18px 10px 16px;display:flex}.strip .num{font-family:var(--brand-font-num);color:var(--brand-shu);text-align:center;font-variant-numeric:lining-nums;min-width:40px;font-size:54px;font-weight:900;line-height:1;transform:translateY(2px)}.strip h2{margin:0;font-size:clamp(18px,4.8vw,23px);line-height:1.4}.cbody{padding:18px 18px 22px;position:relative}.art{z-index:1;background:var(--brand-art);border-radius:16px;position:relative;overflow:hidden}.art svg{width:100%;height:auto;display:block;overflow:visible}.lead{z-index:1;margin:18px 0 8px;font-size:clamp(19px,5.2vw,25px);line-height:1.55;position:relative}.sub{color:var(--brand-muted);z-index:1;max-width:36em;margin:0;font-size:14px;position:relative}.chips{z-index:1;flex-wrap:wrap;gap:8px;margin-top:14px;display:flex;position:relative}.scold{z-index:1;margin-top:16px;position:relative}.scold .btn{background:var(--brand-surface);color:var(--brand-sumi);box-shadow:0 4px 0 var(--brand-sumi-line);border:1.5px solid var(--brand-sumi-line)}.cta{text-align:center;border-top:2px solid var(--brand-edge);background:var(--brand-band);margin-top:56px;padding:60px 16px 70px;position:relative;overflow:hidden}.cta .inner{z-index:2;max-width:640px;margin:0 auto;position:relative}.cta .doti-cta{width:min(190px,50vw);margin:0 auto 4px}.cta .doti-cta svg{width:100%;height:auto;display:block;overflow:visible}.cta h2{margin:8px 0;font-size:clamp(24px,6.2vw,37px);line-height:1.45}.cta p{color:var(--brand-muted);margin:0;font-size:14.5px}.cta p.cta-warmth{color:var(--brand-ink);margin-top:8px;font-weight:700}.cta-prompts{flex-wrap:wrap;justify-content:center;gap:8px;max-width:36em;margin:18px auto 0;padding:0;list-style:none;display:flex}.cta-prompts li{border:1px dashed var(--brand-line);background:var(--brand-surface);color:var(--brand-ink);border-radius:999px;align-items:center;padding:6px 13px;font-size:13px;font-weight:700;display:inline-flex}.wave{z-index:1;opacity:.5;pointer-events:none;height:140px;position:absolute;bottom:0;left:0;right:0}.wave svg{width:100%;height:100%;display:block}footer{text-align:center;color:var(--brand-muted);padding:28px 16px 40px;font-size:12.5px}footer .brand{color:var(--brand-ink);justify-content:center;margin-bottom:12px;font-size:19px}footer nav{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:10px;display:flex}footer nav a{color:var(--brand-muted);text-decoration:none}footer nav a:hover{color:var(--brand-shu)}footer .business-info{margin-top:20px}.doti{overflow:visible}@media (prefers-reduced-motion:reduce){.doti-hero,.petal{animation:none}.petal{display:none}}.doc{max-width:720px;margin:0 auto;padding:36px 20px 64px}.doc :is(h1,h2){scroll-margin-top:72px}.doc h1{margin:42px 0 10px;font-size:21px;line-height:1.5}.doc>h1:first-child{margin:0 0 10px;font-size:clamp(28px,5vw,38px);line-height:1.25}.doc h2{font-family:var(--brand-font-sans);margin:26px 0 4px;font-size:16px;font-weight:700}.doc :is(p,li){color:var(--brand-muted)}.doc p{margin:12px 0}.doc :is(ul,ol){margin:12px 0;padding-left:22px}.doc li{margin:5px 0}.doc strong{color:var(--brand-ink);font-weight:700}.doc a{color:var(--brand-shu);text-underline-offset:3px}.doc hr{border:0;border-top:1px solid var(--brand-line);margin:42px 0 0}