.detail-card { position:relative; overflow:hidden; }
.detail-ambient { position:absolute; z-index:0; top:-56px; right:-54px; width:230px; height:230px; color:var(--blue); opacity:.055; transform:rotate(8deg); pointer-events:none; }
.detail-ambient svg { display:block; width:100%; height:100%; }
.detail-ambient svg * { fill:none; stroke:currentColor; stroke-width:5; stroke-linecap:square; stroke-linejoin:miter; }
.detail-card:nth-child(2) .detail-ambient { top:-48px; right:-42px; transform:rotate(-7deg); }
.detail-card h3,.detail-card>p,.detail-card ul { position:relative; z-index:2; }

.marketing-section { padding-top:48px; }
.marketing-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.marketing-card { position:relative; min-height:430px; padding:48px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(145deg,#f2f7ff,#fff); }
.marketing-card:nth-child(2){background:linear-gradient(145deg,#f5f8ed,#fff)}
.marketing-card:nth-child(3){background:linear-gradient(145deg,#fff5ec,#fff)}
.marketing-card:nth-child(4){background:linear-gradient(145deg,#f8f2ff,#fff)}
.marketing-card:nth-child(5){background:linear-gradient(145deg,#f1f7ff,#fff)}
.marketing-card:nth-child(6){background:linear-gradient(145deg,#f7f8ef,#fff)}
.marketing-card .marketing-icon { position:absolute; top:-34px; right:-34px; width:170px; height:170px; color:var(--blue); opacity:.055; transform:rotate(-8deg); }
.marketing-icon svg { width:100%; height:100%; }
.marketing-icon svg * { fill:none; stroke:currentColor; stroke-width:5; stroke-linecap:square; stroke-linejoin:miter; }
.marketing-card h2 { position:relative; z-index:2; margin:0 0 20px; font-size:clamp(35px,3.2vw,49px); line-height:1.05; letter-spacing:-.05em; }
.marketing-card>p { position:relative; z-index:2; max-width:580px; color:var(--muted); font-size:16px; line-height:1.72; }
.marketing-card ul { position:relative; z-index:2; margin:34px 0 0; padding:0; list-style:none; }
.marketing-card li { padding:12px 0; border-bottom:1px solid rgba(10,28,55,.1); font-size:14px; }
.marketing-card li::before { content:"✓"; display:inline-grid; place-items:center; width:22px; height:22px; margin-right:12px; color:#fff; background:var(--blue); font-size:11px; }
.marketing-platforms { padding:0 0 72px; background:#fff; }
.marketing-logo-strip { display:grid; grid-template-columns:repeat(8,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.marketing-logo { min-width:0; height:112px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:15px 8px; text-align:center; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }
.marketing-logo b { color:#16233a; font-size:clamp(15px,1.35vw,20px); line-height:1; letter-spacing:-.035em; white-space:nowrap; }
.marketing-logo span { color:#718096; font-size:9px; font-weight:800; letter-spacing:.15em; white-space:nowrap; }
.marketing-logo img { display:block; width:auto; max-width:80px; height:30px; object-fit:contain; }
.marketing-logo:nth-child(3) img { max-width:94px; height:38px; }
.marketing-logo .google-wordmark { color:#2457d6; letter-spacing:-.06em; }
.marketing-logo .meta-mark { color:#2457d6; font-size:36px; font-weight:500; line-height:.65; }
.marketing-logo .sklik-wordmark { color:#000; font-size:25px; font-weight:800; letter-spacing:-.06em; }

.certifications { color:#fff; background:#071429; }
.certifications-head { display:grid; grid-template-columns:.8fr 1.2fr; gap:10%; align-items:end; }
.certifications h2 { margin:0; font-size:clamp(43px,4.8vw,68px); line-height:1.04; letter-spacing:-.055em; }
.certifications-head p { margin:0; color:#aebbd0; font-size:16px; line-height:1.75; }
.certifications-copy { display:grid; gap:18px; }
.platform-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:70px; border-top:1px solid rgba(255,255,255,.16); border-left:1px solid rgba(255,255,255,.16); }
.platform { min-height:170px; display:flex; flex-direction:column; justify-content:space-between; padding:28px; border-right:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); }
.platform img { display:block; width:auto; max-width:210px; height:70px; padding:10px; object-fit:contain; object-position:left center; background:#fff; }
.platform-icon { display:grid; place-items:center; width:52px; height:52px; color:#fff; background:var(--blue); font-size:24px; font-weight:800; font-style:normal; }
.platform-icon.meta { font-size:32px; }
.platform-icon.microsoft { grid-template-columns:repeat(2,10px); grid-template-rows:repeat(2,10px); gap:3px; }
.platform-icon.microsoft i { width:10px; height:10px; background:#fff; }
.platform b { font-size:15px; }

@media(max-width:1100px){.marketing-logo-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.marketing-grid{grid-template-columns:1fr}.certifications-head{grid-template-columns:1fr;gap:28px}.platform-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.marketing-section{padding-top:28px}.marketing-card{min-height:0;padding:38px 24px}.marketing-card h2{font-size:37px}.marketing-logo-strip{grid-template-columns:repeat(2,1fr)}.marketing-logo{height:96px}.platform-grid{grid-template-columns:1fr}.detail-ambient{opacity:.04;transform:scale(.75) rotate(8deg)}}

.boxed-intro { color:#fff; background:var(--blue); }
.boxed-intro-inner { display:grid; grid-template-columns:1.15fr .85fr; gap:10%; align-items:end; }
.boxed-intro h1,.boxed-intro h2 { margin:0; font-size:clamp(52px,5.5vw,82px); line-height:1.02; letter-spacing:-.06em; }
.boxed-intro-copy p { margin:0 0 28px; color:#dbe8ff; font-size:18px; line-height:1.7; }
.boxed-intro .button { min-height:62px; padding-inline:28px; color:var(--blue); background:#fff; box-shadow:none; }
.boxed-catalog-head { display:grid; grid-template-columns:1fr .9fr; gap:9%; align-items:end; margin-bottom:64px; }
.boxed-catalog-head h1 { margin:0; font-size:clamp(43px,4.7vw,68px); line-height:1.04; letter-spacing:-.055em; }
.boxed-catalog-copy p { margin:0 0 26px; color:var(--muted); font-size:17px; line-height:1.75; }
.boxed-catalog-copy .boxed-price { margin-top:-8px; color:var(--ink); }
.boxed-catalog-copy .boxed-price strong { color:var(--blue); font-weight:800; white-space:nowrap; }
.boxed-catalog-copy .button { min-height:58px; padding-inline:25px; box-shadow:none; }
.boxed-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.boxed-category { --category:#eaf2ff; min-width:0; padding:34px 28px 28px; background:var(--category); }
.boxed-category:nth-child(2){--category:#edf6ef}.boxed-category:nth-child(3){--category:#fff1e8}.boxed-category:nth-child(4){--category:#f3edff}.boxed-category:nth-child(5){--category:#e9f6f7}.boxed-category:nth-child(6){--category:#fff6da}.boxed-category:nth-child(7){--category:#eef1f7}.boxed-category:nth-child(8){--category:#fcecf2}.boxed-category:nth-child(9){--category:#edf5e7}
.boxed-category>header { min-height:146px; position:relative; padding-right:30px; }
.boxed-category>header span { position:absolute; top:-18px; right:-10px; color:var(--blue); font-size:56px; font-weight:800; line-height:1; opacity:.09; }
.boxed-category>header h2 { max-width:290px; margin:0 0 10px; font-size:28px; line-height:1.08; letter-spacing:-.045em; }
.boxed-category>header p { max-width:300px; margin:0; color:#566277; font-size:13px; line-height:1.5; }
.boxed-category-apps { display:grid; gap:7px; }
.boxed-card { display:grid; grid-template-columns:42px 1fr 52px; align-items:start; min-height:150px; padding:17px 0 17px 16px; border:1px solid rgba(19,42,75,.1); background:rgba(255,255,255,.78); cursor:pointer; transition:transform .25s ease,border-color .25s ease,background .25s ease; }
.boxed-card:focus-visible { border-color:var(--blue); outline:2px solid rgba(36,87,214,.24); outline-offset:2px; }
.boxed-card:hover { z-index:2; border-color:rgba(36,87,214,.38); background:#fff; transform:translateX(4px); box-shadow:none; }
.boxed-icon { grid-row:1 / span 2; width:27px; height:27px; color:var(--blue); fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:square; stroke-linejoin:miter; }
.boxed-card h3 { margin:0; font-size:15px; line-height:1.25; letter-spacing:-.02em; }
.boxed-card p { grid-column:2; margin:9px 10px 0 0; color:#657086; font-size:11px; line-height:1.55; }
.boxed-card .boxed-button { grid-column:3; grid-row:1 / span 2; align-self:stretch; display:grid; place-items:center; min-height:100%; margin:0; padding:0; border:0; border-left:1px solid rgba(36,87,214,.16); color:var(--blue); background:transparent; }
.boxed-card .boxed-button svg { width:24px; height:16px; fill:none; stroke:currentColor; stroke-width:2; transition:transform .2s ease; }
.boxed-card .boxed-button:hover,.boxed-card .boxed-button:focus-visible { color:#fff; background:var(--blue); outline:none; }
.boxed-card .boxed-button:hover svg,.boxed-card .boxed-button:focus-visible svg { transform:translateX(3px); }
.boxed-symbols { position:absolute; width:0; height:0; overflow:hidden; }

@media(max-width:1050px){.boxed-grid{grid-template-columns:1fr 1fr}.boxed-intro-inner,.boxed-catalog-head{grid-template-columns:1fr;gap:34px}}
@media(max-width:680px){.boxed-grid{grid-template-columns:1fr}.boxed-category{padding:30px 22px 22px}.boxed-category>header{min-height:125px}.boxed-intro h1,.boxed-intro h2{font-size:48px}.boxed-intro-copy p{font-size:16px}.boxed-catalog-head{margin-bottom:38px}}

.inquiry { min-height:720px; padding-top:90px; background:linear-gradient(135deg,#eef4ff 0,#fff 58%); }
.inquiry-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:9%; align-items:start; }
.inquiry-heading .eyebrow { margin:0 0 22px; color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.12em; }
.inquiry-heading h1 { margin:0 0 28px; font-size:clamp(50px,5.4vw,78px); line-height:1.01; letter-spacing:-.06em; }
.inquiry-heading>p:last-child { max-width:520px; color:var(--muted); font-size:17px; line-height:1.7; }
.inquiry-form { display:grid; gap:18px; padding:42px; border:1px solid var(--line); background:#fff; }
.inquiry-form label { display:grid; gap:9px; color:#25324a; font-size:12px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.inquiry-form input,.inquiry-form textarea,.inquiry-form select { width:100%; border:1px solid #d8dfeb; border-radius:0; padding:15px 16px; color:var(--ink); background:#fff; font:500 15px/1.4 Manrope,sans-serif; text-transform:none; outline:none; }
.inquiry-form input:focus,.inquiry-form textarea:focus,.inquiry-form select:focus { border-color:var(--blue); box-shadow:0 0 0 2px rgba(36,87,214,.1); }
.inquiry-form input[readonly] { color:var(--blue); background:#f2f6ff; font-weight:800; }
.inquiry-pair { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.inquiry-form .button { justify-self:start; min-height:60px; margin-top:8px; border:0; }
.inquiry-form .button span { margin-left:22px; font-size:20px; }
.inquiry-contact { display:grid; gap:5px; margin-top:48px; padding-top:24px; border-top:1px solid #dce3ef; }
.inquiry-contact span { color:var(--muted); font-size:12px; }
.inquiry-contact a { color:var(--blue); font-size:20px; font-weight:800; }
.inquiry-form .inquiry-consent { grid-template-columns:22px 1fr; align-items:start; gap:11px; color:var(--muted); font-size:11px; font-weight:500; line-height:1.5; letter-spacing:0; text-transform:none; }
.inquiry-consent input { width:18px; height:18px; margin:0; padding:0; accent-color:var(--blue); }
.form-concept-note { margin:0; color:#8a93a2; font-size:10px; }
@media(max-width:900px){.inquiry-layout{grid-template-columns:1fr}.inquiry-form{padding:30px}.inquiry{padding-top:55px}}
@media(max-width:600px){.inquiry-pair{grid-template-columns:1fr}.inquiry-form{padding:24px}.inquiry-heading h1{font-size:48px}}