.depth-mark{--depth-colour: #0072ff;position:relative;width:190px;height:170px;margin:0 0 24px;isolation:isolate}.depth-mark-grid{position:absolute;inset:0 -30px;background-image:linear-gradient(#2374aa26 1px,transparent 1px),linear-gradient(90deg,#2374aa26 1px,transparent 1px);background-size:26px 26px;transform:perspective(280px) rotateX(54deg) rotate(-16deg);mask-image:radial-gradient(ellipse,#000 15%,transparent 68%)}.depth-mark-floor{position:absolute;left:35px;top:116px;width:125px;height:35px;border-radius:50%;background:#000;filter:blur(16px);opacity:.8}.depth-mark-plate{position:absolute;width:100px;height:100px;left:45px;top:20px;border-radius:24px;transform:perspective(450px) rotateX(20deg) rotateY(-24deg) rotate(-14deg)}.depth-mark-back{margin:16px 0 0 10px;border:1px solid #87c6ff80;background:linear-gradient(130deg,#152d50,#06142b);box-shadow:5px 7px #040914,7px 9px #234369}.depth-mark-front{display:grid;place-items:center;color:#fff;border:1px solid #b2e6ffb0;background:radial-gradient(ellipse at 12% 0%,#b3f3ffcc,transparent 48%),linear-gradient(145deg,#059cd8,var(--depth-colour) 53%,#0a194a);box-shadow:inset 2px 2px 2px #e9fbff99,inset -3px -4px 4px #07113a99,0 4px #092764,0 6px #26599b,12px 22px 35px #0008}.depth-mark-front:after{content:"";position:absolute;inset:6px;border-radius:18px;border-top:1px solid #ffffff70;border-left:1px solid #ffffff20}.depth-mark-front>svg{width:52px;height:52px;filter:drop-shadow(0 3px 1px #05214e99)}.depth-mark-token{position:absolute;right:14px;bottom:27px;width:33px;height:33px;display:grid;place-items:center;border-radius:10px;color:#fff;border:1px solid #c6dafa;background:linear-gradient(140deg,#546984,#0c172a 70%);box-shadow:2px 4px #080c14,5px 10px 17px #0009,inset 1px 1px 1px #fff8;transform:rotate(14deg)}.depth-mark-ugc,.depth-mark-campaigns,.depth-mark-agencies{--depth-colour: #8132f1}.depth-mark-promote,.depth-mark-paid-ads{--depth-colour: #c36506}.depth-mark-promote .depth-mark-front,.depth-mark-paid-ads .depth-mark-front{background:radial-gradient(ellipse at 12% 0%,#fff3bcaa,transparent 48%),linear-gradient(145deg,#f8b82e,#ce6807 53%,#452103)}.depth-mark-ugc .depth-mark-front,.depth-mark-campaigns .depth-mark-front,.depth-mark-agencies .depth-mark-front{background:radial-gradient(ellipse at 12% 0%,#d4d4ffaa,transparent 48%),linear-gradient(145deg,#426fff,#7735e7 53%,#251049)}.design-story{background:#090c12}.design-story .story-hero{position:relative;isolation:isolate}.design-story .story-hero:before{content:"";position:absolute;inset:5% -16% 0 40%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 60% 45%,#074cac25,transparent 61%)}.design-story .story-hero h1 em{color:#8fceff}.design-story .story-hero-copy .story-kicker{color:#9ddcf5}.design-story .story-section-heading{position:relative}.design-story .story-section-heading>.depth-mark{float:right;margin:0 40px 0 30px}.design-story .story-section-heading:after{content:"";display:block;clear:both}.design-story.solution-story .solution-section-intro{position:relative}.design-story.solution-story .solution-section-intro>h2{max-width:440px}.design-story.solution-story .solution-step-line i{background:linear-gradient(90deg,#0584a9,#0072ff 65%,#b721ff);box-shadow:0 0 9px #0072ff40}.design-story.solution-story .solution-step-number{color:#71ccff}.design-story.solution-story .solution-editorial-steps article{padding:8px 0 22px;border-bottom:1px solid #ffffff0c}.design-story.solution-story .solution-launch-paper{background:linear-gradient(145deg,#fffdf6,#dcd8cb);box-shadow:inset 0 1px 1px #fff,0 3px #ada99f,0 30px 65px #0009}.design-story.solution-story .solution-launch-site{color:#f6faff;border-color:#609af3;background:radial-gradient(ellipse at 0% 0%,#167ac7,transparent 75%),linear-gradient(145deg,#1245af,#081b4a);box-shadow:inset 1px 1px #a6d4ff77,4px 5px #05102b,6px 7px #224c7b,0 30px 65px #0009}.design-story.solution-story .solution-launch-site .solution-window-bar{color:#c8e6ff;border-color:#92bfff40}.design-story.solution-story .solution-arch{background:radial-gradient(ellipse at 27% 22%,#fffce8,#fac55b 28%,#b7640b 65%,#5d2c02);box-shadow:inset 2px 2px 2px #fff8,8px 7px 18px #001331aa}.design-story.solution-story .solution-floating,.design-story.solution-story .solution-film-tag{background:linear-gradient(130deg,#21334a,#101722);border-color:#537595;box-shadow:inset 0 1px #ffffff15,0 8px 20px #0006}.design-story.solution-story .solution-script{background:linear-gradient(130deg,#fffcf2,#d9d5c7);box-shadow:inset 0 1px #fff,2px 3px #b4aea0,0 25px 45px #0008}.design-story.solution-story .solution-film{background:radial-gradient(ellipse at 15% 0%,#1769ed,transparent 65%),linear-gradient(155deg,#122f86,#090f26 85%);border:1px solid #5b8cce;box-shadow:inset 1px 1px 2px #d4e7ff70,4px 6px #0b1d44,5px 7px #326491,0 28px 60px #000a}.design-story.solution-story .solution-sculpture i{border-color:#1784e8;border-top-color:#c7f3ff;border-left-color:#52caff;border-bottom-color:#05376c;background:transparent;box-shadow:inset 5px 6px 9px #0009,inset -3px -3px 3px #f3ffff77,4px 5px #08254d,10px 16px 24px #0008}.design-story.solution-story .solution-sculpture i:nth-child(2){border-color:#f2a416;border-top-color:#fff5cc;border-left-color:#ffe290;border-bottom-color:#8d4105}.design-story.solution-story .solution-sculpture i:nth-child(3){border-color:#7a37c7;border-top-color:#ead0ff;border-left-color:#b478ff;border-bottom-color:#350e66}.design-story.solution-story-promote .solution-film{background:radial-gradient(ellipse at 20% 0%,#047a94,transparent 60%),linear-gradient(145deg,#08374b,#080f1e)}.design-story.solution-story .solution-film h3{text-shadow:0 3px 16px #0009}.design-story.solution-story .solution-board,.design-story.solution-story .solution-conversation,.design-story.solution-story .solution-workspace{border-color:#36516a;background:linear-gradient(135deg,#172534,#0b111b 70%);box-shadow:inset 0 1px #9ecdfb30,0 3px #070d17,0 5px #293f56,0 25px 60px #0008}.design-story.solution-story .solution-kanban article{background:linear-gradient(135deg,#243345,#111b28);border-color:#41566d;box-shadow:inset 0 1px 1px #b3d5ff20,0 7px 14px #0005}.design-story.solution-story .solution-swatch{position:relative;background:radial-gradient(ellipse at 22% 10%,#54d8ff,#0362ce 45%,#071b4e);border:1px solid #83d8ff80;box-shadow:inset 0 1px #ffffff80,inset 0 -10px 22px #010b2955}.design-story.solution-story .solution-swatch-1{background:radial-gradient(ellipse at 22% 10%,#d1a3ff,#792bce 45%,#240951);border-color:#bd7eff80}.design-story.solution-story .solution-swatch-2{background:radial-gradient(ellipse at 22% 10%,#fff0a1,#dc8a12 45%,#482102);border-color:#ffd57f80}.design-story.solution-story .solution-swatch svg{color:#fff;filter:drop-shadow(2px 5px 2px #0006);transform:perspective(120px) rotateY(-18deg) rotate(-12deg)}.design-story.solution-story .solution-focus{background:linear-gradient(120deg,#064790,#102746);border-color:#328fe6;box-shadow:inset 0 1px #60c5ff70,0 8px 20px #0004}.design-story.solution-story .solution-workspace-tiles>div{background:linear-gradient(130deg,#1c3042,#111d2b);border:1px solid #36526b}.design-story.solution-story .solution-chat-customer{background:linear-gradient(120deg,#005bb7,#093b78);color:#fff;box-shadow:inset 0 1px #67baff60,0 7px 14px #0003}.design-story.solution-story .solution-chat-bubble:not(.solution-chat-customer){background:linear-gradient(140deg,#f2fbff,#bcd7e6);color:#172f46;box-shadow:inset 0 1px #fff,0 7px 14px #0004}.design-story.solution-story .solution-person{background:linear-gradient(140deg,#293e52,#101927);border-color:#647e99;box-shadow:inset 0 1px 1px #d7edff55,3px 4px #060e17,0 22px 45px #0009}.design-story.solution-story .solution-people-orbit{border-color:#1589ba70;background:radial-gradient(ellipse,#036b9f45,transparent 65%)}.design-story.solution-story .solution-agency-art{background:linear-gradient(135deg,#17344a,#0c1522);border-color:#3b657f;box-shadow:inset 0 1px #afdef440,0 5px #070e18,0 24px 45px #0007}.design-story.solution-story .solution-ad-prep,.design-story.solution-story .solution-platform-node{background:radial-gradient(ellipse at 0% 0%,#164c7f55,transparent 70%),linear-gradient(130deg,#142f47,#0b1422);border-color:#476f93;box-shadow:inset 0 1px 1px #bdddf440,0 4px #050d17,0 15px 25px #0006}.design-story.solution-story .solution-platform-node>svg{color:#75d8ff;filter:drop-shadow(0 3px 0 #00315b)}.design-story.solution-story .solution-overview-art{background:radial-gradient(ellipse at 50% 0%,#143e6555,transparent 65%),#0b131e;border-color:#2c4a67;box-shadow:inset 0 1px #8ca9cf20}.design-story.solution-story .solution-closing{position:relative;isolation:isolate}.design-story.solution-story .solution-closing:before{content:"";position:absolute;inset:0 10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 90%,#006dca25,transparent 62%)}.design-story .story-note{background:linear-gradient(135deg,#fcfcff,#c7d8e7);box-shadow:inset 0 1px #fff,3px 4px #708ca7,0 24px 40px #0007}.design-story .story-browser{box-shadow:inset 0 1px #aacdff44,0 4px #1b304c,0 30px 65px #0008}.public-site .revenue-hero{position:relative;isolation:isolate;padding-top:38px;background:radial-gradient(ellipse at 50% 25%,#006ab526,transparent 58%)}.public-site .revenue-hero>.depth-mark{margin:0 auto 8px;width:190px;height:145px}.public-site .revenue-hero h1{font-size:clamp(34px,4.5vw,56px)}.public-site .public-calculator .public-card{background:linear-gradient(145deg,#152333,#0e1520);border-color:#36516e;box-shadow:inset 0 1px #a9d0ff25,0 15px 30px #0004}.public-site .public-roster .public-card{background:linear-gradient(145deg,#192d40,#0e1724);border-color:#3a5671;box-shadow:inset 0 1px #d9efff30,0 10px 25px #0005}.public-site .public-roster .public-portrait{box-shadow:0 0 0 1px #78a5c6,0 7px 20px #0008}@media (max-width: 760px){.depth-mark{transform:scale(.83);transform-origin:left bottom;margin-top:-20px;margin-bottom:5px}.design-story .story-section-heading>.depth-mark{float:none;margin:0 0 10px}.public-site .revenue-hero>.depth-mark{transform-origin:center}.design-story .story-hero:before{inset:25% -20% 0}}@media (prefers-reduced-motion: no-preference){.depth-mark-front{transition:transform .3s ease}.solution-section-intro:hover .depth-mark-front{transform:perspective(450px) rotateX(12deg) rotateY(-14deg) rotate(-9deg) translateY(-3px)}}.public-site .public-roster>.public-grid{max-width:960px;margin-inline:auto;gap:20px}.public-site .public-roster .public-card{padding:20px}.public-site .public-roster .public-portrait{height:180px;margin-bottom:16px}.public-site .public-roster .public-card h3{font-size:19px;margin-bottom:8px}.public-site .public-roster .public-card p{font-size:13px;margin-top:12px}.design-story.solution-story .solution-people-art{max-width:460px;height:350px;margin-inline:auto}.design-story.solution-story .solution-person img{height:155px}.design-story.solution-story .solution-person-0,.design-story.solution-story .solution-person-2{top:65px}@media (max-width: 760px){.public-site .public-roster>.public-grid{max-width:480px;gap:12px}.public-site .public-roster .public-card{display:grid;grid-template-columns:80px minmax(0,1fr);align-content:center;column-gap:18px;padding:16px}.public-site .public-roster .public-portrait{grid-row:1 / 4;height:104px;margin:0}.public-site .public-roster .public-card h3{margin:0 0 6px}.public-site .public-roster .public-tag{justify-self:start;font-size:9px}.public-site .public-roster .public-card p{margin:8px 0 0;line-height:1.5}}@media (max-width: 430px){.design-story.solution-story .solution-people-art{height:290px}.design-story.solution-story .solution-person img{height:115px}.design-story.solution-story .solution-person-0,.design-story.solution-story .solution-person-2{top:50px}}.public-site .public-roster .public-card{display:grid;grid-template-columns:56px minmax(0,1fr);align-content:center;column-gap:16px;padding:18px}.public-site .public-roster .public-portrait{grid-row:1 / 4;width:56px;height:56px;margin:0;border-radius:50%;object-position:center 25%}.public-site .public-roster .public-card h3{margin:0 0 6px;font-size:17px}.public-site .public-roster .public-tag{justify-self:start;font-size:9px;letter-spacing:.04em}.public-site .public-roster .public-card p{margin:8px 0 0;font-size:12px;line-height:1.5}.design-story.solution-story .solution-person{padding:16px 7px 7px;text-align:center}.design-story.solution-story .solution-person img{width:64px;height:64px;margin-inline:auto;border-radius:50%;object-position:center 25%}.design-story.solution-story .solution-people-art{height:245px}.design-story.solution-story .solution-person-0,.design-story.solution-story .solution-person-2{top:45px}@media (max-width: 430px){.design-story.solution-story .solution-person img{width:52px;height:52px}.design-story.solution-story .solution-people-art{height:225px}}
