@layer components{.dots-page{--lane-auto:#0b7a48;--lane-auto-tint:#e7f8ef;--lane-preapproved:var(--boss-cobalt);--lane-preapproved-tint:#eaf0ff;--lane-ask:#9a5200;--lane-ask-tint:#fff4e0;--lane-handoff:#c2410c;--lane-handoff-tint:#fff0ea;--dot-iggy:#ff7eb6;--dot-todd:#8fd13f;--dot-alfred:#ffcf3a;--dot-felipe:#2f8cff}.dots-progress{z-index:60;pointer-events:none;background:0 0;height:4px;position:fixed;inset:0 0 auto}.dots-progress>span{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--progress,0));background:linear-gradient(90deg, var(--dot-felipe), var(--dot-todd) 35%, var(--dot-alfred) 65%, var(--dot-iggy));display:block}.dots-hero{isolation:isolate;position:relative}.dots-hero-art{border:2px solid var(--ink);background:var(--sky-top);box-shadow:0 8px 0 var(--ink), 0 30px 60px -30px #1e2a4a8c;border-radius:2rem;position:relative;overflow:hidden;transform:rotate(1.2deg)}.dots-hero-art img{width:100%;height:auto;display:block}.dots-hero-sticker{z-index:2;border:2px solid var(--ink);color:var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;font-weight:700;line-height:1.3;position:absolute}.dots-hero-sticker-a{bottom:12%;left:-.75rem;transform:rotate(-4deg)}.dots-hero-sticker-b{background:var(--boss-gold);top:9%;right:-.5rem;transform:rotate(3deg)}.dots-dot{border:1.5px solid var(--ink);vertical-align:middle;border-radius:999px;width:.7rem;height:.7rem;display:inline-block}.dots-tldr{border:2px solid var(--ink);box-shadow:var(--shadow-pop);background:radial-gradient(18rem 10rem at 100% 0,#ffc53d47,#0000 70%),#fff;border-radius:1.5rem;position:relative}.dots-tldr ol{counter-reset:tldr}.dots-tldr li{counter-increment:tldr;padding-left:2.6rem;position:relative}.dots-tldr li:before{content:counter(tldr);border:2px solid var(--ink);background:var(--boss-gold);width:1.8rem;height:1.8rem;color:var(--ink);font-family:var(--font-mitr), sans-serif;border-radius:999px;place-items:center;font-size:.85rem;font-weight:600;display:grid;position:absolute;top:.1rem;left:0}.dots-rail{position:sticky;top:6rem}.dots-rail a{color:var(--space-dim);transition:background var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo);border-radius:.8rem;align-items:center;gap:.6rem;padding:.45rem .75rem;font-size:.9rem;font-weight:600;display:flex}.dots-rail a:hover{background:var(--space-holo-faint);color:var(--ink)}.dots-rail a[aria-current]{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink), 0 3px 0 var(--ink);background:#fff}.dots-rail-num{font-family:var(--font-geist-mono), monospace;color:var(--space-dim);font-size:.72rem}.dots-rail a[aria-current] .dots-rail-num{color:var(--boss-cobalt)}.dots-chipbar{z-index:30;scrollbar-width:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-hairline);background:#fff9f1eb;gap:.5rem;padding:.6rem 1.5rem;display:flex;position:sticky;top:4rem;overflow-x:auto}.dots-chipbar::-webkit-scrollbar{display:none}.dots-chipbar a{border:1.5px solid var(--color-hairline);color:var(--space-body);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:.35rem .8rem;font-size:.82rem;font-weight:600}.dots-chipbar a[aria-current]{border-color:var(--ink);background:var(--boss-gold);color:var(--ink)}.dots-chapter{scroll-margin-top:8.5rem}@media (min-width:1024px){.dots-chapter{scroll-margin-top:7rem}}.dots-chapter-num{font-family:var(--font-mitr), sans-serif;color:#0000;-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--boss-gold);font-size:clamp(2.6rem,1.8rem + 4vw,6rem);font-weight:600;line-height:.85}.dots-figure{margin:0;position:relative}.dots-figure-frame{border:2px solid var(--ink);background:var(--sky-mid);box-shadow:var(--shadow-pop);border-radius:1.5rem;overflow:hidden}.dots-figure-frame img{width:100%;height:auto;transition:transform .9s var(--ease-out-expo);display:block}.dots-figure:hover .dots-figure-frame img{transform:scale(1.025)}.dots-figure figcaption{color:var(--space-dim);margin-top:.7rem;font-size:.8rem;line-height:1.5}.dots-compare{border:2px solid var(--ink);box-shadow:var(--shadow-pop);background:#fff;border-radius:1.5rem;display:grid;overflow:hidden}.dots-compare-row{border-top:1px solid var(--color-hairline);grid-template-columns:1fr;gap:.35rem;padding:1rem 1.25rem;display:grid}.dots-compare-row:first-child{border-top:0}.dots-compare-head{background:var(--ink);color:#fff;font-size:.82rem;font-weight:600;display:none}.dots-compare-dot{color:var(--ink);font-weight:600;position:relative}@media (min-width:768px){.dots-compare-row{grid-template-columns:9rem 1fr 1.35fr;align-items:start;gap:1.25rem}.dots-compare-head{display:grid}.dots-compare-dot{border-left:3px solid var(--dot-todd);padding-left:1.25rem}}.dots-plan{border:2px solid var(--ink);height:100%;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:1.25rem;padding:1.35rem 1.25rem}.dots-plan[data-status=soon]{box-shadow:none;background:#fff9;border-style:dashed}.dots-status{border-radius:999px;align-items:center;gap:.4rem;padding:.15rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.dots-status[data-status=open]{background:var(--lane-auto-tint);color:var(--lane-auto)}.dots-status[data-status=beta]{background:var(--lane-ask-tint);color:var(--lane-ask)}.dots-status[data-status=soon]{background:var(--space-holo-faint);color:var(--space-dim)}.dots-steps{counter-reset:dstep;position:relative}.dots-steps:before{content:"";background:repeating-linear-gradient(180deg, var(--ink) 0 10px, transparent 10px 18px);opacity:.35;width:3px;position:absolute;top:1rem;bottom:1rem;left:1.45rem}.dots-steps{grid-template-columns:minmax(0,1fr)}.dots-step{min-width:0;padding-left:4.25rem;scroll-margin-top:8.5rem;position:relative}@media (min-width:1024px){.dots-step{scroll-margin-top:7rem}}.dots-step-num{border:2px solid var(--ink);width:3rem;height:3rem;color:var(--ink);font-family:var(--font-mitr), sans-serif;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:1rem;place-items:center;font-size:1.15rem;font-weight:600;display:grid;position:absolute;top:0;left:0;transform:rotate(-4deg)}.dots-step:nth-child(2n) .dots-step-num{background:var(--boss-gold);transform:rotate(4deg)}.dots-ui{border:1.5px solid var(--ink);color:var(--ink);font-family:var(--font-geist-mono), monospace;box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:.5rem;align-items:center;padding:.2rem .6rem;font-size:.76rem;display:inline-flex}.dots-callout{border-radius:1rem;gap:.75rem;padding:.9rem 1rem;font-size:.92rem;line-height:1.7;display:flex}.dots-callout-tip{background:var(--lane-preapproved-tint);color:var(--space-body)}.dots-callout-warn{background:var(--lane-handoff-tint);color:#7a2a06;border:1.5px solid #c2410c59}.dots-callout-label{border-radius:999px;flex:none;align-self:flex-start;padding:.05rem .5rem;font-size:.7rem;font-weight:700;line-height:1.6}.dots-callout-tip .dots-callout-label{background:var(--boss-cobalt);color:#fff}.dots-callout-warn .dots-callout-label{background:var(--lane-handoff);color:#fff}.dots-prompt-pack{columns:1;column-gap:1.5rem}.dots-prompt-pack>li{break-inside:avoid;margin-bottom:1.5rem}@media (min-width:1024px){.dots-prompt-pack{columns:2}}.dots-prompt{border:2px solid var(--ink);color:#eef3ff;box-shadow:0 4px 0 var(--boss-gold-deep);background:#1e2a4a;border-radius:1.25rem;position:relative}.dots-prompt-head{border-bottom:1px dashed #eef3ff40;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.7rem .8rem .7rem 1.1rem;display:flex}.dots-prompt-dots{gap:.35rem;display:flex}@media (max-width:639px){.dots-prompt-head{flex-wrap:wrap}.dots-prompt-dots{display:none}}.dots-prompt-dots i{border-radius:999px;width:.6rem;height:.6rem;display:block}.dots-prompt pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font-anuphan), sans-serif;margin:0;padding:1rem 1.1rem 1.15rem;font-size:.95rem;line-height:1.8}.dots-prompt pre[data-collapsed]{max-height:8.6rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.dots-prompt-more{width:100%;color:var(--boss-gold);text-align:left;border-top:1px dashed #eef3ff40;padding:.55rem 1rem .75rem;font-size:.82rem;font-weight:700;display:block}.dots-prompt-more:hover{text-decoration:underline}.dots-prompt-more:focus-visible{outline-offset:-3px;outline:3px solid #fff}.dots-copy{white-space:nowrap;background:var(--boss-gold);min-height:2.25rem;color:var(--ink);transition:transform var(--duration-fast) var(--ease-spring), background var(--duration-fast) var(--ease-out-expo);border:2px solid #fff;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.dots-copy:hover{transform:translateY(-2px)}.dots-copy:active{transform:translateY(1px)}.dots-copy:focus-visible{outline-offset:2px;outline:3px solid #fff}.dots-copy[data-copied=true]{background:#8fe3b4}.dots-sim{border:2px solid var(--ink);box-shadow:var(--shadow-pop);background:#fff;border-radius:1.75rem;overflow:clip}.dots-sim-actions button{border:1.5px solid var(--color-hairline);width:100%;color:var(--space-body);text-align:left;transition:border-color var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-spring), background var(--duration-fast) var(--ease-out-expo);background:#fff;border-radius:.9rem;align-items:center;gap:.7rem;padding:.7rem .9rem;font-size:.92rem;font-weight:600;line-height:1.5;display:flex}.dots-sim-actions button:hover{border-color:var(--ink);transform:translate(3px)}.dots-sim-actions button[aria-pressed=true]{border:2px solid var(--ink);background:var(--sky-mid);color:var(--ink);box-shadow:0 3px 0 var(--ink)}.dots-sim-actions button:focus-visible{outline:3px solid var(--boss-cobalt);outline-offset:2px}.dots-lane-dot{border:1.5px solid var(--ink);border-radius:999px;flex:none;width:.8rem;height:.8rem}[data-lane=auto]{--lane:var(--lane-auto);--lane-tint:var(--lane-auto-tint)}[data-lane=preapproved]{--lane:var(--lane-preapproved);--lane-tint:var(--lane-preapproved-tint)}[data-lane=ask]{--lane:var(--lane-ask);--lane-tint:var(--lane-ask-tint)}[data-lane=handoff]{--lane:var(--lane-handoff);--lane-tint:var(--lane-handoff-tint)}.dots-lane-dot{background:var(--lane)}.dots-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}@media (min-width:1024px){.dots-lanes{grid-template-columns:repeat(4,minmax(0,1fr))}}.dots-lane{background:var(--lane-tint);transition:transform var(--duration-normal) var(--ease-spring), border-color var(--duration-fast) var(--ease-out-expo), opacity var(--duration-fast) var(--ease-out-expo);border:2px solid #0000;border-radius:1rem;padding:.8rem .85rem .85rem;position:relative}.dots-lane[data-active=false]{border-color:var(--color-hairline);background:#fff}.dots-lane[data-active=true]{border-color:var(--ink);box-shadow:0 4px 0 var(--ink);transform:translateY(-4px)}.dots-lane-th{color:var(--lane);font-weight:700}.dots-lane-en{font-family:var(--font-geist-mono), monospace;color:var(--space-dim);font-size:.68rem}.dots-sim-verdict{background:var(--lane-tint);border:2px solid var(--lane);border-radius:1.25rem;padding:1.1rem 1.2rem}.dots-lock{border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .6rem;font-size:.74rem;font-weight:700;display:inline-flex}.dots-lock[data-adjustable=true]{color:var(--lane-auto);border:1.5px solid var(--lane-auto);background:#fff}.dots-lock[data-adjustable=false]{background:var(--ink);color:#fff}.dots-mock{border:2px solid var(--ink);box-shadow:var(--shadow-pop);background:#fff;border-radius:1.5rem;overflow:hidden}.dots-mock-bar{border-bottom:1.5px solid var(--color-hairline);background:linear-gradient(120deg,#eaf4ff,#fff6dc);align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.dots-mock-avatar{border:2px solid var(--ink);background:radial-gradient(circle at 35% 35%, #fff 0 12%, var(--dot-todd) 13%);border-radius:999px;place-items:center;width:2.6rem;height:2.6rem;display:grid}.dots-mock-tabs{scrollbar-width:none;border-bottom:1.5px solid var(--color-hairline);gap:.25rem;padding:.6rem .6rem 0;display:flex;overflow-x:auto}.dots-mock-tabs::-webkit-scrollbar{display:none}@media (max-width:639px){.dots-mock-tabs{gap:0;padding-inline:.35rem}.dots-mock-tabs button{padding-inline:.5rem;font-size:.7rem}}.dots-mock-tabs button{white-space:nowrap;font-family:var(--font-geist-mono), monospace;color:var(--space-dim);border-bottom:3px solid #0000;border-radius:.7rem .7rem 0 0;flex:none;padding:.45rem .8rem .55rem;font-size:.78rem}.dots-mock-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--boss-cobalt);font-weight:700}.dots-mock-tabs button:focus-visible{outline:3px solid var(--boss-cobalt);outline-offset:-3px}.dots-mock-item{border-top:1px solid var(--color-hairline);align-items:flex-start;gap:.7rem;padding:.8rem 1rem;font-size:.9rem;display:flex}.dots-mock-item:first-child{border-top:0}.dots-mock-state{border-radius:999px;flex:none;width:.6rem;height:.6rem;margin-top:.35rem}.dots-mock-flag{border:1.5px dashed var(--ink);color:var(--ink);background:#fff;border-radius:999px;flex:none;padding:.1rem .55rem;font-size:.68rem;font-weight:700}.dots-brief{counter-reset:brief;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem;display:grid}.dots-brief-part{counter-increment:brief;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:1.25rem;padding:1.1rem 1.1rem 1.15rem;position:relative}.dots-brief-part:after{content:"→";z-index:1;background:var(--boss-gold);border:2px solid var(--ink);width:1.5rem;height:1.5rem;color:var(--ink);border-radius:999px;place-items:center;font-size:.75rem;font-weight:700;display:none;position:absolute;top:50%;right:-.85rem;transform:translateY(-50%)}@media (max-width:639px){.dots-step{padding-left:3.4rem}.dots-step-num{width:2.5rem;height:2.5rem;font-size:1rem}.dots-steps:before{left:1.2rem}}@media (min-width:1024px){.dots-brief{grid-template-columns:repeat(4,minmax(0,1fr))}.dots-brief-part:not(:last-child):after{display:grid}}.dots-setup{border:2px solid var(--ink);height:100%;box-shadow:var(--shadow-pop);background:#fff;border-radius:1.5rem;flex-direction:column;padding:1.4rem 1.3rem;display:flex}.dots-setup dl{gap:.55rem;display:grid}.dots-setup dt{color:var(--space-dim);font-size:.74rem;font-weight:700}.dots-setup dd{color:var(--ink);margin:0;line-height:1.6}.dots-safety{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.5rem;display:grid}.dots-safety-group{border-top:4px solid var(--ink);background:#ffffffb3;border-radius:0 0 1.25rem 1.25rem;height:100%;padding:1.25rem 1.25rem .5rem}.dots-safety-head{font-family:var(--font-mitr), sans-serif;color:var(--ink);font-size:1.15rem;font-weight:600}.dots-safety-item{border-top:1px dashed var(--color-hairline);padding:.9rem 0 .95rem 1.9rem;position:relative}.dots-safety-group ul{margin-top:.6rem}.dots-safety-item:first-child{border-top:0}.dots-safety-item:before{content:"";border:2px solid var(--ink);background:#fff;border-radius:.25rem;width:.8rem;height:.8rem;position:absolute;top:1.2rem;left:.2rem}.dots-safety-item[data-hazard]:before{content:"!" / "";background:var(--boss-gold);width:1.3rem;height:1.3rem;color:var(--ink);border-radius:.45rem;place-items:center;font-size:.75rem;font-weight:800;display:grid;top:.95rem;left:0;transform:rotate(-6deg)}.dots-story{border:2px solid var(--ink);box-shadow:var(--shadow-pop);background:radial-gradient(20rem 12rem at 0 0,#8fd13f38,#0000 70%),radial-gradient(20rem 12rem at 100% 100%,#ffc53d4d,#0000 70%),#fff;border-radius:1.75rem;position:relative}.dots-story blockquote{border:2px solid var(--ink);color:var(--ink);font-family:var(--font-mitr), sans-serif;box-shadow:0 3px 0 var(--ink);background:#f2ffe6;border-radius:1.25rem 1.25rem 1.25rem .3rem;margin:0;padding:1rem 1.2rem;font-size:1.15rem;line-height:1.6;position:relative}.dots-faq details{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);transition:box-shadow var(--duration-fast) var(--ease-out-expo);background:#fff;border-radius:1.25rem}.dots-faq details[open]{box-shadow:0 5px 0 var(--boss-gold-deep)}.dots-faq summary{cursor:pointer;color:var(--ink);font-family:var(--font-mitr), sans-serif;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;font-weight:500;list-style:none;display:flex}.dots-faq summary::-webkit-details-marker{display:none}.dots-faq summary:after{content:"+" / "";border:2px solid var(--ink);width:1.7rem;height:1.7rem;transition:transform var(--duration-normal) var(--ease-spring);border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.dots-faq details[open] summary:after{background:var(--boss-gold);transform:rotate(45deg)}.dots-faq summary:focus-visible{outline:3px solid var(--boss-cobalt);outline-offset:2px;border-radius:1.1rem}.dots-float{animation:6s ease-in-out infinite dots-float}@keyframes dots-float{0%,to{translate:0}50%{translate:0 -6px}}}@media (prefers-reduced-motion:reduce){.dots-float,.dots-figure-frame img,.dots-lane,.dots-copy,.dots-sim-actions button{transition:none;animation:none}.dots-figure:hover .dots-figure-frame img{transform:none}}