/* Treuepunkt: warm, tactile surfaces and genuinely interactive controls. */
.slider-help{display:block;margin-top:15px;font-size:11px;font-weight:400;line-height:1.7;color:#67735f;background:#f0f5e9;padding:12px 14px;border-radius:12px}.contact-icon{width:23px;height:23px;flex-shrink:0}.btn.whatsapp-link{background:linear-gradient(130deg,#25d366,#1bba59);color:#073d1c;box-shadow:0 8px 22px #25d36635;gap:13px;font-weight:700}.btn.whatsapp-link:hover{background:linear-gradient(130deg,#32e273,#22cc65);box-shadow:0 12px 28px #25d36645}.contact-email{display:flex;align-items:center;gap:14px;width:fit-content;padding:12px 17px 12px 12px;background:#f8faf3;border:1px solid #d3dfc5;border-radius:18px;box-shadow:0 4px 16px #29452608;transition:transform .2s,box-shadow .2s;font-weight:600}.contact-email:hover{transform:translateY(-2px);box-shadow:0 8px 22px #29452614}.contact-email small{display:block;font-size:10px;font-weight:400;margin-bottom:3px}.contact-email .email-icon{background:#e5efda;color:#32603e;width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.contact-email>.email-icon{transform:none}.contact-email>span:last-child{margin-left:9px;color:#75935e}
.ui-icon{display:block;width:22px;height:22px;margin:auto}.qr-wrap img{height:auto}.app-sidebar nav .ui-icon{width:19px;height:19px;margin:0}.app-sidebar{background:radial-gradient(ellipse at 0 0,#366449,transparent 65%),#153c2d;border-right:1px solid #244e39}.app-sidebar nav button{border-radius:13px;transition:background .2s,transform .2s}.app-sidebar nav button.active{background:#e0ecc5;color:#193c2a;box-shadow:0 5px 18px #001b1525}.app-sidebar nav button:hover{background:#ffffff18}.app-sidebar nav button.active:hover{background:#e0ecc5}.app-main{background:radial-gradient(ellipse at 90% 0,#e4eed4aa,transparent 55%),#f6f7f2}.app-header{padding-bottom:23px;border-bottom:1px solid #dce4d2}.app-header-actions button{border-radius:100px;background:#fff;padding:11px 17px;box-shadow:0 3px 10px #20432b08}.app-view .panel{border-radius:24px;box-shadow:0 8px 22px #1c3c2506;border-color:#e0e7d7}.app-view .mini-chart{height:150px;gap:12px;margin-top:30px;padding-top:20px;border-bottom:1px solid #d5e0cc}.demo-banner{border:1px solid #d4e2c4;border-radius:13px;background:#e9f1dd;padding:12px 16px}.app-view .demo-row{background:#fff;margin:8px 0;border:1px solid #e0e7d6;border-radius:14px;padding:14px}.app-view .demo-row .avatar{background:#dfebce;color:#385b2d}.app-view .scan-demo-box{width:230px;height:220px}.app-view .scan-demo-box img{width:120px}.app-view .demo-message{padding:20px;min-height:140px;border-radius:17px}.demo-tabs button .ui-icon{margin:0 auto 6px}.app-view .metric strong{font-size:38px}.app-sidebar nav button>span{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:760px){.app-sidebar nav .ui-icon{margin:auto;width:22px;height:22px}.app-sidebar nav button>span{display:block;margin-bottom:5px}.app-sidebar{background:#f6f8f0f5;border:1px solid #d5e0cd;box-shadow:0 -8px 28px #26422512;backdrop-filter:blur(15px)}.app-sidebar nav button{color:#6a7c61}.app-sidebar nav button.active{background:#dce9c7;color:#214530;box-shadow:none}.app-view .metric strong{font-size:29px}.app-header{padding-bottom:18px}.app-view .mini-chart{height:110px}}
body{background:radial-gradient(ellipse at 85% 4%,#e4eccb88,transparent 24%),#f7f6f2}
.nav-shell{margin-top:14px;height:70px;border:1px solid #ffffffdd;background:#fafbf5db;border-radius:22px;padding:0 22px;box-shadow:0 8px 28px #1c35250a;backdrop-filter:blur(16px)}
.nav-shell nav a{position:relative;padding:10px 0}.nav-shell nav a:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-shell nav a:hover:after{transform:scaleX(1)}
.btn{border-radius:100px;background:linear-gradient(135deg,#24654d,#123e30);box-shadow:0 6px 16px #164c3b1b,inset 0 1px 0 #ffffff2b;transition:transform .2s,box-shadow .2s,background .2s;letter-spacing:.015em;position:relative;overflow:hidden}
.btn:hover{box-shadow:0 10px 24px #164c3b30,inset 0 1px 0 #ffffff50;transform:translateY(-3px)}.btn:active{transform:translateY(0);box-shadow:0 2px 6px #164c3b25}.btn>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffffff20;transition:transform .2s}.btn:hover>span{transform:rotate(12deg)}
.btn.light{background:linear-gradient(130deg,#edf8cb,#c7e493);box-shadow:0 8px 20px #0002}.btn.outline{background:#ffffff80;border-color:#becbb9;box-shadow:0 4px 12px #234a2910}.text-link{transition:color .2s,transform .2s}.text-link:hover{color:#588048;transform:translateX(3px)}
.hero .eyebrow{border:1px solid #d4deca;background:#eff3e7;padding:10px 14px;border-radius:100px;font-size:9px}.hero h1{font-weight:650;line-height:1;letter-spacing:-.065em}.hero h1 em{color:#477442}.title-spark{color:#96b05d;text-shadow:0 4px 20px #c6d694}
.hero-photo{border-radius:110px 28px 28px 28px;border:6px solid #fff8;box-shadow:0 22px 55px #30462a12}.photo-tag{border-radius:16px;box-shadow:0 8px 24px #172f2310}.floating-note{border:1px solid #e6eddf;box-shadow:0 14px 40px #1b392b17;border-radius:18px}.check-circle{box-shadow:0 0 0 5px #eaf2d5;font-weight:bold}
.hero-card{width:270px;transform:rotate(-7deg)}.hero-card .wallet{box-shadow:inset 0 1px 0 #fff4,0 15px 30px #10271d20}.hero-card .wallet-main strong{font-size:45px}.hero-card .qr-wrap{width:62px}
.brand-strip{background:#eef1e588;border-color:#dce4d1}.brand-strip p{font-family:Arial,sans-serif;font-weight:600;font-size:18px;letter-spacing:-.04em}.brand-strip .wrap>span:not(:first-child){color:#83a15c;font-size:22px}
.journey-step{position:relative;transition:opacity .3s,background .3s;padding-left:12px;border-radius:0 16px 16px 0}.journey-step.selected{background:linear-gradient(90deg,#e9efdf,transparent);border-top-color:#9eb781}.journey-step.selected:before{content:'';position:absolute;left:0;top:28px;height:32px;width:3px;border-radius:3px;background:#678c47}.journey-step>button>span{width:30px;height:30px;display:grid;place-items:center;background:#e7ecdf;border-radius:10px;flex-shrink:0}.journey-step.selected>button>span{background:var(--green);color:white}.journey-step p{margin-left:52px}
.journey-sticky{top:26px}.demo-stage{height:650px;min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:radial-gradient(ellipse at 50% 45%,#f5f8ec,#dfe8d8);border:1px solid #cfdbc5;box-shadow:inset 0 1px 0 #fff,0 15px 40px #284c2410;padding:24px 20px 14px;position:relative;overflow:hidden}.demo-stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#6e885926 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.demo-stage>*{position:relative}.demo-pill{background:#ffffff90;border-color:#ccd9be;font-weight:600}.stage-bottom{width:100%}
.phone{width:254px;height:500px;min-height:500px;max-height:500px;flex:0 0 500px;margin:17px auto 12px;border:7px solid #202925;border-radius:42px;box-shadow:0 0 0 1px #78847b,0 0 0 3px #ced6ce,0 26px 35px #233c292b,inset 0 0 0 1px #b9c3ba;background:linear-gradient(145deg,#f6f7f4,#eef2ed);padding-bottom:26px;display:flex;flex-direction:column}.phone:after{content:'';position:absolute;inset:0;border-radius:34px;box-shadow:inset 2px 0 2px #fff8;pointer-events:none}.phone-top{height:36px;flex:0 0 36px}.phone-top i{width:76px;height:21px;background:#171d1a}.phone-content{flex:1;min-height:0;padding:12px;overflow-y:auto;scrollbar-width:none}.phone-content::-webkit-scrollbar{display:none}.phone-content h4{font-size:22px;line-height:1.12;font-weight:600;margin:18px 0 12px}.phone-content .scene{height:175px!important;box-shadow:0 4px 14px #17342316}.phone-content .btn{min-height:39px;padding:11px;font-size:10px}.phone-content .tiny{font-size:9px;line-height:1.5;margin-bottom:0}.phone-content p{line-height:1.55}.wallet-app-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:0 2px 12px}.wallet-app-bar>b{font-size:12px}.wallet-app-bar>span{font-size:16px}.phone-content .wallet{height:264px;min-height:264px;padding:16px;border-radius:12px;box-shadow:0 6px 16px #173e2e17}.phone-content .wallet.google{border-radius:24px}.phone-content .wallet-main{margin:23px 0 17px}.phone-content .wallet-main strong{font-size:38px}.phone-content .qr-wrap{width:71px;margin-top:20px}.wallet-tabs{background:#e2e7df;border-radius:10px;padding:3px;gap:3px;margin-bottom:12px}.wallet-tabs button{border:0;background:transparent;border-radius:8px;padding:7px}.wallet-tabs button.active{background:#fff;color:var(--green);box-shadow:0 2px 4px #0001}
.stamp-progress{display:flex;gap:5px;justify-content:center;margin:15px 0 2px}.stamp-progress span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#dce3d7;color:#65765f;font-size:11px}.stamp-progress .earned{background:#bdd697;color:#21472d}.referral-art{height:150px;display:grid;place-items:center;border:1px solid #d5e2c3;border-radius:24px;background:radial-gradient(circle,#e0edc8,#edf3e5);font-size:42px;color:#5d8540;margin:20px 0;box-shadow:inset 0 1px 0 white}.phone-content .notification-preview{background:#ffffffbf;box-shadow:0 8px 25px #293d2416;border:1px solid #fff;margin:35px 0 22px;backdrop-filter:blur(12px)}
.industry-section{background:radial-gradient(ellipse at 0% 75%,#dce8ce,transparent 65%),#edf1e7}.industry-choices{display:flex;gap:10px;flex-wrap:wrap;margin:-15px 0 35px}.industry-choices button{display:flex;align-items:center;gap:9px;padding:11px 18px;border:1px solid #d5ddcd;border-radius:100px;background:#ffffff80;font-size:12px;transition:background .2s,transform .2s,box-shadow .2s}.industry-choices button>span{font-size:16px;color:#718953}.industry-choices button.active{background:var(--industry-color,var(--green));color:#fff;border-color:transparent;box-shadow:0 6px 15px #1f39291c}.industry-choices button.active>span{color:#fff}.industry-choices button:hover{transform:translateY(-2px)}.industry-photo{height:540px;overflow:hidden;border-radius:26px;box-shadow:0 15px 40px #21392217;border:5px solid #ffffff88}.industry-photo>img{border-radius:20px;object-position:center;transition:opacity .2s}.industry-notification{box-shadow:0 7px 22px #26432108;border-radius:18px;background:#ffffffb5}.industry-notification>span{background:var(--industry-color,var(--green))}.industry-copy .small-wallet{max-width:330px}.small-wallet .wallet{padding:22px;border-radius:18px;box-shadow:0 12px 25px #1b38261a}.small-wallet .wallet-main strong{font-size:39px}.image-chip{border-radius:100px;backdrop-filter:blur(12px);box-shadow:0 5px 18px #0001}
.trigger{border-radius:18px;box-shadow:0 4px 14px #22391d04}.trigger>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#edf3e5;flex-shrink:0;font-size:24px}.trigger.active{background:linear-gradient(130deg,#235840,#163e2f);box-shadow:0 10px 25px #1c432b21}.trigger.active>span{background:#ffffff18;color:#d6ecb2}.trigger:hover{transform:translateX(4px)}.chart-card{background:linear-gradient(145deg,#fff,#f3f6ed);border-radius:26px;box-shadow:0 16px 40px #2e45280b}.bars .highlight i{background:linear-gradient(#94b868,#4c7b42);box-shadow:0 -3px 18px #99b76b35}.notification-preview{border-radius:17px;box-shadow:0 7px 20px #2d47230a}
.dashboard-section{position:relative;background:radial-gradient(ellipse at 80% 20%,#335d3b,transparent 58%),#132d23}.dashboard-demo{background:#f2f5ec;border:1px solid #ffffff50;box-shadow:0 30px 75px #0004,0 0 0 7px #ffffff08;border-radius:28px}.metric{position:relative;overflow:hidden;border-color:#e0e7d7;background:linear-gradient(145deg,#fff,#f5f8ef);box-shadow:0 3px 8px #1f412807;border-radius:18px}.metric:after{content:'↗';position:absolute;right:14px;top:13px;display:grid;place-items:center;background:#e9f1dd;color:#63894a;border-radius:8px;height:25px;width:25px;font-size:12px}.metric small{padding-right:25px}.metric strong{font-weight:600;color:#244c33}.mini-chart i{background:linear-gradient(#95b66d,#d5e4c3)}.demo-tabs{background:#e4ebdb;padding:5px;margin-top:10px;border:1px solid #dbe4d0;border-radius:15px}.demo-tabs button{flex:1;font-size:21px;border-radius:11px;transition:background .2s,transform .2s}.demo-tabs button.active{box-shadow:0 5px 12px #1c432b25;background:linear-gradient(140deg,#306147,#193f2e)}.demo-tabs button:hover{transform:translateY(-2px)}.scan-demo-box{background:#fff;position:relative;border-style:solid;border-color:#92b26b}.scan-demo-box:after{content:'';position:absolute;left:8px;right:8px;height:2px;top:50%;background:#82b04c;box-shadow:0 0 8px #85bc42}
.slider-panel,.calc-result{border-radius:26px;box-shadow:0 10px 25px #18382108}.slider-panel output{padding:6px 11px;border-radius:10px;background:#eef4e3;margin-top:-6px}.calc-result{background:radial-gradient(ellipse at 90% 0%,#dbeebc,transparent 65%),#eaf1e0}.calc-result>strong{font-weight:600;color:#34653b}.price-card{border-radius:28px;box-shadow:0 18px 50px #26422412;border:1px solid #cfddbf;position:relative;overflow:hidden}.price-card:before{content:'';height:5px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#264e37,#b9d483)}.check-list li:before{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e8f1dc;font-size:10px;flex-shrink:0}.price strong{font-weight:600}.contact-form{box-shadow:0 18px 55px #223d2110;border:1px solid #ffffffc4;border-radius:27px}.contact-form input,.contact-form select,.contact-form textarea{border-radius:11px;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#87a663;box-shadow:0 0 0 4px #a6c77a18;outline:none}.faq summary span{height:26px;width:26px;display:grid;place-items:center;background:#eaf0df;border-radius:50%;flex-shrink:0}.faq details[open] summary span{transform:rotate(45deg)}
@media(max-width:1050px){.nav-shell{padding:0 15px}.nav-shell nav{gap:15px}.hero-card{width:235px}.industry-photo{height:520px}.industry-choices{gap:7px}.industry-choices button{padding:10px 14px}}
@media(max-width:760px){.nav-shell{width:calc(100% - 24px);height:66px;margin-top:10px;padding:0 12px;border-radius:18px}.hero h1{font-size:64px}.hero .eyebrow{font-size:8px;padding:9px 11px}.hero-photo{border-radius:85px 24px 24px 24px}.hero-card{width:225px}.brand-strip p{font-size:15px}.journey-step{padding:14px;border-radius:15px}.journey-step.selected:before{display:none}.journey-step>button>span{width:24px;height:24px;border-radius:7px}.journey-step p{margin-left:0}.demo-stage{height:630px;min-height:630px}.industry-choices{margin:0 0 23px;gap:7px}.industry-choices button{font-size:11px;padding:9px 12px}.industry-photo{height:340px}.industry-copy .small-wallet{max-width:100%}.small-wallet .wallet{max-width:100%}.hero-card .wallet-main strong{font-size:37px}.industry-select select{border-radius:13px}.trigger:hover{transform:none}.metric:after{width:22px;height:22px;right:10px}.btn{gap:16px}.actions{gap:15px}.floating-note{font-size:10px}.journey-sticky>small{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}