1import{I as e,Ot as t,P as n,_ as r,c as i,d as a,g as o,h as s,kt as c,lt as l,r as u,u as d,y as ee}from"./runtime-core.esm-bundler-BdWkyeAP.js";import{Dt as f,Ot as te}from"./app-Bg_hhprP.js";import{t as p}from"./route-block-ChiJXsfH.js";import{t as ne}from"./CustomerLogoMarquee-DRLxzkmL.js";import{t as m}from"./CTAButton-BzZJ7ise.js";import{t as h}from"./binoculars-person-orange-BxvHwvq8.js";import{t as re}from"./apple-logo-CrsV8vVi.js";import{t as g}from"./microsoft_365-CMnbm18U.js";import{t as _}from"./DecorShape-BeaEYNQm.js";import{t as ie}from"./router-ssr-href-DX2SFBEh.js";import{t as ae}from"./check-circle-BumqkJnE.js";import{t as v}from"./arrow-forward-Bdp7pl5C.js";import{t as oe}from"./meta_business_suite-Cun4eVm6.js";var se=`/assets/experience-app-MkwLzscu.svg`,ce=`/assets/experience-integrations-CBcGac0B.svg`,y=`/assets/experience-reports-DY3ghq3Y.svg`,b=`/assets/experience-risk-analysis-BTCuZ41o.svg`,x=`/assets/experience-scanning-BEk2bWtj.svg`,S=`/assets/experience-task-management-DmVC-rEU.svg`,C=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3e%3cpath%20d='M22.56%2012.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26%201.37-1.04%202.53-2.21%203.31v2.77h3.57c2.08-1.92%203.28-4.74%203.28-8.09z'%20fill='%234285F4'/%3e%3cpath%20d='M12%2023c2.97%200%205.46-.98%207.28-2.66l-3.57-2.77c-.98.66-2.23%201.06-3.71%201.06-2.86%200-5.29-1.93-6.16-4.53H2.18v2.84C3.99%2020.53%207.7%2023%2012%2023z'%20fill='%2334A853'/%3e%3cpath%20d='M5.84%2014.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43%208.55%201%2010.22%201%2012s.43%203.45%201.18%204.93l2.85-2.22.81-.62z'%20fill='%23FBBC05'/%3e%3cpath%20d='M12%205.38c1.62%200%203.06.56%204.21%201.64l3.15-3.15C17.45%202.09%2014.97%201%2012%201%207.7%201%203.99%203.47%202.18%207.07l3.66%202.84c.87-2.6%203.3-4.53%206.16-4.53z'%20fill='%23EA4335'/%3e%3cpath%20d='M1%201h22v22H1z'%20fill='none'/%3e%3c/svg%3e`,w=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204875%204875'%3e%3cpath%20fill='%230078d4'%20d='M0%200h2311v2310H0zm2564%200h2311v2310H2564zM0%202564h2311v2311H0zm2564%200h2311v2311H2564'/%3e%3c/svg%3e`,T=`data:image/svg+xml,%3csvg%20viewBox='0%200%20512%20512'%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%3e%3cpath%20d='M256%208C119.3%208%208%20119.2%208%20256c0%20136.7%20111.3%20248%20248%20248s248-111.3%20248-248C504%20119.2%20392.7%208%20256%208zM33%20256c0-32.3%206.9-63%2019.3-90.7l106.4%20291.4C84.3%20420.5%2033%20344.2%2033%20256zm223%20223c-21.9%200-43-3.2-63-9.1l66.9-194.4%2068.5%20187.8c.5%201.1%201%202.1%201.6%203.1-23.1%208.1-48%2012.6-74%2012.6zm30.7-327.5c13.4-.7%2025.5-2.1%2025.5-2.1%2012-1.4%2010.6-19.1-1.4-18.4%200%200-36.1%202.8-59.4%202.8-21.9%200-58.7-2.8-58.7-2.8-12-.7-13.4%2017.7-1.4%2018.4%200%200%2011.4%201.4%2023.4%202.1l34.7%2095.2L200.6%20393l-81.2-241.5c13.4-.7%2025.5-2.1%2025.5-2.1%2012-1.4%2010.6-19.1-1.4-18.4%200%200-36.1%202.8-59.4%202.8-4.2%200-9.1-.1-14.4-.3C109.6%2073%20178.1%2033%20256%2033c58%200%20110.9%2022.2%20150.6%2058.5-1-.1-1.9-.2-2.9-.2-21.9%200-37.4%2019.1-37.4%2039.6%200%2018.4%2010.6%2033.9%2021.9%2052.3%208.5%2014.8%2018.4%2033.9%2018.4%2061.5%200%2019.1-7.3%2041.2-17%2072.1l-22.2%2074.3-80.7-239.6zm81.4%20297.2l68.1-196.9c12.7-31.8%2017-57.2%2017-79.9%200-8.2-.5-15.8-1.5-22.9%2017.4%2031.8%2027.3%2068.2%2027.3%20107%200%2082.3-44.6%20154.1-110.9%20192.7z'%20fill='%2321759B'%20/%3e%3c/svg%3e`,E=`/assets/hero-dashboard-DHzQlVGz.avif`,D=`/assets/hero-dashboard-H_CXK0OT.avif 490w, /assets/hero-dashboard-DDgWMFng.avif 980w, /assets/hero-dashboard-IMJmHm26.avif 1960w`,O={class:`relative overflow-hidden px-6 pt-10 pb-16 sm:pt-14 sm:pb-24`},k={class:`pointer-events-none absolute top-0 left-1/2 hidden aspect-1440/400 w-full max-w-website-illustration-stage -translate-x-1/2 website-floating-chips:block`,"aria-hidden":`true`},A=[`src`],j={class:`relative mx-auto flex max-w-3xl flex-col items-center gap-6 text-center`},M={class:`flex items-center justify-center gap-2 website-floating-chips:hidden sm:gap-3`},N=[`src`],P={class:`mobile-page-heading sm:text-7xl! sm:leading-website-hero sm:font-normal!`},F={class:`max-w-2xl text-lg text-secondary-black sm:text-xl`},I={class:`flex w-full max-w-xs flex-col items-stretch gap-3 sm:max-w-none sm:flex-row sm:flex-wrap sm:items-center sm:justify-center`},L={class:`text-sm text-medium-gray`},R={class:`relative mx-auto mt-16 max-w-245`},z=[`srcset`,`src`],B={class:`pb-6`},V={class:`px-6 text-center text-sm font-semibold text-website-muted`},H={class:`mx-auto max-w-website-product-highlights px-6 py-14`},U={class:`grid gap-y-10 md:grid-cols-3 md:gap-x-0 md:divide-x md:divide-brand-dark-beige`}
1,W={class:`text-2xl! font-semibold! md:min-h-16`},G={class:`text-lg text-secondary-black`},le={class:`bg-white`},ue={class:`mx-auto max-w-7xl px-6 py-20 sm:py-24`},de={class:`text-center leading-snug`},fe={class:`mt-14 grid gap-6 md:grid-cols-2 lg:grid-cols-4`},pe={class:`flex flex-col`},me={class:`mx-auto flex h-44 w-full max-w-website-product-step flex-col justify-center gap-3 rounded-2xl border border-brand-dark-beige p-4 shadow-card-prominent md:mx-0 md:max-w-none`},he={class:`flex size-8 shrink-0 items-center justify-center rounded-lg border border-brand-beige`},ge=[`src`],_e={class:`flex-1 text-sm font-medium`},ve={class:`mt-5 flex items-center gap-3`},ye={class:`text-xl! font-semibold!`},be={class:`mt-3 text-lg text-secondary-black`},xe={class:`flex flex-col`},Se={class:`mx-auto flex h-44 w-full max-w-website-product-step flex-col justify-center gap-3 rounded-2xl border border-brand-dark-beige p-4 shadow-card-prominent md:mx-0 md:max-w-none`},Ce={class:`text-sm font-semibold`},we={class:`flex items-center gap-1 text-xs text-medium-gray`},Te={class:`mt-5 flex items-center gap-3`},Ee={class:`text-xl! font-semibold!`},De={class:`mt-3 text-lg text-secondary-black`},Oe={class:`flex flex-col`},ke={class:`mx-auto flex h-44 w-full max-w-website-product-step flex-col justify-center gap-4 roun
1ded-2xl border border-brand-dark-beige p-4 shadow-card-prominent md:mx-0 md:max-w-none`},Ae={class:`text-sm font-medium`},je={class:`mt-5 flex items-center gap-3`},Me={class:`text-xl! font-semibold!`},Ne={class:`mt-3 text-lg text-secondary-black`},Pe={class:`flex flex-col`},Fe={class:`mx-auto flex h-44 w-full max-w-website-product-step flex-col justify-center gap-4 rounded-2xl border border-brand-dark-beige p-5 shadow-card-prominent md:mx-0 md:max-w-none`},Ie={class:`flex flex-col gap-1`},Le={class:`text-sm font-semibold`},Re={class:`text-xs text-medium-gray`},ze={class:`w-fit rounded-full bg-brand-blue px-4 py-2 text-xs font-semibold text-white`},Be={class:`mt-5 flex items-center gap-3`},Ve={class:`text-xl! font-semibold!`},He={class:`mt-3 text-lg text-secondary-black`},Ue={class:`mx-auto max-w-7xl px-6 py-24 sm:py-32`},We={class:`text-center leading-snug`},Ge={class:`mt-16 grid gap-x-website-product-features-gap gap-y-16 lg:grid-cols-2`},Ke=[`src`],qe={class:`flex flex-col gap-2.5`},Je={class:`text-2xl! font-semibold!`},Ye={class:`text-lg text-secondary-black`},Xe=[`href`],Ze={class:`relative flex items-center justify-center overflow-hidden bg-white py-28 sm:py-36`},Qe={"aria-hidden":`true`,class:`pointer-events-none absolute top-1/2 left-1/2 hidden aspect-1440/360 w-full max-w-website-illustration-stage -translate-1/2 lg:block`},$e={"aria-hidden":`true`,class:`pointer-events-none absolute inset-0 lg:hidden`},et={class:`relative flex max-w-website-callout flex-col items-center gap-8 px-6 text-center sm:flex-row sm:gap-website-callout-gap sm:text-left`},tt={class:`flex max-w-md flex-col gap-2.5`},nt={class:`text-website-callout-copy/relaxed text-near-black`},rt={class:`text-sm text-medium-gray`},it={class:`-mb-20 bg-white pt-16 pb-28 sm:pt-20 sm:pb-32`},at={class:`mx-auto max-w-7xl px-6`},ot={class:`relative flex flex-col items-center gap-6 rounded-3xl bg-blue-accent-light p-8 text-center lg:flex-row lg:items-center lg:justify-between lg:gap-8 lg:px-14 lg:py-10 lg:pr-64 lg:text-left`},st={class:`flex flex-col gap-2`},ct={class:`text-2xl! sm:text-3xl!`},K={class:`text-lg whitespace-pre-line text-body-text website-nowrap:whitespace-nowrap`},lt=[`src`],q=ee({__name:`product`,setup(ee){let{t:p,locale:q}=te(),J=`https://app.controla.ai`,Y=ie();f(()=>{let e=p(`product.title`),t=p(`product.meta_description`);return{title:e,meta:[{property:`og:title`,content:e},{name:`description`,content:t},{property:`og:description`,content:t}]}});let ut=[{icon:se,key:`app`,withDownload:!0},{icon:S,key:`task_management`},{icon:y,key:`reports`},{icon:x,key:`scanning`},{icon:b,key:`risk_analysis`},{icon:ce,key:`integrations`}],X={width:1440,height:400},Z={width:1440,height:360};function Q(e,t){return`${(e/t*100).toFixed(4)}%`}let $=[{label:`google`,icon:C,left:-8,top:74,size:104,img:62,rotate:-19},{label:`apple`,icon:re,left:1314,top:25,size:112,img:66,rotate:19},{label:`windows`,icon:w,left:1322,top:254,size:104,img:62,rotate:-16},{label:`wordpress`,icon:T,left:246,top:129,size:96,img:58,rotate:-12},{label:`microsoft`,icon:g,left:1100,top:173,size:100,img:60,rotate:16},{label:`meta`,icon:oe,left:124,top:261,size:96,img:56,rotate:14}];function dt(e){return{left:Q(e.left,X.width),top:Q(e.top,X.height),width:Q(e.size,X.width),height:Q(e.size,X.height),rotate:`${e.rotate}deg`}}let ft=[{shape:`star`,color:`#F5B301`,size:28,left:192,top:38},{shape:`ring`,color:`#191919`,size:16,left:220,top:234},{shape:`dot`,color:`#E8663A`,size:14,left:289,top:145},{shape:`triangle-right`,color:`#1E7BD8`,size:18,left:329,top:315,rotate:255},{shape:`triangle-up`,color:`#1E8F57`,size:20,left:416,top:198},{shape:`star`,color:`#F5B301`,size:34,left:1366,top:242},{shape:`triangle-right`,color:`#1E7BD8`,size:16,left:1229,top:137,rotate:66},{shape:`star`,color:`#E8663A`,size:16,left:1028,top:166},{shape:`dot`,color:`#191919`,size:12,left:1185,top:300},{shape:`ring`,color:`#191919`,size:16,left:1295,top:78},{shape:`dot`,color:`#F5B301`,size:10,left:120,top:291},{shape:`dot`,color:`#191919`,size:8,left:485,top:74},{shape:`triangle-right`,color:`#1E7BD8`,size:12,left:97,top:128},{shape:`star`,color:`#E8663A`,size:14,left:352,top:92},{shape:`dot`,color:`#1E7BD8`,size:12,left:1044,top:94},{shape:`triangle-up`,color:`#1E8F57`,size:16,left:956,top:277},{shape:`star`,color:`#F5B301`,size:18,left:1088,top:270},{shape:`dot`,color:`#E8663A`,size:12,left:1185,top:52},{shape:`dot`,color:`#191919`,size:8,left:1307,top:208},{shape:`ring`,color:`#191919`,size:12,left:1156,top:186}];function pt(e){let t={left:Q(e.left,Z.width),top:Q(e.top,Z.height),width:Q(e.size,Z.width),height:Q(e.size,Z.height)};return e.rotate!==void 0&&(t.rotate=`${e.rotate}deg`),t}
1let mt=[{shape:`star`,color:`#F5B301`,size:20,left:7,top:6},{shape:`dot`,color:`#E8663A`,size:12,left:24,top:13},{shape:`dot`,color:`#191919`,size:8,left:43,top:5},{shape:`star`,color:`#E8663A`,size:14,left:61,top:12},{shape:`ring`,color:`#191919`,size:12,left:78,top:6},{shape:`dot`,color:`#1E7BD8`,size:10,left:90,top:14},{shape:`triangle-right`,color:`#1E7BD8`,size:12,left:9,top:89,rotate:255},{shape:`dot`,color:`#F5B301`,size:10,left:27,top:94},{shape:`triangle-up`,color:`#1E8F57`,size:14,left:47,top:90},{shape:`star`,color:`#F5B301`,size:20,left:68,top:93},{shape:`dot`,color:`#191919`,size:10,left:87,top:88}];function ht(e){let t={left:`${e.left}%`,top:`${e.top}%`,width:`${e.size}px`,height:`${e.size}px`};return e.rotate!==void 0&&(t.rotate=`${e.rotate}deg`),t}return(ee,f)=>(n(),a(u,null,[d(` Hero `),i(`section`,O,[d(` Floating integration chips: proportional stage (design 1440x400) so the 2 exact Paper coordinates scale with the viewport. Shown from 1214px up, 3 where there is still room for the chips to sit clear of the heading. `),i(`div`,k,[(n(),a(u,null,e($,e=>i(`div`,{key:e.label,class:`absolute flex items-center justify-center rounded-website-hero-chip border border-website-chip-border bg-white shadow-card-prominent`,style:t(dt(e))},[i(`img`,{src:e.icon,alt:``,class:`h-auto w-website-hero-chip-icon`},null,8,A)],4)),64))]),i(`div`,j,[d(` Below 1214px there is no room for the floating stage, so the same 4 chips are shown as a single centered row above the heading. `),i(`div`,M,[(n(),a(u,null,e($,e=>i(`div`,{key:e.label,class:`flex size-10 shrink-0 items-center justify-center rounded-2xl border border-website-chip-border bg-white shadow-card-prominent sm:size-12`},[i(`img`,{src:e.icon,alt:``,class:`h-auto w-website-compact-chip-icon`},null,8,N)])),64))]),d(` Hero heading treatment matches the home page redesign `),i(`h1`,P,c(l(p)(`product.header`)),1),i(`p`,F,c(l(p)(`product.sub_header`)),1),d(` Buttons stack full-width and centered on small screens `),i(`div`,I,[r(m,{message:l(p)(`cta.start_trial`),link:l(J),"link-medium":`product`,"link-campaign":`hero_start_trial`,"link-class":`!bg-brand-blue !px-8 !text-base !w-full sm:!w-auto`},null,8,[`message`,`link`]),r(m,{message:l(p)(`cta.see_pricing`),link:l(Y)({name:`pricing-locale`,params:{locale:l(q)}}),target:`_self`,"link-medium":`product`,"link-campaign":`hero_see_pricing`,"link-class":`!bg-white border border-lines !px-8 !text-primary-black !text-base !w-full sm:!w-auto`},null,8,[`message`,`link`])]),i(`p`,L,c(l(p)(`product.no_credit_card`)),1)]),d(` Dashboard preview `),i(`div`,R,[f[0]||=i(`div`,{class:`pointer-events-none absolute -inset-x-32 -top-24 bottom-0 -z-10 rounded-website-glow blur-2xl`,style:{background:`radial-gradient( 5 ellipse 52% 52% at 50% 45%, 6 rgba(31, 124, 226, 0.28), 7 rgba(31, 124, 226, 0.1) 46%, 8 transparent 72% 9 )`},"aria-hidden":`true`},null,-1),i(`img`,{fetchpriority:`high`,srcset:l(D),src:l(E),width:`2530`,he
9ight:`1438`,alt:``,class:`h-auto w-full rounded-2xl border border-brand-dark-beige shadow-card-prominent`},null,8,z)])]),d(` Protecting the teams at `),i(`section`,B,[i(`p`,V,c(l(p)(`product.protecting_teams_at`)),1),r(ne,{class:`mt-8 opacity-70`})]),d(` Highlights: deliberately narrower than the dashboard above it so the 10 three columns read as a compact group rather than a full-width band. The 11 divider sits in a zero column-gap, with even padding either side. `),i(`section`,H,[i(`div`,U,[(n(),a(u,null,e([`quick_setup`,`trusted_nordics`,`compliance`],e=>i(`div`,{key:e,class:`flex flex-col gap-2 md:px-5 md:first:pl-0 md:last:pr-0`},[d(` Reserve two lines (as the export does) so the body copy in all 12 three columns starts on the same baseline. `),i(`h3`,W,c(l(p)(`product.highlights.${e}.header`)),1),i(`p`,G,c(l(p)(`product.highlights.${e}.body`)),1)])),64))])]),d(` One platform `),i(`section`,le,[i(`div`,ue,[i(`h2`,de,c(l(p)(`product.one_platform.header`)),1),i(`div`,fe,[d(` Step 1: Connect your systems `),i(`div`,pe,[i(`div`,me,[(n(!0),a(u,null,e([{logo:l(C),label:`google_workspace`},{logo:l(g),label:`microsoft_365`},{logo:l(w),label:`windows_devices`}],e=>(n(),a(`div`,{key:e.label,class:`flex items-center gap-3`},[i(`div`,he,[i(`img`,{src:e.logo,alt:``,class:`size-5`},null,8,ge)]),i(`span`,_e,c(l(p)(`product.one_platform.card.${e.label}`)),1),r(l(ae),{class:`size-5 shrink-0 text-brand-green`})]))),128))]),i(`div`,ve,[f[1]||=i(`span`,{class:`flex size-8 shrink-0 items-center justify-center rounded-full bg-near-black font-serif leading-none text-white lining-nums tabular-nums`},` 1 `,-1),i(`h3`,ye,c(l(p)(`product.one_platform.connect.header`)),1)]),i(`p`,be,c(l(p)(`product.one_platform.connect.body`)),1)]),d(` Step 2: 24/7 monitoring `),i(`div`,xe,[i(`div`,Se,[i(`p`,Ce,c(l(p)(`product.one_platform.card.devices_label`)),1),f[2]||=s(`<div class="flex items-baseline gap-1.5"><span class="font-serif text-3xl">10</span><span class="text-xl text-medium-gray">/ 16</span></div><div class="h-2 overflow-hidden rounded-full bg-brand-beige"><div class="h-full w-5/8 rounded-full bg-brand-green"></div></div>`,2),i(`span`,we,[o(c(l(p)(`product.one_platform.card.see_all_devices`))+` `,1),r(l(v),{class:`size-3`})])]),i(`div`,Te,[f[3]||=i(`span`,{class:`flex size-8 shrink-0 items-center justify-center rounded-full bg-near-black font-serif leading-none text-white lining-nums tabular-nums`},` 2 `,-1),i(`h3`,Ee,c(l(p)(`product.one_platform.monitoring.header`)),1)]),i(`p`,De,c(l(p)(`product.one_platform.monitoring.body`)),1)]),d(` Step 3: Get clear priorities `),i(`div`,Oe,[i(`div`,ke,[(n(),a(u,null,e([`check_password_leaks`,`invite_employees`,`download_app`],e=>i(`div`,{key:e,class:`flex items-center gap-3`},[f[4]||=i(`span`,{class:`size-5 shrink-0 rounded-full border-2 border-brand-dark-beige`},null,-1),i(`span`,Ae,c(l(p)(`product.one_platform.card.${e}`)),1)])),64))]),i(`div`,je,[f[5]||=i(`span`,{class:`flex size-8 shrink-0 items-center justify-center rounded-full bg-near-black font-serif leading-none text-white lining-nums tabular-nums`},` 3 `,-1),i(`h3`,Me,c(l(p)(`product.one_platform.priorities.header`)),1)]),i(`p`,Ne,c(l(p)(`product.one_platform.priorities.body`)),1)]),d(` Step 4: Fix it, or let us `),i(`div`,Pe,[i(`div`,Fe,[i(`div`,Ie,[i(`p`,Le,c(l(p)(`product.one_platform.card.task_header`)),1),i(`p`,Re,c(l(p)(`product.one_platform.card.task_body`)),1)]),i(`span`,ze,c(l(p)(`product.one_platform.card.task_cta`)),1)]),i(`div`,Be,[f[6]||=i(`span`,{class:`flex size-8 shrink-0 items-center justify-center rounded-full bg-near-black font-serif leading-none text-white lining-nums tabular-nums`},` 4 `,-1),i(`h3`,Ve,c(l(p)(`product.one_platform.fix.header`)),1)]),i(`p`,He,c(l(p)(`product.one_platform.fix.body`)),1)])])])]),d(` The Controla experience `),i(`section`,Ue,[i(`h2`,We,c(l(p)(`product.experience.header`)),1),d(` Two columns only from lg: at md the columns are too narrow and the 13 longest heading wraps, which breaks the single-line rhythm. `),i(`div`,Ge,[(n(),a(u,null,e(ut,e=>i(`div`,{key:e.key,class:`flex gap-5`},[i(`img`,{src:e.icon,alt:``,class:`size-8 shrink-0`},null,8,Ke),i(`div`,qe,[i(`h3`,Je,c(l(p)(`product.experience.${e.key}.header`)),1),i(`p`,Ye,c(l(p)(`product.experience.${e.key}.body`)),1),e.withDownload?(n(),a(`a`,{key:0,href:l(Y)({name:`download-app-locale`,params:{locale:l(q)}}),class:`mt-1 inline-flex items-center gap-1 font-semibold text-brand-blue transition-opacity hover:opacity-80`},[o(c(l(p)(`product.experience.app.cta`))+` `,1),r(l(v),{class:`size-4`})],8,Xe)):d(`v-if`,!0)])])),64))])]),d(` Stat `),i(`section`,Ze,[d(` Decor stage (lg+): proportional canvas (design 1440x360) centered 14 behind the content, so the exact coordinates scale with the viewport. `),i(`div`,Qe,[(n(),a(u,null,e(ft,(e,t)=>r(_,{key:t,shape:e.shape,color:e.color,styles:pt(e)},null,8,[`shape`,`color`,`styles`])),64))]),d(` Decor stage (below lg): compact set kept in the top/bottom padding 15 bands so it never sits behind the stat content. `),i(`div`,$e,[(n(),a(u,null,e(mt,(e,t)=>r(_,{key:t,shape:e.shape,color:e.color,styles:ht(e)},null,8,[`shape`,`color`,`styles`])),64))]),d(` Content scales on the same 1440 basis as the decor (design block
15is 16 900px wide, circle 128px, gap 44px) so the clearance between them is 17 preserved. Single continuous formula per property - no breakpoint-only 18 overrides - so nothing jumps when resizing. `),i(`div`,et,[f[7]||=i(`div`,{class:`flex size-website-callout-badge shrink-0 items-center justify-center rounded-full bg-brand-blue shadow-product-callout`},[i(`span`,{class:`font-serif text-website-callout-number font-medium text-white`},` 99% `)],-1),i(`div`,tt,[i(`p`,nt,c(l(p)(`product.stat.body`)),1),i(`p`,rt,c(l(p)(`product.stat.source`)),1)])])]),d(` Put Controla to work `),d(` -mb-20 cancels the shared footer's mt-20 so the white section meets the 19 footer directly instead of leaving a beige gap. `),i(`section`,it,[i(`div`,at,[d(` Stacks and centres below lg (where the mascot is hidden), then 20 becomes the row layout from lg. The body only goes single-line at xl, 21 where there is room for it alongside the button and mascot. `),i(`div`,ot,[i(`div`,st,[i(`h2`,ct,c(l(p)(`product.put_to_work.header`)),1),d(` The locale string carries a newline: honored on smaller screens 22 so it breaks after "simpler", and collapsed to a single line once 23 the banner is wide enough (~1200px), which is comfortably before 24 the xl breakpoint. `),i(`p`,K,c(l(p)(`product.put_to_work.body`)),1)]),r(m,{message:l(p)(`cta.start_trial`),link:l(J),"link-medium":`product`,"link-campaign":`put_to_work_start_trial`,"link-class":`!bg-brand-blue !px-8 !text-base shrink-0 whitespace-nowrap`},null,8,[`message`,`link`]),i(`img`,{src:l(h),alt:``,class:`pointer-events-none absolute right-14 bottom-0 hidden h-website-callout-artwork w-auto lg:block`},null,8,lt)])])])],64))}});typeof p==`function`&&p(q);var J=q;export{J as default}; 25//# sourceMappingURL=product-9OSq28QP.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.