/* Shared visual system for every page outside the homepage. */
:root { --wiggo-ink: #15211f; --wiggo-deep: #0d1b1d; --wiggo-sand: #d5b968; --wiggo-paper: #f4f3ef; --wiggo-muted: #65706b; }
body:not(.homepage) { background: var(--wiggo-paper); color: var(--wiggo-ink); }
body:not(.homepage) .header { background: var(--wiggo-deep); padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.12); }
body:not(.homepage) .header .floater, body:not(.homepage) .general .floater, body:not(.homepage) .footer .floater { max-width: 1180px; }
body:not(.homepage) .header a.button { padding: 11px 13px; font-size: 13px; letter-spacing: .09em; }
body:not(.homepage) .header a.button:hover { color: var(--wiggo-deep); background: var(--wiggo-sand); }
body:not(.homepage) .header img { width: 64px; height: 64px; }
body:not(.homepage) .general { min-height: 0; padding: 76px 30px; background: var(--wiggo-paper); }
body:not(.homepage) .general[style*="background-color: #f2f2f2"], body:not(.homepage) .general[style*="background: linear-gradient"] { background-color: #e9ece8 !important; }
body:not(.homepage) .general .floater { margin: 0 auto; }
body:not(.homepage) .general h1, body:not(.homepage) .general h2, body:not(.homepage) .general h3 { color: var(--wiggo-ink); }
body:not(.homepage) .general h1 { max-width: 900px; margin: 0 auto 24px; padding: 0; font-size: clamp(38px, 5vw, 62px); line-height: 1; letter-spacing: -.06em; text-transform: none; }
body:not(.homepage) .general h2 { font-size: clamp(23px, 2.4vw, 32px); line-height: 1.12; letter-spacing: -.045em; text-transform: none; }
body:not(.homepage) .general p, body:not(.homepage) .general li { color: var(--wiggo-muted); line-height: 1.7; }
body:not(.homepage) .general a:not(.front-button):not(.front-button-inv) { color: #8a6b2e; }
body:not(.homepage) .general .column3 { padding: 18px; }
body:not(.homepage) .general .column3:not(.bounce):not(.table) { min-height: 245px; padding: 28px 24px; border: 1px solid #d9ddd8; border-radius: 8px; background: rgba(255,255,255,.68); box-shadow: 0 8px 22px rgba(21,33,31,.045); }
body:not(.homepage) .general .column3.bounce { height: 100%; padding: 18px; border: 1px solid #d9ddd8; border-radius: 8px; background: rgba(255,255,255,.68); box-shadow: 0 8px 22px rgba(21,33,31,.045); }
body:not(.homepage) .general .column3.bounce { transition: transform .2s, box-shadow .2s; }
body:not(.homepage) .general .column3.bounce:hover { transform: translateY(-5px); box-shadow: 0 18px 30px rgba(21,33,31,.12); }
body:not(.homepage) .general .column2.package, body:not(.homepage) .package { border: 1px solid #d9ddd8; border-radius: 8px; background: rgba(255,255,255,.78); box-shadow: 0 10px 26px rgba(21,33,31,.06); }
body:not(.homepage) input[type="text"], body:not(.homepage) input[type="password"], body:not(.homepage) textarea, body:not(.homepage) select { border: 1px solid #cbd2cb; border-radius: 5px; background: #fff; color: var(--wiggo-ink); font-weight: 400; letter-spacing: 0; }
body:not(.homepage) input[type="text"]:focus, body:not(.homepage) input[type="password"]:focus, body:not(.homepage) textarea:focus, body:not(.homepage) select:focus { border-color: var(--wiggo-sand); box-shadow: 0 0 0 3px rgba(213,185,104,.2); }
body:not(.homepage) .front-button, body:not(.homepage) .front-button-inv { display: inline-block; width: auto; min-width: 150px; padding: 13px 19px; border-color: var(--wiggo-ink); border-radius: 4px; color: var(--wiggo-ink); letter-spacing: .04em; }
body:not(.homepage) .front-button { border-color: var(--wiggo-ink); color: var(--wiggo-ink); }
body:not(.homepage) .front-button:hover, body:not(.homepage) .front-button-inv:hover { border-color: var(--wiggo-ink); background: var(--wiggo-ink); color: #fff; }
body:not(.homepage) .table, body:not(.homepage) .list { border: 1px solid #d9ddd8; border-radius: 8px; overflow: hidden; background: #fff; }
body:not(.homepage) .table .row, body:not(.homepage) .list .row { border-color: #e2e5e0; }
body:not(.homepage) .list .row:hover { background: #f4f1e6; }
body:not(.homepage) .footer { padding: 60px 20px 30px; background: var(--wiggo-deep); }
body:not(.homepage) .footer .headline { color: var(--wiggo-sand); letter-spacing: .12em; }
body:not(.homepage) .footer a.link { font-size: 14px; line-height: 1.4; letter-spacing: .045em; }
body:not(.homepage) .footer a.link:hover { color: var(--wiggo-sand); }
.contact-hero { min-height: 510px; color: #fff; background: linear-gradient(112deg, rgba(7,20,24,.94), rgba(24,65,67,.72)), url('/images/Rocket.3.2.webp') center/cover; }
.contact-hero-content { max-width: 1180px; margin: 0 auto; padding: 100px 32px 118px; }.contact-kicker { margin: 0 0 16px; color: var(--wiggo-sand); font-size: 12px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }.contact-hero h1 { margin: 0; font-size: clamp(46px, 6vw, 76px); line-height: .98; letter-spacing: -.065em; }.contact-hero-content > p:last-child { max-width: 510px; margin: 26px 0 0; color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.65; }
.contact-main { padding-top: 95px !important; padding-bottom: 95px !important; }.contact-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 88px; align-items: start; }.contact-intro h2 { margin: 0 0 19px; font-size: clamp(32px, 3.4vw, 48px) !important; }.contact-intro > p { max-width: 410px; margin: 0; font-size: 17px; }.contact-details { display: grid; gap: 15px; margin-top: 35px; }.contact-details a, .contact-details span { color: var(--wiggo-ink) !important; font-size: 15px; font-weight: 700; text-decoration: none; }.contact-details i { width: 25px; color: #9d7b37; }
.contact-form { padding: 35px; border: 1px solid #d9ddd8; border-radius: 9px; background: #fff; box-shadow: 0 16px 35px rgba(21,33,31,.08); }.contact-form label { display: block; margin-bottom: 18px; color: var(--wiggo-ink); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }.contact-form input, .contact-form textarea { width: 100%; margin-top: 8px; padding: 14px 13px; border: 1px solid #cbd2cb; border-radius: 4px; background: #fff; color: var(--wiggo-ink); font: 400 16px 'Kumbh Sans', sans-serif; letter-spacing: 0; box-sizing: border-box; }.contact-form textarea { min-height: 155px; resize: vertical; }.contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--wiggo-sand); box-shadow: 0 0 0 3px rgba(213,185,104,.2); }.contact-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.captcha-row { display: grid; grid-template-columns: 156px 1fr; gap: 14px; align-items: center; margin: 3px 0 22px; }.captcha-row img { max-width: 156px; border: 1px solid #cbd2cb; border-radius: 4px; }.captcha-row label { margin: 0; }.contact-form .front-button-inv { min-width: 185px; background: var(--wiggo-ink); color: #fff; }.contact-form .front-button-inv:hover { background: var(--wiggo-sand); border-color: var(--wiggo-sand); color: var(--wiggo-ink); }.contact-support .column1 { max-width: 800px; margin: 0 auto; }.contact-support p { font-size: 17px !important; }
@media screen and (max-width: 1023px) { body:not(.homepage) .general { padding: 54px 20px; } body:not(.homepage) .general .column3 > div, body:not(.homepage) .general .column3.bounce { padding: 22px 18px; } }
@media screen and (max-width: 760px) { .contact-hero { min-height: 430px; }.contact-hero-content { padding: 70px 22px 92px; }.contact-main { padding-top: 65px !important; padding-bottom: 65px !important; }.contact-layout { grid-template-columns: 1fr; gap: 42px; }.contact-form { padding: 24px 20px; }.contact-form-grid, .captcha-row { grid-template-columns: 1fr; }.captcha-row img { max-width: 100%; width: 156px; } }

/* Legacy flow accessibility and form normalization. */
body:not(.homepage) :focus-visible { outline: 3px solid var(--wiggo-sand) !important; outline-offset: 3px; }
body:not(.homepage) input[type="email"], body:not(.homepage) input[type="tel"], body:not(.homepage) input[type="number"], body:not(.homepage) input[type="url"] { border: 1px solid #cbd2cb; border-radius: 5px; background: #fff; color: var(--wiggo-ink); font-weight: 400; letter-spacing: 0; }
body:not(.homepage) input[type="email"]:focus, body:not(.homepage) input[type="tel"]:focus, body:not(.homepage) input[type="number"]:focus, body:not(.homepage) input[type="url"]:focus { border-color: var(--wiggo-sand); box-shadow: 0 0 0 3px rgba(213,185,104,.2); }
.checkoutformular, .signinformular { max-width: 980px; margin: 0 auto; }.checkoutformular.column3-2, .signinformular .table { border: 1px solid #d9ddd8; border-radius: 9px; background: #fff; box-shadow: 0 12px 30px rgba(21,33,31,.06); }.checkoutformular .row, .signinformular .row { border: 0; }.checkoutformular .cell, .signinformular .cell { padding: 8px !important; }.checkoutformular input, .signinformular input[type="text"], .signinformular input[type="password"] { border: 1px solid #cbd2cb; border-radius: 4px; background: #fff; color: var(--wiggo-ink); font: 400 16px 'Kumbh Sans', sans-serif; letter-spacing: 0; }.checkoutformular input:focus, .signinformular input:focus { border-color: var(--wiggo-sand); box-shadow: 0 0 0 3px rgba(213,185,104,.2); }
.checkoutformular + style + .column3.package, .checkoutformular ~ .package { max-width: 980px; margin: 20px auto 0; padding: 25px !important; border: 1px solid #d9ddd8 !important; border-radius: 9px !important; background: #fff; box-shadow: 0 12px 30px rgba(21,33,31,.06) !important; }.checkoutformular ~ #submitBtn .front-button-inv, .signinformular #submitBtn .front-button-inv { min-width: 210px; background: var(--wiggo-ink); color: #fff; }.checkoutformular ~ #submitBtn .front-button-inv:hover, .signinformular #submitBtn .front-button-inv:hover { border-color: var(--wiggo-sand); background: var(--wiggo-sand); color: var(--wiggo-ink); }
.signinformular .radio-toolbar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }.signinformular .radio-toolbar .column3 { width: auto !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }.signinformular .radio-toolbar label { height: 100% !important; min-height: 270px; border-color: #d9ddd8 !important; border-radius: 8px !important; color: var(--wiggo-ink) !important; }.signinformular .radio-toolbar input[type="radio"]:focus-visible + label { outline: 3px solid var(--wiggo-sand); outline-offset: 3px; }.signinformular .radio-toolbar input[type="radio"]:checked + label { border-color: var(--wiggo-ink) !important; background: var(--wiggo-ink) !important; }.signinformular .radio-toolbar input[type="radio"]:checked + label .trial { background: var(--wiggo-sand) !important; color: var(--wiggo-ink); }
@media screen and (max-width: 760px) { .checkoutformular, .signinformular { max-width: 100%; }.signinformular .radio-toolbar { grid-template-columns: 1fr; }.signinformular .radio-toolbar label { min-height: 0; }.checkoutformular ~ .package { padding: 20px !important; } }

/* Signup: turn the legacy multi-step form into one coherent conversion flow. */
.signup-page .signup-hero { min-height: 440px; color: #fff; background: linear-gradient(112deg, rgba(7,20,24,.94), rgba(24,65,67,.68)), url('/images/galaxy.webp') center/cover; }.signup-page .signup-hero-content { max-width: 1180px; margin: 0 auto; padding: 105px 32px 112px; }.signup-page .signup-hero-content > div { max-width: 640px; }.signup-page .signup-kicker { margin: 0 0 16px; color: var(--wiggo-sand); font-size: 12px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }.signup-page .signup-hero h1 { margin: 0; color: #fff; font-size: clamp(46px, 6vw, 76px); line-height: .98; letter-spacing: -.065em; text-transform: none; }.signup-page .signup-hero-content p:last-child { margin: 25px 0 0; color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.65; }.signup-page .signup-main { padding-top: 90px; padding-bottom: 104px; }.signup-page .signup-form > .column1[style*="text-align: center"] { max-width: 720px; margin: 0 auto 30px; }.signup-page .signup-form > .column1 h1, .signup-page .signup-form > .column1 h2 { margin-bottom: 14px; }.signup-page .signup-form > .column1 > div[style*="height: 4px"] { width: 34px !important; height: 3px !important; background: var(--wiggo-sand) !important; }.signup-page .signup-form .radio-toolbar { margin: 0 0 78px !important; }.signup-page .signup-form .radio-toolbar label { display: flex !important; flex-direction: column; min-height: 400px !important; padding: 29px 27px !important; border: 1px solid #d9ddd8 !important; background: #fff !important; box-shadow: 0 10px 26px rgba(21,33,31,.055); transition: border-color .2s, transform .2s, box-shadow .2s; }.signup-page .signup-form .radio-toolbar label:hover { transform: translateY(-4px); border-color: #b9a36b !important; box-shadow: 0 18px 30px rgba(21,33,31,.11); }.signup-page .signup-form .radio-toolbar input[type="radio"]:checked + label { border-color: var(--wiggo-ink) !important; background: var(--wiggo-ink) !important; color: #fff !important; box-shadow: 0 18px 34px rgba(21,33,31,.18); }.signup-page .signup-form .radio-toolbar label .trial { top: 16px !important; right: 16px !important; border-radius: 3px !important; background: var(--wiggo-sand) !important; color: var(--wiggo-ink) !important; }.signup-page .signup-form .radio-toolbar label p { margin: auto 0 0; }.signup-page .signup-form .table { margin-bottom: 18px; }.signup-page .signup-form .column2.table { width: calc(50% - 10px); padding: 18px !important; box-sizing: border-box; }.signup-page .signup-form .column1.table { width: min(620px, 100%); padding: 18px !important; box-sizing: border-box; }.signup-page .signup-form .inputtitle { margin: 0 0 7px; color: var(--wiggo-ink); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }.signup-page .signup-form input { width: 100%; padding: 13px 14px; box-sizing: border-box; }.signup-page .signup-form .control-checkbox { display: inline-flex; align-items: center; min-height: 44px; color: var(--wiggo-ink); }.signup-page .signup-form #submitBtn { margin-top: 28px; }.signup-page .signup-form #submitBtn .front-button-inv { padding: 15px 22px; }.signup-page .signup-form input.error { border-color: #843a33 !important; }.signup-page .signup-form input.valid { border-color: #315d3e !important; }
@media screen and (max-width: 760px) { .signup-page .signup-hero { min-height: 390px; }.signup-page .signup-hero-content { padding: 70px 22px 85px; }.signup-page .signup-main { padding-top: 62px; padding-bottom: 70px; }.signup-page .signup-form .radio-toolbar { margin-bottom: 54px !important; }.signup-page .signup-form .radio-toolbar label { min-height: 0 !important; padding: 25px 22px !important; }.signup-page .signup-form .column2.table { width: 100%; }.signup-page .signup-form .column1.table { padding: 14px !important; }.signup-page .signup-form #submitBtn .front-button-inv { width: 100% !important; max-width: 300px; } }

/* Keep the wizard's flex track from expanding the legacy table wrapper. */
.signup-page .signup-main > .floater { display: block; width: 100%; min-width: 0; }
.signup-page .signup-form { width: 100%; min-width: 0; box-sizing: border-box; }
.signup-page .signup-step > .column1 { padding-inline: 0; }
.signup-page .signup-step > .column1[style*="text-align: center"] { max-width: 720px; margin: 0 auto 30px; }
.signup-page .signup-form .radio-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.signup-page .signup-form .radio-toolbar > br { display: none; }
.signup-page .signup-form .radio-toolbar .column3 { min-width: 0; float: none; }
.signup-page .signup-form .radio-toolbar label { height: auto !important; min-height: 340px !important; }
.signup-page .signup-form .radio-toolbar label > div:not(.trial) { height: auto !important; }
.signup-page .signup-form .radio-toolbar label > br { display: none; }
.signup-page .signup-form .radio-toolbar label ul { margin: 22px 0; }
.signup-page .signup-form .radio-toolbar label p { padding-top: 12px; }
.signup-page .signup-form .radio-toolbar input:checked + label :is(li, p) { color: #fff; }
.signup-page .signup-step-actions { flex-wrap: wrap; }
.signup-page .signup-step-actions button { min-height: 44px; max-width: 100%; box-sizing: border-box; }
@media screen and (max-width: 760px) {
    .signup-page .signup-form .radio-toolbar { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .signup-page .signup-form .radio-toolbar label { min-height: 0 !important; }
    .signup-page .signup-wizard-progress { padding: 0; }
    .signup-page .signup-progress-step { flex-direction: column; gap: 8px; font-size: 11px; }
    .signup-page .signup-progress-step span:last-child { display: inline; }
    .signup-page .signup-progress-line { min-width: 8px; margin: 0 8px; }
    .signup-page .signup-main h1 { font-size: clamp(30px, 7vw, 42px); overflow-wrap: break-word; }
    .signup-page .signup-form .row { display: block; width: 100%; box-sizing: border-box; }
    .signup-page .signup-form .cell { display: block; width: 100%; box-sizing: border-box; }
    .signup-page .signup-form .control-checkbox { white-space: normal; }
    .signup-page .signup-form input { min-width: 0; }
}
@media screen and (prefers-reduced-motion: reduce) {
    .signup-page :is(.signup-slider, .signup-track, .radio-toolbar label) { transition: none; }
}

/* Apps catalogue: a deliberate product grid instead of floating logo tiles. */
.apps-page .app-catalogue { padding-top: 94px; padding-bottom: 110px; }.apps-page .apps-intro { max-width: 770px; margin: 0 auto 52px; }.apps-page .apps-intro > div { width: 34px !important; height: 3px !important; margin: 18px auto 22px !important; background: var(--wiggo-sand) !important; }.apps-page .apps-intro p { max-width: 700px; margin: 0 auto; }.apps-page .apps-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; clear: both; }.apps-page .apps-grid .app-tile { float: none !important; width: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 1px solid #d9ddd8 !important; border-radius: 9px !important; background: #fff !important; box-shadow: 0 10px 25px rgba(21,33,31,.06) !important; filter: none !important; transform: none !important; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; }.apps-page .apps-grid .app-tile:hover { filter: none !important; transform: translateY(-5px) !important; border-color: #b7a16a !important; box-shadow: 0 20px 36px rgba(21,33,31,.14) !important; scale: 1 !important; }.apps-page .apps-grid .app-tile > div { height: 250px !important; border-radius: 0 !important; line-height: normal !important; display: grid !important; place-items: center; overflow: hidden; position: relative; }.apps-page .apps-grid .app-tile > div::after { content: ''; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(13,27,29,.06), rgba(13,27,29,.38)); pointer-events: none; }.apps-page .apps-grid .app-tile a { position: relative; z-index: 1; display: grid; width: 100%; height: 100%; place-items: center; }.apps-page .apps-grid .app-tile img { width: min(190px, 70%) !important; height: auto !important; max-height: 142px; object-fit: contain; vertical-align: middle !important; filter: drop-shadow(0 12px 14px rgba(0,0,0,.2)); transition: transform .22s ease; }.apps-page .apps-grid .app-tile:hover img { transform: scale(1.045); }.apps-page .apps-grid .app-tile a:focus-visible { outline: 3px solid var(--wiggo-sand) !important; outline-offset: -5px; }
@media screen and (max-width: 900px) { .apps-page .apps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (min-width: 901px) { .apps-page .apps-grid .app-tile:last-child:nth-child(3n + 1) { grid-column: 2; } } @media screen and (max-width: 760px) { .apps-page .app-catalogue { padding-top: 62px; padding-bottom: 70px; }.apps-page .apps-intro { margin-bottom: 32px; }.apps-page .apps-grid { grid-template-columns: 1fr; gap: 16px; }.apps-page .apps-grid .app-tile > div { height: 210px !important; } }

/* About page. */
.about-page .about-hero { min-height: 0; color: #fff; background-position: center !important; }.about-page .about-hero-content { max-width: 1180px; margin: 0 auto; padding: 108px 32px 122px; }.about-page .about-kicker { margin: 0 0 16px; color: var(--wiggo-sand); font-size: 12px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }.about-page .about-hero h1 { max-width: 760px; margin: 0; color: #fff; font-size: clamp(45px, 6vw, 76px); line-height: .98; letter-spacing: -.065em; text-transform: none; }.about-page .about-hero-content > p:last-child { max-width: 570px; margin: 27px 0 0; color: rgba(255,255,255,.79); font-size: 18px; line-height: 1.65; }.about-page .about-story { padding-top: 100px; padding-bottom: 104px; }.about-page .about-story .column1 { max-width: 830px; margin: 0 auto 52px; }.about-page .about-story .column1 h1 { margin-bottom: 20px; }.about-page .about-story .column2 { width: calc(50% - 12px); padding: 0 28px; box-sizing: border-box; }.about-page .about-story .column2 p { margin-top: 0; font-size: 16px; line-height: 1.75 !important; }.about-page .about-team { padding-top: 92px; padding-bottom: 100px; }.about-page .about-team .column1 { margin-bottom: 42px; }.about-page .about-team .column2 { width: 50%; padding: 0 18px; box-sizing: border-box; }.about-page .about-team .table { max-width: 430px !important; padding: 31px; border: 1px solid #d9ddd8 !important; border-radius: 9px; background: #fff; box-shadow: 0 12px 30px rgba(21,33,31,.06); }.about-page .about-team .row { border: 0; }.about-page .about-team img { width: 190px !important; max-width: 100%; border-radius: 50% !important; }.about-page .about-team .cell > span:first-of-type { display: block; color: var(--wiggo-ink); font-size: 21px !important; font-weight: 700; line-height: 1.35; }.about-page .about-team .cell > span:last-of-type { display: block; margin-top: 7px; color: #8a6b2e; }.about-page .about-team .cell p { line-height: 1.7 !important; }
@media screen and (max-width: 760px) { .about-page .about-hero-content { padding: 72px 22px 88px; }.about-page .about-story, .about-page .about-team { padding-top: 65px; padding-bottom: 70px; }.about-page .about-story .column2, .about-page .about-team .column2 { width: 100%; padding: 0; }.about-page .about-team .column2 + .column2 { margin-top: 20px; }.about-page .about-team .table { padding: 24px 20px; } }

/* App feature grids: icon-led, not card-led. */
:is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) { background: #f4f3ef !important; }:is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) .column1 { max-width: 920px; margin: 0 auto 38px; }:is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) .column3:not(.bounce):not(.table) { min-height: 0 !important; padding: 26px 24px 30px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; text-align: center; }:is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) .column3 > span:first-child { display: grid; width: 94px; height: 94px; margin: 0 auto 20px; place-items: center; border-radius: 50%; background: #e8e4d7; color: #15211f; }:is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) .column3 > span:first-child i { font-size: 42px !important; }:is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) .column3 h2 { margin: 0; font-size: clamp(22px, 2.2vw, 30px); }:is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) .column3 p { max-width: 310px; margin: 14px auto 0; font-size: 15px; line-height: 1.65; }
@media screen and (max-width: 760px) { :is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) .column1 { margin-bottom: 25px; }:is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) .column3:not(.bounce):not(.table) { padding: 24px 12px 30px !important; }:is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) .column3 > span:first-child { width: 78px; height: 78px; margin-bottom: 16px; }:is(.app-features, .general:has(> .floater > .column3 > span > i.fa-thin)) .column3 > span:first-child i { font-size: 35px !important; } }

/* Websites service page. */
.websites-page .websites-hero { min-height: 0; color: #fff; background-position: center !important; }.websites-hero-content { max-width: 1180px; margin: 0 auto; padding: 108px 32px 122px; }.websites-kicker { margin: 0 0 16px; color: var(--wiggo-sand); font-size: 12px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }.websites-hero h1 { max-width: 720px; margin: 0; color: #fff; font-size: clamp(45px, 6vw, 76px); line-height: .98; letter-spacing: -.065em; text-transform: none; }.websites-hero-content > p:last-child { max-width: 570px; margin: 27px 0 0; color: rgba(255,255,255,.79); font-size: 18px; line-height: 1.65; }.websites-pricing { padding-top: 98px !important; padding-bottom: 105px !important; }.websites-pricing .column1 { max-width: 820px; margin: 0 auto 45px; }.websites-pricing .website-package { width: calc(50% - 12px); padding: 30px !important; border: 1px solid #d9ddd8; border-radius: 9px; background: #fff; box-sizing: border-box; box-shadow: 0 12px 30px rgba(21,33,31,.06); }.websites-pricing .website-package h2 { margin-top: 0; }.websites-pricing .website-package .package { margin-top: 24px; }.websites-pricing .website-package .package ul { margin: 0; padding: 0; box-shadow: none !important; }.websites-pricing .website-package .package li { color: var(--wiggo-muted); font-size: 15px; text-align: left; }.websites-pricing .website-package .package li:before { color: #9d7b37; }.websites-cases { padding-top: 85px !important; padding-bottom: 95px !important; }.websites-cases .column1 { margin-bottom: 38px; }.websites-cases .column3 { min-height: 180px !important; padding: 25px !important; border: 1px solid #d9ddd8; border-radius: 8px; background: #fff; box-shadow: 0 8px 22px rgba(21,33,31,.045); box-sizing: border-box; }.websites-cases .column3 a { display: grid; width: 100%; height: 100%; place-items: center; }.websites-cases .column3 img { max-height: 105px; object-fit: contain; }
@media screen and (max-width: 760px) { .websites-hero-content { padding: 72px 22px 88px; }.websites-pricing, .websites-cases { padding-top: 65px !important; padding-bottom: 70px !important; }.websites-pricing .website-package { width: 100%; }.websites-pricing .website-package + .website-package { margin-top: 18px; } }

/* Public integrations catalogue. */
.integrations-page .integrations-wrap { max-width: 1180px; margin: 0 auto; padding-inline: 32px; box-sizing: border-box; }
.integrations-page .integrations-hero { background: linear-gradient(rgba(13,27,29,.78), rgba(13,27,29,.85)), url('/images/Rocket.3.5.webp') center / cover; color: #fff; }
.integrations-page .integrations-hero-content { padding-top: 108px; padding-bottom: 122px; }
.integrations-page .integrations-kicker, .integrations-page .integration-category { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.integrations-page .integrations-kicker { margin: 0 0 16px; color: #8a6b2e; }
.integrations-page .integrations-hero .integrations-kicker { color: var(--wiggo-sand); }
.integrations-page .integrations-hero h1 { margin: 0; color: #fff; font-size: clamp(42px, 6vw, 76px); line-height: 1.05; letter-spacing: -.06em; text-transform: none; }
.integrations-page .integrations-hero-content > p:last-child { max-width: 620px; margin: 26px 0 0; color: #e0e3df; font-size: 18px; line-height: 1.7; }
.integrations-page .integrations-main { padding-top: 94px; padding-bottom: 100px; }
.integrations-page .integrations-intro { max-width: 730px; margin-bottom: 42px; }
.integrations-page .integrations-main h2 { margin: 0 0 18px; font-size: clamp(28px, 3.5vw, 42px); line-height: 1.15; letter-spacing: -.04em; text-transform: none; }
.integrations-page .integrations-main p { line-height: 1.7; }
.integrations-page .integrations-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.integrations-page .integration-card { overflow: hidden; min-width: 0; border: 1px solid #d9ddd8; border-radius: 9px; background: #fff; box-shadow: 0 10px 25px rgba(21,33,31,.06); }
.integrations-page .integration-logo { display: grid; place-items: center; height: 184px; margin: 0 24px; border-radius: 10px; border-bottom: 1px solid #e8ebe6; }
.integrations-page .integration-logo img { display: block; width: 180px; height: 120px; max-width: 100%; object-fit: contain; border-radius: 10px; mix-blend-mode: multiply; }
.integrations-page .integration-card-content { padding: 26px 30px 32px; }
.integrations-page .integration-card-content > p:last-child { margin: 0; color: var(--wiggo-muted); font-size: 15px; }
.integrations-page .integration-category { margin: 0 0 16px; color: #8a6b2e; }
.integrations-page .integration-card h3 { margin: 0 0 14px; color: var(--wiggo-ink); font-size: 25px; letter-spacing: -.025em; }
.integrations-page .integration-card > p:last-child { margin: 0; color: var(--wiggo-muted); font-size: 15px; }
.integrations-page .integrations-help { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 60px; padding-top: 40px; border-top: 1px solid #d9ddd8; }
.integrations-page .integrations-help h2 { font-size: 28px; }
.integrations-page .integrations-help p { max-width: 660px; margin-bottom: 0; }
.integrations-page .integrations-contact { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 24px; box-sizing: border-box; border-radius: 5px; background: var(--wiggo-ink); color: #fff; text-decoration: none; font-weight: 700; white-space: nowrap; }
.integrations-page .integrations-contact:hover { background: #25403a; }
.integrations-page .integrations-contact:focus-visible { outline: 3px solid var(--wiggo-sand); outline-offset: 4px; }
@media screen and (max-width: 1000px) { .integrations-page .integrations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (max-width: 760px) {
    .integrations-page .integrations-wrap { padding-inline: 22px; }
    .integrations-page .integrations-hero-content { padding-top: 72px; padding-bottom: 88px; }
    .integrations-page .integrations-main { padding-top: 62px; padding-bottom: 70px; }
    .integrations-page .integrations-grid { grid-template-columns: minmax(0, 1fr); }
    .integrations-page .integration-card-content { padding: 23px; }
    .integrations-page .integration-logo { height: 160px; margin-inline: 23px; border-radius: 10px; }
    .integrations-page .integrations-help { align-items: flex-start; flex-direction: column; margin-top: 40px; }
}
