@font-face{font-family:Nunito;src:url('assets/nunito-400.ttf') format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito-800.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--wine:#8b263d;--wine-dark:#681b2d;--cream:#fffaf3;--ink:#3c2a2b;--muted:#695b58;--gold:#a97c35;--line:#e6d7cc;--soft:#f6ebe5;--paper:#fffefd}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.6 Nunito,Arial,sans-serif}body.modal-open{overflow:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.25;letter-spacing:-.5px}h1{font-size:36px}h2{font-size:25px}svg{display:block;width:23px;height:23px;flex-shrink:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:20px;background:var(--wine);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}
.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{max-width:1040px;min-height:88px;margin:auto;padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;color:var(--wine);font-size:25px;font-weight:800;letter-spacing:-.7px;min-height:48px}.brand-mark{display:grid;place-items:center;width:40px;height:44px;background:var(--wine);color:var(--cream);border-radius:12px}.brand-mark svg{width:27px;height:27px}.header-welcome{font-size:16px;color:var(--muted)}.back-home{min-height:48px;display:flex;align-items:center;gap:7px;color:var(--wine);font-size:17px;font-weight:800;border-radius:9px;padding:8px 12px;background:var(--soft)}main{max-width:1040px;margin:auto;padding:32px 28px 20px;min-height:calc(100vh - 165px)}main:focus{outline:none}.site-footer{max-width:1040px;margin:auto;padding:24px 28px 30px;text-align:center;font-size:15px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 19px;border:1px solid transparent;border-radius:10px;background:var(--wine);color:white;font-size:18px;font-weight:800;line-height:1.4;text-align:center}.button:hover:not(:disabled){background:var(--wine-dark)}.button.secondary{background:var(--paper);border-color:#cdb8ad;color:var(--wine)}.button.secondary:hover:not(:disabled){background:var(--soft)}.button svg{width:22px;height:22px}
.welcome{display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;border-radius:18px;background:var(--wine);color:var(--cream);min-height:235px}.welcome-copy{padding:28px 32px}.welcome-label{font-size:13px;font-weight:800;letter-spacing:1px;color:#f3d9c8;margin-bottom:12px}.welcome h1{font-size:36px;line-height:1.15}.welcome-copy>p:last-child{font-size:18px;line-height:1.6;color:#fff1e7;max-width:390px;margin-top:14px}.welcome>img{width:100%;height:100%;object-fit:cover;object-position:center}.home-options{max-width:800px;margin:28px auto 0}.home-options>h2{font-size:28px}.home-options>p{color:var(--muted);margin-top:5px}.task-list{display:grid;gap:14px;margin-top:19px}.task-card{display:flex;align-items:center;gap:20px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px 24px;min-height:120px;transition:background .15s,border-color .15s}.task-card:hover{background:#fff5eb;border-color:#bb8c85}.task-number{width:49px;height:49px;border-radius:13px;background:var(--soft);color:var(--wine);font-size:24px;font-weight:800;display:grid;place-items:center;flex-shrink:0}.task-copy{display:block;flex:1}.task-copy strong{display:block;font-size:24px;line-height:1.3;color:var(--wine);letter-spacing:-.3px}.task-copy>span{display:block;font-size:18px;color:var(--muted);margin-top:4px}.task-copy small{display:block;font-size:15px;font-weight:800;color:var(--wine);margin-top:7px}.task-card>svg{color:var(--wine)}.first-task{border-color:#c58c95}.first-task .task-number{background:var(--wine);color:var(--cream)}
.page-heading{margin-bottom:25px;max-width:820px}.step-label{color:var(--wine);font-size:14px;letter-spacing:.5px;font-weight:800;margin-bottom:9px}.page-heading>p:last-child{color:var(--muted);font-size:19px;margin-top:13px}.material-list{display:grid;gap:24px}.material-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;overflow:hidden;display:grid;grid-template-columns:230px 1fr;min-width:0}.card-visual{background:#f1e7dc;padding:24px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line)}.card-visual img{max-height:275px;width:auto;object-fit:contain;box-shadow:0 4px 15px #4a2e2226}.card-copy{padding:27px 30px;min-width:0}.card-copy h2{font-size:27px}.card-copy>p:not(.step-label){font-size:18px;color:var(--muted);margin-top:12px}.card-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}.card-actions .button{font-size:17px;flex:1;min-width:195px}.page-return{margin-top:30px;text-align:center}.page-return .button{min-width:250px}.help-box{margin-top:25px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:0 23px;font-size:17px}.help-box summary{cursor:pointer;min-height:64px;padding:18px 0;font-size:19px;font-weight:800;color:var(--wine)}.help-box ul,.help-box ol{margin:0;padding:0 0 0 25px}.help-box li{padding:5px 0}.help-box p{margin:15px 0 22px}.help-box li::marker{color:var(--wine);font-weight:800}.help-box[open] summary{margin-bottom:5px}
.tutorial-section{max-width:850px;margin:auto}.video-frame{background:#2e2021;border-radius:14px;overflow:hidden;aspect-ratio:16/9}.video-frame video{width:100%;height:100%;display:block}.video-play{display:flex;width:100%;margin-top:15px;min-height:58px;font-size:21px}.video-caption{font-size:17px;color:var(--muted);margin-top:12px}.video-credit{font-size:15px;color:var(--muted);margin-top:22px}.video-error{background:var(--soft);padding:18px;border-radius:10px;margin-top:15px}.video-error a{text-decoration:underline;color:var(--wine);font-weight:800}.next-step{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:13px;margin-top:28px}.next-step h2{font-size:22px}.next-step p{font-size:17px;margin-top:8px;color:var(--muted)}.next-step .button{flex-shrink:0}
.reader{border:1px solid var(--line);border-radius:15px;background:var(--cream);color:var(--ink);width:min(1100px,96vw);height:94vh;max-height:1100px;padding:0;overflow:hidden}.reader[open]{display:flex;flex-direction:column}.reader::backdrop{background:#27151acc;backdrop-filter:blur(3px)}.reader-header{display:flex;align-items:center;gap:24px;flex-shrink:0;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--paper)}.reader-header h2{font-size:22px}.reader-header .button{font-size:16px;min-height:48px;flex-shrink:0}.reader-adjustments{display:flex;justify-content:center;gap:10px;padding:9px 16px;flex-shrink:0}.reader-adjustments .button{font-size:16px;min-height:46px;padding:9px 15px}.reader-adjustments svg{width:19px;height:19px}.reader-stage{overflow:auto;min-height:0;flex:1;background:#e7e0d8;padding:16px;overscroll-behavior:contain}.page-box{position:relative;margin:0 auto;background:white;box-shadow:0 3px 18px #21140f25;min-width:50px;min-height:50px}#page-image{position:absolute;top:50%;left:50%;max-width:none;transform-origin:center}.page-message{text-align:center;font-size:18px;max-width:500px;margin:30px auto;padding:20px;background:var(--paper);border-radius:10px}.reader-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:12px 20px 8px;flex-shrink:0;max-width:700px;width:100%;align-self:center}.reader-pagination .button{font-size:17px;min-height:50px}.reader-pagination p{font-size:17px;text-align:center;line-height:1.4;font-weight:800}.reader-download{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 20px 14px;flex-shrink:0}.reader-download .button{font-size:16px;min-height:48px}.reader-download p{font-size:15px;color:var(--muted);max-width:310px;line-height:1.4}
@media(max-width:700px){body{font-size:17px}.header-inner{padding:12px 18px;min-height:76px;gap:10px}.brand{font-size:22px;gap:8px}.brand-mark{width:32px;height:38px}.brand-mark svg{width:24px;height:24px}.header-welcome{display:none}.back-home{font-size:16px;padding:9px 10px;gap:3px}.back-home svg{width:18px;height:18px}main{padding:22px 18px 14px}.welcome{grid-template-columns:1.2fr .8fr;min-height:180px;border-radius:14px}.welcome-copy{padding:23px}.welcome-label{font-size:11px;letter-spacing:.5px}.welcome h1{font-size:29px}.welcome-copy>p:last-child{font-size:16px;margin-top:11px}.welcome>img{object-position:40% center}.home-options{margin-top:24px}.home-options>h2{font-size:26px}.task-card{padding:20px 18px;gap:14px}.task-copy strong{font-size:23px}.task-copy>span{font-size:17px}.task-copy small{font-size:14px}.task-number{width:42px;height:42px;font-size:23px}.page-heading h1{font-size:30px}.page-heading>p:last-child{font-size:18px}.material-card{grid-template-columns:160px 1fr}.card-visual{padding:20px 17px}.card-visual img{max-height:230px}.card-copy{padding:23px}.card-copy h2{font-size:24px}.card-actions{flex-direction:column}.card-actions .button{width:100%;min-width:0;font-size:17px}.next-step{align-items:stretch;flex-direction:column;gap:18px}.help-box{padding:0 20px}.help-box summary{font-size:18px}.reader{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;border-radius:0;margin:0}.reader-header{padding:10px 14px;flex-wrap:wrap;gap:9px}.reader-header h2{font-size:19px;flex-basis:100%}.reader-header .button{padding:9px 12px;font-size:16px;min-height:46px}.reader-adjustments{gap:7px;padding:8px 10px}.reader-adjustments .button{font-size:14px;padding:10px 8px;min-height:44px;gap:5px;flex:1}.reader-adjustments svg{width:17px;height:17px}.reader-pagination{gap:8px;padding:9px 12px 6px;grid-template-columns:1fr 85px 1fr}.reader-pagination .button{font-size:16px;gap:3px;padding:10px 7px;min-height:48px}.reader-pagination svg{width:19px;height:19px}.reader-pagination p{font-size:15px}.reader-download{flex-direction:column;gap:7px;padding:5px 12px max(12px,env(safe-area-inset-bottom))}.reader-download .button{width:100%;min-height:48px}.reader-download p{font-size:14px;text-align:center;max-width:none}}
@media(max-width:460px){.header-inner{flex-wrap:wrap;justify-content:center;padding:10px 16px;gap:4px}.header-inner:has(.back-home:not([hidden])){justify-content:space-between}.brand{font-size:21px}.brand-mark{display:none}.back-home{font-size:15px;padding:8px;min-height:46px}.welcome{display:block;position:relative;min-height:0}.welcome-copy{padding:22px 20px;position:relative;z-index:1}.welcome-label{font-size:11px;margin-bottom:9px}.welcome h1{font-size:28px;max-width:72%}.welcome-copy>p:last-child{font-size:16px;max-width:72%;line-height:1.5;margin-top:10px}.welcome>img{position:absolute;right:0;top:0;width:25%;height:100%;object-position:55% center;mask-image:linear-gradient(to right,transparent,#000 30%)}.home-options{margin-top:22px}.home-options>h2{font-size:25px}.task-list{margin-top:15px;gap:12px}.task-card{padding:18px 14px;gap:12px;align-items:flex-start;min-height:0}.task-number{width:36px;height:36px;border-radius:10px;font-size:21px}.task-copy strong{font-size:22px}.task-copy>span{font-size:17px;line-height:1.5;margin-top:5px}.task-copy small{font-size:14px;line-height:1.4}.task-card>svg{width:18px;height:18px;margin-top:8px}.material-card{grid-template-columns:1fr}.card-visual{height:170px;overflow:hidden;border-right:0;border-bottom:1px solid var(--line);padding:18px 45px 0;align-items:flex-start}.card-visual img{height:205px;width:auto;max-height:none}.card-copy{padding:22px}.card-copy h2{font-size:25px}.card-copy>p:not(.step-label){font-size:18px}.card-actions{margin-top:20px;gap:12px}.card-actions .button{min-height:55px;font-size:18px}.site-footer{font-size:14px;padding:22px 18px}.page-heading h1{font-size:29px}.page-heading>p:last-child{font-size:18px}.step-label{font-size:14px}.video-play{font-size:20px}.help-box{font-size:17px}.page-return .button{width:100%;min-width:0}.reader-header h2{font-size:18px}}
.extra-offers{max-width:800px;margin:44px auto 0;padding-top:32px;border-top:1px solid var(--line)}.extra-offers>h2{font-size:28px}.extras-intro{font-size:18px;color:var(--muted);margin-top:9px}.offer-list{display:grid;gap:18px;margin-top:23px}.offer-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:15px 18px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px}.offer-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:var(--soft);color:var(--wine)}.offer-icon svg{width:28px;height:28px}.offer-monogram{font-size:24px;font-weight:800;letter-spacing:-1px}.offer-copy{min-width:0}.offer-copy h3{font-size:23px;color:var(--ink)}.offer-copy p{font-size:18px;color:var(--muted);margin-top:8px;line-height:1.6}.offer-card>.button{grid-column:2;justify-self:start;min-height:54px;font-size:18px}.offer-card>.button svg{width:19px;height:19px}.extras-note{font-size:16px;color:var(--muted);margin-top:19px;line-height:1.6}
@media(max-width:540px){.extra-offers{margin-top:34px;padding-top:26px}.extra-offers>h2{font-size:26px}.offer-card{padding:21px 18px;grid-template-columns:42px minmax(0,1fr);gap:15px 12px}.offer-icon{width:42px;height:42px;border-radius:11px}.offer-icon svg{width:24px;height:24px}.offer-monogram{font-size:22px}.offer-copy h3{font-size:23px}.offer-card>.button{grid-column:1/-1;width:100%;justify-self:stretch}.offer-copy p{font-size:17px}.extras-note{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}