@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--wine:#681522;--deep:#350b13;--beige:#f3e8d7;--cream:#fffaf2;--ink:#321b1c;--muted:#766966;--border:#e7d7c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'DM Sans',sans-serif;color:var(--ink)}h1,h2,h3,h4{font-family:Manrope,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(3.1rem,6vw,6rem);line-height:1.04;margin:20px 0}h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.12;margin:15px 0 20px}h3{font-size:1.35rem}p{line-height:1.75}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.container{max-width:1200px;margin:auto;padding:0 28px}.nav{position:sticky;top:0;z-index:99;background:#fffaf3ed;backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.navinner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font:800 25px Manrope;color:var(--wine);letter-spacing:-1.5px;text-decoration:none}.brand img.brand-logo{height:46px;width:auto;display:block;object-fit:contain;transition:transform .3s var(--motion-ease)}.brand:hover img.brand-logo{transform:scale(1.03)}.footer .brand img.brand-logo{height:52px}.brand small{display:block;font:700 9px 'DM Sans';letter-spacing:2px;text-transform:uppercase;color:#937b76}.links{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700}.links a:hover{color:#b3404e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:100px;border:1px solid var(--wine);background:var(--wine);color:white;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);background:var(--deep)}.btn.outline{background:transparent;color:var(--wine)}.btn.light{background:var(--beige);color:var(--deep);border-color:var(--beige)}.hamb{display:none;border:0;background:none;font-size:25px;color:var(--wine)}.hero{padding:95px 0 110px;background:radial-gradient(ellipse at 90% 30%,#ead1bb 0,transparent 50%),var(--cream)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:var(--wine)}.eyebrow:before{content:'✦ ';font-size:13px}.accent{color:var(--wine)}.lead{font-size:18px;color:#695b58;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.note{font-size:12px;color:#89736f}.visual{position:relative}.visual img{width:100%;border-radius:25px;box-shadow:0 35px 80px #3b0b1820;border:1px solid #e2cdbc}.float{position:absolute;right:-20px;bottom:-22px;background:white;padding:20px 25px;border-radius:18px;box-shadow:0 12px 35px #40101b20;font-weight:800;color:var(--wine)}.ribbon{background:var(--deep);color:var(--beige);padding:20px 0}.ribbon .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.section{padding:100px 0}.tint{background:var(--beige)}.dark{background:var(--deep);color:var(--cream)}.intro{max-width:780px;margin-bottom:42px}.intro p{font-size:17px;color:var(--muted)}.dark .intro p{color:#d6bdbc}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:#fffdfa;border:1px solid var(--border);padding:30px;border-radius:23px}.card p{color:var(--muted);font-size:15px}.number{font:800 12px Manrope;color:var(--wine);letter-spacing:2px}.icon{font-size:28px;display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:15px;background:#f6e8e3}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.panel{background:var(--wine);color:white;padding:45px;border-radius:28px}.panel p{color:#eed9d5}.bullets{list-style:none;padding:0}.bullets li{padding:15px 0;border-bottom:1px solid var(--border);line-height:1.6}.bullets li:before{content:'✓';font-weight:800;color:var(--wine);margin-right:12px}.dark .bullets li{border-color:#ffffff25}.dark .bullets li:before{color:#e7bcb7}.demo{background:#fff;border:1px solid var(--border);border-radius:25px;overflow:hidden;box-shadow:0 25px 60px #41121b12}.demo-head{background:var(--deep);color:#fff;padding:16px 23px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.dots{letter-spacing:5px;color:#edb4b3}.demo-body{padding:24px}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:#f8f1e9;padding:17px;border-radius:13px}.stat strong{font:800 27px Manrope;color:var(--wine)}.stat small{display:block;color:#85716d;font-size:11px;margin-top:6px}.leadrow{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--border);padding:15px 0}.leadrow small{display:block;color:var(--muted);margin-top:4px}.pill{border-radius:30px;padding:7px 10px;font-size:11px;font-weight:700;background:#e7f2e6;color:#357041;white-space:nowrap}.pill.pending{background:#f4e7dc;color:#995f2b}.formline{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-size:13px;font-weight:700}.field input,.field select{padding:14px;border-radius:12px;border:1px solid #d8c7ba;background:#fff;max-width:100%;width:100%;color:var(--ink)}.result{background:var(--deep);color:var(--cream);padding:25px;border-radius:18px}.result strong{font:800 34px Manrope}.faq details{border-bottom:1px solid var(--border);padding:22px 0}.faq summary{cursor:pointer;font-weight:700;font-size:17px}.faq p{color:var(--muted)}.cta{text-align:center;background:var(--wine);color:var(--cream);padding:90px 20px}.cta p{max-width:620px;margin:0 auto 28px;color:#eed2d0}.footer{background:#26070f;color:#d5bfc0;padding:56px 0 32px}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px;align-items:start}.footgrid strong{display:block;color:#f3e8d7;font:700 14px Manrope;margin-bottom:14px;letter-spacing:0.3px}.footgrid a{display:block;margin:9px 0;font-size:13.5px;color:#d5bfc0;transition:color .2s}.footgrid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);margin-top:40px;padding-top:24px;text-align:center}.footer-bottom small{display:block;color:#d5bfc0;font-size:13px}.footer-bottom p{color:#a98d92;margin:6px auto 0;font-size:12px;max-width:700px}.pagehero{background:linear-gradient(125deg,#fffaf2,#eddbc9);padding:90px 0}.pagehero p{max-width:730px;font-size:18px;color:#74615e}.steps{counter-reset:steps}.step{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--border)}.step b{font:800 42px Manrope;color:#b58884;min-width:80px}.step p{margin:5px 0;color:var(--muted)}.tag{display:inline-block;padding:7px 11px;border-radius:20px;background:#f2e0d9;color:var(--wine);font-size:12px;font-weight:700}.disclaimer{background:#f6ece3;border-left:3px solid var(--wine);padding:15px 20px;font-size:13px;color:#6b5955;border-radius:4px}.center{text-align:center}.mt{margin-top:35px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.mini{font-size:12px;color:var(--muted)}@media(max-width:850px){.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr;gap:30px}.links{display:none;position:absolute;top:80px;left:0;right:0;background:var(--cream);padding:25px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px #330b1619}.links.open{display:flex}.hamb{display:block}.hero{padding:65px 0 90px}.visual{max-width:600px}.float{right:0}}@media(max-width:600px){.container{padding:0 19px}.section{padding:70px 0}.grid3,.grid2,.formline{grid-template-columns:1fr}.demo-stats{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr;text-align:center;gap:32px}.footer .brand{justify-content:center}.footgrid div{margin:0 auto}.card{padding:24px}.hero h1{font-size:3rem}.pagehero{padding:65px 0}.panel{padding:28px}.step b{min-width:45px;font-size:30px}.float{font-size:12px}}

/* FullWeb Motion System — cinematic, lightweight, accessible */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
body{overflow-x:hidden}
.nav{transition:box-shadow .4s,background .4s}.nav.scrolled{box-shadow:0 10px 35px #350b1315;background:#fffaf5f5}
.hero,.pagehero{position:relative;isolation:isolate;overflow:hidden}
.hero:before,.pagehero:before{content:"";position:absolute;width:38vw;height:38vw;min-width:300px;min-height:300px;right:-12%;top:-40%;border-radius:50%;background:radial-gradient(circle,#b9676b30,transparent 67%);filter:blur(12px);pointer-events:none;z-index:-1;animation:ambient 11s ease-in-out infinite alternate}
.hero h1{animation:riseIn 1s var(--motion-ease) both}.hero .lead{animation:riseIn 1s .18s var(--motion-ease) both}.hero .actions{animation:riseIn 1s .3s var(--motion-ease) both}.hero .eyebrow{animation:riseIn .8s var(--motion-ease) both}
.visual{transform-style:preserve-3d;animation:riseIn 1.15s .15s var(--motion-ease) both;transition:transform .4s ease}
.visual img{display:block;animation:logoBreath 7s ease-in-out infinite;will-change:transform}
.visual:before,.visual:after{content:"";position:absolute;border:1px solid #a54e5733;border-radius:50%;pointer-events:none;z-index:-1;animation:orbitPulse 7s ease-in-out infinite}
.visual:before{inset:-25px}.visual:after{inset:-48px;animation-delay:-3.5s}
.float{animation:floatCard 4.5s ease-in-out infinite;box-shadow:0 16px 40px #40101b25}
.btn{position:relative;overflow:hidden;transition:transform .3s var(--motion-ease),background .3s,box-shadow .3s}
.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff40 50%,transparent 80%);transform:translateX(-150%);transition:transform .7s ease;pointer-events:none}.btn:hover:after{transform:translateX(150%)}.btn:hover{box-shadow:0 12px 25px #68152225;transform:translateY(-3px)}
.card,.demo,.panel{transition:transform .45s var(--motion-ease),box-shadow .45s var(--motion-ease),border-color .3s}.card:hover{transform:translateY(-7px);box-shadow:0 24px 55px #45101a12;border-color:#c99e9b}.demo:hover{box-shadow:0 35px 70px #45101a1d}
.reveal-ready{opacity:0;transform:translateY(34px);filter:blur(5px);transition:opacity .8s var(--motion-ease),transform .8s var(--motion-ease),filter .8s var(--motion-ease)}.reveal-ready.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}
.card.reveal-ready:nth-child(2),.step.reveal-ready:nth-child(2){transition-delay:90ms}.card.reveal-ready:nth-child(3),.step.reveal-ready:nth-child(3){transition-delay:180ms}
.demo .leadrow{transition:background .3s,padding .3s}.demo .leadrow:hover{background:#f9f1ea;padding-left:10px;padding-right:10px;border-radius:10px}
.demo-stats .stat{position:relative;overflow:hidden}.demo-stats .stat:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--motion-ease)}.demo.is-visible .stat:after{transform:scaleX(1)}
.cta{position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:650px;height:650px;left:-270px;top:-350px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 75px #ffffff07,0 0 0 160px #ffffff05;pointer-events:none;animation:ambient 10s ease-in-out infinite alternate}
.pagehero h1{animation:riseIn .85s var(--motion-ease) both}.pagehero p{animation:riseIn 1s .15s var(--motion-ease) both}
.motion-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#681522,#b75464,#681522);transform:scaleX(0);transform-origin:left;z-index:200;pointer-events:none}
.motion-orb{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#b44b5712,transparent 70%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:top .7s ease,left .7s ease;mix-blend-mode:multiply}
main,header,footer{position:relative}
@keyframes riseIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
@keyframes logoBreath{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.012)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes orbitPulse{0%,100%{opacity:.25;transform:scale(.97)}50%{opacity:.8;transform:scale(1.03)}}
@keyframes ambient{from{transform:translate(-20px,10px) scale(.95)}to{transform:translate(25px,-15px) scale(1.12)}}
@media(max-width:850px){.motion-orb{display:none}.visual:after{inset:-18px}.visual:before{inset:-8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-ready{opacity:1!important;transform:none!important;filter:none!important}.motion-orb{display:none}}