/* Familia Tizza: una entrada clara y dos recorridos independientes. */
.experience{--paper:#f4f0df;--soft:#c4d8c4;--purple:#d1bdf3;--mint:#d8ef94;--yellow:#efdfa2;--red:#da4c43;color:var(--paper)}
.experience [hidden]{display:none!important}.experience main{overflow:clip}.experience header{gap:22px}.family-brand .brand-light{font-size:14px;font-weight:400;letter-spacing:0}.experience header nav{gap:23px;font-size:15px}.experience header nav [aria-current=page]{color:#d8ef94}.experience header .header-cta{background:#d8ef94;color:#173c2b;box-shadow:none}.experience .family-footer{margin-top:36px}.experience .footer-main>div{display:flex;flex-wrap:wrap;max-width:530px;gap:13px 22px}.experience h1,.experience h2,.experience h3{overflow-wrap:normal}.experience .eyebrow{font-weight:500}.experience .section-heading>p{max-width:460px}.experience .section-heading{align-items:end}.experience .platform-note{font-size:16px;line-height:1.8;max-width:800px;margin:25px auto}.experience .platform-note a{color:#d8ef94}.experience .single-download{grid-template-columns:1fr;max-width:620px;margin-left:0}.experience .single-download .download-btn{margin-bottom:10px}
.ecosystem-hero{padding-top:28px;text-align:center;padding-bottom:42px}.ecosystem-hero .classroom-caption{margin-bottom:52px;text-align:left}.ecosystem-hero .ecosystem-heading{font:500 clamp(44px,5.2vw,72px)/1.12 var(--font-heading);letter-spacing:-2.8px;margin:24px 0 22px;color:var(--paper)}.ecosystem-hero .ecosystem-heading .hand{font-size:1.25em;letter-spacing:-1px;color:#d8ef94}.ecosystem-lede{font-size:19px;line-height:1.8;color:#bdd2bf;max-width:810px;margin:auto}.ecosystem-lede strong{font-weight:500;color:#e4e8d8}.ecosystem-links{display:flex;justify-content:center;gap:30px;margin-top:25px;font-size:15px;color:#d6e0ca}.ecosystem-links a{border-bottom:1px solid #8eae8288;padding:5px 0}
.entry-section{padding-bottom:72px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.entry{--app-accent:#d8ef94;min-width:0;display:flex;flex-direction:column;border:1px solid #9ab79455;border-top:4px solid var(--app-accent);border-radius:14px;padding:30px 28px 26px;background:linear-gradient(145deg,#28583c55,#103c2caa);box-shadow:0 20px 35px #082e2444}.entry-captizza{--app-accent:#d1bdf3;background:linear-gradient(145deg,#34473caa,#133c2ddd)}.entry-title{position:relative;padding-right:36px}.entry-title>.eyebrow{color:var(--app-accent);font-size:11px;letter-spacing:1.5px}.entry-title h2{font:600 clamp(36px,3.6vw,48px)/1.2 var(--font-heading);letter-spacing:-1.7px;margin:12px 0 8px;color:var(--app-accent)}.entry-title>.hand{font-size:31px;line-height:1.2;margin:0 0 26px;color:#f1eedb}.entry-symbol{position:absolute;right:0;top:0;font:32px/1 var(--font-chalk);color:var(--app-accent)}.entry-description{font-size:17px;line-height:1.8;color:#cadac6;margin:24px 0}.entry-bottom{margin-top:auto;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.entry-bottom>.button{font-size:15px;gap:13px;padding:13px 17px}.entry-bottom>span{font-size:13px;color:#bed0b8}.family-slogan{text-align:center;font-size:34px;color:#c7dbc0;margin:35px 0 0;line-height:1.3}
.explain-demo{--demo-accent:#d8ef94;margin:0;min-width:0;border:1px solid #78927688;border-radius:10px;background:#103627;overflow:hidden;box-shadow:0 12px 26px #00261e44}.demo-captizza{--demo-accent:#d1bdf3}.demo-caption{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #7f9c7755;font-size:9px;line-height:1.5;letter-spacing:.8px;color:#c6d6bf}.demo-caption>span:last-child{font-size:8px;color:#9eb49b;text-align:right}.explain-scene{aspect-ratio:16/10;position:relative;isolation:isolate;overflow:hidden;background:#264d3d}.capture-sample{position:absolute;inset:16px 17px 22px;border-radius:7px;overflow:hidden;background:#f3f2e9;color:#293c35;box-shadow:0 9px 16px #00271e44}.sample-top{display:flex;gap:4px;align-items:center;padding:8px 10px;background:#e4e6db;font-size:10px;line-height:1.3;color:#637065}.sample-top i{width:6px;height:6px;border-radius:50%;background:#b1b8ad}.sample-top>span{margin-left:7px;white-space:nowrap}.sample-body{height:calc(100% - 31px);display:grid;grid-template-columns:27% 73%}.sample-side{display:flex;flex-direction:column;gap:12px;font-size:11px;padding:17px 10px;background:#e8ecdf;border-right:1px solid #d8dfd0}.sample-side b{font-weight:600;font-size:12px;color:#324d3e}.sample-side span:nth-child(3){background:#d3ddc7;padding:4px;margin:-4px}.sample-settings{padding:20px 21px;position:relative;font-size:12px;line-height:1.5}.sample-kicker{display:block;font-size:8px;letter-spacing:1px;color:#60735f;margin-bottom:8px}.sample-settings>strong{font-weight:600;font-size:16px;display:block;letter-spacing:-.5px}.sample-settings>p{font-size:10px;margin:6px 0 18px;color:#6a7e69}.sample-check{display:flex;align-items:center;gap:7px;margin:12px 0;white-space:nowrap;font-size:11px}.sample-check>i{width:10px;height:10px;display:block;background:#789771;border:2px solid #cfddc2;border-radius:2px}.sample-save{display:inline-block;padding:6px 12px;background:#527a53;color:#fff;border-radius:3px;font-size:10px;margin-top:5px}.selection-box{position:absolute;inset:35% 7% 13% 29%;border:1.5px dashed #6b5bd2;pointer-events:none}.selection-box>i{position:absolute;width:5px;height:5px;background:#8e78db}.selection-box>i:nth-child(1){top:-3px;left:-3px}.selection-box>i:nth-child(2){top:-3px;right:-3px}.selection-box>i:nth-child(3){bottom:-3px;right:-3px}.selection-box>i:nth-child(4){bottom:-3px;left:-3px}.capture-ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.capture-ink path,.capture-ink ellipse{fill:none;stroke:#d83d35;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ink-number>circle{fill:#d83d35}.ink-number>text{fill:white;font:600 21px var(--font-body)}.ink-callout{font:700 30px var(--font-chalk);fill:#bd302b}.demo-pointer{position:absolute;left:28%;top:31%;font-size:34px;color:#2f3231;line-height:1;text-shadow:1px 1px white,-1px -1px white;pointer-events:none}.demo-complete{position:absolute;bottom:12px;left:50%;translate:-50% 0;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #bdd9a6;border-radius:6px;padding:9px 14px;color:#e9efdb;background:#16432ff2;font-size:12px;line-height:1.4;white-space:nowrap;box-shadow:0 4px 18px #002d2444;z-index:4}.demo-complete>span{color:#d8ef94}.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;border-top:1px solid #92aa7f55}.demo-steps li{min-width:0}.demo-steps button{font-family:var(--font-body);font-size:11px;line-height:1.45;padding:12px 8px;width:100%;height:100%;color:#b8cdb6;display:flex;align-items:start;gap:6px;background:none;text-align:left;cursor:pointer;border-right:1px solid #92aa7f22}.demo-steps li:last-child button{border-right:0}.demo-steps button>span{display:grid;place-items:center;flex:none;width:17px;height:17px;border:1px solid #7f9c6b;border-radius:50%;font-size:10px}.demo-steps button[aria-pressed=true]{color:#f1eddd;background:#a9c99713}.demo-steps button[aria-pressed=true]>span{color:#1c392b;background:var(--demo-accent);border-color:var(--demo-accent)}.demo-controls{border-top:1px solid #92aa7f33;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.demo-controls p{font-size:11px;line-height:1.5;color:#bdd2b8;margin:0;max-width:48%}.demo-controls>div{display:flex;gap:7px;align-items:center;flex-shrink:0}.demo-controls button{background:none;color:var(--demo-accent);font:500 11px/1.5 var(--font-body);padding:6px 4px;cursor:pointer;min-height:32px}.demo-controls [data-demo-replay]{font-size:20px;width:30px}.explain-demo :focus-visible{outline:2px solid var(--demo-accent);outline-offset:-3px}
.lesson-surface{position:absolute;inset:0;background:#164631;background-image:url('assets/chalk-grain.svg');background-size:240px;isolation:isolate}.lesson-chalk{position:absolute;inset:0;width:100%;height:100%}.lesson-chalk text{font-family:var(--font-chalk);font-weight:700}.lesson-chalk path{fill:none;stroke-linecap:round;stroke-linejoin:round}.demo-rec{position:absolute;left:12px;top:10px;font:500 9px/1.5 var(--font-body);letter-spacing:.5px;padding:4px 8px;background:#0b3025aa;border-radius:30px;display:flex;align-items:center;gap:5px;color:#ebebd8}.demo-rec>i{width:5px;height:5px;background:#ff7770;border-radius:50%}.demo-cam{position:absolute;right:5%;bottom:10%;width:23%;aspect-ratio:1;border:3px solid #d8ef94;border-radius:50%;padding:2px;box-shadow:0 3px 15px #052b2344;background:#77957d}.demo-cam>div{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 38%,#e4b895 0 18%,transparent 19%),radial-gradient(ellipse at 50% 115%,#345d69 0 44%,transparent 45%),linear-gradient(100deg,#a3b79d,#617c68)}.demo-pen{position:absolute;left:28%;top:40%;font-size:28px;color:#f6efdf;line-height:1;transform:rotate(-20deg)}
.explain-demo[data-phase="0"] .capture-ink,.explain-demo[data-phase="0"] .demo-complete,.explain-demo[data-phase="0"] .lesson-chalk,.explain-demo[data-phase="0"] .demo-cam,.explain-demo[data-phase="0"] .demo-rec,.explain-demo[data-phase="0"] .demo-pen{visibility:hidden}.explain-demo[data-phase="0"] .selection-box{visibility:visible}.explain-demo:not([data-phase="0"]) .selection-box{opacity:.28}.explain-demo:not([data-phase="2"]) .demo-complete{visibility:hidden}.explain-demo[data-phase="2"] .demo-pointer,.explain-demo[data-phase="2"] .demo-pen,.explain-demo[data-phase="2"] .demo-rec{visibility:hidden}.explain-demo[data-phase="2"] .capture-ink *,.explain-demo[data-phase="2"] .lesson-chalk *{stroke-dashoffset:0;clip-path:none;opacity:1;animation:none}.explain-demo.is-paused *,.explain-demo.is-paused *:before,.explain-demo.is-paused *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:no-preference){.explain-demo.is-running[data-phase="0"] .selection-box{transform-origin:top left;animation:selection-draw 2s ease both}.explain-demo.is-running[data-phase="0"] .demo-pointer{animation:select-pointer 2s ease both}.explain-demo[data-phase="1"] .capture-ink path,.explain-demo[data-phase="1"] .capture-ink ellipse{stroke-dasharray:900;animation:explain-ink 1.6s ease-out both}.explain-demo[data-phase="1"] .ink-circle{animation-delay:.5s}.explain-demo[data-phase="1"] .ink-number{animation:explain-pop .45s .2s both;transform-origin:center;transform-box:fill-box}.explain-demo[data-phase="1"] .ink-callout{animation:chalk-write .8s 1.2s both}.explain-demo[data-phase="1"] .lesson-chalk .draw{stroke-dasharray:700;animation:explain-ink 1.1s ease-out both;animation-delay:var(--d,0s)}.explain-demo[data-phase="1"] .lesson-chalk .write{animation:chalk-write 1s steps(24,end) both;animation-delay:var(--d,0s)}.explain-demo[data-phase="1"] .lesson-chalk .pop{animation:explain-pop .4s both;animation-delay:var(--d,0s);transform-box:fill-box;transform-origin:center}.explain-demo[data-phase="1"] .demo-cam{animation:explain-pop .6s both}.explain-demo[data-phase="1"] .demo-pen{animation:lesson-pointer 5s ease both}.explain-demo[data-phase="2"] .demo-complete{animation:explain-done .5s ease both}}
@keyframes explain-ink{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}@keyframes selection-draw{from{clip-path:inset(0 100% 100% 0)}to{clip-path:inset(0)}}@keyframes select-pointer{from{left:28%;top:31%}to{left:84%;top:82%}}@keyframes lesson-pointer{0%{left:12%;top:15%}45%{left:22%;top:68%}100%{left:73%;top:47%}}@keyframes explain-pop{from{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes explain-done{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.choose,.learning,.detail-features,.explain-problem,.compatibility,.detail-pricing,.shortcut-section,.extra-studio,.interactive-board{padding-top:72px;padding-bottom:60px;border-top:1px solid #94b08e33}.choice-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.choice-options{display:grid;gap:13px}.choice-options button{background:#17463166;color:#d5dfce;border:1px solid #91ae7b55;border-radius:10px;display:flex;align-items:center;gap:18px;padding:22px;text-align:left;cursor:pointer;min-height:104px}.choice-options button>span:first-child{font:32px var(--font-chalk);width:34px;flex:none;color:#d8ef94}.choice-options button>span:nth-child(2){flex:1;min-width:0}.choice-options strong{font:500 18px/1.5 var(--font-body);color:#edecdc;display:block}.choice-options small{font:400 14px/1.6 var(--font-body);color:#aac5ac;display:block;margin-top:4px}.choice-options button b{font-size:21px;color:#b5cba4}.choice-options button[aria-pressed=true]{border-color:#d1bdf3;background:#354d3e}.choice-options button:focus-visible{outline:2px solid #e8dda6;outline-offset:3px}.choice-result{display:flex;flex-direction:column;justify-content:center;align-items:start;min-width:0;padding:32px 36px;border-radius:12px;border:1px solid #d1bdf366;background:linear-gradient(145deg,#3b4d40,#1b4431)}.choice-result h3{font:600 42px/1.25 var(--font-heading);letter-spacing:-1.6px;color:#d1bdf3;margin:18px 0}.choice-result p{font-size:17px;line-height:1.85;color:#d0ddc8;margin:0 0 18px}.choice-price{font-size:15px;color:#dddfbb;display:block;margin-bottom:24px}
.experience .pricing .plan-captizza{--plan-chalk:#d1bdf3}.experience .pricing .plan-tizza{--plan-chalk:#d8ef94}.learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.learning-grid article{border-top:1px solid #8eaa7955;border-bottom:1px solid #8eaa7933;padding:23px 0;min-width:0}.learning-num{font:30px var(--font-chalk);color:#9cbd91}.learning h3{font-size:21px;line-height:1.4;font-weight:500;margin:15px 0 12px}.learning-grid p{font-size:15px;line-height:1.85;color:#b7ceb5;margin:0 0 20px}.learning-status{display:inline-block;font-size:11px;line-height:1.5;border:1px dashed #a5b19777;padding:6px 10px;border-radius:20px;color:#d2d3ac}.learning-help{display:flex;gap:12px 25px;align-items:center;flex-wrap:wrap;margin-top:28px}.learning-help p{font-size:16px;line-height:1.7;margin:0;color:#c8d9c2;flex-basis:100%}.learning-help a{font-size:15px}.product-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:52px;align-items:center;padding-top:40px;padding-bottom:85px}.product-hero>*{min-width:0}.back-family{display:block;font-size:13px;color:#9bbd9c;margin-bottom:35px;width:fit-content}.product-hero h1{font:500 clamp(42px,4.5vw,65px)/1.1 var(--font-heading);letter-spacing:-2.3px;margin:24px 0 25px}.product-hero h1 .hand{font-size:1.25em;letter-spacing:-.3px;color:#d8ef94}.page-captizza .product-hero h1 .hand{color:#d1bdf3}.product-hero-lede{font-family:var(--font-chalk);font-size:30px!important;line-height:1.25!important;color:#eee8ca!important;margin:0 0 18px!important}.product-hero-copy>p{font-size:18px;line-height:1.85;color:#bdd3bd;max-width:540px;margin:0}.product-hero-copy>p strong{font-weight:500;color:#e5e9d5}.product-hero .actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:27px 0}.product-hero .actions .text-link{font-size:15px}.plain-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.plain-badges>span{font-size:12px;line-height:1.6;color:#bdd2b6;padding:6px 11px;border:1px solid #95ae7b66;border-radius:30px}.product-hero .explain-demo{margin-top:40px}.outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.outcome-grid article{min-width:0;border-left:1px solid #aac38c66;padding-left:24px}.outcome-grid .hand{font-size:29px;line-height:1.3;color:#dbdfa2}.outcome-grid h3{font-size:24px;font-weight:500;line-height:1.35;margin:18px 0 13px}.outcome-grid p{font-size:17px;color:#b7ceb7;line-height:1.9;margin:0}.detail-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.detail-feature-grid article{position:relative;min-width:0;padding:28px 28px 26px 85px;background:#234c3555;border:1px solid #99b58144;border-radius:12px}.detail-feature-icon{position:absolute;top:28px;left:25px;display:grid;place-items:center;width:36px;height:40px;font:32px var(--font-chalk);color:#d8ef94}.page-captizza .detail-feature-icon{color:#e5b6ab}.detail-feature-grid h3{font:500 30px/1.2 var(--font-chalk);color:#ecebd7;margin:0 0 14px}.detail-feature-grid p{font-size:16px;line-height:1.85;color:#c1d6bc;margin:0}.detail-feature-grid .how-to{border-top:1px dashed #8ca37866;margin-top:20px;padding-top:16px;font-size:15px;color:#aac4a6}.how-to strong{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#dedeb5;margin-bottom:5px;font-weight:500}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.shortcut-grid>div{padding:30px;border:1px solid #91b27e55;border-radius:12px;background:#10392955;min-width:0}.shortcut-grid h3{font-size:23px;font-weight:500;margin:0 0 24px}.shortcut-grid dl{display:grid;grid-template-columns:auto 1fr;gap:17px 22px;font-size:16px;line-height:1.6;margin:0}.shortcut-grid dd{margin:0;color:#bad1b4;min-width:0}.shortcut-grid dt{min-width:0}.shortcut-grid kbd{font:500 13px/1.6 var(--font-body);padding:5px 8px;border:1px solid #8dad7d77;border-radius:5px;white-space:nowrap;color:#dedfc1;background:#27513c}.shortcut-grid p{font-size:16px;color:#bbd1b6;line-height:1.8;margin-top:25px}.compat-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.compat-grid article{min-width:0;border-top:1px dashed #92aa7b88;padding-top:26px}.compat-grid h3{font:500 30px/1.3 var(--font-chalk);color:#deddb1;margin:0 0 16px}.compat-grid p{font-size:17px;line-height:1.9;color:#bcd2b6;margin:0 0 16px}.compat-grid a{color:#d1bdf3}.product-offer{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;padding:38px;border:1px solid #b6d49488;border-radius:12px;background:linear-gradient(140deg,#2d573a88,#17432e)}.offer-captizza{border-color:#d1bdf388;background:linear-gradient(140deg,#394e4188,#17432e)}.product-offer h3{font:500 44px/1.2 var(--font-chalk);margin:16px 0;color:#f0eedb}.offer-amount{font:400 74px/1.25 'Fredericka the Great',Georgia,serif;color:#d8ef94}.offer-captizza .offer-amount{color:#d1bdf3}.offer-amount span{display:block;font:400 14px/1.6 var(--font-body);margin-top:8px;color:#c2d3b7}.product-offer p{font-size:17px;line-height:1.85;color:#c7d8bb;margin:0 0 20px}.product-offer p strong{font-weight:500;color:#e3e6ce}.product-offer .button{margin-right:20px;margin-bottom:12px}.product-offer .text-link{font-size:15px;display:inline-flex}.cross-offer{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center;margin-top:25px;padding:20px 0}.cross-offer .hand{font-size:32px;color:#eadfa3}.cross-offer p{flex:1;min-width:260px;font-size:16px;line-height:1.8;color:#bad1b4;margin:0}.cross-offer a{font-size:15px}.cross-product{text-align:center;padding:65px 0;border-top:1px dashed #8eaa7d66}.cross-product>.hand{font-size:30px;color:#cedca4}.cross-product h2{margin:20px 0}.cross-product p{max-width:650px;font-size:18px;line-height:1.9;color:#bbd1b6;margin:0 auto 28px}.extra-studio>.plain-badges{margin-top:0}.extra-studio>p{font-size:17px;line-height:1.9;color:#bad0b3;max-width:850px;margin-top:25px}.interactive-board .studio{max-width:850px;margin:50px auto 10px}.interactive-board .board{height:450px}.interactive-board{padding-bottom:70px}.experience .use-cases{padding-top:65px}.experience .closing .button{width:auto}.experience .faq-list details:first-child summary{border-top:0}.explain-demo .demo-caption,.explain-demo .demo-controls{position:relative;z-index:5}
@media(max-width:1150px){.experience header .header-cta{display:none}.experience header nav{font-size:14px;gap:18px}.family-brand .brand-light{font-size:12px}.entry{padding:26px 22px}.entry-bottom{align-items:start;flex-direction:column}.product-hero{gap:35px}.choice-layout{gap:22px}.shortcut-grid dl{gap:18px 15px}.shortcut-grid kbd{font-size:12px}}
@media(max-width:1024px){.ecosystem-hero .ecosystem-heading{font-size:62px}.entry-grid{gap:22px}.entry-title h2{font-size:37px}.entry-title>.hand{font-size:28px}.entry-description{font-size:16px}.demo-caption{font-size:8px;padding:10px}.demo-caption>span:last-child{font-size:7px;max-width:90px}.demo-steps button{font-size:10px;padding:11px 6px;gap:4px}.demo-controls{padding:8px}.demo-controls p{display:none}.demo-controls{justify-content:end}.explain-scene{aspect-ratio:16/11}.sample-side{gap:8px;padding:14px 8px;font-size:10px}.sample-side b{font-size:11px}.sample-settings{padding:16px}.sample-settings>strong{font-size:14px}.sample-settings>p{font-size:9px;margin-bottom:12px}.sample-check{font-size:10px;margin:10px 0}.sample-save{font-size:9px;padding:5px 9px}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.product-hero{grid-template-columns:1fr;gap:10px;padding-top:28px}.product-hero h1{font-size:64px;max-width:720px}.product-hero-copy>p{max-width:730px}.product-hero .explain-demo{max-width:720px;margin:35px auto 0}.product-hero .demo-caption{font-size:10px}.product-hero .demo-caption>span:last-child{font-size:9px;max-width:none}.product-hero .demo-steps button{font-size:13px;padding:15px 12px;gap:8px}.product-hero .demo-controls p{display:block}.product-hero .demo-controls{justify-content:space-between}.product-hero .sample-side{font-size:14px;padding:30px 17px;gap:18px}.product-hero .sample-side b{font-size:16px}.product-hero .sample-settings{padding:35px}.product-hero .sample-settings>strong{font-size:23px}.product-hero .sample-settings>p{font-size:13px}.product-hero .sample-check{font-size:15px;margin:19px 0}.product-hero .sample-check>i{width:14px;height:14px}.product-hero .sample-save{font-size:14px;margin-top:12px}.product-hero .explain-scene{aspect-ratio:16/10}.choice-layout{grid-template-columns:1fr 1fr}.choice-options button{padding:20px 16px;gap:12px}.choice-options strong{font-size:17px}.choice-result{padding:30px 26px}.choice-result h3{font-size:36px}.outcome-grid{gap:25px}.outcome-grid article{padding-left:20px}.outcome-grid h3{font-size:22px}.detail-feature-grid article{padding-left:72px}.detail-feature-icon{left:19px}.shortcut-grid{grid-template-columns:1fr}.shortcut-grid dl{grid-template-columns:180px 1fr}.product-offer{gap:35px;padding:32px}.experience .closing .button{width:auto}}
@media(max-width:980px){.experience header nav{font-size:18px;gap:20px}.experience header{height:80px}.family-brand .brand-light{font-size:13px}}
@media(max-width:760px){.ecosystem-hero{padding-top:24px;padding-bottom:36px}.ecosystem-hero .classroom-caption{font-size:10px;margin-bottom:38px;letter-spacing:.9px;gap:14px}.ecosystem-hero .classroom-caption>span{max-width:48%}.ecosystem-hero .eyebrow{font-size:11px}.ecosystem-hero .ecosystem-heading{font-size:clamp(38px,8.8vw,58px);line-height:1.15;letter-spacing:-1.8px;margin:20px 0}.ecosystem-hero .ecosystem-heading .hand{font-size:1.22em}.ecosystem-lede{font-size:17px;line-height:1.8}.ecosystem-lede br{display:none}.ecosystem-links{flex-wrap:wrap;gap:12px 24px;font-size:14px;margin-top:22px}.entry-grid{grid-template-columns:1fr;gap:30px}.entry{padding:27px 22px 24px}.entry-title h2{font-size:44px}.entry-title>.hand{font-size:31px}.entry-title .eyebrow{font-size:11px}.entry-description{font-size:17px}.entry-bottom{flex-direction:row;align-items:center;gap:13px 18px}.entry-bottom .button{font-size:15px;padding:13px 16px}.entry-bottom>span{font-size:13px}.family-slogan{font-size:29px;line-height:1.4;margin-top:28px}.entry-section{padding-bottom:48px}.demo-caption{font-size:8px;padding:10px}.demo-caption>span:last-child{font-size:7px;max-width:90px}.demo-controls p{display:block;font-size:10px}.demo-controls{justify-content:space-between;padding:8px 10px}.demo-controls button{min-height:40px}.demo-controls [data-demo-replay]{width:32px}.demo-controls [data-demo-play]{font-size:10px}.demo-steps button{font-size:11px;padding:12px 7px;min-height:65px}.demo-steps button>span{width:17px;height:17px}.capture-sample{inset:13px 12px 19px}.sample-body{grid-template-columns:27% 73%}.sample-side{padding:14px 7px;font-size:9px;gap:13px}.sample-side b{font-size:10px}.sample-settings{padding:17px 13px}.sample-settings>strong{font-size:14px}.sample-kicker{font-size:7px}.sample-settings>p{font-size:9px;margin-bottom:12px}.sample-check{font-size:9px;gap:5px;margin:12px 0}.sample-check>i{width:8px;height:8px}.sample-save{font-size:9px;padding:5px 9px}.demo-pointer{font-size:27px}.demo-complete{font-size:10px;bottom:9px;padding:7px 10px}.demo-rec{font-size:8px;top:7px;left:8px}.demo-pen{font-size:23px}.choose,.learning,.detail-features,.explain-problem,.compatibility,.detail-pricing,.shortcut-section,.extra-studio,.interactive-board{padding-top:50px;padding-bottom:45px}.choice-layout{grid-template-columns:1fr;gap:22px}.choice-options button{min-height:98px}.choice-options strong{font-size:17px;line-height:1.5}.choice-options small{font-size:14px}.choice-result{padding:26px}.choice-result h3{font-size:37px}.choice-result p{font-size:17px}.learning-grid{gap:20px 25px}.learning h3{font-size:20px}.learning-grid p{font-size:15px}.learning-status{font-size:10px}.learning-help{gap:13px 22px}.learning-help p{font-size:16px}.product-hero{padding-top:22px;padding-bottom:55px}.back-family{margin-bottom:25px}.product-hero h1{font-size:clamp(41px,10.4vw,64px);letter-spacing:-1.5px;margin:20px 0 24px}.product-hero-lede{font-size:29px!important}.product-hero-copy>p{font-size:17px}.product-hero .actions{gap:18px;margin:25px 0}.product-hero .actions .button{font-size:16px}.plain-badges>span{font-size:12px}.product-hero .explain-demo{margin-top:25px}.product-hero .demo-caption{font-size:8px}.product-hero .demo-caption>span:last-child{font-size:7px;max-width:95px}.product-hero .demo-steps button{font-size:11px;padding:12px 8px;gap:6px}.product-hero .explain-scene{aspect-ratio:16/11}.product-hero .sample-side{padding:20px 9px;font-size:11px;gap:15px}.product-hero .sample-side b{font-size:12px}.product-hero .sample-settings{padding:20px 16px}.product-hero .sample-settings>strong{font-size:17px}.product-hero .sample-settings>p{font-size:10px;margin-bottom:15px}.product-hero .sample-check{font-size:11px;margin:15px 0}.product-hero .sample-check>i{width:10px;height:10px}.product-hero .sample-save{font-size:10px;margin-top:6px}.outcome-grid{grid-template-columns:1fr;gap:28px}.outcome-grid article{padding-left:22px}.outcome-grid .hand{font-size:28px}.outcome-grid h3{font-size:23px;margin:11px 0}.outcome-grid p{font-size:16px}.detail-feature-grid{grid-template-columns:1fr;gap:20px}.detail-feature-grid article{padding:25px 24px 24px 75px}.detail-feature-icon{left:22px;top:25px}.detail-feature-grid h3{font-size:29px}.detail-feature-grid p{font-size:16px}.detail-feature-grid .how-to{font-size:15px}.shortcut-grid>div{padding:25px 22px}.shortcut-grid dl{grid-template-columns:auto 1fr;gap:18px 14px;font-size:15px}.shortcut-grid kbd{font-size:11px;padding:4px 6px}.shortcut-grid h3{font-size:22px}.compat-grid{grid-template-columns:1fr;gap:25px}.compat-grid p{font-size:16px}.product-offer{grid-template-columns:1fr;gap:30px;padding:28px}.product-offer h3{font-size:42px}.product-offer p{font-size:16px}.product-offer .button{display:flex;width:100%;justify-content:space-between;margin:0 0 18px}.offer-amount{font-size:72px}.cross-offer{gap:12px}.cross-offer .hand{font-size:30px}.cross-offer p{min-width:0;flex-basis:100%;font-size:16px}.cross-product{padding:45px 0}.cross-product>.hand{font-size:28px}.cross-product p{font-size:17px}.extra-studio>p{font-size:16px}.interactive-board .studio{margin-top:44px}.interactive-board .board{height:435px}.experience .family-footer .footer-main>div{max-width:none}.experience .closing .button{width:100%}}
@media(max-width:420px){.entry{padding:24px 18px}.entry-title h2{font-size:39px}.entry-title>.hand{font-size:28px}.explain-scene{aspect-ratio:1.4}.sample-settings{padding:16px 10px}.sample-settings>strong{font-size:12px}.sample-check{font-size:8px;gap:4px}.sample-save{font-size:8px}.sample-side{font-size:8px;padding:13px 6px}.sample-side b{font-size:9px}.sample-top{font-size:8px;padding:8px}.sample-top>span{margin-left:3px}.demo-caption{font-size:7px;letter-spacing:.4px}.demo-caption>span:last-child{font-size:6px;max-width:75px}.demo-steps button{font-size:10px;padding:11px 5px;gap:4px}.demo-controls p{display:none}.demo-controls{justify-content:end}.demo-controls [data-demo-play]{font-size:11px}.demo-complete{font-size:9px}.learning-grid{grid-template-columns:1fr}.learning-grid article{padding:22px 0}.learning-status{font-size:12px}.learning h3{font-size:22px}.product-hero .sample-settings{padding:16px 11px}.product-hero .sample-settings>strong{font-size:14px}.product-hero .sample-check{font-size:9px;margin:12px 0}.product-hero .sample-check>i{width:9px;height:9px}.product-hero .sample-side{font-size:9px;padding:17px 7px}.product-hero .sample-side b{font-size:10px}.product-hero .sample-settings>p{font-size:9px}.product-hero .sample-save{font-size:9px}.product-hero .demo-steps button{font-size:10px;padding:12px 5px;gap:4px}.detail-feature-grid article{padding:24px 20px}.detail-feature-icon{position:static;margin-bottom:15px}.family-brand .brand-light{font-size:11px}.choice-options button{padding:20px 15px;gap:10px}.choice-options button>span:first-child{width:25px;font-size:28px}}
@media(prefers-reduced-motion:reduce){.explain-demo *,.explain-demo *:before,.explain-demo *:after{animation:none!important;transition:none!important}.explain-demo .capture-ink *,.explain-demo .lesson-chalk *{stroke-dashoffset:0;clip-path:none;opacity:1}.explain-demo [data-demo-play]{display:none}}
.ecosystem-hero>.eyebrow{display:block;text-align:center}
.explain-demo.is-static .capture-ink *,.explain-demo.is-static .lesson-chalk *{animation:none!important;stroke-dashoffset:0;clip-path:none;opacity:1}
.explain-demo.is-static .demo-cam,.explain-demo.is-static .demo-pen{animation:none!important}
.demo-setup{position:absolute;left:15%;right:15%;top:17%;bottom:17%;background:#173b2ef5;border:1px solid #a2c19099;border-radius:10px;box-shadow:0 8px 25px #00261f77;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:20px 25px;z-index:3;color:#d8e5cf}.demo-setup>strong{font:500 17px/1.3 var(--font-heading);color:#eeeeda;margin-bottom:3px}.demo-setup>span{font:400 13px/1.6 var(--font-body);color:#c4d7bb}.demo-setup>b{display:flex;align-items:center;justify-content:space-between;font:500 12px/1.5 var(--font-body);padding:9px 13px;border:1px solid #d8ef9477;border-radius:5px;color:#e8edce;background:#45653c55}.demo-setup i{font-style:normal;color:#fa8c7f}.explain-demo:not([data-phase="0"]) .demo-setup{visibility:hidden}
@media(max-width:1024px){.demo-setup{gap:10px;padding:16px 20px}.demo-setup>strong{font-size:15px}.demo-setup>span{font-size:11px}.demo-setup>b{font-size:10px;padding:7px 10px}}
@media(max-width:420px){.demo-setup{gap:8px;padding:14px 16px;left:10%;right:10%}.demo-setup>strong{font-size:13px}.demo-setup>span{font-size:10px}.demo-setup>b{font-size:10px}}

/* Menú Tizza: letras y trazos de tiza sobre el pizarrón. */
.experience header{position:relative;isolation:isolate;width:min(1280px,calc(100% - 48px));height:100px;margin:18px auto 0;padding:0 25px;gap:22px;border:1px solid #acc4a75c;border-radius:14px 12px 9px 11px;background:linear-gradient(110deg,#234f3bd9,#133d2fed),url('assets/chalk-grain.svg');box-shadow:0 8px 24px #06271e33,inset 0 0 24px #b9d3ab08;z-index:50}
.experience header:after{content:'';position:absolute;bottom:-4px;left:15px;right:15px;height:4px;background:linear-gradient(#b89968,#795d3b);border-radius:1px 1px 5px 5px;box-shadow:0 2px 3px #082b2655;pointer-events:none}
.experience .family-brand{gap:11px;flex-shrink:0;color:#f5f0dc}
.experience .family-brand>span{font:700 42px/1 var(--font-chalk);letter-spacing:-1.5px;display:flex;flex-direction:column;gap:3px}
.experience .family-brand .brand-light{font:500 10px/1.3 var(--font-body);text-transform:uppercase;letter-spacing:1.8px;color:#c2d3bb}
.experience .family-brand img{width:39px;height:39px;border-radius:10px;rotate:-6deg}
.experience header nav{gap:25px;align-items:center;font:600 25px/1.25 var(--font-chalk);color:#f0eddb}
.experience header nav a{position:relative;padding:10px 0;white-space:nowrap;transition:color .18s,transform .18s}
.experience header nav a:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:4px;border-radius:50% 25% 40% 20%;background:currentColor;opacity:.8;transform:scaleX(0) rotate(-2deg);transform-origin:left;transition:transform .22s;box-shadow:1px 2px 0 #e6edbd20}
.experience header nav a:hover{color:#efdfa2;transform:translateY(-1px)}
.experience header nav a:hover:after,.experience header nav a[aria-current=page]:after{transform:scaleX(1) rotate(-2deg)}
.experience header nav a[href="captizza.html"]:hover,.experience header nav a[href="captizza.html"][aria-current=page]{color:#d1bdf3}
.experience header nav a[aria-current=page]{color:#efdfa2}
.experience header .header-cta{background:transparent;border:1.5px solid #dfdda6;border-radius:6px 10px 7px 9px;color:#efdfa2;font:600 23px/1.25 var(--font-chalk);padding:9px 16px;min-height:46px;rotate:-2deg}
.experience header .header-cta:hover{background:#dfdda610;rotate:0deg}
.experience .menu{align-items:center;justify-content:center;gap:10px;padding:8px 12px;min-height:48px;border:1px solid #b8cba777;border-radius:6px 9px 7px 5px;color:#f4f0dd}
.menu-word{font:600 26px/1 var(--font-chalk)}.menu-lines{position:relative;width:22px;height:20px;display:block}.menu-lines i{position:absolute;left:0;width:22px;height:2px;background:#eeead3;border-radius:40%;transition:transform .2s,opacity .2s,top .2s}.menu-lines i:nth-child(1){top:2px;rotate:-3deg}.menu-lines i:nth-child(2){top:9px;width:18px}.menu-lines i:nth-child(3){top:16px;rotate:2deg}.menu[aria-expanded=true] .menu-lines i:nth-child(1){top:9px;transform:rotate(45deg)}.menu[aria-expanded=true] .menu-lines i:nth-child(2){opacity:0}.menu[aria-expanded=true] .menu-lines i:nth-child(3){top:9px;transform:rotate(-45deg)}
@media(max-width:1150px){.experience header nav{font-size:25px;gap:25px}.experience header .header-cta{display:none}}
@media(max-width:980px){.experience header{height:84px;width:calc(100% - 32px);margin-top:12px;padding:0 18px}.experience .menu{display:flex}.experience header nav{position:absolute;top:calc(100% + 12px);left:-1px;right:-1px;padding:24px 24px 28px;background:linear-gradient(120deg,#24513c,#123e2f),url('assets/chalk-grain.svg');border:1px solid #a9c2a16b;border-bottom:4px solid #997b52;border-radius:10px 8px 12px 9px;box-shadow:0 18px 32px #00241d80;align-items:stretch;gap:0;max-height:calc(100dvh - 125px);overflow-y:auto}
.experience header nav:before{content:'Elija cómo explicar';font:500 12px/1.5 var(--font-body);letter-spacing:1.2px;text-transform:uppercase;color:#b7cdb0;margin-bottom:13px}
.experience header nav.open{display:flex;animation:menu-chalk-in .2s ease-out}.experience header nav a{font-size:30px;padding:12px 14px;border-bottom:1px dashed #b8cbaa35;min-height:56px;line-height:1.2}.experience header nav a:after{left:14px;right:auto;width:42px;bottom:7px;height:3px}.experience header nav a[aria-current=page]{background:#d7e3b10a;border-radius:6px}.experience header nav a[href="captizza.html"]{color:#d1bdf3}.experience header nav a[href="tizza-studio.html"]{color:#d8ef94}.experience header nav a:last-child{border-bottom:0}}
@media(max-width:420px){.experience header{padding:0 12px;gap:10px}.experience .family-brand{gap:8px}.experience .family-brand>span{font-size:37px}.experience .family-brand .brand-light{font-size:8px;letter-spacing:1.2px}.experience .family-brand img{width:32px;height:32px}.experience .menu{padding:8px 10px;gap:8px}.menu-word{font-size:24px}.experience header nav{padding:20px 18px}}
@keyframes menu-chalk-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* Recuperación de la presentación original: alcance limitado a esta sección. */
.experience .restored-hero{padding-top:44px;padding-bottom:48px;margin-top:6px;margin-bottom:40px;border-top:1px dashed #a7c39c44;border-bottom:1px dashed #a7c39c44}
.experience .restored-hero .restored-title{font-family:'Fredericka the Great',Georgia,serif;font-size:clamp(65px,7.1vw,101px);font-weight:400;line-height:.99;letter-spacing:-2px;color:#f5f1df;margin:19px 0 18px;text-shadow:1px 1px #dce3c333}
.experience .restored-title .chalk-word:last-child{white-space:nowrap}
.motion-ready .restored-hero:not(.is-visible) :is(.chalk-word,.chalk-mark>span,.chalk-mark svg path,.hero-tagline,.hero-description,.hero-copy .actions,.hero-trial,.studio,.board-kicker,.chalk-circle path,.idea-node,.map-label,.board-note,.node-star,.chalk-stick,.eraser){animation:none!important}
@media(max-width:980px){.experience .restored-hero .restored-title{font-size:clamp(75px,13vw,112px)}}
@media(max-width:760px){.experience .restored-hero .restored-title{font-size:clamp(67px,18vw,99px);letter-spacing:-1.5px;margin-top:21px}.experience .restored-hero{padding-top:32px;padding-bottom:36px}}
@media(max-width:370px){.experience .restored-hero .restored-title{font-size:clamp(63px,19vw,70px)}}

.experience main>.restored-hero{border-top:0;margin-top:0;padding-top:27px}

.experience .payment-alternative{display:flex;justify-content:center;align-items:center;gap:10px 22px;flex-wrap:wrap;padding:21px 24px;margin:28px 0;border:1px dashed #bbcea273;border-radius:9px;background:#d8ef9408;line-height:1.6;text-align:center}
.experience .payment-alternative>.hand{font-size:29px;color:#efdfa2}.experience .payment-alternative>a{font-size:17px;color:#e6edda;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.experience .payment-alternative>a:hover{color:#d8ef94}
@media(max-width:600px){.experience .payment-alternative{padding:20px 17px;gap:10px}.experience .payment-alternative>.hand{font-size:27px}.experience .payment-alternative>a{font-size:16px}}
