:root { color-scheme: light; font-family: Inter, "Segoe UI", Arial, sans-serif; color: #132c3b; background: #eef6f7; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
a { color: #0d6589; }
.shell { min-height: 100vh; display: flex; flex-direction: column; }
.header { display: flex; align-items: center; gap: 1.25rem; padding: 1.2rem max(5vw, 1.5rem); background: #093b5c; color: white; }.header nav { display: flex; gap: .9rem; margin-left: auto; }.header nav a { color: #dcedf4; font-size: .85rem; text-decoration: none; }
.brand { color: white; font-size: 1.45rem; font-weight: 800; text-decoration: none; letter-spacing: -.05em; }.brand span { color: #ffb047; }
.environment { border: 1px solid #78b9d5; border-radius: 99px; padding: .35rem .65rem; font-size: .7rem; letter-spacing: .08em; }
main { flex: 1; }.hero, .document { width: min(100% - 2rem, 720px); margin: 0 auto; padding: 4.5rem 0; }
.eyebrow, .campaign-label { color: #0d7990; font-size: .76rem; font-weight: 800; letter-spacing: .12em; }.hero h1, .document h1 { font-size: clamp(2.4rem, 9vw, 4.7rem); letter-spacing: -.06em; margin: .25rem 0 .8rem; color: #093b5c; }.lead { color: #4b6471; font-size: 1.2rem; line-height: 1.55; max-width: 32rem; }
.campaign-card, .access-card { border-radius: 20px; padding: clamp(1.4rem, 5vw, 2.2rem); margin-top: 1.6rem; box-shadow: 0 14px 35px #093b5c17; }.campaign-card { background: #d5eef0; }.access-card { background: white; }.campaign-card h2, .access-card h2 { font-size: 1.45rem; margin: .5rem 0; }.campaign-card p, .access-card p, .document p { line-height: 1.6; }.primary-button, .secondary-button { display: inline-block; border: 0; border-radius: 9px; padding: .85rem 1.1rem; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }.primary-button { color: white; background: #093b5c; }.secondary-button { color: #093b5c; background: var(--accent, #ffb047); }.menu-link { display: inline-block; margin-left: .85rem; color: #0d6589; font-size: .88rem; font-weight: 700; }.legal { margin-bottom: 0; font-size: .8rem; color: #58707c; }
footer { padding: 1.4rem max(5vw, 1.5rem); color: #5f7781; font-size: .8rem; text-align: center; }
.admin-page { width: min(100% - 2rem, 1100px); margin: 0 auto; padding: 3rem 0 4.5rem; }.admin-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }.admin-heading h1 { margin: .25rem 0; color: #093b5c; font-size: clamp(2rem, 6vw, 3.5rem); letter-spacing: -.05em; }.admin-heading p { color: #58707c; }.panel-card { background: white; border: 1px solid #d7e7ec; border-radius: 16px; padding: 1.3rem; }.admin-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.panel-card { min-width: 0; }.panel-card h2 { margin: .45rem 0 1rem; font-size: 1.2rem; color: #123047; }.panel-card label { display: block; color: #607984; font-size: .78rem; font-weight: 700; margin-top: .7rem; }.panel-card input, .panel-card textarea, .panel-card select { width: 100%; margin-top: .3rem; padding: .55rem; border: 1px solid #c9dce3; border-radius: 7px; color: #193946; background: white; font: inherit; }.panel-card textarea { min-height: 4.1rem; resize: vertical; }.brand-preview { border-radius: 12px; color: white; min-height: 120px; padding: 1.1rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: end; }.brand-preview small { color: #cceaf3; }.logo-placeholder { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: auto; border-radius: 50%; font-weight: 800; font-size: .68rem; }.full-width { grid-column: 1 / -1; }.feature-list { display: flex; flex-wrap: wrap; gap: .55rem; }.feature-list span { padding: .45rem .65rem; border-radius: 99px; background: #eaf3f5; color: #315362; font-size: .8rem; }.form-actions { margin-top: 1.25rem; }.notice { padding: .85rem 1rem; border-radius: 8px; color: #0b5b58; background: #d9f4ee; }
.field-help { color: #607984; font-size: .8rem; line-height: 1.45; }
.admin-actions { display: flex; gap: .7rem; flex-wrap: wrap; }.billing-page { max-width: 1100px; }.billing-balance { margin: 1.5rem 0 2.5rem; color: white; background: linear-gradient(135deg, #093b5c, #147da1); border-radius: 18px; padding: 1.6rem 1.8rem; }.billing-balance span { display: block; font-size: .72rem; letter-spacing: .12em; font-weight: 800; color: #cceaf3; }.billing-balance strong { display: block; font-size: clamp(2.2rem, 6vw, 4rem); letter-spacing: -.06em; margin: .2rem 0; }.billing-balance small { color: #d4ebf2; }.billing-heading { color: #123047; margin: 2rem 0 1rem; }.billing-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.billing-card { background: white; border: 1px solid #d7e7ec; border-radius: 16px; padding: 1.25rem; }.billing-card p { color: #0d7990; font-size: .72rem; font-weight: 800; letter-spacing: .1em; margin: 0; }.billing-card h3 { color: #123047; font-size: 1.3rem; margin: .5rem 0; }.billing-card>span { color: #607984; font-size: .9rem; }.billing-card ul { color: #315362; padding-left: 1.1rem; font-size: .85rem; line-height: 1.8; }.billing-card.compact strong { display: block; margin: .8rem 0 .3rem; font-size: 1.6rem; color: #093b5c; }
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 2rem; background: radial-gradient(circle at 75% 10%, #2d4168, #101722 48%, #090e17); }.login-card { width: min(100%, 440px); padding: 2.3rem; background: white; border-radius: 22px; box-shadow: 0 24px 70px #0007; }.login-brand { display: inline-flex; align-items: center; gap: .7rem; text-decoration: none; color: #172033; font-size: .7rem; letter-spacing: .15em; font-weight: 900; }.login-brand img { width: 135px; height: 36px; object-fit: contain; background: #172033; padding: 4px; }.login-card h1 { color: #123047; margin: .35rem 0 1.5rem; font-size: 2.25rem; letter-spacing: -.06em; }.login-card label { display: block; color: #315362; font-size: .82rem; font-weight: 800; margin-top: .9rem; }.login-card input { width: 100%; border: 1px solid #c9dce3; border-radius: 8px; margin-top: .35rem; padding: .72rem; font: inherit; }.login-card button { width: 100%; margin-top: 1.4rem; }.login-error { background: #fee4e2; color: #9d1e1a; padding: .7rem .8rem; border-radius: 8px; font-size: .88rem; }.login-help { color: #607984; font-size: .78rem; line-height: 1.45; margin: 1.3rem 0 0; }
.device-layout { display: grid; grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); gap: 1rem; margin-top: 1.5rem; }.device-error { background:#fee4e2;color:#9d1e1a;padding:.85rem 1rem;border-radius:8px; }.device-table-wrap { overflow-x: auto; }.device-list table { border-collapse: collapse; width: 100%; font-size: .86rem; }.device-list th { text-align: left; color: #607984; font-size: .7rem; letter-spacing: .08em; padding: .5rem; }.device-list td { border-top: 1px solid #e5eef1; padding: .8rem .5rem; vertical-align: top; }.device-list td strong,.device-list td span { display:block; color:#173c50; }.device-list td small { display:block;color:#71838c;margin-top:.18rem; }.device-status { font-weight:800;color:#0d7990!important; } @media (max-width: 760px) { .device-layout { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .header { flex-wrap: wrap; }.header nav { order: 3; width: 100%; margin-left: 0; }.admin-heading { align-items: start; flex-direction: column; }.metrics, .admin-grid { grid-template-columns: 1fr; }.full-width { grid-column: auto; } }
.billing-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2.5rem}.billing-overview-grid .billing-balance{margin:0}.subscription-summary{background:white;border:1px solid #d7e7ec;border-radius:18px;padding:1.6rem 1.8rem;display:flex;flex-direction:column;justify-content:center}.subscription-summary>span{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:#0d7990}.subscription-summary strong{font-size:1.7rem;color:#123047;margin:.5rem 0}.subscription-summary small{color:#607984}.annual-price{font-size:1.05rem;font-weight:850;color:#093b5c;border-top:1px solid #e3ecef;padding-top:.85rem;margin-top:.8rem}.purchase-button{width:100%;margin-top:.8rem}.order-history{background:white;border:1px solid #d7e7ec;border-radius:16px;overflow:hidden}.order-history>div{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #e5eef1}.order-history>div:last-child{border-bottom:0}.order-history span strong,.order-history span small{display:block}.order-history span small{font-size:.72rem;color:#71838c;margin-top:.2rem}.order-history em{font-style:normal;border-radius:99px;padding:.35rem .55rem;font-size:.68rem;font-weight:800}.order-history em.paid{background:#dcf3e6;color:#24734a}.order-history em.pending{background:#fff0cc;color:#906113}.order-history em.muted{background:#eceff1;color:#647078}.order-history b{color:#173c50}.order-history>p{padding:1.2rem;color:#71838c}@media(max-width:760px){.billing-overview-grid{grid-template-columns:1fr}.order-history>div{grid-template-columns:1fr auto}.order-history b{grid-column:1/-1}}

/* Portrace Sosyalog product landing page */
.landing-wordmark{font-size:22px;font-weight:900;letter-spacing:-.065em;line-height:1;text-transform:lowercase}.landing-wordmark i{color:#ffb047;font-style:normal;margin-left:1px}.landing-footer .landing-wordmark{font-size:18px}
/* Public entry points for the customer, platform and guest portals. */
.landing-access{padding:104px 0;background:#fff}.landing-access-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:40px}.landing-access-heading h2{font-size:clamp(35px,4.4vw,56px);margin:0}.landing-access-heading>p{max-width:440px;margin:0;color:var(--landing-muted);font-size:16px}.landing-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.landing-access-card{position:relative;min-height:355px;padding:30px;border:1px solid #e0e2df;border-radius:24px;background:#f7f8f5;color:var(--landing-ink);text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.landing-access-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-105px;top:-105px;background:currentColor;opacity:.055}.landing-access-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #1a223017;border-color:#c9ccc8}.landing-access-card.master{background:#151e2d;color:#fff;border-color:#151e2d}.landing-access-card.guest{background:#f8e7e7;border-color:#f0d1d2}.access-index{position:absolute;right:25px;top:23px;font:italic 22px Georgia,serif;opacity:.45}.access-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#fff;color:var(--landing-red);font-size:23px;box-shadow:0 8px 24px #17203312}.landing-access-card.master .access-icon{background:#25334a;color:var(--landing-green)}.landing-access-card>p{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--landing-red);margin:35px 0 10px}.landing-access-card.master>p{color:var(--landing-green)}.landing-access-card h3{font-size:25px;line-height:1.08;letter-spacing:-.04em;margin:0 0 14px}.landing-access-card small{font-size:14px;line-height:1.6;color:#687281}.landing-access-card.master small{color:#bdc7d7}.landing-access-card>b{margin-top:auto;padding-top:28px;font-size:13px}.landing-access-card b i{font-style:normal;color:var(--landing-red);font-size:17px;margin-left:6px}.landing-access-card.master b i{color:var(--landing-green)}
@media(max-width:850px){.landing-access-heading{display:block}.landing-access-heading>p{margin-top:18px}.landing-access-grid{grid-template-columns:1fr}.landing-access-card{min-height:290px}.landing-access{padding:80px 0}}
@media(max-width:580px){.landing-access{padding:70px 0}.landing-access-card{min-height:310px}.landing-nav nav>a[href="#sss"]{display:none}}
.landing{--landing-ink:#131a29;--landing-muted:#667085;--landing-red:#f2383e;--landing-navy:#101722;--landing-green:#b7de69;background:#f8f8f5;color:var(--landing-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.landing *{box-sizing:border-box}.landing-shell{width:min(1160px,calc(100% - 48px));margin:auto}.landing-header{position:absolute;top:0;left:0;width:100%;z-index:10;color:#fff}.landing-nav{height:94px;display:flex;align-items:center;justify-content:space-between}.landing-brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:800;letter-spacing:.18em;font-size:11px}.landing-brand img{width:136px;height:36px;object-fit:contain}.landing-nav nav{display:flex;align-items:center;gap:27px}.landing-nav nav>a{color:inherit;text-decoration:none;font-size:14px;font-weight:700}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--landing-red);border:1px solid var(--landing-red);border-radius:999px;color:#fff!important;padding:14px 22px;text-decoration:none;font-weight:800;font-size:14px;transition:transform .2s,background .2s}.landing-button:hover{background:#d82830;transform:translateY(-2px)}.landing-button-small{padding:10px 17px}.landing-hero{min-height:730px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 26%,#26395f 0,#101723 35%,#090e17 100%);color:#fff;padding:155px 0 80px}.landing-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,#000,transparent 90%)}.landing-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:72px}.landing-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 20px;color:#dee6f5}.landing-eyebrow i{width:26px;height:2px;background:var(--landing-red)}.landing-eyebrow.dark{color:#687080}.landing h1,.landing h2{letter-spacing:-.055em;line-height:1.03;margin:0 0 25px}.landing h1{font-size:clamp(40px,5vw,67px);max-width:650px}.landing h1 em,.landing h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.landing-lead{font-size:18px;color:#bdc8da;max-width:570px;margin:0}.landing-actions{display:flex;align-items:center;gap:26px;margin:34px 0}.landing-text-link{color:#fff;font-weight:700;text-decoration:none;font-size:14px}.landing-text-link b{color:var(--landing-red);font-size:18px}.landing-trust{display:flex;gap:19px;padding:0;margin:0;list-style:none;color:#c4cedc;font-size:12px}.landing-trust b{color:var(--landing-green);margin-right:6px}.landing-dashboard{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#eff3f7;box-shadow:0 30px 70px #0008;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.dash-bar{height:35px;background:#dfe4ec;border-radius:17px 17px 0 0;padding:11px 13px}.dash-bar span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c1c9d3;margin-right:5px}.dash-bar small{font-size:9px;color:#7b8794;margin-left:15px}.dash-content{height:375px;display:flex}.dash-content aside{background:#172033;width:58px;padding:24px 17px}.dash-content aside>b{color:#fff;font-size:13px;display:block;margin-bottom:38px}.dash-content aside>b span{color:var(--landing-red)}.dash-content aside>i{height:9px;background:#40506b;border-radius:4px;margin:18px 0;display:block}.dash-content aside>i.selected{background:var(--landing-red);width:21px}.dash-main{padding:27px 30px;width:calc(100% - 58px);background:#f8fafc}.dash-title,.dash-metrics,.dash-chart>p{display:flex;align-items:center;justify-content:space-between}.dash-title small,.dash-metrics small,.dash-campaign small{font-size:8px;font-weight:700;color:#8994a7;letter-spacing:.08em}.dash-title strong{display:block;font-size:16px}.dash-title>b{background:#dce7f9;color:#405577;border-radius:50%;padding:8px;font-size:10px}.dash-metrics{gap:14px;margin:20px 0}.dash-metrics>div{flex:1;background:#fff;border-radius:8px;padding:13px}.dash-metrics strong{font-size:21px;display:inline-block;margin:5px 8px 0 0}.dash-metrics em{font-size:8px;color:#22a06b;font-weight:700;font-style:normal}.dash-campaign{background:#19263c;color:#fff;border-radius:10px;padding:17px 18px;display:flex;justify-content:space-between;min-height:132px}.dash-campaign strong{display:block;font-size:14px;margin-top:6px}.dash-campaign p{font-size:9px;color:#b7c0d0;margin:4px 0 9px}.dash-campaign button{background:var(--landing-red);border:0;border-radius:4px;color:#fff;font-size:8px;padding:5px 9px}.dash-qr{background:#fff;color:#172033;font-size:14px;line-height:15px;letter-spacing:1px;padding:8px;height:max-content}.dash-chart{margin-top:19px;background:#fff;border-radius:9px;padding:13px 15px}.dash-chart>p{font-size:10px;margin:0}.dash-chart>p small{color:#8b96a8;font-size:8px}.dash-chart svg{width:100%;height:105px}.landing-glow{position:absolute;z-index:0;border-radius:50%;opacity:.55}.landing-glow-red{width:550px;height:550px;background:#e62d37;right:-260px;bottom:-400px}.landing-glow-blue{width:350px;height:350px;background:#2867b2;right:3%;top:-260px}.landing-statement{background:var(--landing-red);color:#fff;padding:36px 0}.landing-statement p{margin:0;font-size:16px}.landing-statement strong{font-size:clamp(23px,3vw,36px);line-height:1.1;letter-spacing:-.035em}.landing-section{padding:110px 0}.landing-section-title{display:flex;gap:70px;justify-content:space-between;align-items:end;margin-bottom:52px}.landing-section-title h2{font-size:clamp(35px,4.4vw,56px);margin:0}.landing-section-title>p{max-width:355px;color:var(--landing-muted);font-size:16px;margin:0}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.landing-feature{border:1px solid #e3e4df;background:#fff;border-radius:24px;padding:28px;min-height:250px}.landing-feature h3{font-size:20px;letter-spacing:-.04em;margin:27px 0 10px}.landing-feature p{font-size:14px;color:var(--landing-muted);margin:0 0 24px}.landing-feature a{font-size:13px;color:var(--landing-ink);font-weight:800;text-decoration:none}.landing-icon{display:grid;place-items:center;background:#f8e4e4;color:var(--landing-red);border-radius:11px;width:42px;height:42px;font-weight:800;font-size:21px}.landing-feature-primary{grid-row:span 2;background:#151e2d;color:#fff;position:relative;overflow:hidden;min-height:517px}.landing-feature-primary:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ef3e45;right:-170px;top:180px}.landing-feature-primary p{color:#c4cedc}.landing-phone{position:absolute;z-index:1;bottom:-63px;right:33px;width:205px;height:355px;border:8px solid #fff;border-bottom:0;border-radius:24px 24px 0 0;background:#eff5f3;box-shadow:0 -8px 30px #0004;padding:42px 17px}.landing-phone span{font-size:8px;color:#e44d55;font-weight:900;letter-spacing:.13em}.landing-phone>b{display:block;color:#1b2434;font-size:20px;line-height:1.1;margin:20px 0 9px}.landing-phone small{display:block;color:#76808b;font-size:9px}.landing-phone button{background:#e84850;color:#fff;border:0;border-radius:5px;margin-top:23px;padding:9px;width:100%;font-size:8px}.landing-phone em{display:block;margin-top:36px;color:#ed5960;letter-spacing:4px;font-size:14px;font-style:normal}.landing-process{background:#101722;color:#fff;padding:110px 0}.landing-process-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:110px}.landing-process h2{font-size:clamp(40px,4vw,58px)}.landing-process>div>div>p:not(.landing-eyebrow){color:#b7c1d0;max-width:350px}.landing-process ol{padding:0;margin:0;list-style:none}.landing-process li{display:grid;grid-template-columns:70px 1fr;gap:23px;padding:0 0 30px;margin-bottom:24px;border-bottom:1px solid #31405a}.landing-process li:last-child{border-bottom:0}.landing-process li>b{color:var(--landing-green);font-family:Georgia,serif;font-size:28px}.landing-process li h3{font-size:20px;margin:0 0 5px}.landing-process li p{margin:0;color:#b7c1d0;font-size:15px}.landing-billing{background:#f0f1ed}.landing-section-title.centered{display:block;text-align:center}.landing-section-title.centered h2{margin:0 auto 18px}.landing-section-title.centered>p{margin:auto}.landing-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:42px}.landing-pricing article{background:#fff;border:1px solid #e0e1dd;border-radius:20px;padding:29px;display:flex;flex-direction:column;position:relative}.landing-pricing article.featured{background:#151e2d;color:#fff;border-color:#151e2d}.landing-pricing article>span{position:absolute;right:21px;top:18px;background:var(--landing-green);color:#21311f;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;letter-spacing:.1em}.landing-pricing article>p{font-size:10px;letter-spacing:.15em;font-weight:900;color:var(--landing-red);margin:0}.landing-pricing h3{font-size:23px;line-height:1.1;letter-spacing:-.04em;margin:18px 0 21px}.landing-pricing ul{padding:0;list-style:none;margin:0 0 28px;flex:1}.landing-pricing li{border-top:1px solid #e8e8e4;padding:10px 0;font-size:13px}.landing-pricing .featured li{border-color:#33425d;color:#d4dbe6}.landing-pricing a:not(.landing-button){color:var(--landing-ink);text-decoration:none;font-weight:800;font-size:13px}.landing-pricing .landing-button{align-self:start}.landing-note{display:block;text-align:center;color:#737b87;font-size:12px;margin-top:20px}.landing-faq{padding:110px 0;background:#fff}.landing-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.landing-faq h2{font-size:clamp(37px,4vw,54px)}.landing-faq details{border-top:1px solid #dfe1df;padding:19px 0}.landing-faq details:last-child{border-bottom:1px solid #dfe1df}.landing-faq summary{font-weight:800;font-size:16px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary b{color:var(--landing-red);font-size:22px;line-height:.8}.landing-faq details[open] summary b{transform:rotate(45deg)}.landing-faq details p{font-size:14px;color:#687281;max-width:590px;margin:14px 0 2px}.landing-contact{background:linear-gradient(115deg,#dd303a,#f34c45);color:#fff;padding:84px 0}.landing-contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.landing-contact h2{font-size:clamp(38px,4vw,54px);margin-bottom:16px}.landing-contact h2 em{color:#161d2a}.landing-contact-grid>div>p:not(.landing-eyebrow){max-width:520px;color:#ffe8e8}.landing-contact-card{background:#fff;color:var(--landing-ink);padding:31px;border-radius:20px;box-shadow:0 20px 40px #6b151833}.landing-contact-card h3{font-size:23px;margin:0 0 6px}.landing-contact-card p{font-size:14px;color:#667085;margin:0 0 21px}.landing-contact-card .dark-button{background:#172033;border-color:#172033;width:100%}.landing-contact-card>a:not(.landing-button){color:#5a6573;display:block;text-align:center;margin-top:18px;font-weight:800;text-decoration:none;font-size:14px}.landing-footer{background:#111722;color:#bec7d2;padding:27px 0}.landing-footer>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.landing-footer .landing-brand img{width:107px;height:29px}.landing-footer .landing-brand{font-size:9px}.landing-footer p{margin:0}@media(max-width:850px){.landing-nav nav{gap:12px}.landing-nav nav>a:not(.landing-button){font-size:12px}.landing-hero-grid,.landing-process-grid,.landing-contact-grid,.landing-faq-grid{grid-template-columns:1fr;gap:45px}.landing-dashboard{max-width:600px;margin:auto}.landing-section-title{display:block}.landing-section-title>p{margin-top:18px}.landing-features{grid-template-columns:repeat(2,1fr)}.landing-feature-primary{grid-row:span 2}.landing-pricing{grid-template-columns:1fr}.landing-footer>div{align-items:flex-start;flex-direction:column}.landing-trust{flex-wrap:wrap}}@media(max-width:580px){.landing-shell{width:min(100% - 34px,1160px)}.landing-header{position:relative;background:#101722}.landing-nav{height:auto;min-height:80px;align-items:flex-start;padding:20px 0;gap:17px;flex-direction:column}.landing-nav nav{flex-wrap:wrap;gap:14px}.landing-nav nav>a{font-size:12px}.landing-hero{min-height:auto;padding:70px 0 55px}.landing h1{font-size:43px}.landing-lead{font-size:16px}.landing-dashboard{transform:none}.dash-content{height:300px}.dash-main{padding:18px}.dash-campaign{min-height:105px}.landing-features{grid-template-columns:1fr}.landing-feature-primary{grid-row:auto}.landing-section,.landing-process,.landing-faq{padding:76px 0}.landing-trust{display:block}.landing-trust li{margin:7px 0}.landing-actions{gap:16px}.landing-statement{padding:29px 0}.landing-pricing{margin-top:30px}.landing-contact{padding:70px 0}.landing-footer p:nth-of-type(1){display:none}}

/* Public device activation */
.landing-activation{padding:92px 0;background:#eef1ec}.landing-activation-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.landing-activation h2{font-size:clamp(39px,4.4vw,58px);margin:0 0 18px}.landing-activation-grid>div>p:last-child{max-width:470px;color:var(--landing-muted);font-size:16px}.landing-activation-card{background:#fff;border:1px solid #dde1db;border-radius:24px;padding:34px;box-shadow:0 22px 55px #17203312}.landing-activation-card>p{margin:0;color:var(--landing-red);font-size:10px;font-weight:900;letter-spacing:.16em}.landing-activation-card h3{margin:10px 0 25px;font-size:28px;letter-spacing:-.04em}.landing-activation-card form{display:grid;grid-template-columns:1fr auto;gap:12px}.landing-activation-card label{grid-column:1/-1;font-size:12px;font-weight:800}.landing-activation-card input{min-width:0;border:1px solid #cfd5ce;border-radius:12px;padding:15px 16px;font-size:17px;text-transform:uppercase;outline:none}.landing-activation-card input:focus{border-color:var(--landing-red);box-shadow:0 0 0 3px #f2383e18}.landing-activation-card button{cursor:pointer}.landing-activation-card button:disabled{opacity:.65;cursor:wait}.landing-activation-card>small{display:block;margin-top:17px;color:#7a838f;font-size:12px}.activation-result{margin-top:17px;border-radius:12px;padding:13px 15px;font-size:13px;font-weight:700}.activation-result.success{background:#edf7e6;color:#315d21}.activation-result.error{background:#fdeaea;color:#8c2529}@media(max-width:850px){.landing-activation-grid{grid-template-columns:1fr;gap:38px}.landing-activation{padding:76px 0}}@media(max-width:580px){.landing-activation-card{padding:25px}.landing-activation-card form{grid-template-columns:1fr}.landing-activation-card .landing-button{width:100%}}

.landing-activation-card .activation-company-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.activation-company-form label{grid-column:auto;display:flex;flex-direction:column;gap:7px;color:#4e5968}.activation-company-form label.wide,.activation-company-form button.wide{grid-column:1/-1}.activation-company-form input,.activation-company-form textarea{width:100%;border:1px solid #cfd5ce;border-radius:10px;padding:12px 13px;font-size:14px;text-transform:none;outline:none}.activation-company-form input[readonly]{background:#eef2f7;color:#526070;font-weight:800;text-transform:uppercase}.activation-company-form textarea{min-height:78px;resize:vertical;font-family:inherit}.activation-company-form input:focus,.activation-company-form textarea:focus{border-color:var(--landing-red);box-shadow:0 0 0 3px #f2383e18}.activation-company-form button{margin-top:4px}.activation-login-link{display:inline-flex;margin-top:16px;color:#172033;font-weight:900;text-decoration:none}.activation-login-link:hover{color:var(--landing-red)}@media(max-width:580px){.landing-activation-card .activation-company-form{grid-template-columns:1fr}.activation-company-form label.wide,.activation-company-form button.wide{grid-column:auto}}