/* Ink, mint, paper: a playful layer behind the readable content. */
.teal .hero{isolation:isolate;background:radial-gradient(ellipse at 94% 7%,#c9eadc66,transparent 38%),radial-gradient(ellipse at 3% 85%,#e3efbb55,transparent 33%);overflow:clip}.teal .hero-inner{position:relative;z-index:1}.background-sketch{position:absolute;inset:0;z-index:-1;pointer-events:none;color:#469b8733}.background-sketch>svg{width:100%;height:100%;object-fit:cover;overflow:visible}.sketch-cup{transform-origin:920px 100px;animation:sketch-sway 9s ease-in-out infinite}.sketch-spark{animation:sparkle 5s ease-in-out infinite}.sketch-line{stroke-dasharray:7 7}.teal .hero-copy>.eyebrow{display:inline-flex;align-items:center;gap:9px}.teal .hero-copy>.eyebrow::before{content:'';height:7px;width:7px;border-radius:50%;background:#1d8e75;box-shadow:0 0 0 5px #b9dec755}.teal .hero-media{isolation:isolate}.teal .hero-visual-frame{filter:drop-shadow(0 8px 14px #1b564c09)}.teal #hero-card>.support-card{border-radius:30px 48px 30px 42px;background:linear-gradient(135deg,#fff 60%,#f1f8ed);border:1px solid #c8dcd0;box-shadow:8px 10px 0 #e0edce80}.teal .slider-controls{border-color:white}.teal .discover{position:relative;background-color:#e6f1eb;background-image:radial-gradient(#95bc9e44 .8px,transparent .8px);background-size:17px 17px;isolation:isolate}.teal .discover::before{content:'';position:absolute;top:0;left:0;right:0;height:15px;background:#fafbf7;clip-path:polygon(0 0,100% 0,100% 25%,95% 60%,90% 25%,85% 60%,80% 25%,75% 60%,70% 25%,65% 60%,60% 25%,55% 60%,50% 25%,45% 60%,40% 25%,35% 60%,30% 25%,25% 60%,20% 25%,15% 60%,10% 25%,5% 60%,0 25%)}.teal .creator-card{background:#fffef9}.teal .creator-card:nth-child(2n){border-radius:32px 18px 32px 18px}.teal .creator-card:nth-child(2n+1){border-radius:18px 32px 18px 32px}.teal .creator-cover{transition:filter .35s}.teal .creator-card:hover .creator-cover{filter:saturate(1.12)}.teal .quick-cup{transition:transform .3s,background .3s}.teal .creator-card:hover .quick-cup{transform:rotate(-12deg);background:#e7f2c3}.idea-ribbon{overflow:hidden;background:#dff29e;border-block:1px solid #b7ce7e;color:#204936;padding:18px 0;user-select:none}.ribbon-track{display:flex;width:max-content;animation:ribbon-drift 32s linear infinite}.ribbon-track>span{flex:none;padding-right:48px;display:flex;align-items:center;gap:42px;font:650 27px/1.3 Manrope,sans-serif;letter-spacing:-.03em}.ribbon-track i{font-style:normal;color:#508c58;font-size:35px}.idea-ribbon:hover .ribbon-track{animation-play-state:paused}.teal .how{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 50% 70%,#ecf1d9,transparent 64%),#fafbf7}.teal .how::before{content:'✳';position:absolute;right:8%;top:55px;font-size:90px;font-weight:400;color:#7da28355;animation:slow-spin 38s linear infinite}.teal .how .section-title{position:relative;z-index:1}.teal .steps{position:relative;max-width:1200px;gap:28px;align-items:stretch}.teal .steps::before{content:'';position:absolute;top:90px;left:8%;right:8%;height:80px;border:2px dashed #7da78a70;border-radius:50%;transform:rotate(-5deg);z-index:0}.teal .steps article{z-index:1;padding:32px 28px 36px;max-width:none;background:#f4f0e4;border:1px solid #e1ddc9;border-radius:42px 24px 30px 24px;box-shadow:0 14px 25px #103c4005;transition:translate .3s,box-shadow .3s}.teal .steps article:nth-child(2){background:#e5eee0;border-color:#ccdfc7;margin-top:28px;border-radius:24px 42px 24px 30px}.teal .steps article:nth-child(3){background:#e0edef;border-color:#c5dde0;border-radius:42px 24px 42px 24px}.teal .steps article:hover{translate:0 -7px;box-shadow:0 20px 32px #103c400a}.teal .step-num{display:block;text-align:left;font:800 48px/1 Manrope,sans-serif;letter-spacing:-.06em;color:#90aa8766}.teal .step-visual{height:90px;width:90px;border-radius:50% 44% 50% 38%;margin:15px auto 22px;background:#ffffffa8;border:1px solid #fff;box-shadow:5px 6px 0 #244f3e0a;transition:rotate .4s}.teal .step-visual .icon{height:42px;width:42px;stroke-width:1.4}.teal .steps article:hover .step-visual{rotate:12deg}.teal .steps h3{max-width:280px;margin-inline:auto}.teal .steps p{max-width:310px}.teal .own-section{position:relative;background:#d9e9dd;background-image:linear-gradient(#ffffff24 1px,transparent 1px),linear-gradient(90deg,#ffffff24 1px,transparent 1px);background-size:40px 40px;border:0;overflow:clip;padding-block:110px}.teal .own-section::before,.teal .own-section::after{content:'';position:absolute;left:-2%;width:104%;height:25px;background:#fafbf7;border-radius:50%}.teal .own-section::before{top:-14px}.teal .own-section::after{bottom:-15px}.teal .own-inner{position:relative;grid-template-columns:1.1fr 1fr;gap:85px;z-index:1}.teal .own-copy .button{border-radius:100px;font-size:19px;min-height:56px;padding:15px 25px}.teal .own-preview{position:relative;box-shadow:12px 15px 0 #a7c2a357,0 20px 40px #143b3512;transform:rotate(-3deg);border:1px solid #b0c9b5;background:#fffef9;overflow:visible}.teal .own-preview-head{background:#f3f5eb;border-radius:28px 28px 0 0;font-size:12px;color:#5b7b69;padding:20px 24px}.teal .own-preview-url{background:#ecf3df;border-color:#dae5ca}.teal .own-preview-profile{padding:28px 24px 22px}.teal .own-preview-bottom{font-size:15px;color:#658272;padding:20px 24px}.creative-tags{position:absolute;right:-20px;top:-36px;display:flex;gap:9px;pointer-events:none}.creative-tags>span{display:block;padding:10px 15px;border:1px solid #b8cf9f;border-radius:12px;background:#eef7cc;box-shadow:0 4px 8px #19463008;font-size:16px;font-weight:650;color:#3e6746;rotate:5deg;animation:tag-float 6s ease-in-out infinite}.creative-tags>span:nth-child(2){background:#fcf5df;border-color:#e3d8b7;rotate:-7deg;animation-delay:-2s}.creative-tags>span:nth-child(3){background:#e5f1f5;border-color:#b7cfd5;rotate:8deg;animation-delay:-4s}.teal .faq-section{background:radial-gradient(circle at 8% 50%,#eef1d7,transparent 32%),#fafbf7}.teal .faq-inner>div:first-child{position:relative}.teal .faq-inner>div:first-child::after{content:'♡';display:block;font:400 150px/1 Manrope,sans-serif;color:#96b59a88;margin:30px 0 -10px 35px;rotate:-15deg}.teal .faq-list{display:flex;flex-direction:column;gap:13px}.teal .faq-list details{border:1px solid #d5e2d4;border-radius:19px;background:#fffef9;padding:0 24px;transition:background .25s,border-color .25s,box-shadow .25s}.teal .faq-list details:first-child{border-top:1px solid #d5e2d4}.teal .faq-list details[open]{background:#eef4e4;border-color:#b7c8a9;box-shadow:0 10px 20px #163b3905}.teal .faq-list summary{padding-block:23px;font-size:21px}.teal .faq-list summary>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#e8f1dd;color:#4d7453;transition:rotate .3s}.teal .faq-list details[open] summary>span{rotate:45deg}.teal .faq-list details>p{padding:0 0 23px;font-size:19px;line-height:1.7}.teal .closing{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#357552,transparent 70%),#103c40;border:1px solid #275b50;box-shadow:0 -10px 0 #e2ecd3}.teal .closing::before,.teal .closing::after{content:'';position:absolute;pointer-events:none;z-index:-1;width:430px;height:430px;border:1px solid #8fb69b44;border-radius:41% 59% 49% 51%;animation:slow-spin 45s linear infinite}.teal .closing::before{left:-130px;top:-100px;box-shadow:0 0 0 30px #8fb69b09,0 0 0 60px #8fb69b07}.teal .closing::after{right:-140px;bottom:-170px;box-shadow:0 0 0 35px #8fb69b09,0 0 0 70px #8fb69b07;animation-direction:reverse}.teal .closing-icon{height:80px;width:80px;border:1px solid #9dbd8c77;border-radius:25px;background:#c9ec9715;color:#d9f596;rotate:-9deg;margin-bottom:28px;animation:tag-float 7s ease-in-out infinite}.teal .closing-icon .icon{width:43px;height:43px}.teal .closing .button{box-shadow:0 6px 0 #7aa35d;transition:translate .2s,box-shadow .2s}.teal .closing .button:hover{translate:0 -3px;box-shadow:0 9px 0 #7aa35d}.teal .footer-top .footer-brand{font-size:28px;color:#1c5747}.teal .footer-inner{position:relative}.teal .footer-top{border-bottom-style:dashed}
@keyframes ribbon-drift{to{transform:translateX(-50%)}}@keyframes tag-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes sketch-sway{0%,100%{rotate:-5deg;translate:0 0}50%{rotate:7deg;translate:0 -10px}}@keyframes sparkle{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:1200px){.teal .own-inner{gap:45px}.creative-tags{right:0;gap:6px}.creative-tags>span{font-size:14px;padding:9px 12px}.teal .steps{gap:18px}.teal .steps article{padding:28px 20px}.teal .steps h3{font-size:24px}.teal .how::before{right:3%;font-size:65px}}
@media(max-width:800px){.teal .steps{max-width:600px;gap:22px}.teal .steps::before{display:none}.teal .steps article{width:100%;margin:0!important;padding:28px}.teal .steps h3,.teal .steps p{max-width:none}.teal .steps article{display:grid;grid-template-columns:80px 1fr;gap:0 22px;text-align:left;align-items:start}.teal .step-num{font-size:35px;grid-column:1;grid-row:1;text-align:center}.teal .step-visual{grid-column:1;grid-row:2/4;margin:12px 0 0;width:76px;height:76px}.teal .steps h3{grid-column:2;grid-row:1/3;margin:0 0 12px}.teal .steps p{grid-column:2;grid-row:3;margin:0}.teal .own-section{padding-block:80px}.teal .own-inner{display:flex;flex-direction:column;gap:65px;align-items:stretch;max-width:600px}.teal .own-preview{transform:none}.creative-tags{top:auto;bottom:-22px;right:0}.teal .faq-inner>div:first-child::after{display:none}.ribbon-track>span{font-size:23px;gap:28px;padding-right:28px}.ribbon-track i{font-size:28px}.idea-ribbon{padding:16px 0}.background-sketch{opacity:.6}.teal #hero-card>.support-card{box-shadow:5px 7px 0 #e0edce80}.teal .own-preview-profile h3{font-size:25px}.teal .own-preview-profile p{font-size:17px}}
@media(max-width:560px){.teal .hero{background:radial-gradient(ellipse at 100% 0,#d1e7d855,transparent 65%)}.background-sketch{display:none}.teal #hero-card>.support-card{border-radius:24px 36px 24px 32px}.teal .discover{padding-top:48px}.teal .how{padding-top:60px}.teal .how::before{font-size:48px;top:20px;right:20px;opacity:.5}.teal .steps article{padding:25px 22px;display:block;text-align:left;border-radius:32px 20px 32px 20px}.teal .steps .step-num{font-size:40px;text-align:left}.teal .step-visual{height:78px;width:78px;margin:-34px 0 25px auto}.teal .steps h3{margin-bottom:12px}.teal .steps p{font-size:19px;line-height:1.7}.teal .own-section{padding-top:65px;padding-bottom:80px}.teal .own-inner{gap:42px}.teal .own-preview-head{font-size:11px;padding:17px 18px}.teal .own-preview-profile{padding:24px 18px 20px;gap:12px}.teal .own-preview-profile h3{font-size:22px}.teal .own-preview-profile .avatar{height:50px;width:50px}.teal .own-preview-bottom{padding:17px 18px;font-size:15px}.teal .own-preview-url{font-size:14px;flex-wrap:wrap;line-height:1.6}.creative-tags{right:0;left:0;justify-content:center;bottom:-26px;gap:6px}.creative-tags>span{font-size:13px;padding:8px 10px;white-space:nowrap}.teal .faq-list details{padding:0 18px;border-radius:17px}.teal .faq-list summary{font-size:20px;line-height:1.5;padding-block:20px}.teal .faq-list details>p{font-size:18px}.teal .closing{padding-top:58px}.teal .closing::before,.teal .closing::after{width:270px;height:270px}.teal .closing::before{left:-180px}.teal .closing::after{right:-180px}.teal .closing-icon{height:66px;width:66px}.teal .footer-top .footer-brand{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.ribbon-track{transform:none}.ribbon-track>span[aria-hidden]{display:none}.ribbon-track{width:100%}.ribbon-track>span{white-space:normal;flex-wrap:wrap;justify-content:center;font-size:20px;padding:0 15px;gap:12px}.creative-tags>span{rotate:0deg}}