/* Visual layer: warm paper, biological line drawings and real product previews. */
:root{--ink:#352e28;--muted:#756b60;--line:#e1d8cb}
body{background-color:#f6f3ec;background-image:none}
.header{height:80px;border-bottom:1px solid #ddd3c4;margin-bottom:20px}
.header nav{color:#79664f}.header nav a:hover{color:#9a5c34}
.brand small{color:#8b7c6b}
.hero{isolation:isolate;min-height:374px;box-shadow:0 12px 30px #382a1e0c}
.hero:before{display:none}
.hero-copy{align-self:center}.hero h1{letter-spacing:-1px}.hero-button{border-radius:9px;padding:12px 21px;box-shadow:0 3px 0 #ac8852}
.hero-app-list{width:230px}.app-select{border-radius:12px;gap:10px}.app-select .app-icon{width:44px;height:44px;border-radius:12px}.app-select-copy{font-size:14px;white-space:nowrap}.app-select-copy small{font-size:11px}
.section{padding-block:25px}.apps{padding-top:29px;padding-bottom:16px}
.section-head{gap:20px;margin-bottom:19px}.section-head:after{content:"";height:1px;background:#dfd5c6;flex:1}.section-head h2{font-size:23px;color:#4d3a2c}
.app-grid{gap:19px}.app-card{box-shadow:0 5px 18px #523c2310;transition:box-shadow .25s,border-color .25s}
.app-card:hover{border-color:var(--accent);box-shadow:0 10px 26px #523c2318}
.app-card .card-brand{min-height:0;flex-direction:row;align-items:center;gap:12px;padding:19px 20px;border:0;background:var(--tint)}
.card-brand .app-icon{width:50px;height:50px;border-radius:13px;box-shadow:0 3px 8px #3729170a}
.card-brand h3{font-size:21px;letter-spacing:-.65px}
.card-body{padding:22px 20px 20px}.app-highlights{gap:9px;font-size:12px;line-height:1.85;color:#655c53}.app-buttons{margin-top:22px;gap:9px}
.app-buttons>:is(button,a){border-radius:9px;font-size:11px;min-height:44px}
.shared{padding-block:12px 24px}.shared-grid{background:#eee8db;border-color:#ded2bd;border-radius:14px;padding-block:22px}
.shared-feature{border-color:#d9cbb6}.shared-feature h3{color:#64523c}.shared-feature p{color:#8a7962}.shared-icon{color:#8b6e43}.shared-feature.pets{border-color:#d9cbb6}
.connect{padding:25px;background:#efe9df;border:1px solid #e1d6c7;border-radius:18px;gap:26px;grid-template-columns:235px 1fr;margin-bottom:20px}
.teacher{align-items:center}.teacher>img{width:68px;height:68px;border-radius:18px;box-shadow:0 5px 16px #49301c0d}.teacher span{font-size:10px;color:#9b7a51}.teacher h2{color:#4c392a;font-size:23px}.teacher p{color:#8a7c6c}
.social-grid>a{background:#fffdf8;border-color:#e0d6c8;padding:12px 11px}.social-grid>a:hover{background:#fbf4e7;border-color:#bca37c}.social-grid small{color:#948673}.social-grid .out{color:#a38c69}
footer{padding-bottom:22px;color:#9b8a73}
@media(min-width:761px) and (max-width:1000px){.card-brand h3{font-size:18px}.app-card .card-brand{padding:16px 13px;gap:9px}.card-brand .app-icon{width:43px;height:43px}.card-body{padding:18px 14px}.app-highlights{font-size:11.5px}.connect{grid-template-columns:205px 1fr;padding:22px}}
@media(max-width:760px){.header{height:70px;margin-bottom:14px}.hero{min-height:300px}.hero-app-list{display:none}.section{padding-block:22px}.apps{padding-top:26px;padding-bottom:12px}.section-head{margin-bottom:15px}.section-head h2{font-size:22px}.app-grid{gap:20px}.app-card .card-brand{padding:17px 20px}.card-brand h3{font-size:23px}.card-brand .app-icon{width:51px;height:51px}.card-body{padding:20px}.app-highlights{font-size:12.5px;gap:9px}.app-buttons{margin-top:20px}.app-buttons>:is(button,a){font-size:12px;min-height:46px}.shared{padding-block:10px 22px}.shared-grid{padding:0}.shared-feature{padding:17px 12px}.shared-feature h3{font-size:11px}.shared-feature p{font-size:9px}.connect{grid-template-columns:1fr;gap:21px;padding:22px 18px;margin-bottom:12px}.teacher>img{width:60px;height:60px}.teacher h2{font-size:23px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-grid>a{padding:12px 9px}.social-grid>a>span:nth-child(2){font-size:11px}.social-grid small{font-size:9px}}
@media(max-width:360px){.app-card .card-brand{padding:15px}.card-brand h3{font-size:21px}.quiz .card-brand h3{font-size:20px}.card-body{padding:18px 16px}.app-highlights{font-size:12px}.connect{padding:19px 13px}.social-grid{gap:7px}.social-grid>a{padding:11px 7px;gap:6px}.social-grid small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.app-card{transition:none}}

/* Compact horizontal app panels. */
.app-grid{grid-template-columns:1fr;gap:14px}
.app-card{display:grid;grid-template-columns:280px minmax(0,1fr);position:relative;border:1px solid #e2d9cd!important;border-inline-start:4px solid var(--accent)!important;border-radius:14px;box-shadow:0 3px 12px #47311c05;background:#fffefa;overflow:hidden}
.app-card:hover{box-shadow:0 6px 20px #47311c0a}
.app-card .card-brand{flex-direction:row;align-items:center;justify-content:flex-start;padding:26px 23px;gap:15px;background:transparent;border:0;min-height:150px}
.card-brand .app-icon{width:58px;height:58px;border-radius:15px;box-shadow:none}
.card-brand h3{font-size:21px;line-height:1.65;letter-spacing:-.6px;color:var(--accent)}
.card-body{display:grid;grid-template-columns:minmax(0,1fr) 138px;align-items:center;gap:28px;padding:24px 24px 24px 26px}
.app-highlights{font-size:12px;gap:8px;line-height:1.85;padding-inline-start:22px;border-inline-start:1px solid #eee7dc}
.app-highlights li{padding-inline-start:14px}
.app-highlights li::before{width:4px;height:4px;top:.75em}
.app-buttons{display:flex;flex-direction:column;margin:0;gap:8px}
.app-buttons>:is(button,a){width:100%;min-height:42px;border-radius:8px;font-size:11px;gap:8px;justify-content:center}
.app-buttons>:is(button,a) svg{width:16px;height:16px}
.app-card .launch{background:var(--accent)}
.app-card .download{background:var(--tint)}
@media(min-width:761px) and (max-width:1000px){.app-card{grid-template-columns:248px minmax(0,1fr)}.app-card .card-brand{padding:23px 18px;gap:12px}.card-brand h3{font-size:18px;white-space:nowrap}.card-brand .app-icon{width:45px;height:45px}.card-body{gap:18px;padding:23px 18px;grid-template-columns:minmax(0,1fr) 120px}.app-highlights{padding-inline-start:17px;font-size:11.5px}}
@media(max-width:760px){.app-grid{gap:15px}.app-card{grid-template-columns:1fr;border-inline-start-width:3px!important}.app-card .card-brand{padding:20px 22px 14px;gap:14px;min-height:0}.card-brand .app-icon{width:53px;height:53px}.card-brand h3{font-size:23px}.card-body{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 22px 21px}.app-highlights{padding:14px 0 17px;border-inline-start:0;border-bottom:1px solid #eee7dc;font-size:12px;gap:8px}.app-buttons{flex-direction:row;margin-top:16px;gap:9px}.app-buttons>:is(button,a){font-size:12px;min-height:44px;flex:1}}
@media(max-width:360px){.app-card .card-brand{padding:18px 17px 11px;gap:11px}.card-brand h3,.quiz .card-brand h3{font-size:20px}.card-body{padding:0 17px 18px}.app-highlights{font-size:11.5px}.app-buttons>:is(button,a){font-size:11px}}


.app-buttons>a.launch{cursor:pointer;transition:filter .2s,box-shadow .2s}.app-buttons>a.launch:hover{filter:brightness(.93);box-shadow:0 3px 9px #35281c18}.app-buttons>a.launch:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* Secondary copy contrast. */
.brand small,.teacher span,.shared-feature p,.social-grid small,footer{color:#695a4b}


.app-buttons button.launch:disabled{opacity:.65;cursor:default;box-shadow:none}

@media(max-width:760px){.hero .eyebrow{font-size:15px;line-height:1.6;font-weight:600;margin-bottom:10px}}
@media(max-width:360px){.hero .eyebrow{font-size:13px}}

/* Soft golden emphasis without a selection panel. */
.hero h1>span{font-size:.96em}
.hero .app-select,.hero .app-select.is-selected,.hero .app-select:hover{border-color:transparent;background:transparent;box-shadow:none}
.hero .app-select{transition:filter .35s,color .35s}
.hero .app-select.is-selected .app-icon{filter:drop-shadow(0 0 7px #edc97855)}
.hero .app-select.is-selected .app-select-copy{filter:drop-shadow(0 0 5px #edc97865)}
.hero .app-select:focus-visible{outline:2px solid #e6c98e;outline-offset:3px}

@media(min-width:761px){.hero .eyebrow{font-size:14px;line-height:1.6}}