:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{height:100%;margin:0}body{min-width:320px;min-height:100vh;display:block;place-items:unset}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-page: #F6F4F0;--text-main: #222222;--surface: #E8E1D6;--surface-glass: rgba(232, 225, 214, .75);--border-soft: rgba(34, 34, 34, .12);--primary: #2F6B3E;--primary-soft: rgba(47, 107, 62, .18)}:root{--text-main: rgba(255,255,255,.92);--text-soft: rgba(255,255,255,.78);--text-mute: rgba(255,255,255,.65);--surface-1: rgba(255,255,255,.06);--surface-2: rgba(255,255,255,.1)}.showcaseText .softList .softItem,.showcaseText .softList .softItem *{color:#2f6b3e}.page{min-height:100%;color:var(--txt-92);position:relative;overflow-x:hidden}.light{--txt-92: rgba(34,34,34,.92);--txt-85: rgba(34,34,34,.85);--txt-78: rgba(34,34,34,.78);--txt-75: rgba(34,34,34,.75);--txt-65: rgba(34,34,34,.65);--bd-14: rgba(34,34,34,.14);--bd-12: rgba(34,34,34,.12);--bd-10: rgba(34,34,34,.1);--glass-06: rgba(232,225,214,.75);--glass-04: rgba(232,225,214,.55)}.nav{max-width:1120px;margin:0 auto;padding:22px 18px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.3px;font-size:18px;color:var(--txt-92)}.navLinks{display:flex;align-items:center;gap:14px}.navLinks a{color:var(--txt-75);text-decoration:none;font-weight:600;font-size:14px}.navLinks a:hover{color:var(--txt-92)}.main{max-width:1120px;margin:0 auto;padding:0 18px 40px}.hero{margin-top:18px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:26px 0 10px}.heroLeft .pill,.heroLeft h1,.heroLeft .sub,.heroLeft .ctaRow,.heroLeft .stats{opacity:0;animation:fadeUp .7s ease forwards}.heroLeft .pill{animation-delay:40ms}.heroLeft h1{animation-delay:.12s}.heroLeft .sub{animation-delay:.22s}.heroLeft .ctaRow{animation-delay:.32s}.heroLeft .stats{animation-delay:.42s}.pill{display:inline-block;padding:8px 12px;border-radius:999px;background:#2f6b3e14;border:1px solid rgba(47,107,62,.18);color:var(--txt-85);font-size:12px;font-weight:700;letter-spacing:.2px}.hero h1{margin:14px 0 10px;font-size:52px;line-height:1.05;letter-spacing:-1px}.grad{background:linear-gradient(90deg,#2f6b3e,#7ebf97,#2f6b3e);background-size:200% 200%;animation:shimmer 5.5s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--txt-75);max-width:560px;font-size:16px;line-height:1.6;margin:0 0 18px}.ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.btn{border:0;cursor:pointer;border-radius:14px;padding:12px 16px;font-weight:800;letter-spacing:.2px;transition:transform .08s ease,opacity .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);opacity:.9}.btnPrimary{background:var(--primary);color:var(--bg-page);box-shadow:0 12px 30px #2f6b3e59}.btnSoft{background:#2f6b3e14;border:1px solid rgba(47,107,62,.35);color:var(--txt-85);outline:none}.btnSoft:focus,.btnSoft:focus-visible{outline:none;border-color:#2f6b3e;box-shadow:0 0 0 3px #2f6b3e40}.btnGhost{background:#2f6b3e1a;border:1.5px solid rgba(47,107,62,.35);color:var(--txt-92);outline:none;padding:10px 18px;border-radius:999px;font-weight:700;letter-spacing:.2px;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .12s ease}.btnGhost:hover{background:#2f6b3e2e;border-color:#2f6b3e99;box-shadow:0 0 0 3px #2f6b3e8c,0 6px 20px #2f6b3e40;transform:translateY(-1px)}.btnGhost:focus,.btnGhost:focus-visible{outline:none;border-color:#2f6b3e;box-shadow:0 0 0 3px #2f6b3e40}.stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}.stat{padding:12px 14px;border-radius:16px;background:var(--glass-06);border:1px solid var(--bd-12);min-width:120px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.statNum{font-size:20px;font-weight:900}.stat:hover{transform:translateY(-2px)}.statLabel{font-size:12px;color:var(--txt-65);margin-top:2px;font-weight:700}.heroRight{position:relative;display:grid;place-items:center}.mockCard{width:100%;max-width:420px;border-radius:22px;background:var(--glass-06);border:1px solid var(--bd-12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 80px #00000073;overflow:hidden;position:relative;z-index:2;opacity:0;animation:fadeUp .8s ease forwards,floaty 4.8s ease-in-out infinite;animation-delay:.18s,1s;transform:perspective(1200px) rotateY(-2deg)}.mockCard:hover{transform:perspective(1200px) rotateY(0)}.mockTop{display:flex;align-items:center;gap:8px;padding:14px 14px 12px;border-bottom:1px solid var(--bd-10)}.dot{width:10px;height:10px;border-radius:999px;opacity:.9}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.mockTitle{margin-left:8px;font-weight:900;letter-spacing:.2px}.mockBody{padding:16px 14px}.mockLine{height:10px;border-radius:999px;background:#2222221f;margin:10px 0}.w95{width:95%}.w90{width:90%}.w80{width:80%}.w70{width:70%}.w60{width:60%}.mockQuote{margin-top:16px;padding:12px;border-radius:16px;background:#2f6b3e1a;border:1px solid rgba(47,107,62,.25);color:var(--txt-92);font-weight:700;line-height:1.5}.mockTagRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tag{font-size:12px;font-weight:900;padding:8px 10px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--txt-85)}.glow{position:absolute;width:380px;height:380px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(47,107,62,.45),transparent 55%),radial-gradient(circle at 70% 60%,rgba(126,191,151,.35),transparent 58%);filter:blur(18px);opacity:.8;z-index:1;animation:glowPulse 4.2s ease-in-out infinite}.section{margin-top:56px;padding:18px 0}.section h2{font-size:28px;letter-spacing:-.3px;margin:0 0 10px}.sectionSub{margin:0 0 18px;color:var(--txt-75);max-width:720px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border-radius:20px;background:var(--glass-06);border:1px solid var(--bd-12);padding:16px 16px 18px}.icon{font-size:20px;margin-bottom:10px}.card h3{margin:0 0 6px;font-size:16px;font-weight:900}.card p{margin:0;color:var(--txt-75);line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.previewPanel{border-radius:20px;background:var(--glass-06);border:1px solid var(--bd-12);padding:14px}.previewHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.badge{font-size:12px;font-weight:900;padding:8px 10px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.small{color:#ffffffa6;font-weight:700;font-size:12px}.previewItem{border-radius:16px;background:#ffffff8c;border:1px solid var(--bd-12);padding:12px;margin-bottom:10px}.previewTitle{font-weight:900;margin-bottom:6px}.previewText{color:var(--txt-75);line-height:1.55}.footer{margin-top:56px;padding:18px 0 12px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;color:var(--txt-65);font-weight:700}.footerLinks{display:flex;gap:12px}.footerLinks a{color:var(--txt-65)}.footerLinks a:hover{color:var(--txt-92)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes glowPulse{0%{opacity:.55;transform:scale(.98)}50%{opacity:.85;transform:scale(1.03)}to{opacity:.55;transform:scale(.98)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}html{scroll-behavior:smooth}.card,.previewItem,.stat{transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.card:hover,.previewItem:hover,.stat:hover{transform:translateY(-4px);box-shadow:0 18px 60px #00000059;background:#ffffff13}.brand{display:flex;align-items:center;gap:10px}.logo{width:28px;height:28px;display:block}.typeText{display:inline}.caret{display:inline-block;width:10px;height:1em;margin-left:6px;border-radius:2px;background:var(--txt-85);transform:translateY(3px);opacity:.6;animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:0}}.typeWrap{display:inline-block}.typeLineTop{font-weight:800;opacity:1}.typeLineBottom{font-weight:800;opacity:.85}.typeWrap{min-height:2.2em}.typeLine{display:block;background:linear-gradient(90deg,#2f6b3e,#7ebf97,#2f6b3e);background-size:200% 200%;animation:shimmer 5.5s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;color:transparent}.featureShowcase{padding-top:84px;padding-bottom:84px}.showcaseWrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.showcaseMedia{position:relative}.mediaFrame{position:relative;border-radius:28px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #00000073}.showcaseVideo{width:100%;height:420px;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05)}.mediaGlow{position:absolute;inset:-40px;background:radial-gradient(circle at 30% 20%,rgba(47,107,62,.22),transparent 55%),radial-gradient(circle at 70% 80%,rgba(126,191,151,.18),transparent 60%);pointer-events:none}.showcaseText .kicker{display:inline-block;padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:13px;letter-spacing:.3px;margin-bottom:14px}.showcaseTitle{font-size:clamp(28px,3vw,40px);line-height:1.08;margin:0 0 14px}.showcaseSub{color:var(--txt-75);max-width:52ch;margin:0 0 18px}.softList{display:grid;gap:12px;margin:18px 0 22px}.softItem{padding:12px 14px;border-radius:14px;background:#fff9;border:1px solid rgba(34,34,34,.12);color:#2f6b3e;font-weight:800;line-height:1.45;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 26px #0000001a,inset 0 1px #fff9;transition:transform .18s ease,box-shadow .22s ease,background .22s ease}.softItem *{color:inherit}.softItem:hover{transform:translateY(-2px);background:#ffffffad;box-shadow:0 16px 40px #00000024,inset 0 1px #ffffffb3}.focusCards{display:flex;justify-content:center;gap:22px;margin-top:24px}.focusCard{width:360px;height:460px;border-radius:22px;overflow:hidden;position:relative;cursor:pointer;transition:all .4s ease;filter:blur(3px) brightness(.6);opacity:.55}.focusCard img{width:100%;height:100%;object-fit:cover}.focusCard:hover{filter:blur(0) brightness(1);opacity:1;transform:scale(1.05);z-index:10}.focusCards:hover .focusCard{filter:blur(4px) brightness(.55);opacity:.45}.focusCards:hover .focusCard:hover{filter:blur(0) brightness(1);opacity:1}.focusText{position:absolute;bottom:-30px;left:18px;max-width:80%;color:var(--txt-92);z-index:2;opacity:0;transform:translateY(10px);display:flex;flex-direction:column;gap:6px;text-shadow:0 4px 14px rgba(0,0,0,.35);transition:opacity .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1),bottom .45s cubic-bezier(.22,.61,.36,1)}.focusCard:hover .focusText{bottom:18px;opacity:1;transform:translateY(0)}.focusText strong{display:block;font-size:1.05rem;font-weight:700;margin-bottom:6px;color:#fffffff2!important}.focusText p{margin:0;font-size:.9rem;line-height:1.45;opacity:.85;color:#fffffff2!important}.focusText strong{font-size:1.1rem;font-weight:800;letter-spacing:-.2px}.focusText p{margin:0;font-size:.9rem;line-height:1.5;opacity:.75;font-weight:500}.beginSection{padding-top:72px;padding-bottom:72px}.beginHead{max-width:760px;margin-bottom:22px}.beginGrid{display:grid;grid-template-columns:minmax(0,520px) minmax(0,520px);gap:22px;justify-content:center;align-items:start}.beginGrid>*{height:auto}.canvasCard{position:relative;padding:0;height:520px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px #00000059}.canvasCard .canvasBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:scale(1.02);transition:filter .22s ease,transform .22s ease,opacity .22s ease;z-index:1}.canvasCard .canvasPreviewText{position:absolute;inset:0;display:grid;place-items:center;padding:20px;font-size:28px;font-weight:800;letter-spacing:-.3px;text-align:center;color:#141414c7;text-shadow:0 2px 12px rgba(0,0,0,.1);opacity:0;transform:translateY(10px) scale(.99);transition:opacity .18s ease,transform .22s ease;pointer-events:none;z-index:2}.canvasCard:hover .canvasPreviewText{opacity:1;transform:translateY(0) scale(1)}.canvasCard:hover .canvasBg{filter:brightness(.92) contrast(1.03);transform:scale(1.03)}.beginCard{height:520px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 60px #00000059;position:relative;overflow:hidden}.beginCardAlt{background:#ffffff06}.beginTop{display:flex;flex-direction:column;gap:10px}.beginBadge{display:inline-block;width:fit-content;padding:8px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:700;color:#ffffffd9}.beginTop h3{font-size:22px;margin:0}.beginDesc{color:var(--txt-75);line-height:1.6;max-width:52ch}.beginSteps{margin:0;padding-left:18px;color:var(--txt-85)}.beginSteps li{margin:6px 0}.beginExample{border-radius:18px;background:#00000038;border:1px solid rgba(255,255,255,.08);padding:14px}.exampleLabel{font-size:12px;color:var(--txt-65);margin-bottom:6px}.outroBox{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.35;color:#222222eb}.beginCtas{display:flex;gap:10px}.contactSection{padding:88px 0}.contactPanel{border-radius:32px;padding:32px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(900px 500px at 20% 60%,rgba(47,107,62,.22),transparent 60%),radial-gradient(900px 500px at 70% 40%,rgba(126,191,151,.18),transparent 60%),#ffffff08;box-shadow:0 24px 90px #00000073}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.contactFormCard{border-radius:26px;border:1px solid rgba(255,255,255,.1);background:#00000038;padding:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 60px #00000059}.contactTitle{margin:0 0 6px;font-size:26px;letter-spacing:-.3px}.contactSub{margin-bottom:18px;color:var(--txt-75);line-height:1.6;max-width:52ch}.contactForm{display:grid;gap:10px}.field{display:grid;gap:6px}.label{font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--txt-75)}.input{width:100%;height:42px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#222222eb;outline:none;box-sizing:border-box;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.input:hover{background:#ffffff14}.input:focus{border-color:#78c8ffb3;background:#ffffff17;box-shadow:0 0 0 3px #78c8ff26}.textarea{min-height:90px;padding:10px 12px;resize:vertical;height:auto}.contactActions{margin-top:6px;display:flex;gap:10px;flex-wrap:wrap}.contactFine{margin-top:6px;font-size:12px;color:#fff9}.contactVideoFrame{position:relative;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;box-shadow:0 24px 90px #00000073;min-height:520px}.contactVideo{width:100%;height:520px;object-fit:cover;display:block}.contactVideoGlow{position:absolute;inset:-60px;background:radial-gradient(circle at 30% 35%,rgba(47,107,62,.22),transparent 55%),radial-gradient(circle at 70% 70%,rgba(126,191,151,.18),transparent 60%);pointer-events:none}.contactFormCard:hover{transform:translateY(-2px);transition:transform .18s ease}select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.7) 50%),linear-gradient(135deg,rgba(255,255,255,.7) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:34px}select.input option{background-color:#96b6a0;color:#1e1313}.bgLayer{position:fixed;inset:-35%;pointer-events:none;z-index:0;will-change:transform;filter:blur(90px);opacity:.55;transition:opacity .4s ease}.page>*:not(.bgLayer){position:relative;z-index:2}.page,.page *{color:inherit}.layer1{background:radial-gradient(600px 500px at 20% 25%,rgba(47,107,62,.35),transparent 70%)}.layer2{background:radial-gradient(800px 600px at 75% 45%,rgba(126,191,151,.28),transparent 72%)}.layer3{background:radial-gradient(700px 600px at 50% 70%,rgba(170,210,190,.22),transparent 75%)}.socialSection{padding:140px 0 120px;text-align:center;position:relative;overflow:visible}.socialTitle{font-size:28px;font-weight:600;margin-bottom:90px;letter-spacing:-.3px;opacity:.9}.socialCarousel{display:flex;align-items:center;justify-content:center;gap:140px}.socialSide{width:70px;height:70px;border-radius:18px;opacity:.25;cursor:pointer;filter:blur(.3px);transition:all .35s ease;position:relative;z-index:2}.socialSide:hover{opacity:.55;transform:scale(1.1)}.socialMain{width:170px;height:170px;border-radius:28px;cursor:pointer;transition:transform .3s ease;position:relative;z-index:2}.socialMain:hover{transform:scale(1.08)}.socialDesc{margin-top:48px;font-size:15px;color:var(--txt-75);opacity:1;max-width:420px;margin-left:auto;margin-right:auto;line-height:1.6}.socialDots{display:flex;justify-content:center;gap:10px;margin-top:18px;margin-bottom:10px}.socialDot{width:9px;height:9px;border-radius:999px;border:1px solid rgba(34,34,34,.25);background:#2222221f;cursor:pointer;opacity:.55;transition:transform .15s ease,opacity .15s ease,background .15s ease}.socialDot.active{opacity:1;background:#222;transform:scale(1.15)}.socialGlow{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(180,120,255,.55) 0%,rgba(180,120,255,.35) 30%,rgba(180,120,255,.18) 55%,transparent 70%);filter:blur(24px);opacity:.85;z-index:0;pointer-events:none}@keyframes socialGlowPulse{0%{transform:translate(-50%,-50%) scale(.96)}50%{transform:translate(-50%,-50%) scale(1.03)}to{transform:translate(-50%,-50%) scale(.96)}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);padding:12px 16px;border-radius:14px;background:#e8e1d6d9;border:1px solid var(--bd-12);color:var(--txt-92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 50px #00000059;font-weight:500;z-index:2147483647;animation:toastIn .18s ease-out;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:900px){.adminMain{padding:38px 28px}}@media(max-width:640px){.adminLayout{flex-direction:column}}@media(max-width:480px){.adminLoginCard{padding:32px 24px}}@media(max-width:768px){html{scroll-behavior:auto}}.videoFade{opacity:0;transform:translateY(6px);transition:opacity .52s ease,transform .52s ease;will-change:opacity,transform}.videoFade.isOn{opacity:1;transform:translateY(0)}.videoFade{filter:blur(2px)}.videoFade.isOn{filter:blur(0);transition:opacity .52s ease,transform .52s ease,filter .52s ease}.bgLayer{will-change:transform}@media(max-width:768px){html{scroll-behavior:auto}.page{overflow-x:hidden}.main{padding:0 16px 32px}.heroLeft .pill,.heroLeft h1,.heroLeft .sub,.heroLeft .ctaRow,.heroLeft .stats,.mockCard{opacity:1!important;transform:none!important;animation:none!important}.nav{padding:16px 14px}.navLinks{gap:8px}.navLinks a{padding:8px 14px;border-radius:999px;background:#2f6b3e14;font-size:13px}.hero{display:flex;flex-direction:column;gap:18px;padding:18px 0 0}.heroLeft{order:1}.heroRight{order:2}.hero h1{font-size:34px;line-height:1.1;letter-spacing:-.6px}.sub{font-size:15px;line-height:1.55}.ctaRow{flex-direction:column}.ctaRow .btn{width:100%;text-align:center}.mockCard{max-width:100%;box-shadow:0 14px 40px #00000040;margin-top:8px}.glow{display:none}.section{margin-top:42px;padding:0}.section h2{font-size:22px}.sectionSub{font-size:14px}.grid,.split,.showcaseWrap,.contactGrid,.beginGrid{display:flex;flex-direction:column;gap:18px}.showcaseVideo{height:240px}.beginSection{padding:56px 0}.canvasCard{width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;position:relative;padding:0;border:1px solid rgba(34,34,34,.1);background:#ffffff8c;box-shadow:0 18px 60px #00000029;animation:canvasFloat 5.2s ease-in-out infinite;will-change:transform}@keyframes canvasFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.canvasCard .canvasBg,.canvasCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;transform:scale(1.02);transition:transform .22s ease,filter .22s ease,opacity .22s ease}@media(hover:hover)and (pointer:fine){.canvasCard:hover .canvasBg,.canvasCard:hover img{transform:scale(1.05);filter:brightness(.95) contrast(1.03)}.canvasCard .canvasPreviewText{opacity:0;transform:translateY(10px) scale(.99);transition:opacity .18s ease,transform .22s ease}.canvasCard:hover .canvasPreviewText{opacity:1;transform:translateY(0) scale(1)}}.beginCard{height:auto}.beginTop h3{font-size:18px}.beginDesc{font-size:14px}.beginSteps{padding-left:16px;font-size:14px}.beginExample{margin-top:12px}.beginCtas{flex-direction:column}.beginCtas .btn{width:100%}.focusCards{display:flex;gap:14px;overflow-x:auto;padding:10px 6px 18px;margin-top:18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.focusCards::-webkit-scrollbar{display:none}.focusCard{flex:0 0 72%;height:280px;border-radius:22px;overflow:hidden;position:relative;scroll-snap-align:center;filter:blur(1.8px) brightness(.72);opacity:.68;transform:scale(.975) translateZ(0);transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .22s ease,box-shadow .26s ease;box-shadow:0 16px 55px #00000024;outline:none;will-change:transform,opacity;backface-visibility:hidden}.focusCard img{width:100%;height:100%;object-fit:cover;transform:scale(1.03) translateZ(0);transition:transform .26s cubic-bezier(.22,.61,.36,1);will-change:transform;backface-visibility:hidden}.focusCard:focus,.focusCard:focus-visible,.focusCard:active{filter:blur(0) brightness(1);opacity:1;transform:scale(1.045) translateZ(0);box-shadow:0 26px 85px #0003;z-index:5}.focusCard:focus img,.focusCard:active img{transform:scale(1.085) translateZ(0)}.focusCard:after{content:"";position:absolute;inset:auto 0 0;height:56%;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none;z-index:1}.focusText{opacity:1;bottom:16px;transform:none;z-index:2}.contactSection{padding:56px 0}.contactPanel{padding:18px}.contactVideoFrame,.contactVideo{height:240px}.bgLayer{filter:blur(40px);opacity:.45;inset:-20%}.layer3{display:none}}