/* Product storytelling: Mambo's blue, cream and quiet serif typography. */
.release-pill{display:inline-flex;align-items:center;gap:12px;padding:10px 17px;border:1px solid #54778730;background:#ffffff85;border-radius:40px;font:10px Arial,sans-serif;letter-spacing:1.3px;margin-bottom:28px}.release-pill>span:first-child{width:6px;height:6px;background:#608b79;border-radius:50%}.opening .dia-inspired-heading h1{font-size:clamp(43px,5.3vw,78px);line-height:1.06;letter-spacing:-3.5px}.opening .dia-inspired-heading p{font-size:15px;line-height:1.8;margin:24px auto;color:#557180}.hero-actions{display:flex;justify-content:center;align-items:center;gap:24px;font-size:12px}.hero-actions .hero-download-button{display:flex;gap:28px;align-items:center;margin:0}.hero-meta{display:block;font-size:10px;color:#637e89;margin-top:18px}.opening .big-brand{width:32%;margin:44px auto 0;padding:0;opacity:.82}.opening .product-object{margin-top:30px;width:min(960px,92%);border-radius:20px;padding:9px}.opening .product-object>img{border-radius:12px;aspect-ratio:16/10;object-fit:cover;object-position:top}.hero-caption{display:flex;justify-content:space-between;gap:20px;max-width:1080px;margin:38px auto 0;font-size:9px;letter-spacing:1px;color:#5a7889}.hero-caption a{letter-spacing:0;font-size:12px}.feature-explorer{padding:90px max(6%,calc((100vw - 1240px)/2));background:#f5f4ed;scroll-margin-top:30px}.new-heading{text-align:center;margin:0 auto 48px}.new-heading h2,.board-story h2{font:normal clamp(38px,4.5vw,64px)/1.1 var(--serif);letter-spacing:-2px;margin:20px 0}.new-heading h2 em,.board-story h2 em{color:#658797}.new-heading>p{font-size:14px;line-height:1.9;color:#637c86}.feature-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-bottom:1px solid #25435725;padding-bottom:14px;margin-bottom:28px}.feature-tabs button{display:flex;align-items:center;gap:15px;border:0;background:transparent;padding:17px 20px;text-align:left;border-radius:12px;color:#71858c;font-size:10px;transition:background .2s}.feature-tabs button span{font-size:16px}.feature-tabs button[aria-selected=true]{background:#263f50;color:#faf9f2}.feature-tabs button:hover{background:#dde6e7;color:#263f50}.feature-tabs button[aria-selected=true]:hover{background:#365568;color:#fff}.feature-panel{display:grid;grid-template-columns:.85fr 1.3fr;background:#fdfcf8;border:1px solid #304e6015;border-radius:22px;overflow:hidden;min-height:460px}.feature-panel[hidden]{display:none}.feature-panel-copy{padding:45px 36px}.eyebrow{font-size:9px;letter-spacing:1.3px;color:#6d838b}.feature-panel-copy h3{font:normal clamp(30px,3vw,43px)/1.12 var(--serif);letter-spacing:-1px;margin:24px 0 20px}.feature-panel-copy p,.feature-panel-copy li{font-size:13px;line-height:1.8;color:#607784}.feature-panel-copy ul{padding:0;list-style:none;margin:22px 0}.feature-panel-copy li{padding:5px 0 5px 18px;position:relative}.feature-panel-copy li:before{content:'↗';position:absolute;left:0;color:#7b9c9d}.feature-panel-copy>a,.board-story a{display:inline-block;font-size:12px;border-bottom:1px solid #627e8655;padding-bottom:7px;margin-top:12px}.demo-stage{position:relative;padding:55px 30px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#dce8ed;min-width:0}.demo-label{position:absolute;bottom:18px;left:16px;right:16px;text-align:center;font-size:8px;letter-spacing:1px;color:#607985;line-height:1.6}.demo-home{width:100%;max-width:490px;text-align:center}.demo-time{font-size:11px;color:#6c8390}.demo-home h4{font:normal 30px var(--serif);margin:22px 0}.demo-search{display:flex;gap:12px;align-items:center;background:#f9fbf9;padding:17px;border-radius:12px;box-shadow:0 8px 25px #2d526110;font-size:20px}.demo-search>span{font-size:11px;color:#85969b;flex:1;text-align:left}kbd{font:10px Arial,sans-serif;border:1px solid #23455625;border-radius:4px;padding:4px;white-space:nowrap}.demo-modes{display:flex;justify-content:center;gap:18px;font-size:10px;margin:18px 0 30px;color:#708993}.demo-modes b{color:#31536a}.demo-widgets{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.demo-widgets>div{padding:22px 18px;border:1px solid #ffffffa0;border-radius:14px;background:#ffffff66}.demo-widgets span,.mini-board>span,.demo-sidebar>span,.demo-assistant>span{font-size:8px;letter-spacing:1.3px;color:#6b848d}.demo-widgets strong{display:block;font:36px var(--serif);margin:12px 0}.demo-widgets small{font-size:9px;color:#71868b}.demo-widgets p{font-size:10px;color:#4e6e7e;margin-top:17px}.organize-stage{background:#cbdfe1;gap:14px;padding-inline:24px}.demo-sidebar{background:#f5f6ef;padding:24px 16px;border-radius:12px;font-size:11px;flex:0 0 42%;box-shadow:0 15px 35px #29485714}.demo-sidebar b{display:block;background:#d8e5dc;padding:13px 8px;border-radius:7px;margin:18px -4px}.demo-sidebar p{margin:18px 0 12px}.demo-sidebar>div{font-size:10px;color:#71868b;padding:8px}.demo-sidebar hr{border:0;border-top:1px solid #23455620;margin:20px 0}.demo-split{display:flex;gap:8px;flex:1;min-width:0}.demo-split>div{border-radius:9px;background:#eaf0e9;padding:24px 10px;height:250px;flex:1;min-width:0}.demo-split>div+div{background:#ece6d6}.demo-split span{font-size:7px;letter-spacing:1px}.demo-split strong{display:block;font:22px var(--serif);margin:35px 0}.demo-split i{display:block;height:65px;border-radius:70% 20% 50% 10%;background:#abc1bd}.demo-split>div+div i{background:#c9bf9e}.save-stage{background:#dee6d9}.mini-board{width:100%}.board-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;align-items:start}.board-cards article{padding:20px;border-radius:9px;box-shadow:0 8px 20px #324b4310;background:#faf8ef}.board-cards small{font-size:7px;letter-spacing:1px;color:#718478}.board-cards h4{font:normal 23px/1.2 var(--serif);margin:22px 0 14px}.board-cards p{font-size:10px;line-height:1.7;color:#7c897d}.board-cards .board-image{padding:8px 8px 16px;transform:rotate(3deg);margin-top:20px}.board-image small,.board-image h4{margin-left:10px}.board-cards .board-image h4{font-size:17px}.landscape-art{height:110px;background:radial-gradient(ellipse at 80% 100%,#698c71 0 40%,transparent 41%),radial-gradient(ellipse at 10% 100%,#9bb19a 0 50%,transparent 51%),linear-gradient(#c9dee2,#e6e8d7);border-radius:6px;margin-bottom:16px}.board-cards .board-quote{margin-top:-15px;background:#eaf0e9}.board-quote h4{font-size:21px}.think-stage{background:#dce0ed}.demo-assistant{width:100%;max-width:450px;border-radius:16px;background:#fbfaf5;padding:30px;box-shadow:0 18px 45px #394a6215;transform:rotate(-2deg)}.source-chips{display:flex;gap:8px;margin-top:22px}.source-chips span{font-size:9px;padding:9px;background:#e8eeeb;border:1px solid #ccd9d5;border-radius:7px}.demo-assistant h4{font:normal 32px/1.15 var(--serif);margin:28px 0}.prompt-example{border:1px solid #c5d4d9;border-radius:12px;padding:16px;font-size:12px;line-height:1.7;display:flex;gap:15px}.prompt-example>span{background:#345365;color:#fff;border-radius:50%;padding:2px 10px;align-self:end}.instruction-example{display:flex;gap:14px;margin-top:24px;align-items:center}.instruction-example strong{font-size:10px;font-weight:normal}.instruction-example small{display:block;font-size:9px;color:#7e8c94;margin-top:6px}.demo-assistant>p{font-size:9px;line-height:1.7;color:#82919a;margin-top:24px}.feature-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.feature-shortcuts a{font-size:11px;text-align:center;padding:18px 5px;border-bottom:1px solid #34536525;color:#5b7481}.feature-shortcuts a:hover{color:#172e3e;border-color:currentColor}.board-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:95px 8%;background:#e5ece4}.board-story>div>p{font-size:14px;line-height:1.9;color:#61796e;max-width:460px}.board-story ol{list-style:none;padding:0;margin:0}.board-story li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #46665025}.board-story li>span{font:26px var(--serif);color:#829984}.board-story h3{font:26px var(--serif);margin:0 0 13px}.board-story li p{font-size:13px;line-height:1.8;color:#657b70}.improvements{padding:90px 8%;background:#eef1f1}.improvement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.improvement-grid article{border-top:1px solid #29485930;padding:24px 0}.improvement-grid article>span{font-size:9px;letter-spacing:1px;color:#718792}.improvement-grid h3{font:27px/1.2 var(--serif);margin:20px 0 14px}.improvement-grid p{font-size:13px;line-height:1.9;color:#667f8b}.about-mambo{padding-top:70px;padding-bottom:70px}.feature-panel:focus-visible{outline:3px solid #6e94a5;outline-offset:5px}
@media(min-width:1450px){.board-story,.improvements{padding-inline:max(8%,calc((100vw - 1200px)/2))}}
@media(max-width:900px){.feature-panel{grid-template-columns:1fr 1.1fr}.feature-panel-copy{padding:30px 24px}.demo-stage{padding:45px 20px}.demo-split{flex-direction:column}.demo-split>div{height:150px}.demo-split strong{margin:16px 0}.demo-split i{height:30px}.feature-shortcuts{grid-template-columns:repeat(2,1fr)}.board-story{gap:40px}.opening .dia-inspired-heading h1{letter-spacing:-2px}.improvement-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nav{padding-inline:16px;gap:14px}.nav nav{gap:13px;font-size:10px}.nav nav a[href='#privacidad']{display:none}.opening .dia-inspired-heading{padding-top:116px}.opening .dia-inspired-heading h1{font-size:39px;letter-spacing:-1.9px}.opening .dia-inspired-heading p{font-size:12px;padding:0 8px}.opening .dia-inspired-heading p br{display:none}.hero-actions{flex-direction:column;gap:17px}.hero-actions .hero-download-button{padding:16px 22px}.hero-meta{font-size:9px}.release-pill{font-size:8px;margin-bottom:20px}.opening .big-brand{width:48%;margin-top:30px}.opening .product-object{width:100%;padding:5px;border-radius:12px;margin-top:25px}.opening .product-object>img{border-radius:7px}.hero-caption{font-size:7px;line-height:1.7;margin-top:35px}.hero-caption>a{font-size:10px;white-space:nowrap}.feature-explorer{padding:60px 5%}.new-heading h2,.board-story h2{font-size:38px;letter-spacing:-1.4px}.new-heading>p{font-size:12px}.feature-tabs{gap:3px;margin-bottom:18px}.feature-tabs button{padding:13px 5px;gap:6px;justify-content:center;font-size:8px;border-radius:8px}.feature-tabs button span{font-size:12px}.feature-panel{grid-template-columns:1fr;border-radius:15px}.feature-panel-copy{padding:30px 25px}.feature-panel-copy h3{font-size:35px}.demo-stage{min-height:360px;padding:36px 22px 50px}.demo-home h4{font-size:26px}.demo-widgets>div{padding:18px 12px}.demo-search{padding:14px 10px;gap:8px}.demo-search>span{font-size:9px}.demo-split{flex-direction:row}.demo-split>div{height:230px}.demo-split strong{font-size:18px;margin:30px 0}.demo-split i{height:50px}.demo-sidebar{font-size:10px;padding:20px 12px}.demo-sidebar>div{font-size:9px}.feature-shortcuts{gap:6px}.feature-shortcuts a{font-size:10px;line-height:1.6}.board-story{padding:60px 7%;grid-template-columns:1fr;gap:25px}.board-story>div>p{font-size:13px}.improvements{padding:60px 7%}.improvement-grid{grid-template-columns:1fr;gap:10px}.improvement-grid h3{font-size:26px}.improvement-grid p{font-size:12px}.demo-assistant{padding:24px}.demo-assistant h4{font-size:29px}.source-chips{gap:5px}.source-chips span{font-size:8px}.demo-label{font-size:7px}.board-cards h4{font-size:21px}.board-cards article{padding:16px}.new-heading{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-tabs button{transition:none}}
.feature-directory{background:#f5f4ed;padding:0 8% 75px}.feature-directory>span{display:block;text-align:center;font-size:9px;letter-spacing:1.3px;color:#778b92;margin-bottom:28px}.feature-directory>div{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px 25px}.feature-directory a{font-size:12px;color:#617b87;padding:14px 0;border-bottom:1px solid #35536518}.feature-directory a:hover{color:#142536;border-color:currentColor}.release-notes-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.feature-directory{padding:0 7% 50px}.feature-directory>div{grid-template-columns:1fr 1fr;gap:8px 18px}.feature-directory a{font-size:11px;line-height:1.6}}
.opening .dia-inspired-heading h1 br{display:revert}
@media(max-width:600px){.opening .dia-inspired-heading{padding-top:0}.opening .dia-inspired-heading p{max-width:320px}}
/* Clearer explanations and progressive disclosure for secondary information. */
.secondary-guide{background:#f5f4ed;padding:0 8% 18px}.secondary-guide>summary{max-width:1120px;margin:auto;padding:20px 0;border-top:1px solid #35536525;cursor:pointer;font-size:14px;color:#365568}.secondary-guide .feature-directory{padding:20px 0 30px}.secondary-guide .product-tour{padding:35px 0}.secondary-guide .tour-heading h2{font-size:40px}.plain-detail{margin-top:24px;max-width:650px}.plain-detail summary{font-size:14px;cursor:pointer;color:#365568;padding:15px 0}.plain-detail p{font-size:14px;line-height:1.8;color:#607784}.about-text strong{color:#294b60}.feature-panel-copy p,.feature-panel-copy li{font-size:14px}.opening .dia-inspired-heading h1{font-size:clamp(39px,4.8vw,70px)}.appearance-layout{max-height:none;padding-bottom:50px}.appearance-copy h2{font-size:clamp(38px,5vw,68px);letter-spacing:-2px}.appearance-copy>p{font-size:14px}.intro .big-statement{font-size:clamp(36px,5.6vw,78px);letter-spacing:-2px}.intro .in-motion{letter-spacing:-2px}.everyday-list details p,.faq-items details p{font-size:13px;line-height:1.85}.feature-shortcuts{margin-bottom:5px}@media(max-width:600px){.opening .dia-inspired-heading h1{font-size:36px;letter-spacing:-1.7px}.opening .dia-inspired-heading p{font-size:14px}.feature-tabs button span{font-size:12px}.appearance-copy h2{font-size:40px}.intro .big-statement{font-size:35px}.secondary-guide{padding-inline:7%}.feature-panel-copy p,.feature-panel-copy li{font-size:14px}.feature-panel-copy h3{font-size:33px}.new-heading h2{font-size:36px}.secondary-guide .tour-heading h2{font-size:33px}}
/* Visible product-first narrative. Main benefits never require expanding a control. */
.why-mambo{padding:85px 7% 95px;background:#fbfaf6}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:auto}.reason-grid>a{background:#edf2f2;border:1px solid #36556812;border-radius:20px;padding:32px;transition:transform .2s,background .2s}.reason-grid>a:nth-child(2){background:#edf0e5}.reason-grid>a:nth-child(3){background:#eaeef4}.reason-grid>a:hover{transform:translateY(-5px);background:#e0e9ea}.reason-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid #52758130;border-radius:15px;color:#5d8492;font-size:28px;margin-bottom:35px}.reason-grid h3{font:29px/1.15 var(--serif);letter-spacing:-.5px;margin:0 0 15px}.reason-grid p{font-size:14px;line-height:1.85;color:#647c86}.reason-link{display:block;font-size:12px;margin-top:25px;color:#365568}.visual-story{display:grid;grid-template-columns:.8fr 1.3fr;align-items:center;gap:60px;padding:85px 7%;background:#fbfaf6;overflow:hidden;scroll-margin-top:25px}.story-blue{background:#e3edf1}.story-sage{background:#e7eddf}.story-cream{background:#f2f0e7}.story-reverse{grid-template-columns:1.3fr .8fr}.story-reverse .story-copy{order:2}.story-reverse .story-visual{order:1}.story-number{display:block;color:#8ca6ae;font:italic 27px var(--serif);margin-bottom:22px}.story-copy h2{font:normal clamp(33px,3.7vw,55px)/1.09 var(--serif);letter-spacing:-1.8px;margin:20px 0 25px}.story-copy h2 em{color:#6f919d}.story-copy>p{font-size:15px;line-height:1.9;color:#587281;max-width:450px}.use-example{margin-top:28px;padding:20px 0 0;border-top:1px solid #34536525;max-width:420px}.use-example>span{font-size:8px;letter-spacing:1.3px;color:#7a9199}.use-example p{font-size:13px;line-height:1.85;color:#55737f;margin-top:10px}.story-visual{min-width:0}.story-shot{position:relative}.story-shot img{width:100%;border:5px solid #294457;border-radius:14px;box-shadow:0 25px 55px #26485720}.story-shot figcaption{font-size:8px;letter-spacing:1px;color:#718995;text-align:center;margin-top:18px;line-height:1.6}.story-visual .demo-stage{border-radius:20px;min-height:440px;padding:45px 30px 55px;box-shadow:0 20px 45px #29485710;border:1px solid #ffffffa0}.story-visual .demo-home{max-width:480px}.story-visual .mini-board{max-width:500px}.ai-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;background:#e3edf1;padding:0 7% 55px;color:#627c88;font-size:12px;line-height:1.9}.ai-facts strong{color:#2d5063}.appearance{padding-bottom:60px}.appearance-layout{align-items:center;overflow:visible}.appearance-capture{max-height:520px;overflow:hidden}.daily-grid-section{padding:85px 7%;background:#fbfaf6}.daily-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px 45px}.daily-grid article{border-top:1px solid #34536525;padding-top:26px}.daily-icon{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:44px;color:#7c9da7;font:21px var(--serif);margin-bottom:20px}.daily-grid h3{font:26px/1.15 var(--serif);margin:0 0 14px}.daily-grid p{font-size:14px;line-height:1.85;color:#67808b}.daily-limit{font-size:11px;color:#7c9098;line-height:1.8;margin:40px auto 0;max-width:1200px}.daily-limit a{text-decoration:underline}.switch-mambo{text-align:center;padding:90px 7%;background:#f4f3eb}.switch-mambo h2{font:normal clamp(40px,5vw,67px)/1.1 var(--serif);letter-spacing:-2px;margin:20px 0 25px}.switch-mambo h2 em{color:#79969f}.switch-mambo p{font-size:14px;line-height:1.9;color:#647e89}.switch-mambo>a{display:inline-flex;margin:30px auto 18px}.switch-mambo>span:last-child{display:block;font-size:10px;color:#7a929b}.control-story{padding-top:60px;padding-bottom:60px}.improvements{padding-top:65px;padding-bottom:65px}
@media(min-width:1600px){.visual-story{padding-inline:max(7%,calc((100vw - 1320px)/2))}.story-copy h2{font-size:55px}}
@media(max-width:1000px){.visual-story{gap:30px;padding:65px 6%}.story-copy h2{font-size:38px}.reason-grid>a{padding:25px}.reason-grid h3{font-size:25px}.story-visual .demo-stage{min-height:390px;padding-inline:20px}.ai-facts{gap:20px}.daily-grid{gap:30px}}
@media(max-width:700px){.reason-grid{grid-template-columns:1fr;gap:14px}.why-mambo{padding:55px 6%}.reason-grid>a{display:grid;grid-template-columns:45px 1fr;gap:8px 18px;padding:23px}.reason-icon{grid-row:1/4;width:42px;height:42px;margin:0;font-size:24px}.reason-grid h3{font-size:26px;margin:0}.reason-grid p{font-size:13px}.reason-link{margin-top:6px}.visual-story,.story-reverse{grid-template-columns:1fr;gap:32px;padding:55px 6%}.story-reverse .story-copy,.story-reverse .story-visual{order:initial}.story-copy h2{font-size:38px}.story-number{margin-bottom:15px}.story-copy>p{font-size:14px;max-width:none}.use-example{margin-top:20px}.story-visual .demo-stage{min-height:360px}.story-shot img{border-width:3px;border-radius:9px}.story-shot figcaption{font-size:7px}.ai-facts{grid-template-columns:1fr;padding:0 7% 40px;gap:15px;font-size:12px}.daily-grid-section{padding:55px 7%}.daily-grid{grid-template-columns:1fr 1fr;gap:26px 20px}.daily-grid h3{font-size:23px}.daily-grid p{font-size:12px}.daily-icon{margin-bottom:12px}.appearance-layout{padding-bottom:10px}.appearance-capture{margin-left:0;max-height:380px;width:100%;transform:none}.switch-mambo{padding:60px 7%}.switch-mambo h2{font-size:40px}.switch-mambo p{font-size:13px}.switch-mambo p br{display:none}}
@media(prefers-reduced-motion:reduce){.reason-grid>a{transition:none}}
.motion-off .reason-grid>a{transition:none}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1250px;margin:auto}.case-scene{padding:24px;border-radius:16px;background:#d8e6eb;min-height:210px}.case-space{display:block;font-size:8px;letter-spacing:1.2px;color:#607e8c;margin-bottom:25px}.case-windows{display:flex;gap:10px}.case-windows>div{flex:1;background:#fafaf4;border-radius:8px;padding:14px 12px;box-shadow:0 8px 18px #38566012}.case-windows span{font-size:11px;color:#4b6c7c}.case-windows i{display:block;background:#dce5e6;height:5px;margin-top:14px;border-radius:3px}.case-windows i:last-child{width:65%}.case-trip{background:#dfe8d6}.case-pins{display:flex;gap:9px;align-items:center;padding-top:8px}.case-pins>span{background:#faf8ed;padding:20px 10px;border-radius:8px;flex:1;text-align:center;font:24px var(--serif);color:#739080;box-shadow:0 8px 18px #38566012;transform:rotate(-4deg)}.case-pins>span:nth-child(2){transform:rotate(3deg)}.case-pins strong{display:block;font:11px Arial,sans-serif;color:#587267;margin-top:12px}.case-read{background:#e0e2ef}.case-question{background:#fbfaf7;border-radius:10px;padding:18px;box-shadow:0 8px 18px #38566012}.case-question>span{font-size:8px;background:#e7edeb;border-radius:5px;padding:6px;color:#758b8c}.case-question p{font:19px/1.4 var(--serif);margin-top:18px;color:#496674}.case-grid h3{font:27px/1.15 var(--serif);margin:25px 0 15px}.case-grid article>p{font-size:14px;line-height:1.85;color:#607c89}.case-grid article>a{display:inline-block;font-size:12px;color:#345a6b;border-bottom:1px solid #345a6b40;padding-bottom:6px;margin-top:20px}.case-caption{font-size:10px;line-height:1.7;color:#7a909b;margin:30px auto 0;max-width:1250px}.migration-help{display:block;font-size:11px;line-height:1.8;margin-top:15px;text-decoration:underline;text-underline-offset:3px}.appearance-capture{max-height:none;overflow:visible}.appearance-capture figcaption{position:static;padding-top:12px;text-align:center}.appearance-layout{max-height:none}.privacy-copy>p{font-size:14px}.privacy-copy .feature-limit{font-size:12px}.migration-steps p{font-size:14px;line-height:1.85}@media(max-width:850px){.case-grid{gap:20px}.case-scene{padding:18px}.case-grid h3{font-size:24px}.case-question p{font-size:17px}}@media(max-width:650px){.case-grid{grid-template-columns:1fr;gap:36px}.case-scene{min-height:200px;padding:25px}.case-grid h3{font-size:28px;margin-top:20px}.case-grid article>p{font-size:14px}.case-question p{font-size:23px}.case-pins{max-width:330px}.case-windows>div{padding:18px}.appearance-capture{max-height:none}.use-cases .new-heading h2{font-size:35px}.migration-steps p{font-size:14px}}
.quick-save-story{padding:80px 7%;background:#edf2ee}.capture-demo{max-width:1100px;margin:auto;padding:25px 30px 20px;background:#dce8e4;border:1px solid #fff9;border-radius:22px}.capture-browser{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f6f8f2;border-radius:12px;padding:15px 20px;color:#71908c;font-size:16px;box-shadow:0 8px 25px #3856600a}.capture-target{display:flex;justify-content:center;gap:20px;align-items:center;background:#274f56;border:1px solid #6aada3;color:#eff8ec;border-radius:30px;padding:13px 25px;font-size:13px;flex:1;max-width:550px}.capture-path{display:flex;align-items:center;justify-content:center;gap:35px;padding:45px 15px 35px}.capture-link{background:#fcfaf0;box-shadow:0 15px 35px #34566015;border-radius:12px;padding:25px;transform:rotate(-3deg)}.capture-link>span{font-size:8px;letter-spacing:1px;color:#7c9492}.capture-link strong{display:block;font:26px/1.2 var(--serif);margin:18px 0}.capture-link small,.capture-confirm small{font-size:10px;color:#829792}.capture-arrow{font-size:50px;color:#80a59a}.capture-confirm{display:flex;gap:15px;align-items:center;background:#f2f7ed;border:1px solid #93b8a344;border-radius:12px;padding:25px}.capture-confirm>span{display:grid;place-items:center;width:33px;height:33px;background:#dcebdc;color:#567f66;border-radius:50%}.capture-confirm strong{display:block;font-size:13px;font-weight:normal;margin-bottom:8px}.capture-demo-label{display:block;font-size:8px;letter-spacing:1px;text-align:center;color:#859a95}.capture-options{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:40px auto 0;max-width:1100px}.capture-options article>span{font-size:9px;letter-spacing:1px;color:#7c9690}.capture-options h3,.saved-extras h3{font:26px/1.15 var(--serif);margin:18px 0}.capture-options p,.saved-extras p{font-size:14px;line-height:1.85;color:#617d77}.saved-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;background:#e7eddf;padding:0 7% 65px}.extra-symbol{color:#829e89;font-size:27px}.saved-extras article{border-top:1px solid #65866f30;padding-top:25px}.folder-examples{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.folder-examples>span{border-radius:8px;background:#d2dfec;color:#577493;padding:11px 16px;font-size:12px}.folder-examples>span:nth-child(2){background:#eadce3;color:#92677e}.folder-examples>span:nth-child(3){background:#deddef;color:#7d73a6}.folder-examples small{flex-basis:100%;font-size:7px;letter-spacing:1px;color:#82969e;margin-top:3px}.tab-chat-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#e3edf1;padding:0 7% 55px;align-items:center}.tab-chat-story h3{font:35px/1.12 var(--serif);margin:18px 0}.tab-chat-story h3 em{color:#7595a2}.tab-chat-story p{font-size:14px;line-height:1.8;color:#617d8b}.tab-chat-demo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tab-chat-demo>div{border:1px solid #c5d8df;border-radius:12px;padding:22px;background:#f8faf4}.tab-chat-demo>div+div{background:#edf0e3}.tab-chat-demo>div>span{font-size:8px;letter-spacing:1px;color:#6e8995}.tab-chat-demo p{font:21px/1.4 var(--serif);margin-top:20px}.tab-chat-demo>small{grid-column:1/-1;font-size:7px;letter-spacing:1px;color:#7d959f;text-align:center}.daily-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:700px){.quick-save-story{padding:55px 6%}.quick-save-story .new-heading h2{font-size:35px}.capture-demo{padding:15px 12px}.capture-browser{padding:9px;gap:8px}.capture-browser>span{font-size:11px}.capture-target{font-size:10px;padding:10px 8px;gap:10px}.capture-path{flex-direction:column;gap:15px;padding:30px 10px}.capture-link{padding:22px;width:100%}.capture-link strong{font-size:25px}.capture-arrow{font-size:30px;transform:rotate(45deg)}.capture-confirm{padding:18px;width:100%}.capture-options,.saved-extras{grid-template-columns:1fr;gap:25px}.capture-options article{border-top:1px solid #65866f30;padding-top:20px}.saved-extras{padding:0 7% 45px}.saved-extras h3,.capture-options h3{font-size:26px}.tab-chat-story{grid-template-columns:1fr;gap:25px;padding:0 7% 45px}.tab-chat-story h3{font-size:33px}.tab-chat-demo>div{padding:18px 15px}.tab-chat-demo p{font-size:20px}.folder-examples>span{font-size:11px;padding:10px 13px}.daily-grid{grid-template-columns:1fr 1fr}}
/* Responsive layout repair: let grid items shrink and reflow before text gets cramped. */
.story-copy,.story-visual,.tab-chat-story>div,.tab-chat-demo>div,.demo-widgets>div,.board-cards>article,.case-grid>article,.daily-grid>article,.privacy-copy,.privacy-visual,.migration-steps>article,.faq-items,.download-product>div{min-width:0}
.tab-chat-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tab-chat-demo{grid-template-columns:repeat(2,minmax(0,1fr))}
.tab-chat-demo p,.capture-link strong,.capture-link small,.daily-grid h3,.case-grid h3{overflow-wrap:break-word}
.download h2{font-size:clamp(64px,13vw,190px);letter-spacing:-.055em}
@media(max-width:900px){
 .visual-story,.story-reverse{grid-template-columns:minmax(0,1fr);gap:32px}
 .story-reverse .story-copy,.story-reverse .story-visual{order:initial}
 .story-copy>p,.use-example{max-width:620px}
 .story-visual{width:100%;max-width:680px;margin-inline:auto}
 .appearance-layout,.privacy-story,.faq-layout{grid-template-columns:minmax(0,1fr);gap:35px}
 .appearance-layout{max-height:none;padding-bottom:0}
 .appearance-capture{width:100%;max-width:520px;margin:0 auto;transform:none}
 .privacy-visual{width:100%;max-width:560px;margin-inline:auto}
 .tab-chat-story{grid-template-columns:minmax(0,1fr);gap:28px}
 .capture-options,.saved-extras{gap:24px}
 .case-grid{grid-template-columns:minmax(0,1fr);max-width:600px;gap:35px}
 .case-scene{min-height:210px}
 .reason-grid{grid-template-columns:minmax(0,1fr)}
 .reason-grid>a{padding:26px}
 .migration-steps{grid-template-columns:minmax(0,1fr);gap:25px}
 .migration-steps p,.migration-steps small{max-width:none}
}
@media(max-width:600px){
 html{scroll-padding-top:20px}
 .nav{width:calc(100% - 24px);max-width:none;left:12px;transform:none;top:12px;padding:5px 10px;gap:10px;height:auto;min-height:58px;border-radius:16px}
 .nav-brand{flex:0 0 26px;min-height:44px;justify-content:center}
 .nav nav{flex:1;min-width:0;justify-content:space-between;gap:6px;font-size:11px}
 .nav nav>a{display:flex!important;min-height:44px;align-items:center;justify-content:center;text-align:center;padding:5px 3px;line-height:1.3}
 .nav nav>a[href='#que-es'],.nav nav>a[href='#privacidad']{display:none!important}
 .nav nav .nav-download{padding-inline:10px;background:#e3eced;border-radius:10px}
 .opening{padding-top:105px}
 .opening .dia-inspired-heading h1{font-size:clamp(32px,8.8vw,45px);letter-spacing:-.045em}
 .opening .dia-inspired-heading p{max-width:360px;font-size:14px;padding:0}
 .hero-actions{width:100%}
 .hero-actions>a{min-height:44px;display:flex;align-items:center;justify-content:center}
 .hero-actions .hero-download-button{width:min(100%,310px)}
 .hero-meta{line-height:1.7}
 .hero-caption{flex-direction:column;align-items:center;gap:8px;text-align:center}
 .hero-caption>a{min-height:44px;display:flex;align-items:center}
 .new-heading h2,.story-copy h2,.quick-save-story .new-heading h2,.use-cases .new-heading h2,.appearance-copy h2,.privacy-copy h2,.migration-heading h2{font-size:clamp(30px,8.3vw,40px);line-height:1.12;letter-spacing:-.035em}
 .new-heading>p br,.story-copy h2 br,.appearance-copy>p br{display:none}
 .new-heading>p{font-size:14px}
 .tab-chat-demo{grid-template-columns:minmax(0,1fr)}
 .tab-chat-demo>small{grid-column:auto;line-height:1.8}
 .tab-chat-story h3{font-size:32px;overflow-wrap:break-word}
 .daily-grid{grid-template-columns:minmax(0,1fr);gap:25px}
 .daily-grid h3{font-size:26px}
 .daily-grid p{font-size:14px}
 .daily-icon{margin-bottom:10px}
 .capture-link{transform:none;min-width:0}
 .capture-target{min-width:0;gap:6px;text-align:center;line-height:1.5}
 .capture-target>span{flex-shrink:0}
 .capture-browser{gap:6px}
 .capture-browser>span:last-child{display:none}
 .capture-link strong{font-size:24px}
 .capture-demo-label,.demo-label{font-size:8px;letter-spacing:.7px;line-height:1.7}
 .story-visual .demo-stage{padding:28px 18px 50px;min-height:0}
 .demo-home h4{font-size:26px;overflow-wrap:break-word}
 .demo-search{min-width:0}
 .demo-search>span{min-width:0;font-size:11px;line-height:1.5}
 .demo-modes{flex-wrap:wrap;gap:12px;line-height:1.6}
 .demo-widgets{grid-template-columns:minmax(0,1fr)}
 .demo-widgets p,.demo-widgets small{font-size:12px}
 .demo-widgets span{font-size:9px}
 .privacy-visual{padding:18px}
 .privacy-card{padding:20px 16px}
 .privacy-setting{gap:12px}
 .privacy-setting strong{font-size:12px;line-height:1.5}
 .privacy-setting small{font-size:11px}
 .download h2{font-size:clamp(64px,19vw,110px);letter-spacing:-.05em;margin:35px 0}
 .download-bottom{gap:25px;align-items:stretch}
 .download-action{width:100%;min-width:0}
 .download-button{display:flex;justify-content:center;min-height:52px;width:100%;padding:18px 12px}
 .download-action>span{display:block;line-height:1.8;text-align:center;font-size:11px}
 .release{display:flex;flex-direction:column;gap:15px}
 .release>p:last-child{font-size:12px}
 .faq-items summary{font-size:14px;line-height:1.5;padding-right:25px;min-height:52px}
 .faq-items details p{font-size:14px}
 .footer-line{flex-wrap:wrap;gap:16px;font-size:10px}
 .footer-line a,.footer-line button{min-height:44px;display:flex;align-items:center;font-size:10px}
 .motion-toggle{right:8px;bottom:max(8px,env(safe-area-inset-bottom));font-size:9px;min-height:36px;padding:8px 12px}
 dialog{max-width:calc(100vw - 32px);max-height:85dvh;overflow:auto;padding:28px 22px}
}
@media(max-width:420px){
 .board-cards{grid-template-columns:minmax(0,1fr);gap:14px}
 .board-cards article,.board-cards .board-image,.board-cards .board-quote{transform:none;margin:0}
 .board-cards h4,.board-cards .board-quote h4{font-size:25px;margin:16px 0}
 .board-cards h4 br{display:none}
 .board-cards small{font-size:9px}
 .board-cards p{font-size:12px}
 .board-cards .board-image h4{font-size:23px}
 .board-cards .landscape-art{height:135px}
 .reason-grid>a{display:block;padding:24px}
 .reason-icon{margin-bottom:20px}
 .reason-grid h3{font-size:27px;margin-bottom:12px}
 .reason-link{margin-top:15px}
 .folder-examples{gap:8px}
 .folder-examples>span{padding:10px;font-size:11px}
}