:root{--fluid-bp-320-1024: calc((100vw - 320px) / (1024 - 320));--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-10: 10px;--space-16: 16px;--space-26: 26px;--space-40: 40px;--space-42: 42px;--space-68-110: clamp( 68px, (68px + (110 - 68) * var(--fluid-bp-320-1024)), 110px );--space-16-110: clamp( 16px, (16px + (110 - 16) * var(--fluid-bp-320-1024)), 110px );--space-42-110: clamp( 42px, (42px + (110 - 42) * var(--fluid-bp-320-1024)), 110px );--space-0-m110: clamp( -110px, (0px + (-110 - 0) * var(--fluid-bp-320-1024)), 0px );--space-42-68: clamp( 42px, (42px + (68 - 42) * var(--fluid-bp-320-1024)), 68px );--space-26-42: clamp( 26px, (26px + (42 - 26) * var(--fluid-bp-320-1024)), 42px );--space-68-42: clamp( 68px, (68px + (42 - 68) * var(--fluid-bp-320-1024)), 42px );--space-16-26: clamp( 16px, (16px + (26 - 16) * var(--fluid-bp-320-1024)), 26px );--font-size-10: 10px;--font-size-11: 11px;--font-size-12: 12px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-21: 21px;--font-size-25: 25px;--font-size-32: 32px;--font-size-42: 42px;--font-size-55: 55px;--font-size-32-55: clamp( var(--font-size-32), calc(var(--font-size-32) + (55 - 32) * var(--fluid-bp-320-1024)), var(--font-size-55) );--font-size-25-32: clamp( var(--font-size-25), calc(var(--font-size-25) + (32 - 25) * var(--fluid-bp-320-1024)), var(--font-size-32) );--font-size-21-25: clamp( var(--font-size-21), calc(var(--font-size-21) + (25 - 21) * var(--fluid-bp-320-1024)), var(--font-size-25) );--deep-navy: #121e1c;--pure-white: #ffffff;--white-5: #f9fafb;--white-10: #fafafa;--white-20: #f8f8f8;--white-30: #f0f0f0;--white-40: #e9e9e9;--white-50: #e1e1e1;--white-60: #d9d9d9;--white-70: #d2d2d2;--white-80: #cdcdcd;--gray-10: #c0c0c0;--gray-20: #b4b4b4;--gray-30: #a9a9a9;--gray-40: #a1a1a1;--gray-50: #9c9c9c;--pure-black: #000000;--black-5: #21252c;--black-10: #1b1b1b;--black-20: #242424;--black-30: #333333;--black-40: #404040;--black-50: #555555;--black-60: #696969;--black-70: #767676;--black-80: #8c8c8c;--vivid-green-10: #73cc33;--vivid-green-20: #67bd28;--vivid-green-30: #5aad1f;--deep-green-10: #4aa509;--deep-green-20: #439608;--deep-green-30: #3d8807;--radius-4: 4px;--radius-16: 16px;--body-text-normal: var(--black-5);--body-text-accent: var(--deep-green-10);--body-text-weak: var(--black-60);--button-bg: var(--vivid-green-10);--button-bg-hover: var(--vivid-green-20);--button-bg-active: var(--vivid-green-30);--button-text: var(--deep-navy);--button-radius: var(--radius-4);--kicker-bg-inverse: var(--white-30);--kicker-radius: var(--radius-16);--Pricing-card-bg-inverse: var(--white-30);--Pricing-card-radius: var(--radius-16);--codegrid-logo: var(--pure-black);--footer-text-small: var(--black-60)}.Section.-image,.Section.-gradient{--body-text-normal: var(--white-5);--body-text-weak: var(--gray-30);--body-text-accent: var(--vivid-green-10);--kicker-bg-inverse: var(--deep-navy);--Pricing-card-bg-inverse: var(--deep-navy);--codegrid-logo: var(--pure-white)}html,body{overflow-x:hidden}body{font-family:BIZ UDPGothic,sans-serif;line-height:1.5;background-color:var(--white-5)}:focus:where(.astro-5xrt2xte){outline:revert;outline-offset:revert}.Section:where(.astro-5xrt2xte){container:section / inline-size;color:var(--body-text-normal);padding-block:var(--space-42-110);padding-inline:var(--space-16-110);background-color:var(--white-5)}.Section_Inner:where(.astro-5xrt2xte){max-width:1200px;margin-inline:auto}.Section:where(.astro-5xrt2xte).-white+.Section:where(.astro-5xrt2xte).-white{margin-block-start:var(--space-0-m110)}.Section:where(.astro-5xrt2xte).-image{position:relative;background-color:#0a1514;>.Section_Inner:where(.astro-5xrt2xte){position:relative;z-index:1}&:before{content:"";position:absolute;inset:0;z-index:0;background-image:url(/assets/lp/common/bg-section-image.webp);background-repeat:no-repeat;background-size:cover;background-position:0 50%}}.Section:where(.astro-5xrt2xte).-gradient{background:linear-gradient(180deg,#161f1f,#223130)}.SectionTitle:where(.astro-5xrt2xte){display:grid;gap:var(--space-10)}.SectionTitle_Text1:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-16);font-weight:400;color:var(--body-text-accent);text-align:center}.SectionTitle_Text2:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-25-32);font-weight:400;text-align:center}.Hero:where(.astro-5xrt2xte){position:relative;display:grid;gap:var(--space-68-110)}.Hero_Logo:where(.astro-5xrt2xte){margin:0;grid-column:1;>svg:where(.astro-5xrt2xte){display:block;width:auto;max-width:100%;height:34px;color:var(--codegrid-logo)}}.Hero_Body:where(.astro-5xrt2xte){display:flex;gap:var(--space-42-68)}.Hero_Main:where(.astro-5xrt2xte){flex:1 1 300px;width:100%;max-width:579px;display:grid;gap:var(--space-26-42)}.Hero_Kicker:where(.astro-5xrt2xte){grid-column:1;display:grid;gap:var(--space-2);width:fit-content;padding:var(--space-10);margin:0;border-radius:var(--kicker-radius);background-color:var(--kicker-bg-inverse);font-size:var(--font-size-12);>b:where(.astro-5xrt2xte){color:var(--body-text-accent);font-weight:400}}.Hero_Title:where(.astro-5xrt2xte){margin:0;font-size:clamp(32px,4.6cqi,55px);font-weight:700;white-space:nowrap}.Hero_Description:where(.astro-5xrt2xte){display:grid;grid-template-rows:subgrid;grid-row:span 2;margin:0;font-size:var(--font-size-21);>.Button:where(.astro-5xrt2xte){justify-self:start}}.Hero_Image:where(.astro-5xrt2xte){flex:1 1 300px;position:relative;display:block;width:100%;max-width:557px;height:auto;aspect-ratio:1 / 1;>img:where(.astro-5xrt2xte){position:absolute;top:0;left:0;display:block;width:113.8%;max-width:672px;height:auto;aspect-ratio:672 / 556}}@container section (width<=500px){.Hero_Body:where(.astro-5xrt2xte){flex-direction:column;margin-block-end:calc(50px + var(--space-42-110))}.Hero_Image:where(.astro-5xrt2xte){flex-basis:auto;>img:where(.astro-5xrt2xte){width:157.5%}}}.Button:where(.astro-5xrt2xte){display:inline-flex;align-items:center;padding:var(--space-16) var(--space-42);color:var(--button-text);font-size:var(--font-size-18);line-height:1.5;text-decoration:none;background-color:var(--button-bg);border-radius:var(--button-radius);&:hover{background-color:var(--button-bg-hover)}&:active{background-color:var(--button-bg-active)}}.KeyFeature:where(.astro-5xrt2xte){container:key-feature / inline-size;display:flex;flex-wrap:wrap;gap:var(--space-42-68)}.KeyFeature_ImageContainer:where(.astro-5xrt2xte){flex:1 1 150px;max-width:500px;>img:where(.astro-5xrt2xte){display:block;width:100%;height:auto}}.KeyFeature_Texts:where(.astro-5xrt2xte){flex:1 1 300px;max-width:632px;align-self:center;display:grid;gap:var(--space-42-68)}.KeyFeature_TextSub:where(.astro-5xrt2xte),.KeyFeature_TextMain:where(.astro-5xrt2xte){display:grid;gap:var(--space-16)}.KeyFeature_Title:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-25-32);font-weight:700;white-space:nowrap}.KeyFeature_Title2:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-18);font-weight:700;color:var(--body-text-accent)}.KeyFeature_Text:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-16)}@container section (width<=500px){.KeyFeature:where(.astro-5xrt2xte){flex-direction:column}}.About:where(.astro-5xrt2xte){display:grid;gap:var(--space-42)}.About_Body:where(.astro-5xrt2xte){display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--space-26-42);justify-content:center}.About_Item:where(.astro-5xrt2xte){display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:var(--space-10)}.About_Title:where(.astro-5xrt2xte){display:flex;align-items:center;gap:var(--space-10);margin:0;font-size:var(--font-size-18);font-weight:700;>svg:where(.astro-5xrt2xte){color:var(--body-text-accent);width:24px;height:24px}}.About_Text:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-16)}.Pricing:where(.astro-5xrt2xte){display:grid;gap:var(--space-42)}.Pricing_Body:where(.astro-5xrt2xte){display:flex;flex-wrap:wrap;gap:var(--space-42-68);align-items:start}.Pricing_Texts:where(.astro-5xrt2xte){flex:1 1 250px;display:grid;max-width:566px;gap:var(--space-40);align-items:start}.Pricing_Title:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-21-25);font-weight:700}.Pricing_Description:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-16);>b:where(.astro-5xrt2xte){color:var(--body-text-accent);font-weight:400}}.Pricing_Point:where(.astro-5xrt2xte){display:grid;gap:var(--space-16)}.Pricing_Title2:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-18);font-weight:700;color:var(--body-text-accent)}.Pricing_Ul:where(.astro-5xrt2xte){display:flex;flex-wrap:wrap;gap:8px 26px;margin:0;padding:0;list-style:none;font-size:var(--font-size-14);>li:where(.astro-5xrt2xte){display:flex;gap:var(--space-10);>svg:where(.astro-5xrt2xte){color:var(--body-text-accent);width:20px;height:20px}}}.Pricing_Card:where(.astro-5xrt2xte){flex:1 1 auto;padding:var(--space-42);background-color:var(--Pricing-card-bg-inverse);border-radius:var(--Pricing-card-radius)}.Pricing_CardTitle:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-16);font-weight:400;text-align:center}.Pricing_CardDescription:where(.astro-5xrt2xte){display:grid;gap:var(--space-26);margin:0;justify-content:center;>span:where(.astro-5xrt2xte){display:flex;align-items:baseline;gap:var(--space-4);font-size:var(--font-size-14)}>span:where(.astro-5xrt2xte)>b:where(.astro-5xrt2xte){font-size:var(--font-size-42);font-weight:700}}.Customers:where(.astro-5xrt2xte){display:grid;gap:var(--space-42)}.Customers_List:where(.astro-5xrt2xte){display:grid;grid-template-columns:repeat(auto-fit,minmax(0,389px));gap:var(--space-16);list-style:none;justify-content:center;margin:0;padding:0;>li:where(.astro-5xrt2xte)>.twitter-tweet{margin:0!important}>li:where(.astro-5xrt2xte)>.twitter-tweet>iframe{width:100%!important}}.Teams:where(.astro-5xrt2xte){display:grid;gap:var(--space-42)}.Teams_List:where(.astro-5xrt2xte){display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;li{display:grid;place-items:center;width:180px;height:70px}img{zoom:.5}}.Cta:where(.astro-5xrt2xte){display:grid;gap:var(--space-42);align-items:center}.Cta_ButtonContainer:where(.astro-5xrt2xte){display:grid;justify-content:center;margin:0}.NFCCard:where(.astro-5xrt2xte){container:nfc / inline-size;display:flex;flex-wrap:wrap;gap:var(--space-26-42);padding:var(--space-16-26);background-color:var(--kicker-bg-inverse);border-radius:var(--kicker-radius);overflow:hidden}.NFCCard_Main:where(.astro-5xrt2xte){flex:1 1 240px;display:grid;gap:var(--space-42)}.NFCCard_Head:where(.astro-5xrt2xte){display:grid;gap:var(--space-16)}.NFCCard_Title:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-25-32);font-weight:700;white-space:nowrap}.NFCCard_Description:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-16)}.NFCCard_Usage:where(.astro-5xrt2xte){display:grid;gap:var(--space-16)}.NFCCard_Ul:where(.astro-5xrt2xte){display:grid;gap:var(--space-6);list-style:none;padding:0;margin:0;font-size:var(--font-size-14);>li:where(.astro-5xrt2xte){display:flex;gap:var(--space-10);>svg:where(.astro-5xrt2xte){align-self:start;width:20px;height:auto;color:var(--body-text-accent)}}}.NFCCard_Title2:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-18);font-weight:700;color:var(--body-text-accent)}.NFCCard_Step:where(.astro-5xrt2xte){display:grid;gap:var(--space-6)}.NFCCard_Ol:where(.astro-5xrt2xte){display:grid;grid-template-columns:max-content 1fr;gap:var(--space-6);list-style:none;padding:0;margin:0;font-size:var(--font-size-14);>li:where(.astro-5xrt2xte){counter-increment:step;grid-column:1 / -1;display:grid;gap:.5ic;grid-template-columns:subgrid;word-break:break-all}>li:where(.astro-5xrt2xte):before{grid-column:1;content:counter(step) ".";text-align:end}& a:where(.astro-5xrt2xte){color:inherit}}.NFCCard_Title3:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-18);font-weight:400}.NFCCard_ImageContainer:where(.astro-5xrt2xte){flex:1 1 200px;position:relative;min-width:200px;max-width:553px;aspect-ratio:600 / 694;height:auto;>img:where(.astro-5xrt2xte){position:absolute;top:0;left:0;display:block;width:calc(100% + var(--space-16-26));min-width:300px;max-width:600px;aspect-ratio:600 / 694;height:auto}}@container nfc (width <= 599px){.NFCCard_ImageContainer:where(.astro-5xrt2xte){aspect-ratio:1 / 1}}.NFCCard_Note:where(.astro-5xrt2xte){margin:0;font-size:var(--font-size-11);color:var(--body-text-weak)}.Footer:where(.astro-5xrt2xte){max-width:1200px;margin-inline:auto;padding-block-end:var(--space-16-26);padding-inline:var(--space-16-110);color:var(--footer-text-small);background-color:var(--white-5);>p:where(.astro-5xrt2xte){color:inherit;font-size:inherit;margin:0;>small:where(.astro-5xrt2xte){color:inherit;font-size:inherit}}}