/* Teresita — Continuidad. Brand assets retain their transparent backgrounds. */
:root{--paper:#faf8f4;--ink:#282d28;--accent:#f36a45;--muted:#70746c;--lavender:#e8e1f4;--line:#e1ded5;--radius:20px}
::selection{background:#f8cbb9;color:var(--ink)}
.header{height:108px;gap:32px}
.brand{font-size:initial;letter-spacing:normal;flex-shrink:0;line-height:1}
.wordmark{display:block;width:200px;height:auto;object-fit:contain}
.desktop-nav{font-weight:500}
.btn{background:var(--accent);border-radius:12px;color:#282d28;font-weight:700;box-shadow:0 2px 0 #282d2810}
.btn:hover{background:#e95d36;color:#202620;box-shadow:0 5px 15px #d35a3420}
.btn-small{border-radius:10px}
.hero h1{font-weight:600;letter-spacing:-.065em}
.hero h1 em{color:#d85431}
.hero-desc{color:#62695e}
.mini-star{display:inline-flex;width:28px;height:28px;margin-right:3px;flex-shrink:0}
.brand-symbol-image{display:block;width:100%;height:100%;object-fit:contain}
.hero-art:before{background:radial-gradient(ellipse,#e6dff0 0%,#f3ebe5 55%,transparent 71%)}
.hero-art .orbit-one{border-color:#e5bca9}
.hero-art .orbit-two{border-color:#ded5e9}
.app-preview{border-color:#e6e1d9;box-shadow:0 25px 75px #282d2814}
.app-brand .preview-wordmark{display:block;width:112px;height:auto;max-height:36px;object-fit:contain}
.dashboard-preview .app-top{height:58px}
.dashboard-preview .stat-attention .stat-icon{color:#bc5737;background:#f6d9ca}
.dashboard-preview .mini-stats .stat-attention{background:#fff0e8;border-color:#f0d7c8}
.dashboard-preview .mini-stats .stat-today{background:#efe9f8;border-color:#e2d8ef}
.coral-event{background:#fff0e7;border-color:#ed896a}
.lavender-event{background:#f0eafa;border-color:#bca2d4}
.connected-pill{background:#e8e1f4;border-color:#d9cee9;color:#61586b}
.connected-pill .connection-dots{color:#f36a45}
.note-icon{background:#f9e6da;color:#cf5d39}
.concept-strip{background:#f2eee6}
.strip-items i{font-size:0;width:23px;height:2px;background:#e8b096;position:relative;flex-shrink:0}
.strip-items i:after{content:'';position:absolute;right:0;top:-2px;width:6px;height:6px;border-radius:50%;background:#282d28}
.section-heading h2 em{color:#a45e47}
.story-step.active{background:#fff0e6;border-color:#eac1ac;box-shadow:inset 3px 0 0 #f36a45}
.story-step.active .step-number{color:#c55736}
.story-visual{background:#e8e1f4;border:1px solid #dfd5ec;border-radius:22px}
.context-dot{background:#f36a45}
.profile-initial{background:#f6e0d3;color:#ab5338}
.progress-dots i.on{background:#282d28}
.audience{background:#f0edf4}
.audience-tags span{border-color:#d7d0de;color:#6a6273}
.benefit-list>article{border-color:#dad4e2}
.benefit-icon{color:#d46642}
.benefit-list p,.section-desc{color:#72716e}
.real-estate{background:#e7e0ef;border-color:#d9cfe5}
.real-estate .optional{background:#f6f3f9;border-color:#d7cbe1;color:#81718e}
.price-card{background:#fffdf9;border-color:#e4d6c8;border-radius:22px;box-shadow:0 18px 50px #63463108}
.price-card .price-name{display:block;line-height:1;min-width:0}
.plan-wordmark{display:block;width:145px;max-width:100%;height:auto;object-fit:contain}
.price-badge{background:#fbe3d5;color:#a05d42;flex-shrink:0}
.price-flourish{width:105px;height:105px;font-size:initial;margin-top:35px}
.included li:before{color:#cf6643}
.closing{position:relative}
.closing-star{display:block;width:76px;height:76px;margin:0 auto 26px;font-size:initial}
.closing h2 em{color:#b2593c}
.footer .brand{font-size:initial}
.footer .wordmark{width:155px;height:auto}
.footer-invite{color:#ab4c31}
.modal-star{width:58px;height:58px;line-height:1;margin:0 0 22px;font-size:initial}
dialog{background:#fcfaf6;border-color:#e3dace}
#signup-dialog .signup-feedback{background:#eee8f6;color:#5c5169}
.full{justify-content:center}
.video-section{padding-bottom:36px}
.video-presentation{margin:0;border:1px solid #dfd5ec;border-radius:22px;overflow:hidden;background:var(--lavender);box-shadow:0 18px 50px #282d280a}
.video-presentation video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--paper)}
.video-presentation video:focus-visible{outline:3px solid #9175b2;outline-offset:-3px}
.video-presentation figcaption{display:flex;justify-content:space-between;gap:12px;padding:17px 24px;font-size:12px;color:#5c5169}
@media(max-width:520px){.video-section{padding-bottom:8px}.video-presentation{border-radius:14px}.video-presentation figcaption{padding:14px;font-size:10px;flex-wrap:wrap}}
@media(min-width:821px) and (max-width:1100px){.header{gap:23px}.wordmark{width:165px}.desktop-nav{gap:18px;font-size:13px}.header-actions{gap:20px}.header .btn-small{font-size:12px;padding-inline:14px}.plan-wordmark{width:120px}}
@media(max-width:820px){.header{height:88px}.wordmark{width:183px}.app-brand .preview-wordmark{width:112px}.plan-wordmark{width:126px}.price-flourish{width:80px;height:80px}.hero h1{font-weight:600}}
@media(max-width:520px){.header{height:83px;gap:15px}.header .brand{font-size:initial}.wordmark{width:154px}.header-actions{gap:15px}.mini-star{width:24px;height:24px}.hero h1{font-size:clamp(54px,13.7vw,70px)}.hero-buttons{gap:17px}.hero-buttons .btn{font-size:12px;padding-inline:15px}.hero-buttons .text-link{font-size:10px;gap:5px}.dashboard-preview .app-top{height:48px}.app-brand .preview-wordmark{width:92px;max-height:31px}.dashboard-preview .app-brand{font-size:initial}.strip-items i{width:12px}.strip-items i:after{width:4px;height:4px;top:-1px}.plan-wordmark{width:145px}.price-flourish{display:none}.closing-star{width:64px;height:64px}.footer .wordmark{width:134px}.modal-star{width:50px;height:50px}.footer-invite{font-size:10px}}
@media(max-width:360px){.wordmark{width:134px}.header-actions{gap:10px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:14px}.plan-wordmark{width:124px}}

/* Keep the first invitation visible and decorative orbits inside the page. */
.hero{min-height:0;padding-top:32px;padding-bottom:48px}
.hero-copy,.hero-art{min-width:0}
.hero-art{overflow:clip;overflow-clip-margin:12px;clip-path:inset(-45px 0 -45px -24px)}
.hero h1{font-size:clamp(60px,5.7vw,82px);margin-bottom:20px}
.hero .eyebrow{margin-bottom:22px}
.hero-desc{margin-bottom:22px}
.hero-note{font-size:12px;line-height:1.6;margin-top:16px;color:#62695e;max-width:390px}
.footer{flex-wrap:wrap;gap:20px}
.footer-social,.footer-contact{font-size:12px}
.footer-social:hover,.footer-contact:hover{color:var(--accent)}
@media(min-width:821px){.hero-art{height:510px}.hero-buttons{flex-wrap:wrap;gap:16px}}
@media(max-width:820px){.hero{padding-top:30px;padding-bottom:45px}.hero h1{font-size:clamp(58px,9vw,76px)}.hero-art{clip-path:inset(-45px -10px -45px -10px)}}
@media(max-width:520px){.hero{padding-top:24px}.hero h1{font-size:clamp(52px,13.4vw,68px)}.hero-note{font-size:11px}.hero-art{clip-path:inset(-25px -10px -25px -10px)}.footer{column-gap:20px;row-gap:15px}.footer-invite{margin-left:0}}