/* Storyne: stronger contrast, generous controls, dark green chrome. */
:root{--paper:#f0f0e5;--ink:#20352b;--muted:#4e6256;--green:#254f3c;--line:#c8d0bb;--gold:#c5a66c}
body{font-size:16px;line-height:1.75;background:radial-gradient(ellipse at 85% 5%,#d9d6b633,transparent 38%),#f0f0e5;color:var(--ink)}
p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 80px))}.section{padding:88px 0}h1,h2,h3{letter-spacing:-.035em}h2{font-size:clamp(32px,3.5vw,46px)}h3{line-height:1.3}.eyebrow{font-size:11px;letter-spacing:.12em;color:#44613f;font-weight:750}.status-dot{background:#8baf72;box-shadow:0 0 0 4px #54733c15}
.site-header{background:linear-gradient(115deg,#172b22,#2c4130 65%,#273627);border-bottom:1px solid #a88e525e;box-shadow:0 4px 20px #16271f24;backdrop-filter:blur(20px)}.nav{height:86px;gap:20px}.nav .brand,.site-footer .brand{color:#fff4db;font-size:30px}.nav .brand img,.site-footer .brand img{width:40px;height:40px;border-radius:8px}.nav .brand-dot{color:#d0b77b}.nav nav{gap:8px;font-size:15px;color:#e1e8d6;font-weight:550}.nav nav a{min-height:46px;display:inline-flex;align-items:center;padding:10px 16px;border:1px solid transparent;border-radius:8px;transition:background .18s,border-color .18s,transform .18s}.nav nav a:hover{background:#ffffff0e;border-color:#dfd2a833;transform:translateY(-1px)}.nav nav a.active{background:linear-gradient(135deg,#d5c18c24,#a4b48a14);border-color:#c7ae7f5e;color:#fff1bf;box-shadow:inset 0 1px 0 #fff1}.nav nav a.active:after{content:none}.account-button{min-height:46px;padding:5px 12px 5px 6px;gap:10px;font-size:14px;border:1px solid #adbf9d66;background:linear-gradient(130deg,#ffffff0c,#ced9a808);color:#f7f3e5;border-radius:25px;box-shadow:0 2px 7px #0002;transition:background .2s,transform .2s}.account-button:hover{background:#ffffff15;transform:translateY(-1px)}.person-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;background:#c6cfb81f;border-radius:50%;font:600 14px/1 var(--sans);overflow:hidden}.account-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.account-button #account-label{max-width:145px}.account-arrow{color:#c7b885}.mobile-nav-toggle{color:#f5ecd4;background:#ffffff0b;border:1px solid #cbd1bc4a;min-height:44px;min-width:44px;border-radius:8px}
.button{min-height:50px;font-size:14px;line-height:1.4;font-weight:650;padding:14px 21px;gap:16px;border-radius:9px;transition:transform .16s ease,background .16s,border-color .16s,box-shadow .16s;box-shadow:0 3px 8px #20372b0b}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #1d34251c}.button:active{transform:translateY(0) scale(.98);box-shadow:inset 0 2px 5px #0002}.button:disabled{opacity:.68;transform:none;box-shadow:none;background:#d9dece;color:#5e6e60;border-color:#b9c5ae}.primary{background:linear-gradient(125deg,#345f43,#244b38 75%);border-color:#294b36;color:#fff9e8;box-shadow:inset 0 1px 0 #ffffff15,0 4px 12px #244b3824}.primary:hover{background:linear-gradient(125deg,#416f4e,#315c42);border-color:#63825b}.secondary{background:linear-gradient(135deg,#fffef6,#e6ebdc);border-color:#aebc9e;color:#2f4c36}.secondary:hover{background:linear-gradient(135deg,#f6f8eb,#dce5cf);border-color:#758e64}.quiet{background:linear-gradient(140deg,#eef0dd,#dce4d0);border-color:#b3c39e}.text-link{min-height:44px;font-size:14px;align-items:center}.button:focus-visible,.nav a:focus-visible,.account-button:focus-visible{outline:3px solid #c5a365;outline-offset:4px}.section-heading{gap:40px;margin-bottom:34px}.section-heading>p{max-width:360px;font-size:16px;line-height:1.8}
.discovery-top{position:relative;background:radial-gradient(ellipse at 80% 10%,#a6b48a35,transparent 55%),radial-gradient(ellipse at 10% 80%,#d2b87525,transparent 55%),linear-gradient(145deg,#f2f0df,#e8eddf);border-bottom:1px solid #b9c6a8}.discovery-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:65px;align-items:center;padding-top:62px;padding-bottom:45px}.discovery-copy{min-width:0}.discovery-copy h1{font-size:clamp(40px,4.3vw,62px);line-height:1.08;font-weight:600;margin:21px 0 24px}.discovery-copy h1 em{font-size:.91em;color:#4c6b40}.discovery-copy>p{font-size:17px;line-height:1.8;max-width:495px;margin-bottom:25px;color:#475a49}.discovery-actions{display:flex;gap:12px;flex-wrap:wrap}.discovery-actions .primary{min-height:54px;font-size:15px;padding:15px 24px}.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;max-width:470px}.preview-actions .button{gap:11px;padding:12px 14px;text-align:left;justify-content:space-between;font-size:12px;font-weight:450;min-height:66px}.preview-actions strong{display:block;font-size:16px;letter-spacing:.01em;line-height:1.4}.preview-button-icon{font-size:25px;color:#536d42;line-height:1}.preview-availability{display:block;font-size:12px;margin-top:9px;color:#586e50}.discovery-promises{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:22px;font-size:11px;color:#536d43;font-weight:600}.discovery-promises span:before{content:'✓';margin-right:6px;color:#426a37}
.hero-film{min-width:0;padding:22px;background:linear-gradient(145deg,#344537,#1c3025);border:1px solid #9ba879;border-radius:16px;box-shadow:0 20px 44px -15px #25362955,inset 0 1px 0 #fff1;position:relative}.hero-film:before{content:'';position:absolute;inset:-7px;border:1px solid #a69b6e44;border-radius:22px;pointer-events:none}.film-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.film-heading .eyebrow{color:#dbc78f;font-size:10px}.film-heading-note{color:#c5d0b8;font-size:11px}.hero-film .film-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;margin-bottom:15px;padding:0}.hero-film .film-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;font-size:14px;line-height:1.4;border-radius:8px;padding:12px;color:#cdd8bf;background:#ffffff08;border:1px solid #cbd7b42e;transition:background .18s,transform .18s,border-color .18s}.hero-film .film-tabs button[aria-selected=true]{color:#fff1bd;border-color:#b9a06b;background:linear-gradient(125deg,#e3c47f24,#dcc88d0e);box-shadow:inset 0 1px 0 #fff1,0 3px 7px #0002}.hero-film .film-tabs button:hover{background:#ffffff14;border-color:#bac59f88}.hero-film .film-tabs button:active{transform:scale(.98)}.hero-film .video-stage{aspect-ratio:16/10;min-height:0;background:radial-gradient(ellipse at 50% 35%,#3e5840,#12291f 75%);border-radius:10px;border:1px solid #879d6766;box-shadow:inset 0 0 45px #0a1f1b66;overflow:hidden}.hero-film .video-content{padding:25px;text-align:center;gap:16px}.hero-film .video-content .brand{justify-content:center;color:#fff0c8;font-size:34px}.hero-film .video-content .brand img{width:42px;height:42px;border-radius:7px}.hero-film .video-content>p{font:italic 25px/1.4 Georgia,serif;color:#dae3c8;margin:14px 0}.hero-film .video-content small{font-size:10px;letter-spacing:.09em;color:#b5cba3}.hero-film .video-play{width:60px;height:60px;min-width:60px;min-height:60px;font-size:23px;border-color:#c6b47e;background:#e5cc8733;color:#fff0c4;box-shadow:0 4px 14px #0003;margin:0 auto}.hero-film .film-caption{gap:10px;flex-wrap:wrap;font-size:11px;color:#ced9bc;margin-top:15px}.hero-film .film-caption>span:last-child{font-size:9px;color:#afc298;letter-spacing:.08em}.compatibility{display:flex;flex-wrap:wrap;align-items:center;gap:10px 25px;border-top:1px solid #b5c29f;padding-top:24px;padding-bottom:24px}.compatibility>span{font-size:10px;font-weight:700;letter-spacing:.1em;color:#536c48}.compatibility>div{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap}.compatibility>div>span{font-size:14px;font-weight:650;color:#355132}.compatibility small{font-size:10px;border:1px solid #aaba91;border-radius:4px;padding:2px 5px;margin-left:4px;font-weight:400}.compatibility>p{font-size:11px;margin:0 0 0 auto;color:#5b7051}
.product-card{border-color:#b5c49e;padding:34px;border-radius:15px;box-shadow:0 12px 26px -12px #31462a33,inset 0 1px 0 #ffffff88}.editor-card{background:linear-gradient(135deg,#e4e9d5,#d6dfc5)}.reader-card{background:linear-gradient(145deg,#e1e8d9,#d2dfca)}.product-card h3{font-size:29px;line-height:1.2;margin-bottom:20px}.product-card h3>span{font-size:28px;line-height:1.35;margin-top:9px;color:#536d42}.product-card>p{font-size:15px;line-height:1.85;color:#465b42;min-height:0}.product-symbol{color:#526e42;font-size:30px}.pill{font-size:10px;letter-spacing:.07em;padding:5px 10px;background:#c8d6b391;border-color:#95ad78;color:#395832}.product-points{padding:0;list-style:none;font-size:14px;color:#3b5538;margin:24px 0}.product-points li{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid #83996b33}.product-points li:before{content:'✓';color:#648643}.product-bottom{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:27px}.product-bottom>span{font-size:11px;color:#526d43}.action-section{background:radial-gradient(ellipse at 100% 0,#c2b57e1f,transparent 65%),linear-gradient(120deg,#1e3428,#2a4030);border-top:1px solid #9b9f6d;border-bottom:1px solid #9b9f6d}.action-explainer{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.action-explainer>.action-detail-card{min-width:0}.action-explainer>.action-detail-card:before{content:none}.action-explainer>.action-detail-card h3{color:#f2e9d2}.action-explainer>div>h2{color:#fff4d9;margin:18px 0 25px}.action-explainer h2 em{color:#b6cb95}.action-explainer>div>.eyebrow{color:#d2bb7e}.action-explainer>div>p{font-size:15px;line-height:1.9;color:#d3dfc5}.action-explainer>div>p strong{color:#f6df9c}.action-detail-card{background:linear-gradient(145deg,#ffffff0d,#b1b7750d);border:1px solid #a7ac776e;border-radius:15px;padding:32px;box-shadow:0 14px 28px #101f1844,inset 0 1px 0 #fff1}.score-demo{display:flex;align-items:center;gap:20px;margin:25px 0;color:#e4c579}.score-demo>span:first-child{font-size:64px;line-height:1}.score-demo>span:last-child{font-size:17px;line-height:1.35;color:#f2ebd4}.score-demo strong{font-size:65px;font-weight:500;display:block;color:#e6cc86;line-height:1.1}.difficulty-note{display:flex;gap:14px;padding:18px 0;margin-top:20px;border-top:1px solid #d5c28b44}.difficulty-note>span{display:grid;place-items:center;border:1px solid #d6c58c;border-radius:5px;flex:0 0 25px;width:25px;height:25px;line-height:1;color:#e7d392;background:#c5b36c19}.difficulty-note strong{color:#e4eacb;font-size:14px}.difficulty-note p{font-size:13px;line-height:1.7;color:#bbcba9;margin:5px 0 0}.action-concepts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.action-concepts span{padding:4px 9px;font-size:11px;border:1px solid #c1c69244;border-radius:5px;color:#d5dab6;background:#e4d5900a}
.craft-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{position:relative;padding:28px 30px;background:linear-gradient(135deg,#fafaf0,#e7ebdd);border:1px solid #bac6a5;border-radius:12px;box-shadow:0 8px 20px -9px #32492a26}.feature-number{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:8px;background:#d7dfc5;color:#526c3e;font-size:13px;font-weight:700;border:1px solid #b6c49b;margin-bottom:20px}.feature-card h3{font-size:22px;margin-bottom:12px}.feature-card p{font-size:15px;line-height:1.8;margin-bottom:0}.pixel-callout{display:flex;gap:25px;align-items:center;padding:27px 30px;border:1px solid #9cab7d;background:linear-gradient(120deg,#dce3c8,#e5e6cf);border-radius:12px;margin-top:22px;box-shadow:0 7px 18px -10px #2f472b33}.pixel-callout h3{font-size:22px;margin:0 0 8px}.pixel-callout p{font-size:14px;margin:0;line-height:1.8}.pixel-callout .pill{white-space:nowrap}.pixel-symbol{display:grid;grid-template-columns:12px 12px;gap:5px;flex:none}.pixel-symbol i{width:12px;height:12px;background:#6e854b;box-shadow:inset 2px 2px 0 #b0c18d}.formats-section{background:linear-gradient(120deg,#e1e5d3,#e9e6d2);border-top:1px solid #bcc7a5;border-bottom:1px solid #bcc7a5}.format-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.format-grid article{padding:28px;background:linear-gradient(140deg,#f9f8eccc,#f1f0df);border:1px solid #b3bf99;border-radius:12px;box-shadow:0 8px 22px -12px #35452b33}.format-icon{font:30px/1.2 Georgia,serif;color:#637a46;display:block;margin-bottom:22px}.format-grid h3{font-size:20px;margin-bottom:18px}.format-list{display:flex;flex-wrap:wrap;gap:8px}.format-list span{background:#dce3cb;border:1px solid #b1bf98;border-radius:5px;padding:4px 9px;font-size:12px;color:#425d36;font-weight:650}.format-grid p{font-size:12px;margin:15px 0 0;line-height:1.7}.library-discovery{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.library-discovery h2{margin:17px 0 22px}.library-discovery>div>p{font-size:15px}.discovery-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.discovery-tags span{border:1px solid #b7b282;background:linear-gradient(125deg,#ede7cb,#e0dec0);padding:6px 12px;color:#60603c;border-radius:6px;font-size:12px;box-shadow:0 2px 4px #7263410a}.share-card{padding:34px;background:linear-gradient(135deg,#e0e6ce,#d1dcbe);border:1px solid #a6b48b;border-radius:14px;box-shadow:0 12px 28px -15px #32492b44}.share-card>span{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;font-size:28px;background:#c2cfa9;border-radius:10px;margin-bottom:21px;color:#56703c}.share-card h3{font-size:27px;margin:0 0 17px}.share-card p{font-size:15px;line-height:1.8}.share-card .button{margin-top:10px}
.donation{padding-top:0;padding-bottom:75px}.donation-inner{border-color:#a7b88e;background:radial-gradient(ellipse at 100% 0,#d8c58944,transparent 65%),linear-gradient(130deg,#e1e7d0,#d9e1c8);box-shadow:0 12px 28px -12px #30472a33}.donation-inner p{font-size:15px;color:#4a613f}.donation-options button{min-height:48px;font-size:14px;border-color:#9eaf85;color:#466039;background:linear-gradient(130deg,#f5f5e6,#e6ead5);border-radius:7px;transition:background .16s,transform .16s,box-shadow .16s}.donation-options button[aria-pressed=true]{background:linear-gradient(130deg,#547640,#355c38);color:#fff7dd;border-color:#36572e;box-shadow:0 3px 9px #2d4d2730}.donation-options button:hover{border-color:#557d3a;box-shadow:0 3px 8px #38562b1c}.donation-options button:active{transform:scale(.97)}.donation-small{color:#5e704d;font-size:11px}.donation-custom .input-affix{min-height:50px;background:#f8f8ed;border-color:#a8b88e}.donation-custom input{font-size:16px;color:#2f4c35}.donation-inner h2{font-size:34px;line-height:1.2}.donation-inner h2 em{color:#54723f}.site-footer{background:radial-gradient(ellipse at 0 0,#4d604226,transparent 65%),linear-gradient(135deg,#243b2c,#14271e);color:#eef0d9;border-top:1px solid #b19a605c;box-shadow:inset 0 1px 0 #e1cc8419}.footer-top{padding-top:45px;padding-bottom:38px}.footer-top p{color:#b9c9a7;font-size:14px}.footer-top>div a,.footer-top>div button{font-size:14px;color:#e4e6cd;min-height:38px;display:inline-flex;align-items:center;transition:color .15s}.footer-top>div a:hover,.footer-top>div button:hover{color:#e9c985}.footer-bottom{border-color:#a6b28b33;color:#bac7a4;font-size:11px;padding:22px 0}.footer-bottom>span:last-child{color:#a8b795}
.downloads-heading h1{font-size:clamp(38px,4.5vw,62px)}.downloads-heading p{font-size:17px;color:#506447}.download-card{background:linear-gradient(140deg,#fcfbf0,#e8eddd);border-color:#aabf91;box-shadow:0 12px 30px -15px #30472b44}.download-card.featured{background:linear-gradient(135deg,#e4e9d5,#d7e1c6);border-color:#839d63}.download-card>p{font-size:16px;color:#4e6741}.download-card .price{color:#294b32}.download-card .price>span:not(.price-number){color:#557147;font-size:13px}.check-list{font-size:14px;color:#3d5b35}.download-variant p{font-size:14px;color:#546b44}.download-variant strong,.delivery-row strong{font-size:15px}.download-card .release-note,.purchase-note,.delivery-row small{font-size:12px;line-height:1.7;color:#5b6e4e}.delivery-row{border-color:#a2b68988}.delivery-row button{width:45px;height:45px;min-width:45px;font-size:22px;color:#365732;background:linear-gradient(130deg,#f4f5e4,#dae3c7);border-color:#a4b78b;border-radius:8px}.installation p,.faq p{font-size:15px;color:#506647}.installation h3{font-size:23px}.installation article>span{font-size:13px;color:#5c7547}.faq h2{font-size:32px}.faq summary{font-size:16px;min-height:60px;align-items:center;color:#334f32}.faq details{border-color:#b8c9a3}.contact-layout p{font-size:16px}.contact-tip{font-size:13px!important;color:#617153!important}.contact-address{font-size:16px}.contact-art{background:linear-gradient(140deg,#dce4cb,#becfa8);border:1px solid #a9b98f;box-shadow:0 16px 32px -15px #30472b44}
.admin-heading p{font-size:16px}.admin-box{background:linear-gradient(135deg,#fbfbf2,#edf0e4);border-color:#b2c39b;box-shadow:0 8px 22px -13px #2f472b33}.admin-box h2{font-size:23px}.admin-box label:not(.button){font-size:14px}.admin-box input,.admin-box select,.input-affix{min-height:48px;background:#f9faef;border-color:#a8bb90;color:#35542e;font-size:15px}.admin-box input::placeholder{color:#6f7e65}.admin-box .field-help,.backup-box p{font-size:14px;line-height:1.8;color:#536c44}.discount-options button{min-height:42px;font-size:13px;border-color:#a4b88b;background:#ecf1dd;transition:transform .15s,background .15s}.discount-options button[aria-pressed=true]{background:#c4d4ab;border-color:#6d8d4d;color:#314d29}.discount-options button:active{transform:scale(.96)}.admin-box .price-preview{font-size:14px}.admin-box .price-preview strong{font-size:23px}.stat-grid article{border-color:#afc098;background:linear-gradient(130deg,#f9faee,#e2e9d5);box-shadow:0 8px 18px -12px #314c2b33}.stat-grid article>span,.stat-grid small{font-size:12px;color:#587344}.stat-grid article>strong{color:#315730}.chart-column small{font-size:11px;color:#536e40}.chart-key{font-size:11px;color:#536e40}.admin-box .box-heading select{width:90px;min-height:42px}.backup-box small{font-size:12px;line-height:1.8;color:#63734c}.admin-box table{font-size:13px}.admin-box th{font-size:12px;color:#5b7346}.table-scroll{scrollbar-width:thin;scrollbar-color:#7a9462 #e0e6d2}
dialog{background:linear-gradient(140deg,#faf9ed,#e8edda);border:1px solid #a7b88e;box-shadow:0 20px 65px #12231866}dialog h2{font-size:31px}dialog p{font-size:15px;color:#506545}dialog>small{font-size:12px;color:#60744e}.dialog-close{font-size:27px;min-height:40px;min-width:40px;border:1px solid #b6c3a2;background:#dce4c9;border-radius:9px}.toast{font-size:14px;line-height:1.6;border-color:#a8bc86;box-shadow:0 9px 28px #10291f44;max-width:min(540px,calc(100vw - 32px));padding:16px 22px}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav nav{gap:2px}.nav nav a{padding:9px 11px;font-size:13px}.nav .brand{font-size:27px}.account-button{font-size:13px}.account-button #account-label{max-width:100px}.discovery-hero{gap:32px}.discovery-copy h1{font-size:48px}.discovery-copy>p{font-size:16px}.film-heading-note{display:none}.hero-film{padding:17px}.hero-film .film-tabs button{font-size:13px}.hero-film .video-content>p{font-size:21px}.action-explainer,.library-discovery{gap:38px}.product-card{padding:28px}.product-card h3>span{font-size:26px}.compatibility{gap:12px 20px}.compatibility>p{width:100%;margin:0}.pixel-callout .pill{display:none}}
@media(max-width:800px){.nav{height:76px;gap:12px}.nav nav{background:linear-gradient(130deg,#253d2c,#1c3024);border:1px solid #9da87766;border-radius:10px;box-shadow:0 12px 22px #132b2244;padding:10px;top:70px}.nav nav.open{gap:5px}.nav nav a{font-size:15px;min-height:46px;width:100%;padding:10px 16px}.account-button{margin-left:auto}.mobile-nav-toggle{display:block}.discovery-hero{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:35px}.discovery-copy{max-width:650px}.discovery-copy h1{font-size:clamp(42px,7.7vw,57px)}.discovery-copy>p{max-width:600px}.preview-actions{max-width:470px}.hero-film{max-width:650px;width:100%;justify-self:center;padding:20px}.hero-film .video-stage{aspect-ratio:16/9}.hero-film .video-content>p{font-size:26px}.film-heading-note{display:block}.hero-film .film-tabs button{font-size:15px}.compatibility{padding-top:22px;padding-bottom:24px}.compatibility>div{gap:12px 20px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin:20px 0 0;max-width:600px;font-size:15px}.product-grid,.format-grid{grid-template-columns:1fr}.product-card{padding:29px}.product-card h3{font-size:30px}.product-card h3>span{font-size:29px}.product-card>p{font-size:16px}.product-points{font-size:14px}.action-explainer,.library-discovery{grid-template-columns:1fr;gap:30px}.action-detail-card{padding:28px}.action-explainer>div>p{font-size:16px}.craft-grid{gap:15px}.feature-card{padding:24px}.feature-card h3{font-size:20px}.feature-card p{font-size:14px}.format-grid{gap:15px}.format-grid article{padding:25px}.format-icon{margin-bottom:14px}.format-grid h3{font-size:22px}.format-list span{font-size:13px}.pixel-callout{padding:24px;gap:20px}.pixel-callout h3{font-size:21px}.donation{padding-bottom:55px}.donation-inner h2{font-size:33px}.donation-inner{padding:28px}.footer-top{padding-top:35px;padding-bottom:30px}.download-grid{gap:22px}.download-card .price{font-size:43px}.download-card{padding:28px}.admin-box{padding:25px}.stat-grid article{padding:23px}.admin-box h2{font-size:22px}}
@media(max-width:540px){.wrap{width:calc(100% - 36px)}.nav{height:72px;gap:10px}.nav .brand{font-size:25px;gap:8px}.nav .brand img{width:33px;height:33px}.account-button{padding:4px 8px 4px 4px;min-height:42px;gap:7px;font-size:12px;max-width:150px}.person-icon{width:30px;height:30px;flex-basis:30px;font-size:12px}.account-button #account-label{max-width:82px}.account-arrow{display:none}.mobile-nav-toggle{min-height:42px;min-width:38px;font-size:22px;padding:0}.nav nav{top:66px;left:18px;right:18px;max-width:none}.discovery-hero{padding-top:34px;gap:30px}.discovery-copy>.eyebrow{font-size:10px}.discovery-copy h1{font-size:43px;margin:20px 0 23px}.discovery-copy>p{font-size:16px;line-height:1.8;margin-bottom:23px}.discovery-actions .primary{font-size:14px;min-height:52px}.preview-actions{gap:10px;margin-top:12px}.preview-actions .button{font-size:11px;padding:11px 10px;gap:7px;min-height:65px}.preview-actions strong{font-size:15px}.preview-button-icon{font-size:22px}.preview-availability{font-size:11px}.discovery-promises{font-size:10px;gap:6px 12px;margin-top:18px}.hero-film{padding:14px;border-radius:12px}.hero-film:before{inset:-5px;border-radius:17px}.film-heading{margin-bottom:13px}.film-heading .eyebrow{font-size:9px}.film-heading-note{font-size:10px}.hero-film .film-tabs{gap:7px;margin-bottom:12px}.hero-film .film-tabs button{font-size:12px;padding:10px 6px;min-height:45px;gap:7px}.hero-film .video-content{padding:18px}.hero-film .video-content .brand{font-size:28px}.hero-film .video-content .brand img{width:35px;height:35px}.hero-film .video-content>p{font-size:21px;margin:10px 0}.hero-film .video-content small{font-size:8px;letter-spacing:.07em}.hero-film .video-play{width:48px;height:48px;min-width:48px;min-height:48px;font-size:19px}.hero-film .film-caption{font-size:10px;margin-top:11px}.hero-film .film-caption>span:last-child{font-size:8px}.compatibility{gap:13px}.compatibility>span{font-size:9px}.compatibility>div{gap:10px 17px}.compatibility>div>span{font-size:13px}.compatibility>p{font-size:10px}.section{padding:53px 0}h2{font-size:33px}.eyebrow{font-size:10px}.section-heading>p{font-size:15px}.product-card{padding:25px}.product-card h3{font-size:28px}.product-card h3>span{font-size:26px}.product-card>p{font-size:15px}.product-points{font-size:13px;margin:20px 0}.product-bottom{gap:12px}.product-bottom>span{font-size:11px}.product-bottom .button{font-size:14px}.card-top{margin-bottom:23px}.pill{font-size:9px}.action-detail-card{padding:24px}.action-explainer>div>p{font-size:15px}.score-demo{gap:18px;margin:24px 0}.score-demo strong{font-size:58px}.score-demo>span:first-child{font-size:57px}.difficulty-note strong{font-size:13px}.craft-grid{grid-template-columns:1fr}.feature-card{padding:24px}.feature-card p{font-size:15px}.feature-card h3{font-size:23px}.feature-number{margin-bottom:17px}.pixel-callout{align-items:start;padding:24px 20px;gap:16px}.pixel-symbol{margin-top:6px;grid-template-columns:10px 10px;gap:4px}.pixel-symbol i{width:10px;height:10px}.pixel-callout h3{font-size:20px}.pixel-callout p{font-size:14px}.share-card{padding:25px}.share-card h3{font-size:26px}.library-discovery>div>p{font-size:15px}.discovery-tags{gap:7px}.discovery-tags span{font-size:12px;padding:6px 10px}.format-grid article{padding:25px}.format-list span{font-size:12px}.donation-inner{padding:26px 23px}.donation-inner h2{font-size:29px}.donation-inner p{font-size:14px}.donation-options{gap:7px}.donation-options button{font-size:13px;min-height:45px}.donation-custom{gap:9px}.donation-custom .button{font-size:12px;padding:12px 13px;gap:9px}.donation-small{font-size:10px;line-height:1.8}.footer-top{gap:25px}.site-footer .brand{font-size:27px}.site-footer .brand img{width:34px;height:34px}.footer-top p{font-size:13px}.footer-top>div a,.footer-top>div button{font-size:13px}.footer-bottom{font-size:10px;line-height:1.8;padding:19px 0;gap:6px}.downloads-heading h1{font-size:39px}.downloads-heading p{font-size:15px}.download-card{padding:26px}.download-card>p{font-size:15px}.download-card .price>span:not(.price-number){font-size:12px}.check-list{font-size:14px}.faq h2{font-size:29px}.faq summary{font-size:14px}.installation h3{font-size:22px}.installation p{font-size:15px}.admin-heading h1{font-size:38px}.admin-heading p{font-size:15px}.stat-grid article>strong{font-size:30px}.stat-grid article>span,.stat-grid small{font-size:11px}.admin-box{padding:22px}.admin-box h2{font-size:21px}.admin-box .box-heading h2{font-size:19px}.admin-box label:not(.button){font-size:14px}.discount-options{gap:6px}.discount-options button{font-size:12px;min-height:40px}.admin-box .box-heading select{font-size:13px;flex-basis:82px;width:82px}.chart-column small{font-size:9px}.chart-key{font-size:10px}.button{font-size:14px}.contact-layout h1{font-size:45px}.contact-layout p{font-size:15px}.contact-art>span{font-size:28px}dialog{padding:32px 24px}dialog h2{font-size:28px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.nav{gap:7px}.nav .brand{font-size:23px;gap:6px}.nav .brand img{width:29px;height:29px}.account-button{font-size:11px;gap:6px;padding-right:7px}.account-button #account-label{max-width:70px}.person-icon{width:27px;height:27px;flex-basis:27px}.mobile-nav-toggle{min-width:33px}.discovery-copy h1{font-size:39px}.film-heading-note{display:none}.preview-actions .button{padding:10px 8px;gap:6px}.preview-actions .button>span:last-child{display:none}.donation-custom .button{font-size:11px;gap:6px;padding:12px 10px}.hero-film .video-content>p{font-size:19px}.hero-film .video-content small{font-size:7px}.discount-options{flex-wrap:wrap}.account-button .person-icon{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.button,.nav nav a,.account-button,.hero-film .film-tabs button,.donation-options button{transition:none!important;transform:none!important}}
@media(max-width:800px){.nav nav{display:none;position:absolute;left:clamp(14px,3.5vw,28px);right:clamp(14px,3.5vw,28px);width:auto;max-width:none;z-index:3}.nav nav.open{display:flex;flex-direction:column}.nav>.brand,.nav>.account-button,.nav>.mobile-nav-toggle{flex-shrink:0}}

/* One continuous custom silhouette; the central flourish keeps a fixed ratio. */
.site-header,.site-footer{overflow:visible;--chrome-fill:linear-gradient(115deg,#172b22,#2c4130 65%,#273627)}
.site-footer{position:relative;--chrome-fill:linear-gradient(135deg,#243b2c,#14271e)}
.chrome-ornament{position:absolute;left:0;width:100%;height:30px;pointer-events:none;z-index:1;filter:drop-shadow(0 3px 3px #0e211d55)}
.chrome-ornament-nav{bottom:-25px}
.chrome-ornament-footer{top:-25px;transform:scaleY(-1)}
.chrome-ornament-fill{position:absolute;inset:0;background:var(--chrome-fill);clip-path:polygon(0 0,100% 0,100% 9px,calc(50% + 45px) 9px,calc(50% + 32px) 19px,calc(50% + 8px) 19px,50% 27px,calc(50% - 8px) 19px,calc(50% - 32px) 19px,calc(50% - 45px) 9px,0 9px)}
.chrome-ornament::before,.chrome-ornament::after{content:'';position:absolute;top:7px;height:3px;width:calc(50% - 59px);background:linear-gradient(#dfc98b,#9e8148);box-shadow:0 1px 0 #07180f66}
.chrome-ornament::before{left:0}.chrome-ornament::after{right:0}
.chrome-ornament svg{position:absolute;left:50%;top:0;width:120px;height:30px;max-width:none;transform:translateX(-50%);overflow:visible;stroke:#d6bb79;fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #0008)}
.chrome-ornament .ornament-flourish{stroke:#dfc98b;stroke-width:1.7}
.chrome-ornament .ornament-dot{fill:#dfc98b;stroke:none}

/* Give Downloads, Contact and Administration the same visual hierarchy. */
#page-downloads{padding-top:42px}
#page-downloads .downloads-heading{padding:38px 42px;margin-bottom:32px;border:1px solid #adb98e;border-radius:15px;background:radial-gradient(ellipse at 90% 0,#c4ab6b2b,transparent 55%),linear-gradient(125deg,#e4e9d5,#dce5cc);box-shadow:0 12px 28px -17px #25452b55;text-align:left}
#page-downloads .downloads-heading h1{font-size:clamp(35px,4vw,54px);margin:16px 0 18px}
#page-downloads .downloads-heading p{margin-bottom:0;max-width:690px}
.download-card{position:relative;overflow:hidden}
.download-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#b5a16a,#74894e,#b5a16a)}
.download-card.featured::before{background:linear-gradient(90deg,#607d46,#c2a96c,#607d46)}
.download-title .pill{font-size:11px}
.download-card .check-list li{padding:8px 0;font-size:15px;line-height:1.6}
.download-card .download-variant{background:linear-gradient(135deg,#e1e9d2,#d1debd);border:1px solid #a5b88d;border-radius:11px;padding:22px;margin-top:24px}
.download-card .delivery-row{padding:15px 0}
.download-card .owned-badge,.purchase-status{background:linear-gradient(125deg,#c8dcb5,#e2ebce);border:1px solid #91b477;border-radius:9px;color:#2b542f;padding:13px 17px;font-size:14px}
.purchase-status{margin-bottom:24px}
.installation-grid{padding:30px;border:1px solid #b3c29a;border-radius:13px;background:linear-gradient(135deg,#e5e9d5,#dce4cd);box-shadow:0 8px 20px -15px #2e4d2b44}
.faq details{padding:0 20px;background:linear-gradient(130deg,#f9f9ed,#e9efdc);border:1px solid #b5c39f;border-radius:9px;margin-bottom:12px;box-shadow:0 4px 12px -9px #35552b33}
.faq details[open]{border-color:#819d61;background:linear-gradient(130deg,#f4f6e5,#e1e9ce)}
.faq details p{padding:0 0 17px;margin-bottom:0;line-height:1.85}
.faq summary{min-height:64px}
.contact-layout{align-items:center;gap:65px}
.contact-layout h1{font-size:clamp(43px,4.8vw,65px);margin:20px 0 25px}
.contact-layout>div:first-child{padding:30px 0}
.contact-art{background:radial-gradient(ellipse at 50% 0,#68844e44,transparent 70%),linear-gradient(140deg,#2d4833,#193224);border:1px solid #8e9d66;border-radius:17px;box-shadow:0 18px 34px -15px #1b352a66,inset 0 1px 0 #ffffff16;position:relative;overflow:hidden}
.contact-art::before,.contact-art::after{content:'';position:absolute;pointer-events:none;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,#c9b276,transparent)}
.contact-art::before{top:25px}.contact-art::after{bottom:25px}
.contact-art>span{color:#f2ebcf;font-size:33px}.contact-art em{color:#c3d5a3}.contact-art>div{color:#d6bd7f}
.contact-layout .contact-address{color:#42613a;font-size:17px;font-weight:600;overflow-wrap:anywhere}
.contact-layout .contact-tip{padding:18px 20px;border-left:3px solid #ac995f;background:linear-gradient(120deg,#e2e7d1,#e9ead8);border-radius:0 9px 9px 0;line-height:1.8}
.admin-heading{padding:30px 34px;background:radial-gradient(ellipse at 90% 0,#c8b3712b,transparent 60%),linear-gradient(125deg,#e3e9d3,#d9e3c8);border:1px solid #afbd92;border-radius:14px;box-shadow:0 10px 25px -16px #304a2b55;margin-bottom:25px}
.admin-heading h1{font-size:clamp(35px,4vw,51px);margin:15px 0}.admin-heading p{color:#4a6340;margin-bottom:0;max-width:680px}
.stat-grid article{position:relative;border-top:3px solid #8ca368;border-radius:11px}
.stat-grid article:nth-child(2){border-top-color:#b29c65}
.admin-box .chart-key{font-size:12px;line-height:1.8}
.empty-state{max-width:640px;margin:15px auto;padding:40px 34px;background:linear-gradient(130deg,#e3e9d3,#d8e3c7);border:1px solid #acbd91;border-radius:15px;box-shadow:0 12px 26px -15px #2d4b2b44}
.empty-state>span{font-size:43px;color:#688950}.empty-state p{font-size:16px;line-height:1.8}.empty-state h1{font-size:clamp(33px,4vw,45px)}
#account-dialog{width:min(485px,calc(100vw - 36px));padding:37px 34px 30px;max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#819a62 #e0e6d1;background:radial-gradient(ellipse at 100% 0,#c5b27225,transparent 65%),linear-gradient(140deg,#f4f4e5,#dfe8d0)}
#account-dialog .dialog-logo{width:60px;height:60px;margin-bottom:24px;border-radius:11px;box-shadow:0 3px 11px #2d47251a}
#account-dialog h2{font-size:30px;line-height:1.3;margin:17px 0 22px}
#account-dialog>p{font-size:15px;line-height:1.85;margin-bottom:22px;color:#45643c}
#account-dialog>small{font-size:12px;color:#5a7348;line-height:1.8;display:block;margin-top:20px}
#account-dialog .dialog-close{width:40px;height:40px;min-width:40px;min-height:40px;display:grid;place-items:center;top:16px;right:16px;padding:0}
#account-dialog.account-service-error #account-dialog-text{padding:15px;border:1px solid #b79965;background:#e6d6af5c;border-radius:8px;color:#69512d;font-size:14px}
#account-retry{margin-bottom:10px}
@media(max-width:800px){.contact-layout{gap:30px}.contact-layout>div:first-child{padding:0}.contact-art{min-height:340px}.contact-art>span{font-size:30px}.installation-grid{padding:25px}.admin-heading{padding:26px}.chrome-ornament svg{width:110px}.chrome-ornament::before,.chrome-ornament::after{width:calc(50% - 54px)}.chrome-ornament-fill{clip-path:polygon(0 0,100% 0,100% 9px,calc(50% + 42px) 9px,calc(50% + 29px) 19px,calc(50% + 8px) 19px,50% 27px,calc(50% - 8px) 19px,calc(50% - 29px) 19px,calc(50% - 42px) 9px,0 9px)}}
@media(max-width:540px){#page-downloads{padding-top:38px}#page-downloads .downloads-heading{padding:28px 24px;margin-bottom:25px;border-radius:12px}#page-downloads .downloads-heading h1{font-size:35px;line-height:1.15}.download-card .check-list li{font-size:14px}.download-card .download-variant{padding:18px}.installation-grid{padding:24px;gap:28px}.faq details{padding:0 16px}.faq summary{min-height:62px;font-size:14px}.contact-layout h1{font-size:43px}.contact-art>span{font-size:28px}.contact-layout .contact-tip{padding:16px;font-size:13px!important}.admin-heading{padding:24px 22px}.admin-heading h1{font-size:34px}.admin-heading p{font-size:14px}.admin-box .chart-key{font-size:11px}.empty-state{padding:30px 23px}.empty-state p{font-size:15px}.empty-state h1{font-size:33px}#account-dialog{width:calc(100vw - 30px);padding:30px 25px 25px;max-height:calc(100dvh - 30px)}#account-dialog h2{font-size:28px}#account-dialog .dialog-logo{width:50px;height:50px;margin-bottom:20px}#account-dialog>.eyebrow{font-size:10px}#account-dialog>p{font-size:14px}#account-dialog>small{font-size:11px}.chrome-ornament svg{width:100px}.chrome-ornament::before,.chrome-ornament::after{width:calc(50% - 49px)}}

/* Official Google artwork is kept in its supplied colors on white. */
.person-icon.is-google{background:#fff;padding:6px;box-shadow:0 0 0 1px #ffffff24}
.person-icon .google-brand-icon{display:block;width:100%;height:100%;object-fit:contain;filter:none}
#google-login{background:#fff;color:#1f1f1f;border:1px solid #747775;font:500 14px/1.5 Arial,sans-serif;box-shadow:0 3px 9px #18322516;gap:12px}
#google-login:hover{background:#f6f8fb;border-color:#53575d}
#google-login .google-g{display:flex;align-items:center;justify-content:center;background:none;width:22px;height:22px;flex:0 0 22px;border-radius:0;padding:0}
#google-login .google-g img{display:block;width:20px;height:20px;filter:none}
.site-header .brand,.site-footer .brand{color:#e4c689;text-shadow:0 1px 2px #0003}
.site-header .brand-dot{color:#f2d79f}
.brand img{filter:none}

/* Discovery: a large trailer with minimal chrome. */
.discovery-hero{grid-template-columns:.92fr 1.4fr;gap:48px;align-items:center}
.discovery-copy h1{font-size:clamp(34px,3.1vw,46px);line-height:1.15}
.discovery-copy h1 em{display:inline-block;margin-top:14px;font-size:.61em;line-height:1.45}
.hero-film.trailer-only{padding:0;background:none;border:0;border-radius:0;box-shadow:none;max-width:none}
.hero-film.trailer-only::before{content:none}
.trailer-only>h2{font-size:19px;font-weight:550;margin:0 0 14px;color:#415c3a;letter-spacing:.01em}
.hero-film.trailer-only .video-stage{aspect-ratio:16/9;min-height:200px;border-radius:12px;border:1px solid #7f966b;box-shadow:0 14px 28px -12px #233e2f55;background:radial-gradient(ellipse at 45% 20%,#425d3c,#1c3426 80%)}
.trailer-only .video-content{height:100%;display:flex;align-items:center;justify-content:center;padding:25px}
.trailer-only .video-content>p{font:400 17px/1.8 var(--sans);color:#d4ddbf;text-align:center;margin:0}
.hero-film.trailer-only .video-play{width:78px;height:78px;min-width:78px;min-height:78px;border:1px solid #dbc58e;color:#f8e9b9;background:#e2d5a51c;font-size:27px;box-shadow:0 4px 18px #0003}
.hero-film.trailer-only .video-play:hover{background:#e4cf8c33;transform:scale(1.05)}
.library-discovery{display:block;max-width:1080px}
.library-discovery h2{font-size:clamp(39px,4.7vw,62px)}
.library-discovery>div>p{max-width:920px;font-size:17px;line-height:1.85}
.library-discovery .library-sharing-intro{font-size:19px;color:#3d5938}
.library-discovery .discovery-tags{gap:10px;margin-top:28px}
.library-discovery .discovery-tags span{font-size:14px;padding:8px 15px}

/* Tutorials: named playlist and one readable, persistent player. */
#page-tutorials{padding:52px 0 85px}
.tutorials-heading{margin-bottom:35px}
.tutorials-heading h1{font-size:clamp(37px,4vw,54px);margin:17px 0 22px}
.tutorials-heading>p{font-size:16px;max-width:700px;line-height:1.85}
.tutorials-workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:25px;align-items:start}
.tutorial-panel{min-width:0;background:linear-gradient(135deg,#e0e7ce,#d1ddbf);border:1px solid #a5b68a;border-radius:13px;box-shadow:0 10px 25px -15px #2e492c44;overflow:hidden}
.tutorial-panel-heading{padding:20px 20px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #b2c19a;background:#e7ecd9}
.tutorial-panel-heading h2{font-size:19px;margin:0}.tutorial-panel-heading>span{font-size:11px;color:#61794d;white-space:nowrap}
.tutorial-list{max-height:530px;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:#829a62 #e1e8cf}
.tutorial-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:linear-gradient(135deg,#f5f6e8,#e3eacf);border:1px solid #b5c4a0;border-radius:8px;padding:15px 12px;margin-bottom:8px;color:#344f31;transition:background .16s,border-color .16s,transform .16s}
.tutorial-item:last-child{margin-bottom:0}.tutorial-item:hover{background:#eff4df;border-color:#7d9e5d;transform:translateY(-1px)}
.tutorial-item[aria-pressed=true]{background:linear-gradient(125deg,#365b3c,#244a33);border-color:#698f4e;color:#fff0c8;box-shadow:0 3px 8px #26452822}
.tutorial-number{font-size:12px;font-variant-numeric:tabular-nums;opacity:.7;flex:0 0 21px}
.tutorial-item-text{display:block;min-width:0;flex:1}.tutorial-item-text strong{font-size:14px;line-height:1.55;font-weight:600;display:block;overflow-wrap:anywhere}.tutorial-item-text small{display:block;font-size:11px;line-height:1.5;opacity:.7;margin-top:5px}.tutorial-item-play{font-size:22px;line-height:1;flex:none}
.tutorial-list-empty{font-size:14px;padding:15px;line-height:1.85;margin:0;color:#5b714b}
.tutorial-watch{min-width:0;position:sticky;top:115px}
.tutorial-player{aspect-ratio:16/9;min-height:200px;position:relative;border:1px solid #7e9667;border-radius:12px;overflow:hidden;box-shadow:0 12px 26px -12px #203e2b55;background:radial-gradient(ellipse at 45% 20%,#425b3b,#193224 85%);color:#e4e8ce;display:grid;place-items:center}
.tutorial-player iframe,.tutorial-player>#tutorial-youtube-player{width:100%;height:100%;position:absolute;inset:0;border:0}
.tutorial-empty,.tutorial-cover{text-align:center;padding:28px;max-width:600px}.tutorial-empty>span{display:block;font-size:46px;color:#d7c184;margin-bottom:18px}.tutorial-empty h3,.tutorial-cover h3{font-size:25px;color:#eee9cb;margin-bottom:15px}.tutorial-empty p{color:#c4d1b0;font-size:14px;margin:0;line-height:1.8}.tutorial-cover>img{width:52px;height:52px;margin-bottom:17px;border-radius:10px}.tutorial-cover .button{background:linear-gradient(135deg,#d8c183,#b9a063);border-color:#e4d295;color:#243d2b;margin-top:5px;box-shadow:0 4px 14px #0003}.tutorial-cover small{display:block;font-size:11px;color:#b8caa4;margin-top:15px}.tutorial-player>p{color:#c8d3b6;font-size:14px}
.tutorial-watch-caption{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:25px}.tutorial-watch-caption .eyebrow{font-size:10px}.tutorial-watch-caption h2{font-size:27px;margin:9px 0 0;line-height:1.4;overflow-wrap:anywhere}.tutorial-watch-caption .button{font-size:12px;padding:10px 14px;min-height:44px;flex:none}.tutorial-progress{font-size:12px;color:#607750;line-height:1.8;margin-top:18px}
.tutorial-admin-box{margin-bottom:25px}.tutorial-admin-box>p{font-size:15px;line-height:1.8;max-width:850px}.tutorial-admin-row{display:flex;align-items:flex-start;gap:18px;padding:21px;background:linear-gradient(135deg,#e7edda,#dce6ca);border:1px solid #afbf97;border-radius:10px;margin:15px 0}.tutorial-admin-number{font-size:14px;font-weight:700;color:#6d8555;padding-top:11px}.tutorial-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1;min-width:0}.tutorial-admin-fields label{display:block!important;margin:0!important;min-width:0;font-size:13px!important}.tutorial-admin-fields input{display:block;margin-top:8px}.tutorial-admin-actions{display:flex;gap:6px;padding-top:28px}.tutorial-admin-actions button{width:35px;height:39px;border:1px solid #a7b88e;background:#edf1df;color:#526d3e;border-radius:6px;font-size:20px;line-height:1;transition:background .15s}.tutorial-admin-actions button:hover{background:#cddab5}.tutorial-admin-actions button[data-remove]{color:#8a5a48}.tutorial-admin-actions button:disabled{opacity:.35;cursor:default}.tutorial-admin-save{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid #bcc9a7}.tutorial-admin-save>span{font-size:12px;color:#677d52}
@media(max-width:1100px){.discovery-hero{gap:30px;grid-template-columns:.95fr 1.25fr}.discovery-copy h1{font-size:38px}.discovery-copy h1 em{font-size:.67em}.tutorials-workspace{grid-template-columns:280px minmax(0,1fr)}.tutorial-admin-fields{grid-template-columns:1fr}.tutorial-admin-actions{padding-top:28px}}
@media(max-width:1060px){.nav{height:76px}.nav>.account-button{margin-left:auto}.nav>.mobile-nav-toggle{display:block}.nav nav{display:none;position:absolute;top:70px;left:28px;right:28px;background:linear-gradient(130deg,#253d2c,#1c3024);border:1px solid #9da87766;border-radius:10px;box-shadow:0 12px 22px #132b2244;padding:10px;z-index:3}.nav nav.open{display:flex;flex-direction:column}.nav nav a{min-height:46px;font-size:15px;width:100%;padding:10px 16px}}
@media(max-width:800px){.discovery-hero{grid-template-columns:1fr;gap:32px}.discovery-copy h1{font-size:43px;max-width:650px}.discovery-copy h1 em{font-size:.65em}.hero-film.trailer-only{width:100%;max-width:none}.tutorials-workspace{grid-template-columns:1fr}.tutorial-watch{position:static;grid-row:1}.tutorial-panel{grid-row:2}.tutorial-list{max-height:350px}.tutorials-heading h1{font-size:42px}.tutorials-heading>p{font-size:15px}.tutorials-heading{margin-bottom:25px}#page-tutorials{padding-top:42px;padding-bottom:60px}.library-discovery h2{font-size:49px}.library-discovery>div>p{font-size:16px}.library-discovery .library-sharing-intro{font-size:18px}.tutorial-admin-row{gap:12px;padding:17px}.tutorial-admin-actions{flex-direction:column;padding-top:27px}.tutorial-admin-fields{gap:15px}}
@media(max-width:540px){.discovery-copy h1{font-size:37px;line-height:1.2}.discovery-copy h1 em{font-size:.65em}.hero-film.trailer-only .video-play{width:62px;height:62px;min-width:62px;min-height:62px;font-size:23px}.trailer-only>h2{font-size:18px}.hero-film.trailer-only .video-stage{border-radius:9px}.library-discovery h2{font-size:42px}.library-discovery>div>p{font-size:15px}.library-discovery .library-sharing-intro{font-size:17px}.library-discovery .discovery-tags span{font-size:13px;padding:8px 12px}.tutorials-heading h1{font-size:35px}.tutorials-workspace{gap:23px}.tutorial-empty,.tutorial-cover{padding:24px}.tutorial-empty h3,.tutorial-cover h3{font-size:21px}.tutorial-empty p{font-size:13px}.tutorial-cover>img{width:42px;height:42px;margin-bottom:12px}.tutorial-cover .button{font-size:13px}.tutorial-cover small{font-size:10px}.tutorial-watch-caption{align-items:flex-start;gap:12px;margin-top:21px}.tutorial-watch-caption h2{font-size:23px}.tutorial-watch-caption .button{font-size:11px;padding:9px 10px;gap:6px;min-height:40px}.tutorial-watch-caption .eyebrow{font-size:9px}.tutorial-progress{font-size:11px;margin-top:14px}.tutorial-panel-heading{padding:17px}.tutorial-item{padding:14px 12px}.tutorial-admin-row{position:relative;display:block;padding:19px 16px}.tutorial-admin-number{display:block;padding:0;margin-bottom:13px}.tutorial-admin-fields{display:grid;grid-template-columns:1fr;gap:16px}.tutorial-admin-actions{flex-direction:row;padding-top:16px;gap:9px}.tutorial-admin-actions button{width:42px;height:40px}.tutorial-admin-save .button{font-size:13px}.nav{height:72px}.nav nav{top:66px;left:18px;right:18px}}

.preview-actions .button>span:nth-child(2){min-width:0}
.preview-actions strong small{font-size:.77em;font-weight:500}
.contact-form-card{padding:30px;background:linear-gradient(135deg,#e5ead5,#d8e2c8);border:1px solid #a8b88f;border-radius:14px;box-shadow:0 13px 30px -16px #28432c55;min-width:0}
.contact-form-card h2{font-size:30px;margin:15px 0 23px}
.contact-form-card label{display:block;font-size:14px;color:#3d5a34;font-weight:600;margin-bottom:20px;line-height:1.7}
.contact-form-card label>span{font-size:11px;font-weight:400;color:#6a7d54;margin-left:6px}
.contact-form-card input,.contact-form-card textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:13px 14px;border:1px solid #a5b58e;border-radius:8px;background:linear-gradient(135deg,#fafbef,#f0f4e4);box-shadow:inset 0 1px 2px #35482b09;color:#2f4d2d;font:400 15px/1.65 var(--sans);transition:border-color .16s,box-shadow .16s}
.contact-form-card input:focus,.contact-form-card textarea:focus{outline:0;border-color:#749352;box-shadow:0 0 0 3px #8eaa6926;background:#fcfdf3}
.contact-form-card input::placeholder,.contact-form-card textarea::placeholder{color:#83916e;opacity:1}
.contact-form-card textarea{resize:vertical;min-height:170px;max-height:550px}
.contact-form-card>small{display:block;font-size:11px;line-height:1.8;color:#6a7d54;margin-top:22px}
.contact-submit{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.contact-submit .button{font-size:14px;flex:none}
#contact-status{font-size:13px;line-height:1.7;margin:0;color:#687e50;flex:1 1 160px}
#contact-status.is-success{color:#37612e;font-weight:600}
#contact-status.is-error{color:#92583d}
.contact-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;pointer-events:none}
@media(max-width:540px){.contact-form-card{padding:25px 21px}.contact-form-card h2{font-size:27px}.contact-form-card label{font-size:13px}.contact-form-card label>span{display:block;margin-left:0;font-size:11px}.contact-form-card input,.contact-form-card textarea{font-size:16px;padding:12px}.contact-form-card textarea{min-height:180px}.contact-submit{gap:12px}.contact-submit .button{font-size:13px}.contact-form-card>small{font-size:10px}}
/* Clear, touch-friendly administration and download details. */
#sales-chart{position:relative;isolation:isolate}
#sales-chart .chart-column{appearance:none;border:0;background:transparent;padding:8px 0 0;min-width:0;border-radius:6px;cursor:pointer}
#sales-chart .chart-column:hover,#sales-chart .chart-column.is-month-active{background:#b8c79838}
.chart-tooltip{position:absolute;z-index:4;top:8px;transform:translateX(-50%);padding:15px 17px;background:linear-gradient(145deg,#314b3c,#192e25);color:#f7efd6;border:1px solid #c6ab6d;border-radius:12px;box-shadow:0 10px 24px #172b2638;pointer-events:none;font-size:13px}
.chart-tooltip>strong{display:block;margin-bottom:10px;font-size:15px}.chart-tip-row{display:flex;justify-content:space-between;gap:12px;margin:5px 0}.chart-tip-row.total{border-top:1px solid #d5bd7d66;padding-top:8px;margin-top:8px}.chart-tip-row.donations b{color:#e1c887}
.chrome-ornament svg{width:120px!important;height:30px}
.chrome-ornament::before,.chrome-ornament::after{width:calc(50% - 59px)!important}
.chrome-ornament .chrome-ornament-fill{clip-path:polygon(0 0,100% 0,100% 9px,calc(50% + 45px) 9px,calc(50% + 32px) 19px,calc(50% + 8px) 19px,50% 27px,calc(50% - 8px) 19px,calc(50% - 32px) 19px,calc(50% - 45px) 9px,0 9px)}
#soutenir{scroll-margin-top:44px}
.download-card .check-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;padding-left:0!important}
.download-card .check-list li::before{position:static!important;inset:auto!important;margin:0!important;width:18px;line-height:inherit}
.edition-label{font-size:.55em;font-weight:500;white-space:nowrap}
.download-card .price .lifetime-badge{display:inline-flex!important;vertical-align:middle;flex-direction:column;align-items:center;justify-content:center;margin:0 0 8px 16px;padding:10px 18px;border:1px solid #b7984e;border-radius:12px;background:linear-gradient(135deg,#f5e5ad,#d1b56e);color:#51401c;font:700 21px/1.2 var(--sans);box-shadow:0 5px 14px #80652420;letter-spacing:.02em}
.lifetime-badge small{font-size:11px;letter-spacing:.03em;font-weight:500;margin-top:3px}
.editor-variant{margin-top:auto}.editor-platform-note{font-size:13px!important}.editor-deliveries{display:block}.editor-delivery-option{padding-top:20px;margin-top:20px;border-top:1px solid #a7b98a88}.editor-delivery-option>small{display:block;font-size:12px;margin:6px 0 12px}.editor-delivery-option>.button{margin:0;font-size:14px}
.payments-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:20px}.payments-pagination>div{display:flex;align-items:center;gap:12px}.payments-pagination button{min-height:44px}.payments-pagination output{font-size:14px;white-space:nowrap}
@media(min-width:801px){.faq h2{font-size:38px}.faq summary{font-size:19px;min-height:76px}.faq details p{font-size:17px;line-height:1.9}}
@media(max-width:500px){.payments-pagination{justify-content:center}.payments-pagination>output{width:100%;text-align:center}.download-card .price .lifetime-badge{font-size:18px;padding:9px 12px;margin-left:10px}.chart-tooltip{font-size:12px}}
/* Ornament v2: identical rails and a fixed, mirrored centrepiece. */
.chrome-ornament{height:42px;filter:drop-shadow(0 4px 3px #07180f66)}
.chrome-ornament-nav{bottom:-33px}.chrome-ornament-footer{top:-33px}
.chrome-ornament svg{width:180px!important;height:42px;stroke:#d6bb79;stroke-width:2}
.chrome-ornament::before,.chrome-ornament::after{top:8px;height:2px;width:calc(50% - 89px)!important;background:#d6bb79;box-shadow:0 2px 0 #8a713c55}
.chrome-ornament .chrome-ornament-fill{clip-path:polygon(0 0,100% 0,100% 9px,calc(50% + 70px) 9px,calc(50% + 56px) 19px,calc(50% + 18px) 19px,50% 36px,calc(50% - 18px) 19px,calc(50% - 56px) 19px,calc(50% - 70px) 9px,0 9px)}
.chrome-ornament .ornament-inner{stroke:#95783f;stroke-width:1;opacity:.8}.chrome-ornament .ornament-flourish{stroke:#e7cf91;stroke-width:1.65}
.feature-number.feature-icon{width:62px;height:62px;display:grid;place-items:center;padding:12px;background:linear-gradient(135deg,#e3e7bf,#bacba6);border:1px solid #a0b183;border-radius:14px;box-shadow:inset 0 1px 0 #fff9,0 4px 12px #42583514}
.feature-icon svg{display:block;width:36px;height:36px;fill:none;stroke:#415e3d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tutorial-admin-row{align-items:center}.tutorial-admin-number{padding-top:0}.tutorial-admin-actions{padding-top:0;align-items:center;align-self:center}.tutorial-admin-actions button{display:grid;place-items:center;padding:0;min-width:40px;min-height:42px}
.site-header .brand,.site-footer .brand{position:relative;gap:12px;align-items:center}
.site-header .brand img,.site-footer .brand img{width:54px;height:54px;flex:0 0 54px;object-fit:contain;filter:drop-shadow(0 0 8px #e9c77825)}
.site-header .brand>span,.site-footer .brand>span{background:linear-gradient(110deg,#fff2c9 5%,#d9b966 40%,#f5dd9a 65%,#a9d7ba);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 1px #0004)}
.site-header .brand-dot{color:inherit}.brand::after{content:'✦';position:absolute;left:44px;top:0;font-size:12px;color:#fbe5a5;filter:drop-shadow(0 0 5px #fbe5a5);animation:brand-spark 5s ease-in-out infinite;pointer-events:none}
@keyframes brand-spark{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:.9;transform:scale(1.15)}}
.product-grid>.product-card{display:flex;flex-direction:column}.product-card>.product-bottom{margin-top:auto;padding-top:27px}.download-card{display:flex;flex-direction:column}.download-card>.download-variant{margin-top:auto}.download-card>.check-list{margin-bottom:30px}
@media(max-width:800px){.tutorial-admin-actions{padding-top:0}.site-header .brand img{width:46px;height:46px;flex-basis:46px}.brand::after{left:37px}}
@media(max-width:540px){.tutorial-admin-actions{padding-top:17px;justify-content:flex-end}.tutorial-admin-number{margin-bottom:15px}.site-header .brand{gap:8px}.site-header .brand img{width:42px;height:42px;flex-basis:42px}.brand::after{left:33px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.brand::after{animation:none}}
.product-symbol{width:52px;height:52px;display:grid;place-items:center}.product-symbol img,.download-title .application-icon{display:block;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 2px #526b4318)}
.product-grid .product-card>.product-bottom{min-height:84px;align-items:center}.product-grid .product-card>.product-points{margin-bottom:24px}
/* Match the requested overall presentation at 80% browser zoom. */
html{zoom:.8}
.preview-button-icon img{width:27px;height:27px;display:block;object-fit:contain}

/* Compact footer with brand copy grouped and wrapping horizontal links. */
.site-footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:25px;padding-bottom:22px}.footer-top .footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex-shrink:0}.footer-identity>.brand{width:max-content}.footer-top .footer-identity>p{margin:0;font-size:14px;line-height:1.65}.footer-top .footer-links{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px 24px;max-width:760px}.footer-top .footer-links>a,.footer-top .footer-links>button{margin:0;min-height:40px;padding:0;font-size:14px;white-space:nowrap}.site-footer .footer-bottom{padding:13px 0;gap:12px;line-height:1.6}
@media(max-width:800px){.site-footer .footer-top{align-items:flex-start;gap:18px;flex-direction:column;padding-top:23px;padding-bottom:18px}.footer-top .footer-links{justify-content:flex-start;gap:5px 22px;max-width:100%}.site-footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 18px;padding:12px 0}}

/* One continuous gradient per shaped navigation/footer surface. */
.site-header,.site-footer{isolation:isolate;background:transparent;border:0;box-shadow:none}.site-header::before,.site-footer::before{content:'';position:absolute;left:0;right:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 10%,#54784b35,transparent 65%),linear-gradient(115deg,#142b23 0%,#304933 52%,#192f26 100%)}
.site-header::before{top:0;bottom:-27px;clip-path:polygon(0 0,100% 0,100% calc(100% - 27px),calc(50% + 70px) calc(100% - 27px),calc(50% + 56px) calc(100% - 17px),calc(50% + 18px) calc(100% - 17px),50% 100%,calc(50% - 18px) calc(100% - 17px),calc(50% - 56px) calc(100% - 17px),calc(50% - 70px) calc(100% - 27px),0 calc(100% - 27px))}
.site-footer::before{top:-27px;bottom:0;background:radial-gradient(ellipse at 75% 80%,#4a69432b,transparent 65%),linear-gradient(115deg,#192f26,#304933 52%,#142b23);clip-path:polygon(0 27px,calc(50% - 70px) 27px,calc(50% - 56px) 17px,calc(50% - 18px) 17px,50% 0,calc(50% + 18px) 17px,calc(50% + 56px) 17px,calc(50% + 70px) 27px,100% 27px,100% 100%,0 100%)}
.chrome-ornament .chrome-ornament-fill{display:none}
/* Golden scrollbars, including scrollable panels. */
html,*{scrollbar-width:thin;scrollbar-color:#b99a54 #e5e7d5}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#e5e7d5;border-radius:8px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e0ca8d,#b29653 55%,#cbb274);border:2px solid #e5e7d5;border-radius:10px;min-height:34px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ebd99e,#baa061)}
::-webkit-scrollbar-corner{background:#e5e7d5}

.site-footer{padding:0}

.site-footer .footer-top{align-items:flex-start;padding-top:16px;padding-bottom:16px}.footer-top .footer-links{min-height:54px;align-items:center;align-self:flex-start}.footer-top .footer-identity>.brand{min-height:54px}
@media(max-width:800px){.site-footer .footer-top{padding-top:16px;padding-bottom:14px;gap:12px}.footer-top .footer-links{min-height:40px}}

/* Deeper ornament relief with soft, layered falloff. */
.chrome-ornament{filter:drop-shadow(0 3px 4px #07180f99) drop-shadow(0 7px 11px #07180f66)}
.chrome-ornament svg{filter:none}

/* Slightly fuller golden ornament strokes. */
.chrome-ornament svg{stroke-width:2.3}.chrome-ornament .ornament-flourish{stroke-width:1.9}.chrome-ornament .ornament-inner{stroke-width:1.15}.chrome-ornament::before,.chrome-ornament::after{height:2.3px}

/* Matched dual rails join the central engraving at precisely y=9 and y=13. */
.chrome-ornament::before,.chrome-ornament::after{top:7.85px;height:5.73px;background:linear-gradient(to bottom,#d6bb79 0 2.3px,transparent 2.3px 4.575px,#95783f 4.575px 5.73px);box-shadow:none}
.site-header .brand{font-size:37px}.site-header .brand img{width:58px;height:58px;flex-basis:58px}
.admin-grid+.tutorial-admin-box{margin-top:28px}.action-reading-rule{padding:17px 20px;border-left:2px solid #d5bd79;background:#d5bd7910;border-radius:0 8px 8px 0}.action-reading-rule strong{color:#f3deb0}
@media(max-width:800px){.site-header .brand{font-size:33px}.site-header .brand img{width:48px;height:48px;flex-basis:48px}}
@media(max-width:540px){.site-header .brand{font-size:29px;gap:8px}.site-header .brand img{width:44px;height:44px;flex-basis:44px}.admin-grid+.tutorial-admin-box{margin-top:22px}}
html.has-page-scrollbar{scrollbar-width:none}html.has-page-scrollbar::-webkit-scrollbar{width:0;height:0}.page-scrollbar{position:fixed;right:1px;bottom:2px;width:10px;z-index:25;touch-action:none;background:#d7ceac33;border-radius:8px;outline-offset:2px}.page-scrollbar-thumb{position:absolute;left:2px;right:2px;top:0;min-height:28px;border-radius:8px;background:linear-gradient(90deg,#d1b974,#b29145);box-shadow:inset 0 0 0 1px #a1874933}.page-scrollbar:hover .page-scrollbar-thumb,.page-scrollbar:focus-visible .page-scrollbar-thumb{background:linear-gradient(90deg,#e6cf8b,#c4a35a)}

#video-stage .trailer-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}#video-stage .trailer-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000055,#00000080);z-index:1;pointer-events:none}#video-stage .video-content{z-index:2}#video-stage .video-play{background:#0008;border-color:#eddb9e;backdrop-filter:blur(4px);display:grid;place-items:center;padding:0 0 0 4px}#video-stage .video-play:hover{background:#000a}

.page-scrollbar:focus{outline:none}.page-scrollbar:focus-visible{outline:1px solid #c5a66c;outline-offset:1px}

.preview-actions .shortcut-editor{background:linear-gradient(130deg,#f1d994,#cfa653);border-color:#b18a3e;color:#302d22;box-shadow:0 5px 16px #92723125}.shortcut-paid{display:block;width:fit-content;margin-top:5px;padding:3px 8px;border:1px solid #af8d47;border-radius:6px;background:linear-gradient(120deg,#f7e6b5,#dcc07a);color:#544323;font-size:11px;font-weight:600}.preview-actions .shortcut-editor:disabled{background:linear-gradient(130deg,#ddd9cd,#c4c3ba);color:#777970;border-color:#aaa99d;box-shadow:none;cursor:not-allowed;opacity:1}.preview-actions .shortcut-editor:disabled .preview-button-icon{filter:grayscale(1);opacity:.6}.preview-actions .shortcut-editor:disabled .shortcut-paid{opacity:1;filter:none}.preview-actions>button>span:nth-child(2){min-width:0;text-align:left}

.editor-variant #editor-deliveries{margin:0;padding:0;border:0}.editor-variant #editor-deliveries>.button{width:100%;margin-bottom:0}.download-variant>.release-note,.editor-variant #editor-deliveries>.release-note{display:block;margin-top:12px;font-size:13px;line-height:1.65;color:#596d4c}.editor-platforms>small{font-size:12px}.editor-android-note{display:block;margin-top:12px;font-size:12px;line-height:1.65;color:#596d4c}.editor-variant #buy-editor{margin-bottom:0}

.compatibility .input-methods{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 14px;max-width:none;font-size:12px}.input-methods .input-method{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.input-methods strong{font-weight:600;margin-right:3px}.input-methods svg{display:block;width:23px;height:23px;flex:0 0 23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.input-methods .input-method-or{font-size:11px;opacity:.8;margin:0 3px}.input-method-separator{opacity:.55}.section-heading>.product-intro{max-width:none;flex:0 1 auto}@media(min-width:1000px){.section-heading>.product-intro{white-space:nowrap}}@media(max-width:700px){.compatibility .input-methods{justify-content:flex-start;gap:9px 12px}.input-methods svg{width:21px;height:21px;flex-basis:21px}.section-heading>.product-intro{white-space:normal}}

.compatibility .input-methods{display:flex;flex-direction:row;align-items:center;gap:9px 12px;line-height:1.3;height:auto;margin-left:auto}.compatibility .input-methods>.input-method{display:inline-flex;flex-direction:row;align-items:center;gap:6px;padding:5px 9px;border:1px solid #b8b98b80;border-radius:9px;background:linear-gradient(130deg,#fbf8e745,#d6e0bf55)}.compatibility .input-methods .input-device-icon{display:block;width:36px;height:36px;min-width:36px;max-width:36px;flex:0 0 36px;object-fit:contain;margin:0}.compatibility .input-methods strong{font-size:12px;line-height:1.3;margin-right:3px}.compatibility .input-methods .input-method-or{font-size:11px;padding:0;margin:0 2px}@media(max-width:700px){.compatibility .input-methods{margin-left:0;justify-content:flex-start}.compatibility .input-methods>.input-method{gap:4px;padding:4px 7px}.compatibility .input-methods .input-device-icon{width:30px;height:30px;min-width:30px;max-width:30px;flex-basis:30px}}