@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;500;600;700;800&display=swap');
:root{--ink:#202b31;--deep:#1e5a78;--blue:#1e5a78;--aqua:#f2aa28;--warm:#fff;--line:#d9e0e2;--muted:#566a74}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 'Titillium Web',Arial,sans-serif}.topbar{height:126px;padding:0 clamp(24px,5vw,75px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7eaeb;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:10}.brand img{display:block;width:205px;height:auto}.topbar nav{display:flex;gap:clamp(20px,3vw,52px)}.topbar nav a{font:700 20px 'Titillium Web',sans-serif;color:#245671;text-decoration:none}.topbar nav a:first-child,.topbar nav a:hover{color:#efa727;border-bottom:2px solid #efa727;padding-bottom:16px}.menu{display:none;border:0;background:none;font-size:22px}.hero{min-height:590px;padding:68px clamp(24px,10vw,160px) 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;background:linear-gradient(90deg,rgba(223,235,239,.92),rgba(223,235,239,.56)),url('https://quacx.eu/wp-content/uploads/2022/08/Home_I_3.jpg') center/cover;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;background:#fff;width:140%;height:130px;bottom:-91px;left:-20%;border-radius:50% 50% 0 0/100% 100% 0 0}.hero-copy,.vault-visual{z-index:1}.qace{font:700 31px/1.22 'Titillium Web',sans-serif;color:#27323a;margin:0 0 20px}.qace b{color:#f0aa27}.eyebrow{font:600 13px 'Titillium Web';letter-spacing:.12em;color:#2d6681;margin:0 0 11px}.eyebrow.teal{color:#e7a321}.hero h1{font:700 clamp(43px,5.2vw,73px)/.98 'Titillium Web',sans-serif;margin:0 0 20px;letter-spacing:-.025em;color:#24353d}.hero h1 em{font-style:normal;color:#1e5a78}.lead{max-width:560px;font-size:17px;color:#34484f;margin-bottom:28px}.actions{display:flex;align-items:center;gap:26px}.button{background:#1e5a78;color:#fff;text-decoration:none;padding:14px 19px;font-weight:700;font-size:14px}.button span{margin-left:22px;color:#f1aa28;font-size:20px}.plain{font-weight:700;font-size:14px;color:#1e5a78}.vault-visual{position:relative;height:340px}.vault{position:absolute;left:18%;top:15%;width:260px;height:232px;border-radius:2px;background:#205a76;color:#fff;padding:27px;box-shadow:17px 17px 0 #f0aa28}.vault .lock{color:#f0aa28;font-size:53px;line-height:.8}.vault p{font:500 11px 'Titillium Web';letter-spacing:.1em;color:#e5eff3;margin:22px 0 0}.vault strong{display:block;font:700 35px 'Titillium Web'}.vault small{font-size:11px;color:#d7e5e8}.chip{position:absolute;background:#fff;padding:10px 13px;font:500 11px 'Titillium Web';box-shadow:0 10px 25px #3454;border-radius:0}.c1{right:0;top:44px;color:#1e5a78}.c2{right:10px;bottom:37px;color:#1e5a78}.section{padding:105px clamp(24px,10vw,160px)}.section h2{font:700 clamp(32px,4vw,51px)/1.05 'Titillium Web';letter-spacing:0;margin:0 0 19px;text-transform:uppercase}.copy{font-size:17px;max-width:760px;color:#4c5c62}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.rule-grid article{border-top:3px solid #efa727;padding-top:15px}.num{font:500 12px 'Titillium Web';color:#1e5a78}.rule-grid h3,.daily h3{font:700 22px 'Titillium Web';margin:10px 0 8px;letter-spacing:0}.rule-grid p,.tips p{margin:0;color:var(--muted);font-size:14px}.bg{background:#1e5a78;color:#fff}.steps{display:grid;grid-template-columns:.75fr 1fr;gap:10vw}.section-head p:last-child{color:#e1edf0;max-width:440px}.timeline{margin:0;padding:0;list-style:none;border-left:1px solid #95b3c1}.timeline li{position:relative;padding:0 0 38px 43px}.timeline li>span{position:absolute;left:-14px;top:0;width:27px;height:27px;text-align:center;line-height:27px;border-radius:50%;background:#f0aa28;color:#1e5a78;font:700 12px 'Titillium Web'}.timeline h3{margin:0 0 6px;font:700 22px 'Titillium Web'}.timeline p{margin:0;color:#eef6f8;font-size:14px}.timeline a{color:#ffd372}.timeline aside{border-left:3px solid #f0aa28;background:#ffffff12;margin-top:16px;padding:10px 13px;font-size:13px;color:#fff}.browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.browser-grid article{padding:28px;border:1px solid var(--line);min-height:240px}.browser-icon{font-size:38px}.firefox{color:#f0aa28}.chrome{color:#1e5a78}.safari{color:#1e5a78}.browser-grid h3{font:700 25px 'Titillium Web';margin:10px 0 3px}.browser-grid p{font-size:14px;color:var(--muted);min-height:44px}.browser-grid a{font-size:13px;font-weight:700;color:#1e5a78}.configure{background:#ecf1f3;margin-top:55px;padding:32px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-left:5px solid #f0aa28}.configure h3{font:700 28px 'Titillium Web';margin:5px 0}.configure p{font-size:14px;max-width:590px;margin:0}.configure code{background:#fff;padding:2px 4px}.shortcut{text-align:right;white-space:nowrap}.shortcut kbd{border:1px solid #a8bec7;background:#fff;padding:4px 7px;margin:1px;font:11px 'Titillium Web';box-shadow:0 2px 0 #aac8c5}.shortcut span{font-size:11px;margin:0 5px}.shortcut p{font-size:11px;margin-top:8px;margin-left:auto}.org .section-head{max-width:610px}.collection-card{margin-top:48px;background:#fff;color:var(--ink);padding:31px;max-width:800px;border-left:6px solid #f0aa28;box-shadow:15px 18px 0 #17465e}.collection-title{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #d7e2df}.collection-title .building{font-size:30px;color:#1e5a78}.collection-title strong{display:block;font:700 27px 'Titillium Web'}.collection-title small{font:11px 'Titillium Web';color:#6d8280}.tree{padding:22px 5px 12px;font-size:14px}.node{margin:8px 0}.root{font-weight:800}.branch{padding-left:14px}.leaf{padding-left:42px;color:#1e5a78}.leaf small{display:block;margin-left:23px;color:#6b7e81;font-size:12px}.collection-note{border-top:1px solid #d7e2df;padding-top:17px;font-size:12px;color:#577075;margin-bottom:0}.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:47px}.tips article{border-top:2px solid #f0aa28;padding-top:12px}.tips b{font-size:14px}.daily-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d3e3e0;margin-top:46px;border:1px solid #d3e3e0}.daily-grid article{background:#fff;padding:28px;min-height:190px}.daily-grid span{font-size:26px;color:#e7a321;font-weight:800}.daily-grid p{color:var(--muted);font-size:14px;margin:0}.checklist{background:#f0aa28;padding:75px clamp(24px,10vw,160px);display:flex;align-items:center;justify-content:space-between;gap:50px}.checklist h2{font:700 38px/1.1 'Titillium Web';letter-spacing:0;margin:0;text-transform:uppercase}.checklist .eyebrow{color:#2b566b}.checklist ul{padding:0;list-style:none;min-width:420px}.checklist li{margin:10px 0;font-size:14px}.checklist input{accent-color:#1e5a78;width:16px;height:16px;vertical-align:middle;margin-right:10px}footer{background:#f3f4f4;color:#566a74;padding:32px clamp(24px,10vw,160px);display:flex;justify-content:space-between;align-items:center;font-size:12px;border-top:1px solid #dce2e4}.footer-brand img{width:105px;filter:none}footer a{color:#1e5a78;font-weight:700;text-decoration:none}@media(max-width:760px){.topbar{height:82px;padding:0 22px}.brand img{width:115px}.topbar nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:48px 24px 73px;min-height:600px;background-position:60% center}.qace{font-size:25px}.vault-visual{height:255px;transform:scale(.84);transform-origin:left top;margin-bottom:-30px}.section{padding:68px 24px}.rule-grid,.browser-grid,.tips{grid-template-columns:1fr;gap:18px}.steps{grid-template-columns:1fr;gap:40px}.configure,.checklist{display:block}.shortcut{text-align:left;margin-top:24px;white-space:normal}.checklist ul{min-width:0;margin-top:30px}.daily-grid{grid-template-columns:1fr}.browser-grid article{min-height:0}.collection-card{padding:21px}.lead{font-size:16px}.actions{gap:17px;flex-wrap:wrap}.topbar+main{overflow:hidden}}