@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#192c26;background:#f6f4ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.site-header{height:88px;max-width:1440px;margin:auto;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.5px}.brand-mark{width:34px;height:34px;background:#192e28;color:#f6f4ef;border-radius:11px;display:grid;place-items:center;font-size:25px;line-height:1;letter-spacing:-3px;padding-right:4px}.brand-mark span{color:#ebaa72}.site-header nav{display:flex;gap:38px;font-size:14px;font-weight:600;color:#55665e}.site-header nav a:hover,.header-link:hover{color:#dc714d}.header-link{font-size:14px;font-weight:700;border-bottom:1px solid #192c26;padding-bottom:7px}.header-link span{margin-left:8px}.hero{max-width:1440px;margin:auto;min-height:620px;padding:60px 6.2% 100px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero-content{position:relative;z-index:2}.eyebrow,.section-kicker,.panel-overline,.result-label{font-size:11px;letter-spacing:2px;font-weight:800}.eyebrow{display:flex;gap:11px;align-items:center;color:#526b5e}.eyebrow-dot,.panel-dot{display:inline-block;width:8px;height:8px;background:#e08c5d;border-radius:100%}.hero h1,.how-section h2,.about-section h2{font-family:Manrope,sans-serif;font-size:clamp(65px,7.8vw,118px);line-height:1.02;letter-spacing:-8px;margin:24px 0 27px;font-weight:800}.hero h1 em,.how-section h2 em,.about-section h2 em{color:#d78359;font-style:normal}.hero-copy{color:#68746c;max-width:430px;font-size:18px;line-height:1.7;margin:0 0 31px}.primary-button,.full-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:#1a3029;color:#fff;padding:18px 22px;border-radius:9px;font-size:14px;font-weight:700;border:0;min-width:169px;transition:transform .2s,background .2s}.primary-button:hover,.full-button:hover{transform:translateY(-2px);background:#2e5344}.hero-note{display:flex;align-items:center;gap:10px;color:#829087;font-size:13px;margin-top:28px}.note-spark{color:#d78359;font-size:21px}.hero-art{height:530px;position:relative;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:1px solid #dadfd2;border-radius:50%;width:420px;height:420px}.art-orbit-two{width:565px;height:565px;border-style:dashed}.art-card{position:absolute;background:#fff;border:1px solid #e1e4dc;box-shadow:0 25px 80px #172b211c;border-radius:18px}.art-card-back{width:330px;height:185px;transform:translate(-95px,-70px) rotate(-15deg);padding:26px;color:#1c332a}.art-card-back span,.art-card-head{font-size:10px;font-weight:800;letter-spacing:2px;color:#7e8a7e}.art-card-back strong{display:block;font-family:Manrope,sans-serif;font-size:20px;margin-top:20px}.art-line{height:5px;background:linear-gradient(90deg,#e5a571 65%,#e9ece6 65%);border-radius:10px;margin:18px 0 11px}.art-card-back small{color:#8b968e}.art-card-front{width:290px;height:345px;transform:translate(72px,38px) rotate(9deg);padding:24px}.art-card-head,.art-card-foot{display:flex;justify-content:space-between}.art-card-head span:last-child{color:#d78359;font-size:17px;line-height:10px}.art-qr{width:220px;height:220px;margin:24px auto 15px;border:11px solid #fff;background:#f1f2ed;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:6px;padding:8px}.art-qr i{background:#1c332a;border-radius:2px}.art-qr i:nth-child(2n){background:#f1f2ed}.art-qr i:nth-child(5n){background:#d78359}.art-card-foot{font-size:11px;font-weight:700;color:#52685b}.art-card-foot span:last-child{color:#d78359}.art-sticker{position:absolute;z-index:3;right:4%;bottom:11%;background:#dfa076;color:#442618;border-radius:50%;width:111px;height:111px;display:grid;place-items:center;text-align:center;transform:rotate(-12deg);font-family:Manrope,sans-serif;font-weight:800;font-size:17px;line-height:1.15;box-shadow:0 14px 35px #8d513c30}.tools-section{background:#e8ebe2;padding:90px max(6.2%,calc((100vw - 1260px)/2)) 110px}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-kicker{color:#a46b4b}.section-top h2{font-family:Manrope,sans-serif;font-size:clamp(36px,4vw,60px);letter-spacing:-3px;margin:12px 0 0}.section-top p{color:#68786c;line-height:1.7;font-size:14px}.tool-layout{display:grid;grid-template-columns:390px 1fr;gap:20px}.tool-menu{display:flex;flex-direction:column;gap:11px}.tool-tab{border:1px solid #d9dfd3;background:#f8f8f3;border-radius:13px;text-align:left;min-height:105px;padding:18px;display:grid;grid-template-columns:53px 1fr 16px;align-items:center;gap:14px;color:#20342a;transition:background .2s,transform .2s}.tool-tab:hover{transform:translate(4px)}.tool-tab.active{background:#1c332a;color:#fff;border-color:#1c332a}.tab-icon{height:50px;width:50px;border-radius:10px;background:#e7ebdf;display:grid;place-items:center;font-size:27px;font-weight:400}.tool-tab.active .tab-icon{background:#345045;color:#e5a676}.tool-tab strong,.tool-tab small{display:block}.tool-tab strong{font-family:Manrope,sans-serif;font-size:16px;margin-bottom:5px}.tool-tab small{font-size:12px;color:#8a978e}.tool-tab.active small{color:#a7b8ad}.tab-arrow{font-size:15px;color:#9ba69d}.tool-tab.active .tab-arrow{color:#e5a676}.tool-panel{min-height:454px;background:#fff;border:1px solid #dce2d7;border-radius:16px;padding:30px 39px 32px;box-shadow:0 18px 50px #213c2610}.panel-overline{display:flex;align-items:center;gap:9px;color:#7d8c7e}.panel-content{max-width:620px}.tool-symbol{color:#e09a6e;font-size:38px;line-height:1;margin-top:15px}.panel-content h3{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-3px;margin:7px 0 12px}.panel-copy{color:#77857b;line-height:1.6;font-size:14px;max-width:470px;margin:0 0 25px}.panel-content form>label:first-child{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#53665a;margin-bottom:9px}.input-row{display:flex;border:1px solid #dce3d9;border-radius:9px;padding:5px;background:#fbfcf9}.input-row:focus-within{border-color:#899e8d}.input-row input{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:13px 14px;font-size:14px;color:#1d332a}.input-row input::placeholder{color:#a8b3aa}.input-row button{border:0;border-radius:7px;background:#d9875f;color:#fff;font-weight:700;font-size:13px;padding:0 19px;white-space:nowrap}.input-row button:hover{background:#bd6f4c}.input-row button span{margin-left:14px}.input-row button:disabled,.full-button:disabled{opacity:.6;cursor:wait}.fine-print{color:#9aa79b;font-size:11px;margin:17px 0 0;line-height:1.5}.message{font-size:13px;min-height:0;margin-top:10px}.message:empty{display:none}.message.error{color:#b85140}.message.success{color:#3d7860}.result-box{background:#f1f4ed;border:1px solid #dce6d8;border-radius:11px;padding:20px;margin-top:18px}.result-label{color:#59846d;display:flex;justify-content:space-between}.result-label span{font-size:17px}.result-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.result-url{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1c372a}.copy-button,.secondary-button{border:1px solid #c9d7c9;background:#fff;color:#294c36;padding:10px 14px;border-radius:7px;white-space:nowrap;font-size:12px;font-weight:700}.result-details{color:#819083;font-size:11px;margin-top:8px}.result-qr{display:flex;align-items:center;gap:16px;border-top:1px solid #dfe8dd;margin-top:15px;padding-top:15px}.result-qr canvas{width:85px!important;height:85px!important}.result-qr span{font-size:12px;color:#708574}.qr-download{display:flex;align-items:center;gap:21px;background:#f1f4ed;border-radius:11px;padding:17px;margin-top:19px}.qr-download canvas{width:130px!important;height:130px!important}.qr-download strong,.qr-download span{display:block}.qr-download strong{font-family:Manrope,sans-serif;margin-bottom:5px}.qr-download span{font-size:12px;color:#718173;line-height:1.5;margin-bottom:14px}.file-picker{border:1px dashed #a9bbab;border-radius:11px;background:#f6f8f3;min-height:113px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.file-picker:hover{background:#edf3e9}.upload-icon{font-size:27px;color:#d98962;line-height:1}.file-picker strong{font-size:14px;margin:6px 0 2px}.file-picker small{font-size:11px;color:#899a8b}#file-input{position:absolute;opacity:0;width:1px;height:1px}.full-button{width:100%;margin-top:13px;display:flex;text-align:left}.download-link{margin-top:18px}.platform-note{background:#f1f4ed;border-radius:10px;padding:17px;margin-top:21px}.platform-note strong{font-size:13px}.platform-note p{font-size:12px;line-height:1.6;color:#758374;margin:6px 0 0}.platform-note a{color:#bd6f4c;text-decoration:underline}.how-section{max-width:1440px;margin:auto;padding:105px 6.2% 115px}.how-section h2,.about-section h2{font-size:clamp(44px,5.4vw,76px);letter-spacing:-5px;margin:15px 0 55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border-top:1px solid #d7ddd1;padding:19px 20px 10px 0;position:relative}.step-number{font-size:11px;color:#a56f4c;font-weight:800;letter-spacing:2px}.step-glyph{height:113px;display:grid;place-items:center;font-size:55px;color:#d98962}.step h3{font-family:Manrope,sans-serif;font-size:22px;margin:0 0 8px}.step p{color:#879389;font-size:14px;line-height:1.7;max-width:280px}.about-section{background:#1c332a;color:#fff;padding:85px max(6.2%,calc((100vw - 1260px)/2));display:flex;justify-content:space-between;align-items:center;gap:40px}.about-section .section-kicker{color:#dfa376}.about-section h2{margin-bottom:0}.about-points{min-width:390px}.about-points p{border-bottom:1px solid #45604e;padding:14px 0;color:#c2d0c3;font-size:14px}.about-points span{color:#e0a676;margin-right:18px}footer{max-width:1440px;margin:auto;min-height:105px;padding:30px 6.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#89988c;font-size:12px}footer .brand{color:#1b3329}@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:50px}.hero-art{height:420px}.hero h1{font-size:clamp(65px,12vw,95px)}.tool-layout{grid-template-columns:1fr}.tool-menu{display:grid;grid-template-columns:repeat(2,1fr)}.tool-tab{min-height:90px}.about-section{flex-direction:column;align-items:stretch}.about-points{min-width:0}}@media(max-width:600px){.site-header{height:70px}.header-link{font-size:12px}.hero{padding-top:36px}.hero h1{letter-spacing:-5px;font-size:62px}.hero-copy{font-size:16px}.hero-art{height:330px;margin-top:10px}.art-orbit{width:290px;height:290px}.art-orbit-two{width:375px;height:375px}.art-card-back{transform:translate(-60px,-47px) rotate(-15deg) scale(.72)}.art-card-front{transform:translate(45px,35px) rotate(9deg) scale(.75)}.art-sticker{right:1%;bottom:3%;transform:rotate(-12deg) scale(.75)}.tools-section,.how-section,.about-section{padding-top:65px;padding-bottom:70px}.section-top{align-items:start;display:block}.section-top p{margin:10px 0 0}.tool-menu{grid-template-columns:1fr 1fr;gap:7px}.tool-tab{grid-template-columns:32px 1fr;min-height:82px;padding:11px;gap:7px}.tab-icon{width:30px;height:30px;font-size:20px}.tool-tab strong{font-size:12px}.tool-tab small{font-size:10px;line-height:1.25}.tab-arrow{display:none}.tool-panel{padding:23px 18px;min-height:430px}.panel-content h3{font-size:36px;letter-spacing:-2px}.input-row{display:block}.input-row input{width:100%;padding:13px 8px}.input-row button{width:100%;padding:14px}.steps{grid-template-columns:1fr}.step-glyph{position:absolute;right:12px;top:4px;height:75px;font-size:37px}.step{min-height:155px}.about-section h2,.how-section h2{letter-spacing:-3px}.about-points p{font-size:12px}footer{flex-wrap:wrap}footer span:nth-child(2){display:none}}.tool-layout{grid-template-columns:1fr;gap:24px}.tool-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-tab{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:22px;min-height:248px;padding:27px 30px;border-radius:18px;box-shadow:0 14px 30px #29472d0a;transition:transform .2s,box-shadow .2s,background .2s}.tool-tab:hover{transform:translateY(-4px);box-shadow:0 18px 38px #29472d18}.tool-tab:focus-visible{outline:3px solid #d9875f;outline-offset:3px}.card-top,.card-action{display:flex;justify-content:space-between;align-items:center}.card-number{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#9b7158}.tool-tab.active .card-number{color:#e5a676}.tab-icon{width:57px;height:57px;border-radius:14px;font-size:30px;flex:none}.card-copy{display:block;max-width:470px}.tool-tab strong{font-size:clamp(21px,2.2vw,28px);letter-spacing:-1px;margin-bottom:10px;line-height:1.2}.tool-tab small{font-size:14px;line-height:1.55;color:#6e8173;max-width:390px}.tool-tab.active small{color:#b6c8bb}.card-action{border-top:1px solid #dce4d9;padding-top:17px;font-size:13px;font-weight:800;color:#aa6b49}.tool-tab.active .card-action{border-color:#476254;color:#e5a676}.card-action span{font-size:20px;line-height:1}.tool-panel{min-height:430px;padding:36px 45px 42px;scroll-margin-top:22px}.panel-content{max-width:700px}@media(max-width:900px){.tool-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-tab{min-height:225px;padding:23px}}@media(max-width:640px){.tool-menu{grid-template-columns:1fr;gap:13px}.tool-tab{min-height:180px;padding:20px 22px;gap:13px}.tab-icon{width:47px;height:47px;font-size:26px}.tool-tab strong{font-size:22px;margin-bottom:6px}.tool-tab small{font-size:13px}.card-action{padding-top:11px}.tool-panel{padding:25px 21px 30px}}.site-header{height:75px}.compact-hero{display:block;min-height:0;padding:43px 6.2% 48px}.compact-hero .hero-content{max-width:800px}.compact-hero h1{font-size:clamp(45px,5.3vw,72px);letter-spacing:-4px;line-height:1.08;margin:15px 0 12px}.compact-hero .hero-copy{font-size:16px;line-height:1.55;margin:0;max-width:620px}.tools-section{padding-top:35px;padding-bottom:78px}.tool-panel[hidden]{display:none}@media(max-width:600px){.site-header{height:68px}.compact-hero{padding:34px 6.2% 35px}.compact-hero h1{font-size:47px;letter-spacing:-3px;margin:12px 0 10px}.compact-hero .hero-copy{font-size:14px}.tools-section{padding-top:22px;padding-bottom:58px}}
