/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}main .guide-grid{grid-template-columns:repeat(2,1fr)}.cover.orange{background:radial-gradient(circle at 76% 24%,#ffd26a 0,#0000 32%),linear-gradient(145deg,#e7742d,#8a3619)}.orange-hero{background:radial-gradient(circle at 82% 22%,#fff0c8 0,#0000 31%),linear-gradient(135deg,#fff,#fffaf1)}.orange-badge{color:#9a521c;background:#fff0da}.orange-button{background:#e8732f!important;box-shadow:0 12px 28px #d75e2735!important}.ai-visual{place-items:center;height:410px;display:grid;position:relative}.ai-orb{color:#fff;background:radial-gradient(circle at 30% 25%,#ffce62,#ed7431 55%,#8f3c24);border-radius:42px;place-items:center;width:150px;height:150px;font-size:44px;font-weight:900;display:grid;box-shadow:0 30px 60px #b65c2e3c}.ai-bubble{background:#fff;border:1px solid #ebdfcf;border-radius:13px;align-items:center;gap:11px;min-width:170px;padding:13px;display:flex;position:absolute;box-shadow:0 15px 35px #8b57311b}.ai-bubble i{color:#c9652d;background:#fff1df;border-radius:9px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.ai-bubble b,.ai-bubble span{display:block}.ai-bubble b{font-size:11px}.ai-bubble span{color:#7c695b;font-size:9px}.ai-bubble.b1{top:10%;left:2%}.ai-bubble.b2{top:18%;right:0}.ai-bubble.b3{bottom:12%;left:0}.ai-bubble.b4{bottom:8%;right:3%}.tool-list{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.tool-list>div{background:#fff;border:1px solid #e1e8f1;border-radius:14px;gap:13px;padding:18px;display:flex}.tool-logo{color:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:900;display:grid}.tool-logo.chat{background:#1e9278}.tool-logo.claude{background:#c87348}.tool-logo.gemini{background:#5279dc}.tool-logo.grok{background:#1d2430}.tool-list b{font-size:13px}.tool-list p{color:#728197;margin:5px 0;font-size:10px;line-height:1.6}.tool-list small{color:#1d7b59;font-size:8px;font-weight:900}.prompt-formula{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:24px 0;display:grid}.prompt-formula>div{background:#fff;border:1px solid #e1e8f1;border-radius:12px;height:135px;padding:15px}.prompt-formula>div span{color:#d96d2d;font-size:9px;font-weight:900}.prompt-formula>div b{margin:15px 0 6px;font-size:11px;display:block}.prompt-formula>div p{color:#748296;margin:0;font-size:9px;line-height:1.5}.prompt-formula>i{color:#b8c1ce;font-style:normal}.seven-days{grid-template-columns:1fr 1fr;gap:11px;display:grid}.seven-days>div{background:#fff;border:1px solid #e1e8f1;border-radius:13px;padding:17px}.seven-days span{color:#d46b2c;font-size:9px;font-weight:900}.seven-days b{margin:9px 0 5px;font-size:12px;display:block}.seven-days p{color:#728197;margin:0;font-size:10px}@media (width<=900px){main .guide-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){main .guide-grid,.tool-list,.seven-days{grid-template-columns:1fr}.ai-visual{height:340px}.ai-orb{border-radius:32px;width:115px;height:115px;font-size:34px}.ai-bubble{min-width:140px;padding:10px}.ai-bubble.b1,.ai-bubble.b3{left:0}.ai-bubble.b2,.ai-bubble.b4{right:0}.prompt-formula{grid-template-columns:1fr}.prompt-formula>i{display:none}.prompt-formula>div{height:auto}}:root{--ink:#10213f;--muted:#64748b;--blue:#2563eb;--pale:#eef5ff;--line:#dbe5f2;--navy:#0c1c38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fbfdff;margin:0;font-family:Arial,Noto Sans Thai,sans-serif}a{color:inherit;text-decoration:none}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #e8eef7;justify-content:space-between;align-items:center;height:78px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#6d5dfc,#2563eb);border-radius:12px;place-items:center;width:40px;height:40px;font-size:21px;font-weight:900;display:grid;box-shadow:0 8px 20px #315fcd35}.brand b,.brand small{display:block}.brand b{font-size:15px}.brand small{color:#7a8aa3;letter-spacing:.03em;margin-top:2px;font-size:10px}nav{align-items:center;gap:30px;font-size:14px;font-weight:700;display:flex}nav a:hover{color:var(--blue)}.nav-pill{border:1px solid var(--line);border-radius:12px;padding:10px 16px}.hero{background:radial-gradient(circle at 78% 25%,#dceaff 0,#0000 27%),linear-gradient(135deg,#fff 30%,#f5f9ff 100%);grid-template-columns:minmax(0,1fr) minmax(480px,.9fr);align-items:center;gap:7vw;min-height:600px;padding:75px max(6vw,28px) 68px;display:grid;overflow:hidden}.hero-copy{max-width:620px;margin-left:auto}.eyebrow{text-transform:uppercase;color:#61718c;letter-spacing:.1em;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.eyebrow span{color:#255fd4;background:#e8f1ff;border-radius:8px;padding:7px 10px}.eyebrow i{background:#9eacc0;border-radius:50%;width:4px;height:4px}h1{letter-spacing:-.05em;color:#10213f;margin:24px 0 20px;font-size:clamp(52px,5.5vw,82px);line-height:.98}h1 em{color:#2765dc;font-style:normal}.lead{color:#5f6f88;max-width:580px;font-size:18px;line-height:1.75}.hero-actions{gap:12px;margin:30px 0;display:flex}.button{border-radius:13px;padding:15px 20px;font-size:14px;font-weight:800}.button.primary{color:#fff;background:#2463df;box-shadow:0 12px 28px #2463df3b}.button.primary span{margin-left:22px}.button.secondary{border:1px solid var(--line);background:#fff}.quick-facts{color:#708099;flex-wrap:wrap;gap:20px;font-size:11px;display:flex}.quick-facts span{padding-left:14px;position:relative}.quick-facts span:before{content:"";background:#51b889;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:0}.quick-facts b{color:#31415d}.editor-card{background:#0e1729;border:1px solid #d7e2f0;border-radius:18px;max-width:620px;height:410px;position:relative;overflow:visible;transform:perspective(1300px)rotateY(-4deg);box-shadow:0 35px 70px #1d407a2b}.window-bar{background:#fff;border-radius:17px 17px 0 0;align-items:center;gap:6px;height:38px;padding:0 14px;display:flex}.window-bar span{background:#d8dfeb;border-radius:50%;width:7px;height:7px}.window-bar b{color:#8b98aa;margin:auto;font-size:9px;font-weight:500}.editor-body{grid-template-columns:120px 1fr;height:220px;display:grid}.editor-body aside{color:#cbd6e8;border-right:1px solid #26344c;padding:15px;font-size:10px}.media-tile{border:1px dashed #51617b;border-radius:8px;place-items:center;height:68px;margin:12px 0;font-size:18px;display:grid}.media-tile small{font-size:8px;display:block}.media-row{background:#263650;border-radius:4px;height:6px;margin-top:9px}.media-row.short{width:70%}.preview{place-items:center;padding:18px;display:grid}.video{aspect-ratio:16/9;background:linear-gradient(135deg,#355eaa,#92bfff);border-radius:6px;place-items:center;width:74%;display:grid;position:relative;box-shadow:0 8px 22px #0004}.play{color:#2463df;background:#ffffffdc;border-radius:50%;place-items:center;width:38px;height:38px;padding-left:3px;font-size:13px;display:grid}.video small{color:#fff;font-size:7px;position:absolute;bottom:6px;right:8px}.timeline{background:#111c30;border-top:1px solid #26344c;border-radius:0 0 17px 17px;height:152px;padding:9px 14px;position:relative}.timeline-tools{color:#8594aa;height:24px;font-size:9px}.timeline-tools span{float:right}.track{color:#708099;border-top:1px solid #233149;align-items:center;gap:4px;height:42px;font-size:8px;display:flex}.track b{width:20px}.clip{color:#dce8ff;border-radius:4px;height:27px;padding:8px}.clip.blue{background:#2756a8;width:35%}.clip.violet{background:#6349a7;width:32%}.clip.audio{background:#1f755d;width:72%}.playhead{border-left:1px solid #ff647c;height:105px;position:absolute;top:31px;left:48%}.playhead:before{content:"";background:#ff647c;width:7px;height:7px;position:absolute;transform:translate(-4px,-3px)rotate(45deg)}.floating-badge{color:#2c5fbe;background:#fff;border:1px solid #dbe6f4;border-radius:12px;padding:12px 16px;font-size:11px;font-weight:800;position:absolute;bottom:36px;right:-22px;box-shadow:0 12px 30px #264c8030}.status-note{color:#63583e;background:#fffaf0;border:1px solid #f1dca8;border-radius:14px;align-items:center;gap:18px;max-width:1160px;margin:-20px auto 55px;padding:18px 24px;display:flex;position:relative}.status-note b{white-space:nowrap;color:#8b6918}.status-note p{margin:0;font-size:13px;line-height:1.6}.status-note a{color:#1f5fcf;text-decoration:underline}.content-shell{grid-template-columns:230px 1fr;align-items:start;gap:70px;max-width:1160px;margin:auto;padding:0 24px 80px;display:grid}.toc{position:sticky;top:110px}.toc>p{color:#8a98ac;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.toc>a{color:#64748b;border-bottom:1px solid #edf1f6;gap:11px;padding:12px 0;font-size:12px;font-weight:700;display:flex}.toc>a:hover{color:#1f61d7}.toc>a span{color:#a9b5c7;font-size:10px}.progress-card{background:#eef5ff;border-radius:12px;margin-top:22px;padding:16px}.progress-card span,.progress-card b,.progress-card small{display:block}.progress-card span,.progress-card small{color:#71809a;font-size:10px}.progress-card b{margin:4px 0;font-size:13px}.guide{min-width:0}.guide-section{border-bottom:1px solid #e4ebf4;padding:25px 0 72px;scroll-margin-top:95px}.section-label{color:#2463df;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.guide h2,.next-guide h2{color:#142441;letter-spacing:-.03em;margin:12px 0 16px;font-size:34px}.guide-section>p{color:#5e6f88;font-size:15px;line-height:1.8}.guide-section .intro{font-size:17px}.feature-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;display:grid}.feature-grid>div{background:#fff;border:1px solid #e0e8f3;border-radius:16px;padding:21px}.icon{color:#2463df;background:#edf4ff;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.feature-grid h3{margin:16px 0 8px;font-size:14px}.feature-grid p,.workflow-grid p{color:#718097;margin:0;font-size:12px;line-height:1.65}.compare{background:#e1e9f4;border:1px solid #e1e9f4;border-radius:15px;grid-template-columns:1fr 1fr;gap:1px;margin-top:16px;display:grid;overflow:hidden}.compare>div{background:#f8fbff;padding:20px}.compare small,.compare b{display:block}.compare small{color:#8a98ab;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.compare b{margin:7px 0;font-size:13px}.compare p{color:#718097;margin:0;font-size:11px;line-height:1.6}.steps{margin:26px 0;padding:0;list-style:none}.steps li{border-bottom:1px solid #e6edf5;gap:18px;padding:18px 0;display:flex}.steps li>span{color:#2463df;background:#eaf2ff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.steps b{font-size:14px}.steps p{color:#718097;margin:5px 0 0;font-size:12px}.steps a,.source-line a{color:#2463df;text-decoration:underline}.wide-cta{color:#fff;background:linear-gradient(135deg,#1e5ed5,#3976e7);border-radius:14px;justify-content:space-between;align-items:center;margin-top:25px;padding:20px 22px;display:flex;box-shadow:0 12px 26px #2361d52c}.wide-cta b,.wide-cta small{display:block}.wide-cta small{color:#dce9ff;margin-top:4px;font-size:10px}.wide-cta strong{background:#ffffff18;border-radius:9px;padding:10px 13px;font-size:12px}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px;display:grid}.workflow-grid>div{background:#fff;border:1px solid #e0e8f2;border-radius:14px;min-height:150px;padding:18px}.workflow-grid span{color:#2a65d7;font-size:10px;font-weight:900}.workflow-grid h3{margin:16px 0 7px;font-size:14px}.goal-box{background:#f0f7ff;border-left:3px solid #2d6de3;border-radius:13px;margin-top:15px;padding:18px 20px}.goal-box b{font-size:12px}.goal-box p{color:#596d89;margin:5px 0 0;font-size:12px;line-height:1.6}.warning{background:#fff9ea;border:1px solid #f0dfaf;border-radius:12px;gap:16px;margin:20px 0;padding:16px 18px;display:flex}.warning b{color:#8d6916;white-space:nowrap;font-size:12px}.warning p{color:#76694b;margin:0;font-size:11px;line-height:1.6}.code-card{background:#fff;border:1px solid #dbe4ef;border-radius:12px;margin:12px 0;overflow:hidden}.code-card>div{border-bottom:1px solid #e6edf5;align-items:center;gap:10px;padding:12px 15px;font-size:12px;display:flex}.code-card>div span{color:#2463df}.code-card pre{color:#d7e5ff;background:#111c30;margin:0;padding:16px;font-size:11px;line-height:1.8;overflow:auto}.code-card small{color:#738299;padding:9px 15px;font-size:9px;display:block}.source-line{text-align:center;font-size:11px!important}.tips-list{margin-top:25px}.tips-list>div{border-bottom:1px solid #e3eaf3;gap:20px;padding:18px 2px;display:flex}.tips-list b{color:#2a65d7;font-size:11px}.tips-list p{color:#6b7a90;margin:0;font-size:13px}.tips-list strong{color:#213250}.next-guide{text-align:center;color:#fff;background:linear-gradient(135deg,#10264a,#1e55b4);border-radius:22px;margin-top:60px;padding:45px}.next-guide>span{color:#9ec2ff;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:900}.next-guide h2{color:#fff}.next-guide p{color:#c7d7ee;max-width:590px;margin:0 auto;font-size:13px;line-height:1.7}.coming{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.coming span,.coming b{background:#ffffff12;border-radius:8px;padding:8px 11px;font-size:10px}.coming span{color:#87b3ff}footer{background:#fff;border-top:1px solid #e3eaf4;justify-content:space-between;align-items:center;gap:30px;min-height:150px;padding:40px max(6vw,28px);display:flex}footer p{color:#8190a5;font-size:10px}footer>a{color:#2a65d7;font-size:11px;font-weight:800}.library-page{background:#f8fbff}.member-pill{color:#2463df;background:#edf4ff}.library-hero{background:radial-gradient(circle at 82% 22%,#dbe8ff 0,#0000 29%),#fff;grid-template-columns:1.05fr .8fr;align-items:center;gap:7vw;min-height:640px;padding:80px max(7vw,28px);display:grid;overflow:hidden}.library-copy{max-width:700px;margin-left:auto}.member-badge{color:#46617f;background:#fff;border:1px solid #d9e6f7;border-radius:99px;align-items:center;gap:9px;width:max-content;padding:8px 13px 8px 8px;font-size:11px;font-weight:800;display:flex}.member-badge span,.fb{color:#fff;background:#1877f2;border-radius:50%;place-items:center;width:25px;height:25px;font-size:17px;font-weight:900;display:grid}.library-hero h1{font-size:clamp(52px,5.7vw,82px)}.library-hero p{color:#60718a;font-size:17px;line-height:1.8}.library-stats{border-top:1px solid #e4ebf4;padding-top:23px;display:flex}.library-stats div{border-right:1px solid #e4ebf4;min-width:140px;margin-right:24px;padding-right:24px}.library-stats b,.library-stats span{display:block}.library-stats b{color:#1f5fd5;font-size:20px}.library-stats span{color:#8090a5;font-size:10px}.library-visual{height:460px;position:relative}.book{color:#fff;border-radius:24px;flex-direction:column;width:300px;height:390px;padding:28px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 28px 60px #18376632}.book.back{background:linear-gradient(145deg,#49a9bf,#1c5973);transform:translate(-28%,-50%)rotate(12deg)}.book.middle{background:linear-gradient(145deg,#7860df,#3b2d92);transform:translate(-42%,-50%)rotate(5deg)}.book.front{background:radial-gradient(circle at 75% 20%,#4e99ff 0,#0000 30%),linear-gradient(145deg,#154eaa,#0c2349);transform:translate(-58%,-50%)rotate(-5deg)}.book>b{margin-top:auto;font-size:34px}.book.front i{border:1px solid #ffffff35;border-radius:18px;place-items:center;width:70px;height:70px;margin-top:65px;font-size:28px;font-style:normal;display:grid}.book.front span{letter-spacing:.1em;opacity:.7;font-size:8px}.book.front em{background:#ffffff18;border-radius:8px;width:max-content;margin-top:22px;padding:8px 10px;font-size:10px;font-style:normal}.member-strip{background:#fff;border:1px solid #dce7f5;border-radius:16px;align-items:center;gap:16px;max-width:1180px;margin:-25px auto 0;padding:18px 24px;display:flex;position:relative;box-shadow:0 15px 40px #254a7414}.member-strip p{color:#718199;margin:3px 0 0;font-size:11px}.member-strip strong{color:#245fc7;background:#edf4ff;border-radius:8px;margin-left:auto;padding:9px 12px;font-size:10px}.guides-library{max-width:1180px;margin:auto;padding:100px 24px 85px}.library-heading{justify-content:space-between;align-items:flex-end;display:flex}.library-heading>div>span{color:#2867dc;letter-spacing:.15em;font-size:10px;font-weight:900}.library-heading h2,.how h2,.group-cta h2{letter-spacing:-.035em;margin:10px 0 8px;font-size:38px}.library-heading p{color:#74839a;margin:0;font-size:13px}.library-heading>b{color:#2a67d8;font-size:30px}.library-heading>b small{color:#8290a4;font-size:9px;display:block}.chips{gap:8px;margin:32px 0 24px;display:flex}.chips span,.chips i{color:#708097;background:#fff;border:1px solid #dfe7f1;border-radius:99px;padding:9px 13px;font-size:10px;font-style:normal}.chips span{color:#fff;background:#225fd2}.guide-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.library-card{background:#fff;border:1px solid #dce6f2;border-radius:19px;overflow:hidden}.library-card.soon{opacity:.75}.cover{color:#fff;flex-direction:column;height:230px;padding:21px;display:flex}.cover.blue{background:radial-gradient(circle at 75% 25%,#4d99ff 0,#0000 31%),linear-gradient(145deg,#154eaa,#0c2349)}.cover.purple{background:linear-gradient(145deg,#765cdf,#342579)}.cover.cyan{background:linear-gradient(145deg,#3ca2b8,#174455)}.cover i{border:1px solid #ffffff35;border-radius:13px;place-items:center;width:48px;height:48px;margin-top:30px;font-style:normal;display:grid}.cover span{letter-spacing:.12em;margin-top:auto;font-size:8px}.cover b{margin-top:4px;font-size:27px}.cover em{opacity:.65;margin-top:5px;font-size:8px;font-style:normal}.card-copy{padding:20px}.card-copy label{color:#197751;background:#e7f8f0;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:900}.soon label{color:#7b6b38;background:#fff5d8}.card-copy h3{margin:14px 0 7px;font-size:15px}.card-copy>p{color:#748399;min-height:38px;font-size:11px;line-height:1.6}.card-meta{color:#7b899d;border-block:1px solid #e8edf4;gap:14px;margin:17px 0;padding:12px 0;font-size:9px;display:flex}.card-copy>a{color:#215fcf;justify-content:space-between;font-size:11px;font-weight:900;display:flex}.card-copy>strong{color:#a0aabc;font-size:11px}.how{border-top:1px solid #e2e9f3;grid-template-columns:.8fr 1.2fr;gap:80px;max-width:1180px;margin:auto;padding:80px 24px;display:grid}.how>div>span{color:#2867dc;font-size:10px;font-weight:900}.how-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.how-grid article{background:#fff;border:1px solid #dfe8f3;border-radius:15px;padding:22px 18px}.how-grid span{color:#2a67da;font-size:10px}.how-grid b{margin:23px 0 7px;font-size:13px;display:block}.how-grid p{color:#748398;font-size:10px}.group-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#0c1f40,#174c9e);border-radius:24px;max-width:1132px;margin:0 auto 90px;padding:58px 25px}.group-cta>span{color:#94baff;font-size:9px}.group-cta h2{color:#fff}.group-cta p{color:#c2d3ea;font-size:12px}.group-cta div{justify-content:center;gap:9px;display:flex}.group-cta b{background:#ffffff12;border-radius:8px;padding:8px 11px;font-size:9px}.article-page{background:#fbfdff}.article-hero{grid-template-columns:1fr .85fr;align-items:center;gap:7vw;min-height:590px;padding:75px max(7vw,28px);display:grid;overflow:hidden}.article-hero>div:first-child{max-width:680px;margin-left:auto}.purple-hero{background:radial-gradient(circle at 82% 22%,#e8e1ff 0,#0000 30%),linear-gradient(135deg,#fff,#f7f4ff)}.cyan-hero{background:radial-gradient(circle at 82% 22%,#dff7fb 0,#0000 30%),linear-gradient(135deg,#fff,#f3fbfd)}.article-badge{color:#3f62c4;letter-spacing:.08em;background:#e9f0ff;border-radius:8px;width:max-content;padding:8px 11px;font-size:10px;font-weight:900}.article-hero h1{font-size:clamp(50px,5vw,75px)}.article-hero>div>p{color:#60718a;max-width:620px;font-size:17px;line-height:1.75}.article-facts{color:#718199;gap:20px;margin-top:28px;font-size:10px;display:flex}.work-visual,.codex-visual{height:390px;position:relative}.work-window,.terminal{background:#fff;border:1px solid #d8e1ef;border-radius:18px;max-width:520px;margin:25px auto;overflow:hidden;box-shadow:0 30px 70px #293e7630}.work-head{border-bottom:1px solid #e6ebf3;align-items:center;gap:10px;padding:16px;display:flex}.work-head>span{color:#fff;background:#6d56dc;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.work-head b{font-size:12px}.work-head i{color:#687b91;margin-left:auto;font-size:9px;font-style:normal}.work-task{background:#f7f8fc;border-radius:13px;margin:16px;padding:18px}.work-task b,.work-task span{display:block}.work-task b{margin-bottom:14px;font-size:13px}.work-task span{color:#65768b;margin:9px 0;font-size:10px}.work-task .active{color:#5c4bc9}.work-files{border:1px solid #e1e7f0;border-radius:12px;grid-template-columns:40px 1fr;align-items:center;margin:16px;padding:13px;display:grid}.work-files>span{color:#6952cf;background:#eeeaff;border-radius:8px;grid-row:1/3;place-items:center;width:32px;height:32px;font-size:8px;display:grid}.work-files b{font-size:10px}.work-files small{color:#7d8ba0;font-size:8px}.terminal{color:#cbd7e8;background:#101928;border-color:#283650;margin-top:35px}.terminal>div{color:#8390a4;background:#fff;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.terminal>div i{background:#d9e0e9;border-radius:50%;width:7px;height:7px}.terminal>div span{margin:auto;font-size:9px}.terminal pre{white-space:pre-wrap;min-height:285px;margin:0;padding:25px;font-size:11px;line-height:1.8}.terminal code>b{color:#6acdf0}.terminal code em{color:#6ed6a8;font-style:normal}.diff-chip{color:#1f755a;background:#e7f8f1;border-radius:10px;padding:11px 14px;font-size:10px;font-weight:900;position:absolute;bottom:12px;right:5%}.exclusive-note{background:#fff;border:1px solid #dae6f5;border-radius:14px;align-items:center;gap:20px;max-width:1120px;margin:-18px auto 45px;padding:17px 22px;display:flex;box-shadow:0 12px 35px #234d7912}.exclusive-note b{color:#2866d6;white-space:nowrap;font-size:12px}.exclusive-note span{color:#6f7f96;font-size:11px}.article-layout{grid-template-columns:220px 1fr;gap:70px;max-width:1120px;margin:auto;padding:0 24px 80px;display:grid}.article-toc{align-self:start;position:sticky;top:100px}.article-toc>p{color:#94a0b2;letter-spacing:.12em;font-size:9px;font-weight:900}.article-toc a{color:#63748b;border-bottom:1px solid #e8edf4;gap:11px;padding:12px 0;font-size:11px;font-weight:800;display:flex}.article-toc a span{color:#a8b3c3;font-size:9px}.article-content{min-width:0}.article-content>section{border-bottom:1px solid #e3eaf3;padding:30px 0 70px;scroll-margin-top:88px}.article-content section>label{color:#2867d9;letter-spacing:.12em;font-size:9px;font-weight:900}.article-content h2{letter-spacing:-.03em;margin:10px 0 16px;font-size:34px}.article-content>section>p{color:#63748b;font-size:14px;line-height:1.8}.article-lead{font-size:16px!important}.four-grid,.use-list,.surface-table{grid-template-columns:1fr 1fr;gap:13px;margin:25px 0;display:grid}.four-grid>div,.use-list>div,.surface-table>div{background:#fff;border:1px solid #e0e8f2;border-radius:14px;padding:20px}.four-grid i{color:#2866d4;background:#edf4ff;border-radius:10px;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.four-grid b,.use-list b{margin:13px 0 6px;font-size:13px;display:block}.four-grid p,.use-list p,.surface-table p{color:#728197;margin:0;font-size:10px;line-height:1.6}.use-list span{color:#2868db;font-size:9px;font-weight:900}.surface-table b{font-size:13px}.surface-table span{color:#197653;background:#e7f8f0;border-radius:6px;margin-top:10px;padding:5px 7px;font-size:8px;font-weight:900;display:inline-block}.plain-box{background:#eef5ff;border-left:3px solid #2b68da;border-radius:10px;padding:18px 20px}.plain-box b{font-size:11px}.plain-box p{color:#63748b;margin:6px 0 0;font-size:11px;line-height:1.7}.article-steps{padding:0;list-style:none}.article-steps li{border-bottom:1px solid #e6ecf4;gap:17px;padding:17px 0;display:flex}.article-steps li>span{color:#2867d8;background:#eaf2ff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.article-steps b{font-size:13px}.article-steps p{color:#718097;margin:5px 0 0;font-size:11px}.prompt-card{background:#fff;border:1px solid #dce5f0;border-radius:13px;margin:13px 0;overflow:hidden}.prompt-card span{color:#2765d2;background:#eef5ff;padding:10px 15px;font-size:9px;font-weight:900;display:block}.prompt-card p{color:#4e6078;white-space:pre-line;margin:0;padding:17px;font-size:11px;line-height:1.8}.check-list p{color:#6b7a90;border-bottom:1px solid #e5ebf3;margin:0;padding:14px 0;font-size:11px}.check-list b{color:#223550}.source-box{text-align:center;color:#758399;background:#f2f6fb;border-radius:10px;margin-top:20px;padding:13px;font-size:9px}.source-box a{color:#2867d8;text-decoration:underline}.next-article{color:#fff;background:linear-gradient(135deg,#11274b,#235fbf);border-radius:16px;justify-content:space-between;align-items:center;margin-top:30px;padding:24px;display:flex}.next-article small,.next-article b{display:block}.next-article small{color:#9fc0f3;font-size:8px}.next-article b{margin-top:4px;font-size:16px}.next-article strong{font-size:11px}@media (width<=900px){nav>a:not(.nav-pill){display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{margin:0}.editor-card{max-width:100%;transform:none}.content-shell{grid-template-columns:1fr}.toc{display:none}.workflow-grid{grid-template-columns:1fr 1fr}.status-note{margin:20px 24px 45px}.hero{gap:45px}.library-hero{grid-template-columns:1fr}.library-copy{margin:0}.guide-grid{grid-template-columns:1fr 1fr}.how{grid-template-columns:1fr}.member-strip{margin:20px 24px 0}.article-hero{grid-template-columns:1fr}.article-hero>div:first-child{margin:0}.article-layout{grid-template-columns:1fr}.article-toc{display:none}}@media (width<=600px){.topbar{height:68px}.brand small{display:none}.nav-pill{padding:9px 11px}.hero{min-height:auto;padding:45px 20px}.eyebrow{flex-wrap:wrap}h1{font-size:48px}.lead{font-size:16px}.hero-actions{flex-direction:column}.button{text-align:center}.quick-facts{gap:12px}.editor-card{height:300px}.editor-body{grid-template-columns:85px 1fr;height:160px}.timeline{height:102px}.playhead{height:70px}.floating-badge{bottom:20px;right:10px}.status-note{flex-direction:column;align-items:flex-start;margin:20px 16px 35px}.content-shell{padding:0 18px 60px}.guide h2,.next-guide h2{font-size:28px}.feature-grid,.compare,.workflow-grid{grid-template-columns:1fr}.wide-cta{flex-direction:column;align-items:flex-start;gap:14px}.next-guide{padding:35px 20px}footer{flex-direction:column;align-items:flex-start}.editor-body aside{padding:9px}.editor-card{overflow:hidden}.floating-badge{display:none}.library-hero{padding:45px 20px}.library-hero h1{font-size:46px}.library-visual{height:370px}.book{width:245px;height:320px}.member-strip{align-items:flex-start;margin:16px}.member-strip strong{display:none}.guide-grid,.how-grid{grid-template-columns:1fr}.guides-library,.how{padding-inline:18px}.library-heading>b{display:none}.library-heading h2,.how h2,.group-cta h2{font-size:30px}.chips{overflow:auto}.chips>*{white-space:nowrap}.group-cta{margin:0 16px 60px}.library-stats{flex-wrap:wrap}.library-stats div{min-width:105px}.article-hero{padding:45px 20px}.article-hero h1{font-size:45px}.article-facts{flex-wrap:wrap}.work-visual,.codex-visual{height:330px}.exclusive-note{flex-direction:column;align-items:flex-start;margin:18px 16px 25px}.article-layout{padding:0 18px 60px}.article-content h2{font-size:28px}.four-grid,.use-list,.surface-table{grid-template-columns:1fr}.terminal pre{padding:18px;font-size:9px}}