*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{color:#20271f;background:#fafaf6;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #628827}h1,h2,h3,p{margin:0}header,section,footer,article{position:relative}.header{border-bottom:1px solid #dedfd7;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;height:94px;margin:auto;padding:0 5%;display:flex}.brand{letter-spacing:-1px;align-items:center;font-size:27px;font-weight:700;display:flex}.brand>span:last-child:not(.mark){font-weight:400}.mark{background:#cbfa64;border-radius:10px;justify-content:center;align-items:center;width:37px;height:37px;margin-right:10px;font-size:31px;line-height:1;display:inline-flex;position:relative}.mark span{align-self:flex-start;margin-left:-3px;font-size:21px}.header nav,.header-right{align-items:center;gap:28px;display:flex}.header nav{font-size:14px}.language{font-size:13px}.button{color:#1e2a15;cursor:pointer;background:#cbfa64;border:1px solid #cbfa64;border-radius:7px;justify-content:center;align-items:center;gap:22px;padding:17px 24px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#b9e956;transform:translateY(-1px)}.button:disabled{cursor:default;opacity:.7}.button.small{padding:12px 17px}.hero{grid-template-columns:1.04fr 1fr;align-items:center;gap:45px;max-width:1440px;min-height:680px;margin:auto;padding:80px 5% 70px;display:grid}.eyebrow{letter-spacing:1.6px;align-items:center;gap:9px;font-size:11px;font-weight:600;line-height:1.7;display:flex}.live-dot{background:#76a638;border-radius:50%;width:7px;height:7px;display:inline-block}.hero h1{letter-spacing:-4.2px;margin:25px 0;font-size:clamp(44px,5.7vw,80px);line-height:1.04}.hero h1 em{color:#789344;font-style:normal}.intro{color:#687061;max-width:460px;font-size:16px;line-height:1.8}.hero-actions{align-items:center;gap:26px;margin-top:28px;display:flex}.text-link{font-size:14px;font-weight:500}.status{color:#757c6c;margin-top:18px;font-size:11px}.hero-art{height:520px;position:relative}.hero-main{border:7px solid #fff;border-radius:24px;width:60%;position:absolute;top:21px;left:7%;overflow:hidden;transform:rotate(-7deg);box-shadow:0 30px 70px #27321a20}.hero-secondary{border:6px solid #fff;border-radius:20px;width:42%;position:absolute;top:105px;right:0;overflow:hidden;transform:rotate(9deg);box-shadow:0 25px 55px #26302020}.floating-label{letter-spacing:1px;z-index:2;background:#fff;border:1px solid #e5e7df;border-radius:30px;align-items:center;gap:8px;padding:10px 16px;font-size:10px;display:flex;position:absolute;top:0;right:3%}.hero-art>.preview-note{text-align:center;width:100%;position:absolute;bottom:0}.timeline{background:#fff;border-radius:10px;align-items:center;gap:6px;width:87%;padding:14px;display:flex;position:absolute;bottom:44px;left:5%;transform:rotate(-2deg);box-shadow:0 10px 40px #26302015}.timeline span,.timeline b{color:#787f70;font-size:9px}.timeline i{background:#d4e7be;border-radius:3px;flex:1;height:27px}.timeline i:nth-child(3n){background:#b9c4dc}.timeline i:nth-child(4n){background:#e9d7c4}.ribbon{letter-spacing:1.2px;color:#747c6c;border-top:1px solid #dedfd7;border-bottom:1px solid #dedfd7;justify-content:space-between;padding:19px 5%;font-size:10px;display:flex}.section{max-width:1440px;margin:auto;padding:80px 5%}.section-top{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.section h2,.variation h2,.waitlist h2{letter-spacing:-1.8px;white-space:pre-line;font-size:clamp(30px,3.4vw,46px);font-weight:500;line-height:1.15}.section h2,.section h1{margin:12px 0 15px}.section h1{letter-spacing:-2px;font-size:54px}.muted{color:#747b6d;max-width:590px;font-size:14px;line-height:1.7}.collection-count{color:#7a8273;font-size:11px}.template-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.art{aspect-ratio:3/4;isolation:isolate;border-radius:12px;position:relative;overflow:hidden}.art-0{background:radial-gradient(at 20% 15%,#fbffc3,#0000 65%),linear-gradient(140deg,#d2e697,#a8c46b);justify-content:center;align-items:center;display:flex}.orbit{border:1px solid #fff9;border-radius:50%;width:125%;height:65%;position:absolute;transform:rotate(-30deg);box-shadow:0 0 0 26px #fff2,0 0 0 55px #fff1}.bottle{color:#34452a;background:linear-gradient(90deg,#f1f0c6,#fffedc 40%,#d9d6aa);border-radius:26px 26px 18px 18px;flex-direction:column;justify-content:center;align-items:center;width:42%;height:52%;display:flex;position:relative;transform:rotate(9deg);box-shadow:18px 21px 25px #49642440}.bottle:before{content:"";background:repeating-linear-gradient(90deg,#425433,#425433 3px,#596941 4px 6px);border-radius:5px 5px 2px 2px;width:76%;height:18%;position:absolute;top:-11%}.bottle span{letter-spacing:3px;margin-bottom:24%;font-size:9px}.bottle strong{letter-spacing:-.5px;font-size:clamp(11px,1.25vw,18px)}.bottle small{letter-spacing:1px;margin-top:8px;font-size:5px}.art-caption{text-align:center;letter-spacing:-1px;color:#334529;font-size:clamp(14px,1.5vw,22px);font-weight:600;position:absolute;bottom:10%;left:6%;right:6%}.art-1{color:#fff;background:#7474b8;padding:13% 8%}.rank-title{letter-spacing:-1px;white-space:pre-line;margin-bottom:17%;font-size:clamp(17px,1.8vw,28px);font-weight:800;line-height:.98}.rank{background:#ffffff1c;border-radius:4px;align-items:center;gap:5px;margin-bottom:8px;padding:7px;display:flex}.rank b{width:20px;font-size:18px}.rank span{background:#cadc9e;border-radius:3px;width:27%;height:28px;transform:rotate(-4deg)}.rank-1 span{background:#ead2b2;transform:rotate(5deg)}.rank-2 span{background:#c2bce2}.art-2{background:#b6c9df;gap:4px;padding:9px;display:flex}.speaker{background:#465a75;border-radius:80px 80px 5px 5px;flex:1;margin-top:45%;position:relative}.speaker-two{background:#d58654}.head{background:#d7bda5;border-radius:44%;width:54%;height:29%;position:absolute;top:-18%;left:23%;box-shadow:0 -12px #303934}.speaker-two .head{background:#bb8d72;box-shadow:0 -12px #513b33}.mic{background:#25313b;border-radius:10px;width:11%;height:30%;position:absolute;top:29%;left:46%;transform:rotate(15deg)}.talk{text-align:center;background:#f8f9ed;padding:8px;font-size:19px;font-weight:600;position:absolute;bottom:10%;left:7%;right:7%;transform:rotate(-4deg)}.art-3{color:#65452c;background:#ead7c3;padding:13% 9%}.question{letter-spacing:-1.6px;white-space:pre-line;font-size:clamp(23px,2.6vw,39px);font-weight:800;line-height:1;position:relative}.question-mark{color:#b18560;font-size:140px;font-weight:800;position:absolute;bottom:-8%;right:9%;transform:rotate(15deg)}.street-grid{background-color:#0000;background-image:linear-gradient(90deg,#0000 49%,#ad947b30 50%,#0000 51%),linear-gradient(#0000 49%,#ad947b30 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:35px 35px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;transform:rotate(-15deg)scale(1.3)}.template-meta{justify-content:space-between;align-items:center;margin:18px 0 7px;display:flex}.template h3{letter-spacing:-.3px;font-size:16px;font-weight:600}.template>p{color:#727a6b;margin-bottom:12px;font-size:12px}.template small{color:#7d8475;text-transform:uppercase;letter-spacing:1px;font-size:9px}.preview-note{color:#7d8475;margin-top:22px;font-size:10px}.workflow{border-top:1px solid #dedfd7;grid-template-columns:1fr 1fr;gap:70px;display:grid}.workflow .text-link{margin-top:22px;display:inline-block}.step{border-bottom:1px solid #dedfd7;gap:25px;padding:23px 0;display:flex}.step:first-child{padding-top:0}.step>span{color:#809366;padding-top:4px;font-size:11px}.step h3{font-size:18px;font-weight:500}.step p{color:#757c6c;margin-top:10px;font-size:14px;line-height:1.7}.variation{background:#eaf0de;border-radius:15px;grid-template-columns:1fr 1fr;gap:70px;max-width:1296px;margin:0 auto;padding:65px;display:grid}.variation h2{margin:14px 0 20px}.variation p:not(.eyebrow){color:#69755e;font-size:14px;line-height:1.7}.voice-wave{justify-content:center;align-items:center;gap:5px;display:flex}.voice-wave i{background:#798e55;border-radius:5px;width:6px}.chips{flex-wrap:wrap;gap:7px;margin-top:25px;display:flex}.chips span{border:1px solid #b8c5a4;border-radius:20px;padding:8px 12px;font-size:11px}.faq{grid-template-columns:.9fr 1.1fr;gap:50px;display:grid}.faq details{border-bottom:1px solid #dedfd7;padding:20px 0}.faq summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:15px;list-style:none;display:flex}.faq details p{color:#6b7462;margin-top:15px;font-size:14px;line-height:1.8}.waitlist{color:#fafbf5;background:#263520;grid-template-columns:1fr 1fr;gap:100px;padding:75px max(5%,50% - 648px);scroll-margin-top:20px;display:grid}.waitlist h2{margin:20px 0}.waitlist>div>p:not(.eyebrow){color:#c0cbb5;max-width:350px;line-height:1.7}.waitlist small{color:#b2c49e;margin-top:25px;font-size:11px;display:block}.waitlist form{width:100%;max-width:460px}.waitlist label:not(.consent){margin:0 0 8px;font-size:12px;display:block}.waitlist input[type=email],.waitlist select{color:#263520;background:#f7f9ef;border:1px solid #f7f9ef;border-radius:5px;width:100%;margin-bottom:18px;padding:14px}.waitlist .consent{color:#c5d0bb;align-items:flex-start;gap:8px;margin-bottom:20px;font-size:11px;line-height:1.7;display:flex}.consent input{accent-color:#cbfa64;margin-top:3px}.consent a{text-decoration:underline}.waitlist .button{width:100%}.form-message{min-height:20px;margin-top:12px;font-size:13px;line-height:1.6}.form-message.error{color:#ffc1ad}.honey{position:absolute;left:-10000px}.footer{grid-template-columns:1fr 1fr;gap:35px;max-width:1440px;margin:auto;padding:45px 5% 25px;display:grid}.footer>div>p{color:#737c69;margin-top:13px;font-size:13px}.footer-links{justify-content:flex-end;align-items:start;gap:25px;padding-top:12px;font-size:12px;display:flex}.footer-bottom{color:#7d8574;border-top:1px solid #dedfd7;grid-column:1/-1;justify-content:space-between;gap:20px;padding-top:22px;font-size:10px;display:flex}.footer .footer-bottom p{max-width:550px;margin:0;font-size:10px}.article{max-width:820px;margin:auto;padding:70px 25px 80px}.article h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(36px,4vw,58px);line-height:1.1}.article-intro{color:#68735e;font-size:18px;line-height:1.7}.updated{color:#79856d;border-bottom:1px solid #dce1d4;margin-top:20px;padding-bottom:28px;font-size:11px}.article section{margin-top:35px}.article h2{letter-spacing:-.6px;margin-bottom:13px;font-size:24px}.article section p,.article li{color:#56614e;font-size:16px;line-height:1.9}.sources{background:#eef2e7;border-radius:8px;flex-direction:column;gap:14px;margin:35px 0;padding:25px;font-size:13px;display:flex}.sources a{text-decoration:underline}.related{border-top:1px solid #dce1d4;gap:25px;padding-top:25px;font-size:13px;display:flex}html[lang=zh-CN] h1{letter-spacing:-2px}html[lang=zh-CN] .hero h1{font-size:clamp(44px,5vw,70px);line-height:1.18}@media (min-width:1500px){.variation{max-width:1296px}.hero-art{height:570px}.hero-main{max-width:335px}.hero-secondary{max-width:240px}}@media (max-width:900px){.hero{gap:15px;min-height:590px;padding-top:50px}.hero h1{letter-spacing:-2px}.hero-art{height:440px}.hero-main{width:68%;top:50px;left:0}.hero-secondary{width:47%;top:135px}.timeline{width:98%;bottom:40px;left:0}.template-grid{gap:14px}.variation{gap:35px;margin:0 5%;padding:40px}.waitlist{gap:40px}.footer-links{gap:15px}.workflow{gap:35px}}@media (max-width:650px){.header{gap:10px;height:75px}.brand{font-size:23px}.mark{width:31px;height:31px;font-size:27px}.header nav{display:none}.header-right{gap:13px}.button.small{padding:11px;font-size:11px}.hero{grid-template-columns:1fr;gap:28px;padding-top:40px}.hero h1{letter-spacing:-3px;font-size:54px}.hero .eyebrow{letter-spacing:.8px;font-size:9px}.intro{font-size:15px}.hero-art{width:100%;max-width:390px;height:475px;margin:auto}.hero-main{width:60%;top:15px;left:5%}.hero-secondary{width:42%;top:90px;right:3%}.timeline{width:92%;bottom:54px;left:4%}.hero-art>.preview-note{bottom:15px}.ribbon{gap:12px;font-size:8px}.ribbon span:nth-child(2){display:none}.section{padding-top:50px;padding-bottom:50px}.section h1{font-size:38px}.section-top{gap:10px}.collection-count{display:none}.template-grid{grid-template-columns:repeat(2,1fr);gap:30px 16px}.art-caption{font-size:15px}.bottle strong{font-size:12px}.rank-title{font-size:20px}.rank{gap:3px;padding:5px}.rank span{height:20px}.question{font-size:28px}.question-mark{font-size:100px}.template h3{font-size:14px}.template>p{font-size:11px;line-height:1.6}.workflow,.faq{grid-template-columns:1fr;gap:25px}.variation{grid-template-columns:1fr;gap:25px;padding:30px}.voice-wave{height:140px}.voice-wave i{width:5px}.waitlist{grid-template-columns:1fr;gap:30px;padding:45px 6%}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;justify-content:flex-start}.footer-bottom{flex-direction:column;gap:12px}.article{padding-top:45px}.related{flex-direction:column}.section h2,.variation h2,.waitlist h2{letter-spacing:-1px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.hero{overflow:hidden}.voice-wave{min-width:0}.voice-wave i{flex:1;min-width:2px;max-width:6px}.contact-form{gap:14px;margin-top:30px;display:grid}.contact-form label{font-size:14px}.contact-form input,.contact-form textarea{font:inherit;background:#fff;border:1px solid #bec6b4;border-radius:6px;width:100%;padding:14px}.contact-form p{color:#65725a;font-size:13px;line-height:1.7}.contact-form button{justify-self:start}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.resource-card{background:#f8faf3;border:1px solid #d8dfce;border-radius:12px;padding:28px;transition:background .2s;display:block}.resource-card:hover{background:#edf4e2}.resource-card h3{margin:14px 0;font-size:22px;line-height:1.4}.resource-card p{color:#56614e;font-size:14px;line-height:1.8}.resource-card>span:last-child{margin-top:20px;display:block}.guide-index h1{margin:20px 0;font-size:clamp(34px,5vw,60px)}.guide-index .intro{margin-bottom:35px}.breadcrumbs{color:#637158;flex-wrap:wrap;gap:10px;margin-bottom:28px;font-size:12px;display:flex}.breadcrumbs a{text-decoration:underline}.article-toc{background:#eef3e5;border-radius:10px;margin-top:28px;padding:22px 26px}.article-toc ol{margin-top:12px;padding-left:20px}.article-toc li{padding:3px 0;font-size:14px;line-height:1.8}.article-toc a:hover{text-decoration:underline}.article section{scroll-margin-top:24px}.example-code{white-space:pre-wrap;overflow-wrap:anywhere;color:#edf5e6;background:#243320;border-radius:10px;margin-top:20px;padding:24px;font-size:14px;line-height:1.85}.example-code code{font-family:ui-monospace,Consolas,monospace}.table-scroll{border:1px solid #d8dfce;border-radius:8px;margin-top:22px;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:550px;font-size:14px;line-height:1.7}.table-scroll th,.table-scroll td{text-align:left;vertical-align:top;border-bottom:1px solid #d8dfce;padding:15px}.table-scroll th{color:#27391e;background:#eaf0e0}.table-scroll tr:last-child td{border-bottom:0}.article ul{margin-top:14px;padding-left:24px}.article .related{flex-wrap:wrap;margin-top:32px}.updated a{text-decoration:underline}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #6a852d}.hero h1{font-size:clamp(44px,5vw,72px)}.hero h1 em{font-size:.8em}.learning{border-top:1px solid #d8dfce}@media (max-width:650px){.resource-grid{grid-template-columns:1fr}.resource-card{padding:23px}.resource-card h3{font-size:21px}.article h1{letter-spacing:-1px;line-height:1.3}.article-toc{padding:20px}.example-code{padding:18px;font-size:13px}.article .table-scroll{max-width:100%}.hero h1{font-size:46px}.header nav{z-index:2;background:#f8faf3;justify-content:center;gap:22px;padding:12px;font-size:12px;display:flex;position:absolute;top:75px;left:0;right:0}.header{margin-bottom:35px}.guide-index{padding-top:40px}.article{padding-top:35px}}.example-card{background:#f8faf3;border:1px solid #d8dfce;border-radius:12px;overflow:hidden}.example-card img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.example-card-copy{padding:24px}.example-card h3{margin:12px 0;font-size:22px;line-height:1.45}.example-card p{color:#56614e;font-size:14px;line-height:1.8}.example-card-copy>span{margin-top:18px;font-size:13px;display:block}.example-credit{color:#5a6850;padding:0 24px 22px;font-size:12px;line-height:1.8}.example-credit a{text-decoration:underline}.example-detail{max-width:1050px}.example-detail>.eyebrow{margin-top:30px}.example-player{margin-top:28px}.example-player video{aspect-ratio:16/9;background:#172016;border-radius:12px;width:100%;display:block}.example-detail>.example-credit{padding:15px 0}.video-error{color:#63351d;background:#faede5;padding:18px}.video-error button{cursor:pointer;border:1px solid;border-radius:6px;margin-top:10px;padding:9px 16px}.example-detail .updated{line-height:1.9}.header nav{gap:18px}@media (max-width:650px){.header nav{gap:16px;font-size:11px}.example-card-copy{padding:20px}.example-card h3{font-size:20px}}.example-card img{object-fit:contain;background:#172016}.example-player.portrait{max-width:480px;margin-inline:auto}.example-player.portrait video{aspect-ratio:9/16}.example-categories{flex-wrap:wrap;gap:18px;margin:24px 0 36px;display:flex}.example-categories a{background:#eaf0e0;border-radius:6px;padding:10px 16px}.guide-index>section{margin-top:36px;scroll-margin-top:30px}.guide-index>section>h2{margin-bottom:20px}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.2-i4fw5gbtlb7.woff2?dpl=dpl_2K821B1UiAJtr3MzpvG6kqxPfkU6)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__GI2gSa__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__GI2gSa__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}