@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172b25;--green:#123e32;--paper:#faf9f5;--mint:#d9f3d8;--lime:#d4f56b;--coral:#ff805f;--lavender:#e9e0fa;--line:#183d2e25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d36d3a;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.055em;line-height:1.08}h2{font-size:clamp(36px,4.3vw,60px);font-weight:800;margin-bottom:24px}h3{font-size:29px;line-height:1.16}.container{width:min(1240px,90%);margin-inline:auto}.section{padding-block:105px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;line-height:1.7;margin-bottom:24px}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.05em}.announcement{background:var(--green);color:#f9f7e9;font-size:9px;letter-spacing:1.9px;text-align:center;padding:10px 20px;font-weight:700}.announcement span{color:#d4f56b;margin-left:6px}.announcement b{margin-left:18px}header{position:sticky;top:0;z-index:40;background:#faf9f5f5;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:20px max(5%,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:9px}.brand>img{width:43px;height:43px;border-radius:50%}.brand>span{font-family:'Manrope',Arial,sans-serif;font-weight:800;font-size:30px;letter-spacing:-1.8px;line-height:.92}.brand-dot{color:#5f9667}.brand small{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:7px;letter-spacing:2.2px;margin-top:8px}nav{display:flex;gap:30px;font-size:12px;font-weight:600}nav a:hover,.text-link:hover{color:#40805c}.button{border:1px solid transparent;padding:17px 24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-size:12px;font-weight:700;line-height:1.4;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #172b2515}.button span{font-size:19px;line-height:1}.button.dark{background:var(--ink);color:#fff}.button.small{padding:12px 17px;font-size:11px}.button.outline{border-color:var(--line);background:transparent;color:var(--ink)}.button.lime{background:var(--lime);color:var(--ink)}.text-link{font-size:12px;font-weight:700;display:inline-flex;gap:20px;align-items:center}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:720px;align-items:center;gap:22px;padding-block:64px 75px}.hero-copy{position:relative;z-index:2}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5c9654;margin-right:7px;box-shadow:0 0 0 4px #5c965416}h1{font-size:clamp(62px,6.2vw,86px);font-weight:800;line-height:1.04;margin:0 0 32px;letter-spacing:-.065em}.hype{position:relative;display:inline-block;color:#447453}.hype svg{position:absolute;width:105%;height:20px;left:-2%;bottom:-12px;fill:none;stroke:var(--coral);stroke-width:4;stroke-linecap:round}.hero-copy>p{font-size:16px;max-width:420px;color:#67736c;line-height:1.8;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:24px}.hero-bottom{margin-top:33px;display:flex;align-items:center;gap:11px;font-size:10px;color:#727a70}.hero-bottom b{font-weight:500;color:var(--ink)}.tiny-robot{background:var(--mint);color:var(--green);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:21px}.hero-art{height:540px;position:relative;isolation:isolate}.art-orbit{position:absolute;inset:27px -20px 16px 15px;background:#e5edda;border-radius:50%;transform:rotate(-14deg);z-index:-2}.art-orbit:after{content:'';position:absolute;inset:-17px;border:1px dashed #a7b99b;border-radius:50%}.browser-card{position:absolute;width:94%;left:0;top:70px;transform:rotate(-6deg);border:2px solid var(--ink);border-radius:13px;overflow:hidden;box-shadow:7px 12px 0 #172b2512;background:white}.browser-top{height:31px;background:#fff;display:flex;align-items:center;gap:4px;padding:0 12px;border-bottom:1px solid var(--ink);font-size:7px}.browser-top i{width:6px;height:6px;background:#d5d8cf;border:1px solid #b2b9ac;border-radius:50%}.browser-top span{margin:auto;color:#7d847b;font-size:8px}.browser-top b{font-size:14px}.mini-nav{height:46px;padding:12px 17px;background:#eff2e5;display:flex;justify-content:space-between;align-items:center}.mini-nav>b{font-size:13px;letter-spacing:-.7px}.mini-nav>b span{font-size:6px;vertical-align:top}.mini-nav>span{font-size:5px;letter-spacing:1px;font-weight:bold}.mini-nav>span:last-child{font-size:15px}.mini-hero{position:relative;height:250px;overflow:hidden;background:#314829}.mini-hero>img{width:100%;height:100%;object-fit:cover;object-position:65% center}.mini-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142513bb,transparent)}.mini-hero>div{position:absolute;inset:42px auto auto 25px;z-index:1;color:white}.mini-hero>div>span{font-size:7px;letter-spacing:1px;font-weight:700}.mini-hero h2{font-size:33px;line-height:1.05;margin:15px 0 23px}.mini-button{background:#e6f1bd;color:#172b25;padding:9px 12px;border-radius:2px;letter-spacing:0!important}.mini-footer{background:#eff2e5;display:flex;justify-content:space-around;font-size:6px;letter-spacing:1px;font-weight:800;padding:15px}.social-card{position:absolute;right:-12px;bottom:6px;width:200px;border-radius:14px;border:2px solid var(--ink);background:white;transform:rotate(8deg);box-shadow:5px 6px 0 #172b2512;overflow:hidden;z-index:3}.social-head{display:flex;gap:7px;align-items:center;padding:11px 9px;font-size:7px;line-height:1.4}.social-head>b{margin-left:auto}.social-head small{display:block;font-size:6px;color:#6a726b}.social-avatar{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--mint);font-size:10px;font-weight:bold}.social-card>img{height:145px;width:100%;object-fit:cover;object-position:70% center}.social-body{padding:8px 10px 12px}.social-body>span{display:block;font-size:17px;margin-bottom:5px}.social-body b{display:block;font-size:9px}.social-body small{display:block;font-size:7px;margin-top:4px}.rivet-bubble{position:absolute;left:-2px;bottom:20px;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--ink);padding:14px 18px;border-radius:12px;transform:rotate(-5deg);z-index:4;font-size:12px;font-weight:700;box-shadow:3px 4px 0 #172b2510}.rivet-bubble>span{width:30px;height:30px;border-radius:50%;background:var(--lavender);display:grid;place-items:center;font-size:21px}.rivet-bubble small{display:block;font-size:8px;font-weight:400;margin-top:3px}.sticker{position:absolute;right:-4px;top:28px;background:var(--lime);width:115px;height:115px;display:grid;place-content:center;text-align:center;border-radius:50%;font-size:10px;line-height:1.3;font-weight:800;transform:rotate(13deg);border:1px solid var(--ink);z-index:4;box-shadow:4px 4px 0 #172b25}.spark{position:absolute;color:var(--coral);font-size:66px;z-index:4}.spark-one{left:2px;top:-18px;transform:rotate(10deg)}.concept-label{position:absolute;bottom:-40px;right:22px;font-size:8px;letter-spacing:.5px;color:#6f7a70}.ticker{border-block:1px solid var(--ink);background:var(--lime);padding:22px 0;overflow:hidden}.ticker>div{display:flex;justify-content:space-around;gap:28px;align-items:center;width:max(1200px,100%);font-size:13px;letter-spacing:1.5px;font-weight:800}.ticker b{font-size:25px;line-height:1}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:43px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{max-width:310px;color:#6c776f;font-size:14px;margin-bottom:6px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{padding:31px 29px 140px;border-radius:15px;position:relative;overflow:hidden;min-height:440px}.mint{background:#e0efd7}.peach{background:#ffdfcc}.lavender{background:var(--lavender)}.service-icon{position:absolute;right:24px;top:24px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #172b2540;border-radius:50%;font-size:24px}.service-label{font-size:8px;letter-spacing:1px;font-weight:800;display:block;margin:10px 0 39px}.service h3{font-size:33px;margin:0 0 19px}.service p{font-size:13px;line-height:1.8;max-width:280px}.service>a{font-size:11px;font-weight:700;display:flex;gap:25px;align-items:center}.service-doodle{position:absolute;bottom:28px;font-family:Georgia,serif;font-style:italic;font-size:35px;letter-spacing:-2px;transform:rotate(-7deg)}.service-doodle span{background:var(--lime);border:1px solid #172b2540;padding:0 8px;border-radius:8px}.mini-reactions{display:flex;position:absolute;bottom:23px;left:28px}.mini-reactions span{width:62px;height:62px;border-radius:50%;border:1.5px solid var(--ink);background:#fff1e7;display:grid;place-items:center;font-size:30px;transform:rotate(-12deg);box-shadow:3px 3px 0 #172b25}.mini-reactions span:nth-child(2){background:var(--coral);margin-left:-9px;transform:rotate(12deg)}.mini-reactions span:nth-child(3){background:var(--lime);margin-left:-9px;transform:rotate(-6deg)}.service-rivet{position:absolute;width:125px;bottom:-18px;right:17px;transform:rotate(-10deg)}.vibe-section{background:#f0efe8;padding:90px 0}.vibe-tabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.vibe-tabs button{border:1px solid var(--line);border-radius:30px;padding:11px 19px;background:transparent;font-size:12px;font-weight:600}.vibe-tabs button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}.vibe-preview{display:grid;grid-template-columns:1.8fr 1fr;gap:40px}.vibe-example{position:relative;min-height:420px;border-radius:13px;background:#e5edca;overflow:hidden;--example-accent:#163a2d;--example-bg:#e5edca;color:var(--example-accent);transition:background .25s}.example-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:23px 26px;border-bottom:1px solid #172b2525;gap:12px}.example-nav strong{font-size:17px;letter-spacing:-1px}.example-nav>span{font-size:5px;letter-spacing:1px;font-weight:bold}.example-content{width:58%;padding:42px 25px 47px;position:relative;z-index:2}.example-kicker{font-size:7px;letter-spacing:1.1px;font-weight:800}.example-content h3{font-size:41px;line-height:1.05;margin:16px 0}.example-content p{font-size:11px;max-width:250px;margin-bottom:25px}.example-cta{display:inline-block;background:var(--example-accent);color:var(--example-bg);font-size:9px;padding:12px 16px;font-weight:bold}.example-visual{position:absolute;right:0;top:72px;width:43%;bottom:0;background:var(--example-accent);display:grid;place-items:center;overflow:hidden}.example-visual>img{width:100%;height:100%;object-fit:cover;object-position:68% center}.example-visual .big-symbol{font-size:115px;line-height:1;transform:rotate(-13deg);color:var(--example-bg)}.example-stamp{position:absolute;right:26px;bottom:23px;z-index:3;width:85px;height:85px;border-radius:50%;background:var(--lime);display:grid;place-content:center;transform:rotate(12deg);text-align:center;font-size:10px;line-height:1.15;font-weight:800;color:var(--ink);border:1px solid var(--ink)}.vibe-notes{padding:26px 6px}.pill{display:inline-block;border:1px solid #172b2530;border-radius:50px;padding:6px 10px;font-size:7px;letter-spacing:1px;font-weight:700}.vibe-notes h3{font-size:33px;margin:23px 0 18px}.vibe-notes p{font-size:13px;color:#6c776f;line-height:1.8}.palette{display:flex;gap:7px;margin:23px 0}.palette i{width:26px;height:26px;border-radius:50%;background:#163a2d}.palette i:nth-child(2){background:#e5edca;border:1px solid #172b2520}.palette i:nth-child(3){background:#d4f56b}.vibe-notes .text-link{font-size:11px}.vibe-notes small{display:block;margin-top:28px;font-size:9px;color:#788077}.social-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:115px}.social-visual{position:relative;padding:48px 40px 15px}.post{background:#fff;border:1px solid var(--ink);border-radius:12px;overflow:hidden;transform:rotate(-5deg);box-shadow:8px 9px 0 #183d2e0e}.post-photo{position:relative;height:325px;background:var(--green)}.post-photo img{width:100%;height:100%;object-fit:cover;object-position:60% center}.post-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#062f26f0,transparent 75%)}.post-photo>span{position:absolute;bottom:24px;left:23px;right:15px;z-index:2;font-size:14px;line-height:1.1;color:white;font-weight:700}.post-photo b{display:block;font-size:39px;letter-spacing:-2px;line-height:1.05;margin:5px 0 14px}.post-photo small{font-size:6px;letter-spacing:1px;color:var(--lime)}.post-caption{padding:19px;font-size:9px;line-height:1.7}.post-caption>span{font-size:7px;color:#7f877f}.post-note{position:absolute;top:-8px;left:70px;font-size:11px;font-weight:800;letter-spacing:1px;line-height:1.3;transform:rotate(-5deg);z-index:3}.post-note>span{font-size:38px;position:absolute;right:-65px;top:5px;font-weight:400}.post-sticker{position:absolute;right:0;bottom:60px;background:var(--coral);width:110px;height:110px;border:1px solid var(--ink);border-radius:50%;display:grid;place-content:center;font-size:18px;font-weight:800;text-align:center;line-height:1;transform:rotate(12deg);box-shadow:3px 4px 0 var(--ink)}.social-copy>p{font-size:14px;color:#6c776f}.check-list{list-style:none;margin:26px 0;padding:0}.check-list li{font-size:12px;margin:13px 0;position:relative;padding-left:23px}.check-list li:before{content:'✓';position:absolute;left:0;top:1px;font-size:10px;color:var(--green);font-weight:800}.fine-print{font-size:10px!important;line-height:1.7;max-width:390px}.social-copy .button{margin-top:10px}.rivet-section{background:var(--green);color:#fffdf1;overflow:hidden}.rivet-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:65px;padding-bottom:65px}.rivet-layout>div:last-child{padding:20px 30px 20px 0}.rivet-layout h2{font-size:58px}.rivet-layout p{color:#c6d8ca;font-size:14px;max-width:440px}.rivet-layout .eyebrow{color:var(--lime)}.rivet-caption{display:block;font-size:9px;color:#c6d8ca;margin-top:15px}.rivet-portrait{position:relative;align-self:end}.rivet-portrait>img{width:430px;margin:0 auto -90px;position:relative;z-index:2;transform:rotate(-6deg)}.rivet-star{position:absolute;font-size:330px;line-height:1;color:#37644b;top:-15px;right:30px;transform:rotate(12deg)}.rivet-name{position:absolute;left:12px;bottom:0;z-index:3;background:var(--lime);color:var(--ink);border:1px solid var(--ink);padding:13px 18px;font-size:12px;font-weight:800;transform:rotate(-8deg);border-radius:8px;box-shadow:3px 4px 0 #09261d}.rivet-name span{margin-left:25px;font-size:17px}.center-heading{text-align:center}.center-heading .eyebrow{margin-bottom:17px}.center-heading p{font-size:14px;color:#70796f}.plan-toggle{display:flex;width:max-content;max-width:100%;padding:5px;background:#eeeee5;border-radius:40px;margin:30px auto 47px;gap:5px}.plan-toggle button{padding:10px 18px;border-radius:30px;border:0;background:transparent;font-size:11px;font-weight:700}.plan-toggle button[aria-pressed=true]{background:var(--ink);color:white}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{position:relative;border:1px solid var(--line);border-radius:15px;padding:34px 27px 27px;display:flex;flex-direction:column;background:#fffdf9}.plan.featured{background:#edf3df;border:1.5px solid var(--green)}.plan.selected{box-shadow:0 0 0 3px #77a86a55}.popular{position:absolute;top:-13px;background:var(--green);color:var(--lime);font-size:8px;letter-spacing:1px;left:20px;right:20px;text-align:center;padding:5px 10px;border-radius:30px;font-weight:800}.plan-kicker{font-size:7px;letter-spacing:.7px;font-weight:800;display:block;margin-bottom:22px}.plan h3{font-size:30px;margin-bottom:16px}.plan>p{font-size:12px;color:#6d786e;min-height:58px}.plan-price{border-top:1px solid var(--line);padding-top:20px;font-size:15px;font-weight:700;line-height:1.5}.plan-price small{display:block;font-size:9px;color:#6d786e;font-weight:400;margin-top:7px}.plan .check-list{flex:1}.plan .button{width:100%;margin-top:10px}.plan-note{font-size:9px;color:#727c71;text-align:center;margin:25px 0 0}.how{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;border-top:1px solid var(--line);padding-block:70px 90px}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:24px 0}.how li:first-child{padding-top:0}.how li>b{font-size:11px;color:#668768;letter-spacing:1px;margin-top:5px}.how h3{font-size:22px;letter-spacing:-.04em;margin-bottom:9px}.how p{font-size:12px;color:#6d786e;margin-bottom:0}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:85px;padding-top:70px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:13px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:25px}.faq summary:after{content:'+';position:absolute;right:0;font-size:19px;top:-4px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;color:#6d786e;margin:16px 0 0;max-width:520px}.start-section{background:var(--lime);padding:85px 0}.start-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.start-layout h2{font-size:67px}.start-layout h2>span{font-family:Georgia,serif;font-style:italic;font-weight:400}.start-layout p{font-size:14px;max-width:340px}.start-spark{display:block;font-size:110px;line-height:1;color:var(--green);transform:rotate(15deg);width:max-content;margin:30px 0 0 25px}.start-layout form{background:#faf9f5;border:1px solid #172b2530;padding:32px;border-radius:15px}.start-layout h3{font-size:25px;margin-bottom:25px}.start-layout h3 span{float:right}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:10px;font-weight:700;display:block;line-height:1.5}input,select,textarea{width:100%;display:block;margin:7px 0 18px;border:1px solid #172b2525;border-radius:6px;background:#fff;color:var(--ink);padding:12px;font-size:12px;line-height:1.5}input::placeholder,textarea::placeholder{color:#8a9188;font-weight:400}textarea{resize:vertical;min-height:85px}.start-layout .button{width:100%}.start-layout form>small{display:block;font-size:8px;color:#697667;margin-top:13px}.form-status{font-size:11px!important;margin:15px 0 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:50px 0 35px}.footer-top p{font-family:'Manrope',sans-serif;font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-1px;margin:0}.footer-top>a:last-child{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:6px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;color:#6d786e;border-top:1px solid var(--line);padding:23px 0 35px}.footer-bottom button{border:0;padding:0;color:inherit;background:transparent;font-size:9px}.chat-launcher{position:fixed;bottom:25px;right:25px;z-index:60;background:white;color:var(--ink);border:1px solid var(--ink);border-radius:50px;display:flex;align-items:center;gap:12px;padding:9px 15px 9px 8px;box-shadow:0 7px 25px #172b2520}.chat-launcher img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#e4efd9}.chat-launcher>span{font-size:11px;font-weight:700;line-height:1.5;text-align:left}.chat-launcher small{display:block;font-size:9px;font-weight:400}.chat-launcher>b{font-size:22px;margin-left:8px;color:#537e59}.chat-panel{position:fixed;right:25px;bottom:105px;width:360px;max-width:calc(100vw - 32px);height:510px;max-height:calc(100dvh - 140px);z-index:65;border:1px solid var(--ink);background:var(--paper);border-radius:17px;box-shadow:0 15px 80px #172b2540;overflow:hidden;display:flex;flex-direction:column}.chat-panel[hidden]{display:none}.chat-header{padding:14px 16px;background:var(--green);color:white;display:flex;gap:10px;align-items:center}.chat-header img{width:39px;height:39px;object-fit:contain}.chat-header b{font-size:14px}.chat-header b span{color:var(--lime)}.chat-header small{display:block;font-size:9px;color:#c3d4c5}.chat-header button{margin-left:auto;color:white;border:0;background:transparent;font-size:26px;padding:2px 6px}.chat-messages{overflow:auto;flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-message{font-size:12px;line-height:1.7;border-radius:13px;padding:12px;max-width:94%;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.bot{background:#e4eedc;border-bottom-left-radius:3px;align-self:flex-start}.chat-message.user{background:var(--green);color:white;border-bottom-right-radius:3px;align-self:flex-end}.chat-quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.chat-quick button{font-size:9px;padding:7px 9px;border-radius:20px;background:white;border:1px solid var(--line)}#chat-form{display:flex;padding:0 12px;gap:7px;align-items:center}#chat-input{margin:0;background:white;font-size:11px}#chat-form>button{border:0;flex-shrink:0;background:var(--green);color:var(--lime);font-size:20px;border-radius:50%;width:35px;height:35px}.chat-disclaimer{font-size:8px;line-height:1.6;color:#70806d;padding:10px 14px 13px}.chat-disclaimer a{text-decoration:underline}dialog{border:1px solid var(--ink);border-radius:17px;max-width:530px;width:90%;padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#102c21aa}dialog h2{font-size:30px;margin-top:15px}dialog p{font-size:13px}dialog>.dialog-close:first-child{position:absolute;right:15px;top:7px;border:0;background:transparent;font-size:25px}.skip{position:fixed;top:-100px;background:var(--lime);z-index:100;padding:10px}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1450px){.hero{gap:65px}.hero-art{transform:scale(1.05)}}
@media(max-width:1050px){nav{gap:18px}.hero{min-height:650px}h1{font-size:66px}.hero-actions{gap:16px}.hero-actions .button{padding:15px;font-size:11px}.hero-art{height:480px}.mini-hero{height:215px}.mini-hero h2{font-size:28px}.sticker{right:-10px;top:30px;width:95px;height:95px;font-size:8px}.social-card{width:170px;bottom:0}.social-card>img{height:120px}.rivet-bubble{font-size:10px;left:-15px;bottom:9px;padding:11px}.social-section{gap:50px}.service{padding-inline:24px}.service-label{font-size:7px}.service h3{font-size:29px}.start-layout{gap:50px}.start-layout h2{font-size:57px}.vibe-preview{gap:25px}.example-content h3{font-size:34px}.rivet-layout{gap:40px}.rivet-layout h2{font-size:50px}.rivet-portrait>img{margin-bottom:-70px}.plan{padding-inline:22px}.plan h3{font-size:26px}}
@media(max-width:800px){header{padding-block:16px}header>.button{display:none}.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:25px 5%;border-bottom:1px solid var(--line);flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr;gap:20px;padding-top:45px;padding-bottom:65px}.hero-copy{max-width:590px}.hero .eyebrow{font-size:9px}h1{font-size:76px}.hero-copy>p{max-width:470px}.hero-art{width:min(560px,95%);margin:auto;height:520px}.browser-card{top:70px}.mini-hero{height:250px}.mini-hero h2{font-size:33px}.social-card{width:190px;right:0}.social-card>img{height:135px}.rivet-bubble{left:0;bottom:10px}.sticker{right:0;top:28px;width:110px;height:110px;font-size:10px}.concept-label{bottom:-30px}.section{padding-block:70px}.section-heading{gap:25px}.section-heading>p{max-width:250px;font-size:12px}.services{grid-template-columns:1fr}.service{min-height:310px;padding:28px 180px 32px 28px}.service-label{margin-bottom:24px;font-size:8px}.service h3{font-size:31px}.service p{max-width:380px}.service-doodle{right:30px;bottom:55px;writing-mode:vertical-rl;transform:rotate(-8deg)}.mini-reactions{left:auto;right:20px;bottom:40px}.mini-reactions span{width:43px;height:43px;font-size:22px}.service-rivet{width:170px;bottom:-8px;right:10px}.service-icon{right:30px}.vibe-section{padding-block:65px}.vibe-preview{grid-template-columns:1fr}.vibe-notes{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;padding-top:8px}.vibe-notes h3{grid-row:2/4;margin:0}.vibe-notes .pill{grid-column:1/3;width:max-content}.vibe-notes p{margin:0}.palette{margin:0}.vibe-notes small{margin:0}.example-content h3{font-size:42px}.social-section{grid-template-columns:1fr;gap:55px}.social-visual{max-width:470px;width:100%;margin:auto}.social-copy{max-width:560px}.rivet-layout{gap:25px}.rivet-layout h2{font-size:42px}.rivet-layout p{font-size:12px}.rivet-star{font-size:250px;right:-20px}.rivet-name{font-size:9px;left:0}.plans{grid-template-columns:1fr;gap:30px}.plan{padding:30px}.plan>p{min-height:0}.plan .check-list{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-block:20px}.plan-price{font-size:18px}.plan-kicker{font-size:8px}.plan h3{font-size:32px}.plan .button{max-width:360px}.how{gap:35px;grid-template-columns:1fr 1.3fr}.how h3{font-size:19px}.faq{gap:35px;grid-template-columns:.8fr 1.2fr}.start-layout{gap:40px;grid-template-columns:1fr}.start-layout>div>p{max-width:430px}.start-layout h2{font-size:62px}.start-spark{position:absolute;right:7%;margin-top:-145px;font-size:100px}.start-layout form{max-width:620px;width:100%}.footer-top{flex-wrap:wrap}.footer-top p{font-size:21px}}
@media(max-width:480px){.announcement{font-size:7px;letter-spacing:.8px;padding:9px 10px}.announcement b{display:none}.brand>span{font-size:26px}.brand>img{width:38px;height:38px}.brand small{font-size:6px}.container{width:89%}.hero{padding-top:35px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}h1{font-size:59px;line-height:1.06;margin-bottom:29px}.hero-copy>p{font-size:14px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-actions .button{font-size:10px;padding:16px}.hero-actions .text-link{font-size:10px;gap:10px}.hero-bottom{font-size:8px;margin-top:24px}.hero-art{height:390px;width:100%;margin-top:20px}.art-orbit{inset:10px -5px 10px}.browser-card{top:51px;left:0;width:98%}.browser-top{height:25px}.mini-nav{height:35px;padding:8px 12px}.mini-nav>b{font-size:10px}.mini-nav>span{font-size:4px}.mini-hero{height:190px}.mini-hero>div{top:30px;left:15px}.mini-hero h2{font-size:26px;margin:10px 0 20px}.mini-hero>div>span{font-size:5px}.mini-footer{padding:11px;font-size:4px}.social-card{width:136px;right:-6px;bottom:0}.social-head{padding:7px;font-size:5px}.social-head small{font-size:4px}.social-avatar{width:17px;height:17px;font-size:7px}.social-card>img{height:95px}.social-body{padding:5px 7px 8px}.social-body>span{font-size:12px;margin-bottom:2px}.social-body b{font-size:7px}.social-body small{font-size:5px}.sticker{width:78px;height:78px;font-size:7px;top:0;right:-5px}.spark-one{top:-30px;font-size:50px}.rivet-bubble{left:-5px;bottom:1px;padding:9px 11px;gap:7px;font-size:8px}.rivet-bubble>span{width:23px;height:23px;font-size:17px}.rivet-bubble small{font-size:6px}.concept-label{bottom:-26px;right:0;font-size:7px}.ticker{padding-block:16px}.ticker>div{font-size:11px;width:1100px;justify-content:flex-start;padding-left:25px;gap:30px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:22px}.eyebrow{font-size:8px;margin-bottom:18px}h2{font-size:38px}.service{padding:28px 26px 110px;min-height:350px}.service h3{font-size:32px}.service p{font-size:12px;max-width:290px}.service-label{font-size:7px}.service-doodle{writing-mode:horizontal-tb;font-size:30px;bottom:30px;right:30px}.mini-reactions{bottom:25px}.service-rivet{width:125px;right:10px;bottom:-25px}.vibe-tabs{gap:7px}.vibe-tabs button{font-size:10px;padding:9px 12px}.vibe-example{min-height:360px}.example-nav{padding:18px 16px}.example-nav strong{font-size:13px}.example-nav>span{display:none}.example-content{width:63%;padding:27px 16px 35px}.example-content h3{font-size:30px}.example-content p{font-size:10px}.example-kicker{font-size:5px}.example-cta{font-size:8px;padding:10px}.example-visual{top:58px;width:37%}.example-visual .big-symbol{font-size:65px}.example-stamp{width:65px;height:65px;right:14px;bottom:17px;font-size:8px}.vibe-notes{display:block}.vibe-notes h3{margin:20px 0 15px;font-size:30px}.palette{margin:20px 0}.vibe-notes small{margin-top:17px}.social-visual{padding:40px 20px 10px}.post-note{font-size:8px;left:45px}.post-photo{height:290px}.post-photo b{font-size:32px}.post-sticker{width:90px;height:90px;right:-8px;font-size:15px}.rivet-layout{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:35px}.rivet-portrait{order:2;max-width:300px;margin:0 auto}.rivet-portrait>img{margin-bottom:-65px;width:280px}.rivet-layout>div:last-child{padding:0}.rivet-layout h2{font-size:42px}.rivet-name{bottom:5px;left:-10px;font-size:10px}.rivet-star{right:-10px;font-size:260px;top:-25px}.center-heading p{font-size:12px}.plan-toggle button{font-size:9px;padding:10px 13px}.plan{padding:28px 24px}.plan .check-list{display:block}.plan-kicker{font-size:7px}.plan h3{font-size:29px}.how,.faq{grid-template-columns:1fr;gap:30px}.how{padding-block:50px}.how h2{margin:0}.faq{padding-top:50px}.faq h2{margin-bottom:0}.start-section{padding-block:55px}.start-layout h2{font-size:51px}.start-layout>div>p{max-width:270px;font-size:12px}.start-spark{font-size:65px;margin-top:-115px;right:5%}.start-layout form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.start-layout h3{font-size:23px}.footer-top{gap:25px;padding-top:35px}.footer-top p{font-size:20px}.footer-top>a:last-child{font-size:11px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:105px}.chat-launcher{right:15px;bottom:15px;padding-right:13px}.chat-launcher img{width:36px;height:36px}.chat-launcher>span{font-size:10px}.chat-launcher small{font-size:8px}.chat-launcher>b{font-size:17px;margin-left:3px}.chat-panel{right:16px;bottom:91px;max-height:calc(100dvh - 120px)}.start-layout .eyebrow{max-width:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Full miniature websites in the business showcase. */
.vibe-preview.upgraded{grid-template-columns:minmax(0,3.1fr) minmax(220px,1fr);gap:32px;align-items:start}.showcase-window{min-width:0;background:#fff;border:1px solid #172b2540;border-radius:13px;overflow:hidden;box-shadow:0 14px 40px #172b2512}.showcase-chrome{height:37px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:12px;border-bottom:1px solid #172b2520;color:#7e877e;font-size:9px}.chrome-dots{font-size:8px;letter-spacing:3px;color:#c3c9c0}.showcase-chrome>span:nth-child(2){font-size:9px;background:#f3f4f0;border-radius:4px;padding:3px 25px}.sample-site{background:var(--sample-bg);color:var(--sample-ink);--sample-bg:#f4f1e9;--sample-ink:#17271b;--sample-pop:#94c83d}.sample-nav{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid color-mix(in srgb,var(--sample-ink) 15%,transparent)}.sample-brand{font-family:'Manrope',sans-serif;font-weight:800;font-size:24px;line-height:.95;letter-spacing:-1.4px}.sample-brand>span{color:#629727}.sample-brand>small{display:block;font-family:'DM Sans',sans-serif;font-size:6px;font-weight:700;letter-spacing:2px;line-height:1.5;margin-top:7px}.sample-nav-links{display:flex;align-items:center;gap:20px;font-size:9px;font-weight:700;flex-shrink:0}.sample-nav-links>button{border:0;background:none;color:inherit;padding:4px;font-size:9px}.sample-nav-links>a{border:1px solid color-mix(in srgb,var(--sample-ink) 25%,transparent);padding:7px 11px;border-radius:4px}.sample-hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:355px}.sample-copy{position:relative;padding:39px 28px 34px;z-index:2}.sample-kicker{font-size:6px;letter-spacing:1.2px;font-weight:800;display:block;margin-bottom:16px;line-height:1.6}.sample-copy>h3{font-size:clamp(31px,3.5vw,49px);font-weight:800;line-height:1.02;letter-spacing:-2px;margin:0 0 21px}.sample-copy>h3>em{font-style:normal;color:#659c29}.sample-copy>p{font-size:10px;line-height:1.9;max-width:290px;margin-bottom:24px;opacity:.8}.sample-primary{display:inline-flex;align-items:center;gap:15px;justify-content:space-between;padding:12px 14px;background:var(--sample-pop);color:#15231b;font-size:9px;font-weight:800;border-radius:3px;line-height:1.3}.sample-primary:hover{filter:brightness(.95)}.sample-primary span{font-size:14px}.sample-secondary{display:block;margin-top:16px;padding:0;border:0;background:none;color:inherit;font-size:8px;font-weight:600}.sample-photo-wrap{position:relative;min-width:0;overflow:hidden;min-height:355px}.sample-photo-wrap>img{width:100%;height:100%;object-fit:cover;object-position:65% center;position:absolute;inset:0}.sample-photo{position:absolute;inset:0;background-image:url('assets/trades-triptych.webp');background-size:300% 100%;background-repeat:no-repeat}.photo-trade{background-position:0% center}.photo-food{background-position:50% center}.photo-auto{background-position:100% center}.sample-badge{position:absolute;right:17px;bottom:22px;white-space:normal;line-height:1.3;width:94px;height:94px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--sample-pop);color:#172b25;font-size:9px;font-weight:800;border:1px solid #172b2540;transform:rotate(9deg);box-shadow:3px 4px 0 #172b2520}.sample-ticker{display:flex;justify-content:space-evenly;align-items:center;gap:9px;padding:14px 16px;background:var(--sample-ink);color:var(--sample-bg);font-size:6px;font-weight:700;letter-spacing:.8px}.sample-ticker b{font-size:14px;font-weight:400;color:var(--sample-pop)}.sample-services{padding:25px 26px 28px;scroll-margin-top:100px}.sample-section-label{font-size:7px;font-weight:800;letter-spacing:1.1px;display:block;margin-bottom:19px}.sample-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.sample-service-grid article{border-top:1px solid color-mix(in srgb,var(--sample-ink) 25%,transparent);padding-top:13px}.sample-service-grid article>span{font-size:9px;color:var(--sample-ink);font-weight:800;display:block;margin-bottom:12px}.sample-service-grid h4{font-family:'Manrope',sans-serif;font-size:12px;line-height:1.2;letter-spacing:-.4px;margin:0 0 8px}.sample-service-grid p{font-size:8px;line-height:1.7;margin-bottom:0;opacity:.75}.sample-bottom{padding:14px 26px;border-top:1px solid color-mix(in srgb,var(--sample-ink) 15%,transparent);display:flex;gap:15px;justify-content:space-between;font-size:7px;font-weight:700;line-height:1.6}.sample-bottom>span{font-size:6px;letter-spacing:.8px;opacity:.65}.sample-index{font-size:8px;letter-spacing:1px;color:#71806d;display:block;margin:25px 0 18px}.upgraded .vibe-notes{display:block;padding:12px 0}.upgraded .vibe-notes h3{font-size:31px;margin:0 0 22px}.upgraded .vibe-notes p{font-size:12px}.upgraded .vibe-notes .palette{margin-block:23px}.sample-features{padding:0;list-style:none;margin:25px 0}.sample-features li{font-size:10px;border-bottom:1px solid #172b2515;padding:11px 0 11px 18px;position:relative}.sample-features li:before{content:'↗';position:absolute;left:0;color:#58884c}.upgraded .vibe-notes>.button{font-size:10px;padding:14px 16px;line-height:1.6}.upgraded .vibe-notes>small{font-size:8px;line-height:1.8;margin-top:21px}.skin-landscape .sample-brand{font-style:italic;font-weight:800}.skin-landscape .sample-copy>h3{font-size:clamp(42px,4.8vw,65px);letter-spacing:-3px;line-height:.97}.skin-landscape .sample-hero{background:#f4f1e9}.skin-trade .sample-brand>span{color:#b55a2e}.skin-trade .sample-copy>h3>em{color:#a84625;font-family:Georgia,serif;font-weight:400;font-style:italic}.skin-trade .sample-photo-wrap{border-radius:65px 0 0 0;margin-top:22px}.skin-trade .sample-primary{border-radius:30px}.skin-food .sample-brand{font-family:Georgia,serif;font-size:26px;font-style:italic}.skin-food .sample-brand>span{color:#852d3e}.skin-food .sample-copy>h3{font-family:Georgia,serif;font-size:clamp(39px,4.1vw,58px);font-weight:700;letter-spacing:-2px}.skin-food .sample-copy>h3>em{color:#c64b3e;font-style:italic;font-weight:400}.skin-food .sample-photo-wrap{margin:24px 20px 24px 0;border-radius:160px 160px 12px 12px;min-height:310px}.skin-food .sample-badge{border-radius:8px;width:100px;height:70px;bottom:16px;right:12px;transform:rotate(-7deg)}.skin-food .sample-primary{border-radius:6px;background:#852d3e;color:#fff0d4}.skin-auto .sample-brand{font-style:italic;font-size:22px;letter-spacing:-1px}.skin-auto .sample-brand>span{color:var(--sample-pop)}.skin-auto .sample-copy>h3>em{font-style:italic;color:var(--sample-pop)}.skin-auto .sample-ticker{background:var(--sample-pop);color:#171c27}.skin-auto .sample-ticker b{color:#171c27}.skin-auto .sample-nav-links>a{border-color:#ffffff40}.skin-auto .sample-photo-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171c2766,transparent)}.skin-auto .sample-badge{z-index:2;border-radius:3px;width:100px;height:70px;transform:rotate(0)}.skin-auto .sample-services{background:#1d2330}.sample-highlight{animation:service-highlight 1.1s ease}@keyframes service-highlight{0%,100%{box-shadow:inset 0 0 0 0 transparent}35%{box-shadow:inset 0 0 0 3px var(--sample-pop)}}
@media(max-width:1050px){.vibe-preview.upgraded{grid-template-columns:minmax(0,2.8fr) minmax(185px,1fr);gap:22px}.sample-nav{padding:19px}.sample-nav-links{gap:12px}.sample-copy{padding:32px 21px}.sample-copy>h3{font-size:37px}.sample-copy>p{font-size:9px}.sample-brand{font-size:21px}.skin-landscape .sample-copy>h3{font-size:52px}.sample-hero{min-height:330px}.sample-photo-wrap{min-height:330px}.sample-services{padding:23px 20px}.sample-service-grid{gap:12px}.upgraded .vibe-notes h3{font-size:28px}.sample-ticker{font-size:5px;letter-spacing:.4px}.skin-food .sample-copy>h3{font-size:42px}}
@media(max-width:800px){.vibe-preview.upgraded{grid-template-columns:1fr;gap:25px}.upgraded .vibe-notes{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.upgraded .vibe-notes>.pill{grid-column:1/3;width:max-content}.sample-index{grid-column:1;grid-row:2;margin-top:20px}.upgraded .vibe-notes h3{grid-column:1;grid-row:3;margin-bottom:17px}.upgraded .vibe-notes p{grid-column:2;grid-row:2/4;margin-top:20px}.upgraded .vibe-notes .palette{grid-column:1;grid-row:4;margin-top:0}.sample-features{grid-column:2;grid-row:4/6;margin:0}.upgraded .vibe-notes>.button{grid-column:1;grid-row:5;width:max-content}.upgraded .vibe-notes>small{grid-column:1/3;margin-top:20px}.sample-copy>h3{font-size:42px}.skin-landscape .sample-copy>h3{font-size:61px}.sample-hero{min-height:355px}.sample-photo-wrap{min-height:355px}.sample-copy>p{font-size:10px}.skin-food .sample-copy>h3{font-size:48px}.sample-ticker{font-size:6px}.sample-service-grid h4{font-size:13px}.sample-service-grid p{font-size:9px}}
@media(max-width:480px){.showcase-chrome{padding-inline:10px;height:31px}.showcase-chrome>span:nth-child(2){font-size:6px;padding:3px 12px}.chrome-dots{font-size:5px;letter-spacing:2px}.sample-nav{padding:16px 15px}.sample-brand{font-size:20px}.sample-brand>small{font-size:5px;letter-spacing:1.3px}.sample-nav-links>button{display:none}.sample-nav-links>a{font-size:7px;padding:6px 8px}.sample-hero{grid-template-columns:1fr;min-height:0}.sample-copy{padding:28px 20px 27px}.sample-copy>h3{font-size:44px;letter-spacing:-2px;margin-bottom:17px}.skin-landscape .sample-copy>h3{font-size:59px}.sample-kicker{font-size:6px;margin-bottom:15px}.sample-copy>p{max-width:280px;font-size:10px}.sample-primary{font-size:9px;padding:12px 16px}.sample-secondary{display:inline-block;margin-left:14px;font-size:7px}.sample-photo-wrap{height:225px;min-height:225px}.sample-photo-wrap>img{object-position:center 45%}.sample-photo{background-size:300% auto}.sample-badge{width:78px;height:78px;font-size:8px;right:18px;bottom:15px}.sample-ticker{font-size:5px;gap:7px;padding:12px 10px;letter-spacing:.2px}.sample-ticker b{font-size:11px}.sample-services{padding:23px 18px}.sample-section-label{font-size:6px;letter-spacing:.6px}.sample-service-grid{grid-template-columns:1fr;gap:15px}.sample-service-grid article{display:grid;grid-template-columns:24px 1fr;gap:0 8px;padding-top:14px}.sample-service-grid article>span{grid-row:1/3;font-size:9px;margin:0}.sample-service-grid h4{font-size:13px;letter-spacing:-.2px}.sample-service-grid p{grid-column:2;font-size:9px}.sample-bottom{padding:13px 18px;flex-direction:column;gap:5px;font-size:7px}.sample-bottom>span{font-size:5px}.skin-trade .sample-photo-wrap{margin:0 15px 20px;border-radius:70px 0 0 0;height:220px;min-height:220px}.skin-food .sample-photo-wrap{margin:0 20px 22px;border-radius:130px 130px 15px 15px;height:250px;min-height:250px}.skin-food .sample-copy>h3{font-size:49px}.skin-food .sample-photo{background-size:300% auto;background-position:50% 65%}.skin-auto .sample-photo{background-position:100% 45%}.skin-auto .sample-badge{height:60px;width:90px}.upgraded .vibe-notes{display:block}.upgraded .vibe-notes h3{font-size:31px}.upgraded .vibe-notes p{margin-top:0;font-size:13px}.upgraded .vibe-notes .palette{margin:23px 0}.sample-index{margin-top:22px}.sample-features{margin:22px 0}.sample-features li{font-size:11px}.upgraded .vibe-notes>small{margin-top:20px}}


/* Four independently composed business concepts. */
.yb-top{background:#15251b;color:#c3df9b;display:flex;justify-content:space-between;padding:8px 23px;font-size:6px;letter-spacing:1.4px;font-weight:800}.skin-landscape .sample-nav{background:#f4f1e9}.yb-hero{position:relative;min-height:380px;overflow:hidden;background:#15251b;color:white}.yb-photo{position:absolute;inset:0}.yb-photo>img{width:100%;height:100%;object-fit:cover;object-position:65% center}.yb-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071a10f0 0%,#071a10a8 42%,#071a1020 100%)}.yb-hero-content{position:relative;padding:40px 32px 58px;z-index:2;max-width:60%}.yb-hero-content h3{font-size:69px;line-height:.9;letter-spacing:-3px;margin:0 0 23px;font-weight:800}.yb-hero-content h3 em{font-style:normal;color:#a7d94b}.yb-hero-content p{font-size:10px;line-height:1.8;max-width:250px;color:#d8e4d7}.yb-side-note{position:absolute;right:12px;top:30px;writing-mode:vertical-rl;font-size:6px;letter-spacing:1.6px;font-weight:800}.yb-project-tag{position:absolute;right:25px;bottom:25px;z-index:2;background:#e5efca;color:#15251b;padding:15px 19px;transform:rotate(-4deg);border:1px solid #15251b}.yb-project-tag span{font-size:6px;letter-spacing:1px;display:block}.yb-project-tag b{font-size:13px;letter-spacing:-.5px}.yb-callout{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#a7d94b;padding:25px 30px;align-items:center}.yb-callout>b{font-family:'Manrope',sans-serif;font-size:22px;line-height:1.1;letter-spacing:-1px}.yb-callout>b span{color:#3c6527}.yb-callout p{font-size:9px;line-height:1.8;margin:0}.skin-landscape .sample-service-grid{grid-template-columns:1fr}.skin-landscape .sample-service-grid article{display:grid;grid-template-columns:30px 1fr;gap:10px}.skin-landscape .sample-service-grid h4{font-size:15px;margin-bottom:6px}.skin-landscape .sample-service-grid p{font-size:9px;max-width:none}.yb-bottom{display:flex;justify-content:space-between;gap:15px;font-size:6px;font-weight:800;letter-spacing:.7px;background:#15251b;color:#e5efca;padding:16px 25px}.yb-bottom a{color:#a7d94b}.fix-intro{text-align:center;padding:35px 20px 25px}.fix-label{font-size:6px;letter-spacing:1.5px;background:#ffddbe;padding:6px 10px;border-radius:30px;display:inline-block;margin-bottom:20px;font-weight:800}.fix-intro h3{font-size:39px;line-height:1.12;letter-spacing:-1.8px;margin:0 0 19px}.fix-intro h3 em{font-family:Georgia,serif;color:#b35b35;font-weight:400}.fix-intro p{font-size:10px;line-height:1.8;color:#6d6d65}.fix-bento{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;margin:0 23px 27px}.fix-photo{position:relative;min-height:280px;border-radius:65px 12px 12px 12px;overflow:hidden;background:#d8dbd2}.fix-photo .sample-photo{background-size:300% 100%}.fix-photo>span{position:absolute;bottom:17px;left:18px;color:white;text-shadow:0 1px 6px #000;font-size:10px;line-height:1.3;font-weight:800}.fix-ticket{border-radius:12px;background:#ffdec1;padding:23px 19px;transform:rotate(1.5deg)}.fix-ticket>span{font-size:6px;letter-spacing:1px;font-weight:800}.fix-ticket h4{font-family:'Manrope',sans-serif;font-size:35px;line-height:1.02;letter-spacing:-1.5px;margin:17px 0}.fix-ticket>button{display:flex;align-items:center;gap:8px;background:none;color:#18334b;border:0;border-top:1px solid #18334b30;width:100%;padding:11px 0;text-align:left;font-size:9px}.fix-ticket>button span{font-size:6px;opacity:.6}.fix-ticket>button b{margin-left:auto}.fix-ticket .sample-primary{margin-top:16px;font-size:8px;background:#18334b;color:white;padding:12px}.skin-trade .sample-services{border-top:1px dashed #18334b40;margin-inline:23px;padding-inline:0}.skin-trade .sample-service-grid{grid-template-columns:1fr;gap:0}.skin-trade .sample-service-grid article{display:flex;gap:14px;border:0;padding:12px 0}.skin-trade .sample-service-grid article>span{width:25px;height:25px;background:#ffdec1;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.skin-trade .sample-service-grid h4{font-size:12px}.fix-note{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#18334b;color:#fff3e6;padding:20px 24px}.fix-note>b{font-family:Georgia,serif;font-size:19px;font-style:italic;font-weight:400}.fix-note>span{font-size:7px;max-width:135px}.taco-layout{display:grid;grid-template-columns:105px 1fr;min-height:590px}.taco-rail{background:#852d3e;color:#fff0d4;padding:25px 15px;display:flex;flex-direction:column;align-items:flex-start}.taco-rail-star{font-size:40px;line-height:1;color:#ffc53a;margin-bottom:30px}.taco-rail>b{font-size:20px;line-height:1.12;letter-spacing:-.8px;font-family:'Manrope',sans-serif}.taco-rail>button{border:0;background:none;color:#fff0d4;font-size:6px;letter-spacing:.7px;text-align:left;line-height:1.8;padding:0;margin-top:auto}.taco-rail>a{font-size:7px;font-weight:800;margin-top:24px;padding-top:14px;border-top:1px solid #fff0d470;width:100%}.taco-brand{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.taco-brand .sample-brand{font-family:Georgia,serif;font-size:26px;font-style:italic;letter-spacing:-1px}.taco-brand .sample-brand span{color:#852d3e}.taco-brand>span{font-size:5px;letter-spacing:1px;font-weight:800}.taco-poster{text-align:center;position:relative;padding:12px 20px 30px}.taco-overline{font-size:5px;letter-spacing:1.2px;font-weight:800}.taco-poster>h3{position:relative;z-index:2;font-family:Georgia,serif;font-size:56px;line-height:.96;letter-spacing:-2.5px;margin:18px -10px -12px;transform:rotate(-3deg);text-shadow:2px 2px 0 #fff0d4}.taco-poster>h3 em{font-style:italic;color:#c64b3e}.taco-photo{position:relative;width:85%;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 auto;background:#ffc53a;border:9px solid #ffc53a;transform:rotate(4deg)}.taco-photo .sample-photo{background-size:300% 100%}.taco-sticker{position:absolute;right:10px;top:220px;padding:14px 12px;background:#ffc53a;transform:rotate(9deg);font-size:8px;font-weight:700;line-height:1.3;z-index:3;box-shadow:3px 4px 0 #852d3e}.taco-sticker b{font-size:9px}.taco-poster>p{font-size:10px;line-height:1.6;margin:17px 0}.taco-poster .sample-primary{background:#852d3e;color:#fff0d4;border-radius:30px;padding:12px 20px}.taco-marquee{background:#ffc53a;color:#852d3e;font-size:12px;letter-spacing:1.5px;font-weight:800;text-align:center;padding:14px 8px;transform:rotate(-1deg);border-block:1px solid #852d3e}.skin-food .sample-services{padding:28px 22px}.skin-food .sample-service-grid{grid-template-columns:repeat(3,1fr);gap:9px}.skin-food .sample-service-grid article{display:block;background:#ffe3b0;padding:15px 12px;border:1px dashed #852d3e70;border-radius:0 0 10px 10px;transform:rotate(-2deg)}.skin-food .sample-service-grid article:nth-child(2){transform:rotate(2deg);background:#f7c6be}.skin-food .sample-service-grid h4{font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.1}.skin-food .sample-service-grid p{font-size:8px}.auto-layout{display:grid;grid-template-columns:115px 1fr;min-height:620px;background:#171c27}.auto-rail{padding:25px 13px;border-right:1px solid #ffffff25;display:flex;flex-direction:column}.auto-rail .sample-brand{font-size:16px;font-style:italic;letter-spacing:-.8px}.auto-rail .sample-brand span{display:block;color:#b6ee68}.auto-rail .sample-brand small{font-size:5px;letter-spacing:1.3px;margin-top:10px}.auto-rail-line{width:25px;height:2px;background:#b6ee68;margin:25px 0}.auto-vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:6px;letter-spacing:2px;margin:auto 0}.auto-rail-bottom{font-size:6px;letter-spacing:1px;line-height:1.6;margin-top:25px;color:#9aabb5}.auto-main{min-width:0}.auto-top{display:flex;justify-content:space-between;padding:20px;font-size:6px;letter-spacing:1px;gap:15px}.auto-top>a{color:#b6ee68}.auto-stage{height:260px;position:relative;overflow:hidden;background:#222a36}.auto-photo{position:absolute;inset:0}.auto-photo .sample-photo{background-size:300% 100%}.auto-image-tag{position:absolute;bottom:17px;left:20px;color:#b6ee68;font-size:6px;letter-spacing:1px;text-shadow:1px 1px 4px black}.auto-headline{position:relative;padding:27px 24px}.auto-headline>span{font-size:5px;letter-spacing:1.2px;color:#9aabb5}.auto-headline>h3{font-size:44px;line-height:.96;letter-spacing:-2px;margin:18px 0 22px;font-style:italic}.auto-headline>h3 em{color:#b6ee68;font-style:normal}.auto-headline>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px}.auto-headline p{font-size:8px;line-height:1.8;color:#aebbc2;margin:0}.auto-headline .sample-primary{font-size:7px;padding:12px 14px;border-radius:0;white-space:nowrap}.skin-auto .sample-services{padding:26px}.skin-auto .sample-service-grid{grid-template-columns:1fr;gap:0}.skin-auto .sample-service-grid article{display:grid;grid-template-columns:35px 1fr;padding-block:17px;border-top:1px solid #ffffff25;gap:12px}.skin-auto .sample-service-grid article>span{font-size:20px;color:#b6ee68;letter-spacing:-1px;margin:0}.skin-auto .sample-service-grid h4{font-size:18px;letter-spacing:-.5px}.skin-auto .sample-service-grid p{font-size:9px;max-width:320px}.auto-bottom{background:#b6ee68;color:#171c27;display:flex;justify-content:space-between;padding:16px 23px;font-size:6px;letter-spacing:.7px;font-weight:800;gap:15px}
@media(max-width:1050px){.yb-hero-content{max-width:65%;padding-left:25px}.yb-hero-content h3{font-size:59px}.fix-intro h3{font-size:33px}.fix-ticket{padding:20px 14px}.fix-ticket h4{font-size:30px}.taco-layout{grid-template-columns:85px 1fr}.taco-rail{padding-inline:11px}.taco-rail>b{font-size:17px}.taco-brand{padding:20px 15px}.taco-brand>span{display:none}.taco-poster>h3{font-size:46px}.auto-layout{grid-template-columns:95px 1fr}.auto-headline{padding-inline:20px}.auto-headline>h3{font-size:37px}.auto-headline>div{grid-template-columns:1fr}.auto-headline .sample-primary{width:max-content;margin-top:3px}.auto-stage{height:245px}}
@media(max-width:800px){.yb-hero-content h3{font-size:72px}.fix-intro h3{font-size:43px}.taco-layout{grid-template-columns:110px 1fr}.taco-rail>b{font-size:23px}.taco-poster>h3{font-size:65px}.taco-sticker{top:245px}.auto-layout{grid-template-columns:115px 1fr}.auto-headline>h3{font-size:49px}.auto-headline>div{grid-template-columns:1fr auto}.auto-stage{height:290px}}
@media(max-width:480px){.yb-top{font-size:5px;padding:8px 15px;letter-spacing:.7px}.yb-hero{min-height:390px}.yb-photo>img{object-position:68% center}.yb-photo:after{background:linear-gradient(90deg,#071a10ed,#071a1090)}.yb-hero-content{max-width:88%;padding:32px 22px 85px}.yb-hero-content h3{font-size:63px}.yb-hero-content p{font-size:10px;max-width:230px}.yb-project-tag{bottom:20px;right:17px;padding:10px 15px}.yb-project-tag b{font-size:11px}.yb-project-tag span{font-size:5px}.yb-callout{padding:22px;gap:15px;grid-template-columns:1fr}.yb-callout>b{font-size:24px}.yb-callout p{font-size:10px}.yb-side-note{font-size:5px;right:9px}.yb-bottom{font-size:5px;padding:14px 18px;flex-direction:column;gap:8px}.skin-landscape .sample-service-grid article{grid-template-columns:25px 1fr}.skin-landscape .sample-service-grid h4{font-size:14px}.fix-intro{padding:28px 17px 20px}.fix-intro h3{font-size:31px;letter-spacing:-1.3px}.fix-intro p{font-size:9px}.fix-bento{margin-inline:16px;grid-template-columns:1fr;gap:13px}.fix-photo{height:245px;min-height:245px;border-radius:70px 12px 12px 12px}.fix-photo .sample-photo{background-size:300% auto;background-position:0 center}.fix-ticket{transform:rotate(0);padding:22px}.fix-ticket h4{font-size:30px;line-height:1.1;margin:14px 0}.fix-ticket h4 br{display:none}.fix-ticket>button{font-size:11px}.fix-ticket>button span{font-size:8px}.fix-ticket .sample-primary{font-size:10px;width:100%;margin-top:15px}.fix-note{flex-direction:column;align-items:flex-start;padding:19px;gap:9px}.fix-note>span{max-width:none;font-size:8px}.skin-trade .sample-service-grid article{gap:10px}.skin-trade .sample-service-grid article>div{min-width:0}.taco-layout{grid-template-columns:63px 1fr;min-height:0}.taco-rail{padding:20px 8px}.taco-rail-star{font-size:28px}.taco-rail>b{font-size:13px;letter-spacing:-.4px}.taco-rail>button{font-size:5px;letter-spacing:0}.taco-rail>a{font-size:5px}.taco-brand{padding:20px 12px}.taco-brand .sample-brand{font-size:21px}.taco-brand .sample-brand small{font-size:4px;letter-spacing:.6px}.taco-poster{padding:10px 12px 25px}.taco-overline{font-size:4px;letter-spacing:.5px}.taco-poster>h3{font-size:35px;letter-spacing:-1.8px;margin:17px -8px -5px}.taco-photo{width:98%;border-width:6px}.taco-sticker{right:4px;top:165px;padding:8px;font-size:5px}.taco-sticker b{font-size:6px}.taco-poster>p{font-size:9px;margin:18px 0}.taco-poster .sample-primary{font-size:7px;padding:11px 12px;gap:10px}.taco-marquee{font-size:8px;letter-spacing:.5px;padding:12px 5px}.skin-food .sample-service-grid{grid-template-columns:1fr;gap:12px}.skin-food .sample-service-grid article{display:grid;grid-template-columns:25px 1fr;gap:5px;padding:17px;transform:rotate(-1deg)}.skin-food .sample-service-grid article>span{grid-row:auto}.skin-food .sample-service-grid h4{font-size:20px}.skin-food .sample-service-grid p{font-size:9px;grid-column:auto}.auto-layout{grid-template-columns:62px 1fr;min-height:0}.auto-rail{padding:20px 7px}.auto-rail .sample-brand{font-size:10px;letter-spacing:-.5px}.auto-rail .sample-brand small{font-size:3px;letter-spacing:.5px}.auto-rail-line{width:17px}.auto-vertical{font-size:5px;letter-spacing:1.5px}.auto-rail-bottom{font-size:4px;letter-spacing:.3px}.auto-top{padding:15px 12px;font-size:4px;letter-spacing:.6px;gap:8px}.auto-stage{height:235px}.auto-photo .sample-photo{background-size:300% auto;background-position:100% center}.auto-image-tag{left:12px;font-size:4px;letter-spacing:.4px}.auto-headline{padding:22px 14px}.auto-headline>span{font-size:4px;letter-spacing:.5px}.auto-headline>h3{font-size:30px;letter-spacing:-1.5px;line-height:1.05;margin:17px 0}.auto-headline>div{grid-template-columns:1fr;gap:14px}.auto-headline p{font-size:9px;line-height:1.8}.auto-headline .sample-primary{font-size:7px;width:max-content;padding:12px}.skin-auto .sample-services{padding:24px 18px}.skin-auto .sample-service-grid article{grid-template-columns:30px 1fr;padding-block:18px}.skin-auto .sample-service-grid article>span{grid-row:auto;font-size:18px}.skin-auto .sample-service-grid h4{font-size:17px}.skin-auto .sample-service-grid p{grid-column:auto;font-size:9px}.auto-bottom{padding:15px 18px;font-size:5px;flex-direction:column;gap:8px}}


/* Compact demos: same outer dimensions, four different compositions. */
.vibe-preview.upgraded{grid-template-rows:557px;align-items:stretch}.showcase-window{height:557px;min-height:0}.showcase-chrome{height:37px;flex-shrink:0}.compact-demo{height:520px;min-height:0;overflow:hidden;display:flex;flex-direction:column}.compact-demo *{box-sizing:border-box}.compact-demo .sample-brand{font-size:22px;letter-spacing:-1px}.compact-demo .sample-brand small{font-size:5px;letter-spacing:1.2px;line-height:1.5;margin-top:7px}.cd-nav{height:70px;flex-shrink:0;padding:17px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid color-mix(in srgb,var(--sample-ink) 15%,transparent)}.cd-nav>a,.cd-nav>span{font-size:6px;font-weight:800;letter-spacing:.5px}.cd-nav>a{border-bottom:1px solid currentColor;padding-bottom:4px}.cd-footer{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:9px;padding:10px 17px;background:var(--sample-ink);color:var(--sample-bg);font-size:6px;font-weight:800;letter-spacing:.6px;text-align:center;line-height:1.7}.cd-action{display:inline-flex;align-items:center;justify-content:center;padding:13px 16px;background:var(--sample-pop);color:#172b25;font-size:9px;font-weight:800;line-height:1.5;border-radius:4px}.cd-action:hover{filter:brightness(.95)}.cd-kicker{display:block;font-size:6px;letter-spacing:1.2px;font-weight:800;line-height:1.7}.cd-landscape{height:390px;position:relative;isolation:isolate;color:#fff;background:#15251b;overflow:hidden}.cd-photo{position:absolute;inset:0;z-index:-1}.cd-photo>img{height:100%;width:100%;object-fit:cover;object-position:65% center}.cd-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071a10ee,#071a1088 60%,#071a1020)}.cd-landscape-copy{padding:38px 28px}.cd-landscape h3{font-family:'Manrope',sans-serif;font-size:69px;line-height:.92;letter-spacing:-3.5px;font-weight:800;margin:18px 0 20px}.cd-landscape h3 em{font-style:normal;color:#a7d94b}.cd-landscape p{font-size:10px;line-height:1.7;color:#e0ebdd;margin-bottom:23px}.cd-round{position:absolute;right:23px;bottom:23px;width:86px;height:86px;background:#a7d94b;color:#172b25;border-radius:50%;display:grid;place-content:center;font-size:9px;line-height:1.4;font-weight:800;text-align:center;transform:rotate(-9deg);border:1px solid #172b2530}.cd-trade{height:390px;display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;padding:27px 23px}.cd-trade-photo{position:relative;border-radius:65px 9px 9px 9px;overflow:hidden;background:#e0d5c9}.cd-trade-photo .sample-photo{background-size:300% 100%}.cd-trade-photo>span{position:absolute;bottom:19px;left:16px;font-size:9px;line-height:1.3;font-weight:800;color:white;text-shadow:0 1px 8px #000}.cd-trade-copy{padding:7px 0;align-self:center}.cd-trade h3{font-size:36px;line-height:1.05;letter-spacing:-1.7px;margin:17px 0}.cd-trade h3 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#a84625}.cd-trade p{font-size:9px;line-height:1.8;margin:0 0 18px;color:#68717a}.cd-checks{display:flex;flex-direction:column;gap:8px;font-size:8px;font-weight:600;margin-bottom:22px}.cd-trade .cd-action{background:#18334b;color:#fff3e6;border-radius:30px;font-size:8px;padding:12px 15px}.cd-food{height:390px;position:relative;padding:20px 23px;background:#fff0d4}.cd-food>.cd-kicker{text-align:center;font-size:5px;letter-spacing:1.5px}.cd-food h3{font-family:Georgia,serif;font-size:38px;line-height:1.05;font-weight:800;letter-spacing:-2px;text-align:center;margin:12px -5px 17px;white-space:nowrap;transform:rotate(-2deg)}.cd-food h3 em{color:#c64b3e;font-weight:400}.cd-food-photo{height:186px;position:relative;border-radius:95px 95px 8px 8px;overflow:hidden;background:#ffc53a}.cd-food-photo .sample-photo{background-size:300% auto;background-position:50% 52%}.cd-food-stamp{position:absolute;right:13px;top:140px;transform:rotate(9deg);padding:13px;background:#ffc53a;box-shadow:3px 3px 0 #852d3e;font-size:8px;font-weight:800;line-height:1.15}.cd-food-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.cd-food-bottom p{font-size:9px;line-height:1.7;margin:0}.cd-food .cd-action{background:#852d3e;color:#fff0d4;border-radius:30px;font-size:8px;padding:11px 15px}.skin-food.compact-demo .sample-brand{font-family:Georgia,serif;font-style:italic;font-size:25px}.skin-food.compact-demo .cd-footer{background:#ffc53a;color:#852d3e}.cd-auto{height:460px;position:relative;background:#171c27}.cd-auto-top{height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 23px}.cd-auto-top>a{font-size:6px;letter-spacing:.8px;color:#b6ee68}.skin-auto.compact-demo .sample-brand{font-style:italic;font-size:22px}.cd-auto-photo{position:relative;height:205px;overflow:hidden;background:#202736;margin-left:22%;border-radius:70px 0 0 0}.cd-auto-photo .sample-photo{background-size:300% auto;background-position:100% 45%}.cd-auto-photo>span{position:absolute;bottom:15px;left:20px;font-size:5px;letter-spacing:1px;color:#b6ee68;text-shadow:0 1px 5px #000}.cd-auto-copy{position:relative;padding:24px 23px;display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:0 20px}.cd-auto-copy>.cd-kicker{grid-column:1/3;color:#9aabb5;font-size:5px}.cd-auto h3{font-size:34px;letter-spacing:-1.6px;line-height:.99;margin:14px 0 0;font-weight:800;font-style:italic}.cd-auto h3 em{font-style:normal;color:#b6ee68}.cd-auto-copy>div>p{font-size:8px;color:#aebbc2;margin:0 0 13px}.cd-auto .cd-action{font-size:7px;padding:11px 13px;border-radius:0}.skin-auto.compact-demo .cd-footer{background:#b6ee68;color:#171c27}.upgraded .vibe-notes{height:557px;overflow:hidden;padding:12px 0;display:flex;flex-direction:column;gap:0}.upgraded .vibe-notes>.pill{width:max-content;max-width:100%;flex-shrink:0}.upgraded .vibe-notes>.sample-index{margin:23px 0 16px;height:14px;flex-shrink:0}.upgraded .vibe-notes>h3{height:76px;min-height:76px;font-size:29px;line-height:1.1;margin:0 0 15px}.upgraded .vibe-notes>p{height:108px;min-height:108px;font-size:12px;line-height:1.8;margin:0}.upgraded .vibe-notes>.palette{margin:16px 0;height:26px;min-height:26px}.upgraded .sample-features{margin:0 0 18px;height:117px;min-height:117px}.upgraded .sample-features li{font-size:9px;padding-block:9px;line-height:1.6;min-height:34px}.upgraded .vibe-notes>.button{font-size:9px;padding:12px 10px;width:100%;margin-top:auto;flex-shrink:0}.upgraded .vibe-notes>small{font-size:7px;line-height:1.7;margin:14px 0 0;height:36px;min-height:36px}
@media(max-width:1050px){.cd-nav{padding-inline:18px}.cd-landscape h3{font-size:59px}.cd-landscape-copy{padding-left:24px}.cd-round{width:75px;height:75px;font-size:8px;right:16px}.cd-trade{padding:23px 18px;gap:18px;grid-template-columns:.8fr 1.2fr}.cd-trade h3{font-size:30px}.cd-trade .cd-kicker{font-size:5px}.cd-trade-copy p{font-size:8px}.cd-trade .cd-action{font-size:7px;padding:11px}.cd-food h3{font-size:30px;letter-spacing:-1.6px}.cd-food .cd-action{font-size:7px;padding:10px 12px}.cd-food-bottom p{font-size:8px}.cd-auto h3{font-size:28px}.cd-auto-copy{gap:0 12px;padding-inline:18px}.cd-auto .cd-action{font-size:6px;padding:10px}.cd-auto-copy>div>p{font-size:7px}.cd-footer{font-size:5px;letter-spacing:.3px}.upgraded .vibe-notes>h3{font-size:27px}.upgraded .vibe-notes>p{font-size:11px}}
@media(max-width:800px){.vibe-preview.upgraded{grid-template-rows:557px 340px;gap:25px}.upgraded .vibe-notes{height:340px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:27px 37px 80px 42px 55px 53px;gap:0 30px;padding:0;overflow:hidden}.upgraded .vibe-notes>.pill{grid-column:1/3;grid-row:1;margin:0;align-self:start}.upgraded .vibe-notes>.sample-index{grid-column:1;grid-row:2;margin:18px 0 0;height:auto}.upgraded .vibe-notes>h3{grid-column:1;grid-row:3;font-size:29px;height:70px;min-height:70px;margin:10px 0 0}.upgraded .vibe-notes>p{grid-column:2;grid-row:2/4;margin:18px 0 0;height:99px;min-height:99px;font-size:12px}.upgraded .vibe-notes>.palette{grid-column:1;grid-row:4;margin:12px 0 0}.upgraded .sample-features{grid-column:2;grid-row:4/6;margin:0;height:97px;min-height:97px}.upgraded .sample-features li{font-size:9px;padding-block:6px;min-height:30px}.upgraded .vibe-notes>.button{grid-column:1;grid-row:5;margin:10px 0 0;width:max-content;max-width:100%;align-self:start;font-size:10px}.upgraded .vibe-notes>small{grid-column:1/3;grid-row:6;margin:16px 0 0;height:auto;min-height:0;font-size:8px}.cd-trade h3{font-size:41px}.cd-food h3{font-size:39px}.cd-landscape h3{font-size:72px}.cd-auto h3{font-size:35px}.cd-footer{font-size:6px}.cd-trade p{font-size:10px}.cd-trade .cd-action{font-size:9px}.cd-auto .cd-action{font-size:8px}}
@media(max-width:480px){.vibe-preview.upgraded{grid-template-rows:601px 380px;gap:24px}.showcase-window{height:601px}.showcase-chrome{height:31px}.compact-demo{height:570px}.cd-nav{height:67px;padding:16px 15px;gap:9px}.compact-demo .sample-brand{font-size:22px}.compact-demo .sample-brand small{font-size:5px;letter-spacing:1px}.cd-nav>a{font-size:5px;max-width:85px;text-align:right}.cd-nav>span{font-size:5px;max-width:85px;text-align:right;line-height:1.8}.cd-footer{height:62px;font-size:5px;letter-spacing:.2px;padding-inline:10px;gap:9px}.cd-landscape{height:441px}.cd-landscape-copy{padding:42px 22px}.cd-landscape h3{font-size:65px;margin:23px 0}.cd-landscape p{font-size:11px;max-width:240px}.cd-landscape .cd-action{font-size:10px;padding:13px 15px}.cd-landscape .cd-kicker{font-size:6px}.cd-round{bottom:20px;right:18px;width:74px;height:74px;font-size:8px}.cd-photo>img{object-position:66% center}.cd-photo:after{background:linear-gradient(90deg,#071a10ed,#071a1099)}.cd-trade{height:441px;display:grid;grid-template-columns:1fr 1.2fr;gap:14px;padding:24px 15px}.cd-trade-photo{border-radius:60px 7px 7px 7px;margin-block:12px;min-width:0}.cd-trade-photo .sample-photo{background-size:auto 100%;background-size:300% 100%}.cd-trade-photo>span{font-size:7px;left:10px;bottom:16px;right:6px}.cd-trade-copy{padding:0;min-width:0}.cd-trade h3{font-size:29px;letter-spacing:-1px;line-height:1.1;margin:18px 0}.cd-trade .cd-kicker{font-size:5px;letter-spacing:.5px}.cd-trade p{font-size:9px;line-height:1.8}.cd-trade p br{display:none}.cd-checks{font-size:8px;gap:10px;margin:20px 0}.cd-trade .cd-action{font-size:8px;padding:12px 9px;max-width:100%}.cd-food{height:441px;padding:24px 17px}.cd-food h3{font-size:35px;white-space:normal;line-height:1.02;margin:17px 0 20px;letter-spacing:-1.5px}.cd-food h3 em{display:block}.cd-food-photo{height:184px;border-radius:90px 90px 8px 8px}.cd-food-photo .sample-photo{background-size:300% auto;background-position:50% center}.cd-food-stamp{top:202px;right:9px;font-size:7px;padding:10px}.cd-food-bottom{margin-top:20px;gap:10px}.cd-food-bottom p{font-size:9px;max-width:130px}.cd-food .cd-action{font-size:7px;padding:11px 12px;max-width:145px}.cd-auto{height:508px}.cd-auto-top{height:67px;padding:16px 15px}.cd-auto-top>a{font-size:5px;letter-spacing:.5px;max-width:90px;text-align:right}.skin-auto.compact-demo .sample-brand{font-size:21px}.cd-auto-photo{height:220px;margin-left:14%;border-radius:60px 0 0 0}.cd-auto-photo>span{font-size:4px;left:13px;letter-spacing:.7px}.cd-auto-copy{height:221px;padding:24px 18px;display:block}.cd-auto-copy>.cd-kicker{font-size:5px;letter-spacing:.8px}.cd-auto h3{font-size:34px;line-height:1;letter-spacing:-1.5px;margin:16px 0}.cd-auto-copy>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.cd-auto-copy>div>p{font-size:8px;max-width:95px;margin:0}.cd-auto .cd-action{font-size:7px;padding:10px;max-width:160px}.upgraded .vibe-notes{height:380px;grid-template-columns:1fr 1fr;grid-template-rows:26px 38px 80px 49px 92px 68px;gap:0 17px}.upgraded .vibe-notes>.sample-index{font-size:6px;letter-spacing:.5px;margin-top:18px}.upgraded .vibe-notes>h3{font-size:23px;height:68px;min-height:68px;margin-top:8px;letter-spacing:-1px}.upgraded .vibe-notes>p{font-size:10px;line-height:1.8;height:103px;min-height:103px;margin-top:16px}.upgraded .sample-features{height:141px;min-height:141px;grid-row:4/6;margin:3px 0 0}.upgraded .sample-features li{font-size:8px;padding-block:9px;min-height:40px;line-height:1.7}.upgraded .vibe-notes>.palette{grid-row:4;margin-top:13px}.upgraded .vibe-notes>.button{grid-row:5;font-size:8px;padding:12px 10px;line-height:1.7;white-space:normal;margin-top:7px;width:100%;gap:6px}.upgraded .vibe-notes>small{grid-row:6;font-size:8px;line-height:1.7;margin-top:18px}}

.showcase-window{display:flex;flex-direction:column}.compact-demo{flex:1;min-height:0}.cd-landscape,.cd-trade,.cd-food,.cd-auto{flex:1;min-height:0}
@media(min-width:801px){.upgraded .vibe-notes{display:grid;padding:0;grid-template-columns:minmax(0,1fr);grid-template-rows:25px 37px 68px 105px 42px 105px 45px 30px;gap:0;height:557px}.upgraded .vibe-notes>.pill{grid-row:1;align-self:start;font-size:6px}.upgraded .vibe-notes>.sample-index{grid-row:2;margin:14px 0 0;height:auto;min-height:0;font-size:7px}.upgraded .vibe-notes>h3{grid-row:3;height:auto;min-height:0;margin:0;font-size:27px;line-height:1.15}.upgraded .vibe-notes>p{grid-row:4;height:auto;min-height:0;margin:0;font-size:11px;line-height:1.8}.upgraded .vibe-notes>.palette{grid-row:5;margin:8px 0 0;height:26px;min-height:26px}.upgraded .vibe-notes>.sample-features{grid-row:6;height:auto;min-height:0;margin:0}.upgraded .sample-features li{font-size:8px;min-height:31px;padding-block:7px}.upgraded .vibe-notes>.button{grid-row:7;margin:0;align-self:start;font-size:8px;padding:11px;min-height:0}.upgraded .vibe-notes>small{grid-row:8;margin:6px 0 0;height:auto;min-height:0;font-size:7px;line-height:1.6}}