/* Fourteen product stories: one brand system, fourteen compositions */
.product-story-page{--ps-shell:min(1160px,calc(100vw - 48px));background:#fbfcf5;color:#092f24}
.product-story-page .section-shell{width:var(--ps-shell);max-width:none}
.product-story-page .site-header{background:rgba(251,252,245,.88);backdrop-filter:blur(18px)}
.product-story{--accent:#08a657;--accent-2:#b9f065;--ink:#092f24;--soft:#eaf8ee;--paper:#fbfcf5;overflow:hidden;background:var(--paper)}
.product-story .eyebrow{color:var(--accent)}
.product-story h1,.product-story h2,.product-story h3{font-family:"Space Grotesk",sans-serif;letter-spacing:-.045em}
.product-story p{font-size:17px;line-height:1.7}
.product-story .button{min-height:48px;border-radius:14px}

/* Route-specific palettes */
.story-design-broadcast{--accent:#08a657;--accent-2:#b9f065;--soft:#e8f8ed}
.story-design-structure{--accent:#1676d2;--accent-2:#9ce9ff;--soft:#eaf5ff}
.story-design-moderation{--accent:#08a657;--accent-2:#b9f065;--soft:#e8f8ed;--paper:#fbfcf5}
.story-design-library{--accent:#08a657;--accent-2:#b9f065;--soft:#e8f8ed;--paper:#fbfcf5}
.story-design-event{--accent:#08a657;--accent-2:#b9f065;--soft:#e8f8ed;--paper:#fbfcf5}
.story-design-ticketing{--accent:#08a657;--accent-2:#b9f065;--soft:#e8f8ed;--paper:#fbfcf5}
.story-design-tracking{--accent:#08a657;--accent-2:#b9f065;--soft:#e8f8ed;--paper:#f7fbf8}
.story-design-administration{--accent:#08a657;--accent-2:#b9f065;--soft:#e8f8ed;--paper:#fbfcf5}
.story-design-feed{--accent:#08a657;--accent-2:#b9f065;--soft:#e8f8ed}
.story-design-community{--accent:#e35e91;--accent-2:#ffcf54;--soft:#fff0f6}
.story-design-chats{--accent:#4f8bff;--accent-2:#8ff0d0;--soft:#ebf2ff}
.story-design-app-events{--accent:#ee713e;--accent-2:#ffd06f;--soft:#fff0e6}
.story-design-app-library{--accent:#805fc7;--accent-2:#d9c7ff;--soft:#f2edfc}
.story-design-field{--accent:#e46e35;--accent-2:#ffd25d;--soft:#fff0df}

/* Heroes */
.product-story-hero{position:relative;padding:92px 0 86px;background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--accent-2) 42%,transparent),transparent 25%),linear-gradient(135deg,var(--paper),var(--soft));overflow:hidden}
.product-story-hero:before{content:"";position:absolute;inset:0;opacity:.45;background-image:radial-gradient(color-mix(in srgb,var(--accent) 38%,transparent) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent 20%,#000)}
.product-story-hero>.section-shell{position:relative;z-index:1;min-height:580px;display:grid;grid-template-columns:minmax(390px,.84fr) minmax(0,1.16fr);gap:72px;align-items:center}
.product-story-copy{position:relative;max-width:590px}
.story-index{position:absolute;left:-16px;top:-94px;color:color-mix(in srgb,var(--accent) 13%,transparent);font:700 152px/1 "Space Grotesk",sans-serif;letter-spacing:-.09em}
.product-story-copy>.eyebrow{position:relative;margin-bottom:22px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:99px;background:rgba(255,255,255,.62)}
.product-story-copy h1{position:relative;margin:0;font-size:clamp(48px,4.7vw,69px);font-weight:600;line-height:.94}
.product-story-copy>p{position:relative;max-width:540px;margin:24px 0 0;color:#536c61;font-size:18px;line-height:1.62}
.product-story-copy .hero-actions{position:relative;justify-content:flex-start}
.product-story-copy .button:first-child{background:var(--ink);box-shadow:0 14px 30px rgba(5,58,39,.18)}
.product-story-copy .button-ghost{border-color:color-mix(in srgb,var(--accent) 42%,#bdcec4);background:rgba(255,255,255,.68)}
.product-story-hero-visual{position:relative;min-width:0}
.product-story-screen{position:relative;padding:9px;border-radius:25px 25px 8px 25px;background:#fff;box-shadow:0 34px 80px color-mix(in srgb,var(--accent) 20%,transparent);transform:rotate(1deg)}
.product-story-screen:before{content:"";position:absolute;z-index:-1;inset:-28px 22px 30px -25px;border-radius:42px 18px 42px 18px;background:linear-gradient(145deg,var(--accent-2),color-mix(in srgb,var(--accent) 74%,white))}
.product-story-screen>div{height:35px;padding:0 7px;display:flex;align-items:center;gap:6px;color:#80938a;font-size:14px}
.product-story-screen>div i{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--accent) 38%,white)}
.product-story-screen>div span{margin-left:7px}
.product-story-screen>img{width:100%;border-radius:14px;filter:contrast(1.02)}
.product-story-phone{position:relative;width:290px;margin:auto;filter:drop-shadow(0 35px 35px rgba(5,65,40,.22))}
.product-story-phone:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,var(--accent-2),color-mix(in srgb,var(--accent) 68%,white));transform:translate(-50%,-50%)}
.phone-float{position:absolute;z-index:4;padding:10px 13px;border-radius:13px;background:#fff;box-shadow:0 14px 30px rgba(8,60,40,.13);color:var(--ink);font-size:14px;font-weight:800;animation:psFloat 4s ease-in-out infinite}
.phone-float.f1{right:-100px;top:25%}.phone-float.f2{left:-85px;bottom:24%;animation-delay:-2s}
@keyframes psFloat{50%{transform:translateY(-8px) rotate(-1deg)}}

/* Hero compositions are deliberately different */
.story-design-structure .product-story-hero>.section-shell{grid-template-columns:.76fr 1.24fr}.story-design-structure .product-story-screen{transform:rotate(-1deg);border-radius:8px 28px 28px 28px}
.story-design-moderation .product-story-hero{background:radial-gradient(circle at 82% 18%,rgba(255,207,80,.16),transparent 25%),linear-gradient(135deg,#17241f,#093b2c);color:#fff}.story-design-moderation .product-story-copy>p{color:#c0d2c9}.story-design-moderation .product-story-screen{transform:rotate(0);box-shadow:0 35px 80px rgba(0,0,0,.3)}
.story-design-library .product-story-hero>.section-shell{grid-template-columns:1fr 1fr}.story-design-library .product-story-screen{clip-path:polygon(0 0,92% 0,100% 10%,100% 100%,0 100%);border-radius:8px}
.story-design-event .product-story-hero>.section-shell{grid-template-columns:.94fr 1.06fr}.story-design-event .product-story-screen{transform:rotate(2deg)}
.story-design-ticketing .product-story-hero-visual{order:-1}.story-design-ticketing .product-story-hero>.section-shell{grid-template-columns:1.1fr .9fr}.story-design-ticketing .product-story-screen{transform:rotate(-1deg)}
.story-design-tracking .product-story-hero{background:radial-gradient(circle at 78% 28%,rgba(57,216,147,.18),transparent 24%),#071f18;color:#fff}.story-design-tracking .product-story-copy>p{color:#b6cec3}.story-design-tracking .product-story-screen{border:1px solid rgba(185,240,101,.3);background:#092d22;box-shadow:0 34px 90px rgba(0,0,0,.35)}
.story-design-administration .product-story-screen{transform:rotate(0);border-radius:28px 8px 28px 28px}
.story-design-community .product-story-phone{transform:rotate(3deg)}.story-design-community .product-story-copy h1{font-size:clamp(47px,4.5vw,65px)}
.story-design-chats .product-story-hero{background:radial-gradient(circle at 78% 28%,rgba(79,139,255,.2),transparent 25%),linear-gradient(135deg,#0b2432,#092f24);color:#fff}.story-design-chats .product-story-copy>p{color:#bed0cf}.story-design-chats .product-story-phone:before{background:radial-gradient(circle,#9ac5ff,#3b73df)}
.story-design-app-events .product-story-phone{transform:rotate(-3deg)}
.story-design-app-library .product-story-hero>.section-shell{grid-template-columns:1fr .8fr}.story-design-app-library .product-story-phone{width:270px}
.story-design-field .product-story-hero-visual{order:-1}.story-design-field .product-story-hero>.section-shell{grid-template-columns:.85fr 1.15fr}.story-design-field .product-story-phone{transform:rotate(-4deg)}

/* Product route rail */
.product-story-nav{position:sticky;z-index:20;top:68px;border-bottom:1px solid rgba(10,80,50,.12);background:rgba(251,252,245,.9);backdrop-filter:blur(16px)}
.product-story-nav>.section-shell{display:flex;overflow-x:auto;scrollbar-width:none}
.product-story-nav a{position:relative;flex:1;min-width:120px;min-height:62px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;color:#71877d;font-size:14px;font-weight:700;white-space:nowrap}
.product-story-nav a span{font-size:14px;color:#9aaba3}.product-story-nav a.active{color:var(--ink)}
.product-story-nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:4px;border-radius:8px 8px 0 0;background:var(--accent)}

/* Section foundations */
.product-story-block{position:relative;padding:106px 0;border-bottom:1px solid rgba(9,73,47,.11);background:#fff}
.product-story-block:nth-of-type(even){background:var(--paper)}
.story-block-head{max-width:820px;margin-bottom:42px}
.story-block-head h2{max-width:800px;margin:0;font-size:clamp(42px,4.8vw,65px);font-weight:600;line-height:.96}
.story-block-intro{max-width:700px;margin:20px 0 0;color:#586f65;font-size:17px!important}
.story-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.story-card-grid article{position:relative;min-height:225px;padding:26px;border:1px solid rgba(9,92,56,.16);border-radius:23px 23px 23px 7px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s}
.story-card-grid article:nth-child(even){border-radius:23px 23px 7px 23px;background:var(--soft)}
.story-card-grid article:hover{z-index:2;transform:translateY(-7px) rotate(-.35deg);box-shadow:0 22px 45px rgba(8,67,43,.11)}
.story-card-grid article>span{color:var(--accent);font-size:14px;font-weight:800;letter-spacing:.13em}
.story-card-grid h3{margin:32px 0 10px;font-size:24px;line-height:1.05}
.story-card-grid p{margin:0;color:#5b7167;font-size:17px}
.product-story-block blockquote{margin:28px 0 0;padding:20px 24px;border-left:4px solid var(--accent);background:var(--soft);font-size:17px;font-weight:600}

/* Matrices */
.story-matrix{border:1px solid rgba(10,89,55,.16);border-radius:24px 24px 24px 8px;background:#fff;overflow:hidden;box-shadow:0 24px 60px rgba(8,69,45,.08)}
.story-matrix-head,.story-matrix button{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;align-items:center}
.story-matrix-head{padding:14px 22px;background:var(--ink);color:#fff;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.story-matrix button{width:100%;padding:19px 22px;border:0;border-bottom:1px solid rgba(10,89,55,.12);background:#fff;text-align:left;cursor:pointer;transition:.2s}
.story-matrix button:last-child{border-bottom:0}.story-matrix button:hover,.story-matrix button.active{background:var(--soft)}
.story-matrix button>span{display:flex;align-items:center;gap:13px}.story-matrix button i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--soft);color:var(--accent);font-size:14px;font-style:normal}.story-matrix button b{font-size:16px}.story-matrix button p{margin:0;color:#5a7066;font-size:17px}
.story-dependency{background:radial-gradient(circle at 84% 14%,var(--soft),transparent 25%),#fff}.story-dependency .story-matrix{width:min(920px,100%);margin-left:auto}.story-matrix-dependency button.active{border-left:5px solid var(--accent)}
.story-deployment{background:linear-gradient(135deg,#eef2ff,#f8faee)}.story-matrix-deployment{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:0;background:transparent;box-shadow:none;overflow:visible}.story-matrix-deployment .story-matrix-head{display:none}.story-matrix-deployment button{min-height:280px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(70,90,160,.18)!important;border-radius:23px;background:#fff}.story-matrix-deployment button>span{flex-direction:column;align-items:flex-start}.story-matrix-deployment button p{margin-top:28px}.story-matrix-deployment button.active{background:var(--ink);color:#fff;transform:translateY(-7px)}.story-matrix-deployment button.active p{color:#c2d0ca}

/* Interactive steppers */
.story-stepper{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}
.story-stepper nav{display:flex;flex-direction:column;gap:7px}
.story-stepper nav button{min-height:69px;padding:12px 15px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;border:1px solid rgba(9,86,53,.15);border-radius:13px;background:#fff;text-align:left;cursor:pointer}.story-stepper nav button span{color:var(--accent);font-size:14px}.story-stepper nav button b{font-size:14px}.story-stepper nav button.active{border-color:var(--accent);background:var(--ink);color:#fff;transform:translateX(8px)}
.story-step-panels{position:relative;min-height:380px;border-radius:26px 26px 8px 26px;background:radial-gradient(circle at 80% 20%,var(--accent-2),transparent 27%),linear-gradient(145deg,var(--soft),#fff);overflow:hidden}
.story-step-panels article{position:absolute;inset:0;padding:52px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none}.story-step-panels article.active{opacity:1;transform:none}.story-step-panels small{color:var(--accent);font-weight:800}.story-step-panels h3{max-width:520px;margin:8px 0 12px;font-size:42px;line-height:1}.story-step-panels p{max-width:580px;margin:0;color:#536c61}
.story-build .story-stepper{grid-template-columns:1fr}.story-build .story-stepper nav{display:grid;grid-template-columns:repeat(5,1fr)}.story-build .story-stepper nav button{min-height:110px;display:flex;flex-direction:column;align-items:flex-start}.story-build .story-stepper nav button.active{transform:translateY(-6px)}.story-build .story-step-panels{min-height:320px}
.story-journey{background:linear-gradient(135deg,#fff6ef,#fff)}.story-journey .story-stepper nav{position:relative}.story-journey .story-stepper nav:before{content:"";position:absolute;left:18px;top:25px;bottom:25px;width:2px;background:var(--accent-2)}
.product-story-block.story-day{background:#071f18;color:#fff}.story-day .story-block-intro{color:#b8cec4}.story-day .story-stepper nav button{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.05);color:#fff}.story-day .story-stepper nav button.active{background:var(--accent);color:#071f18}.story-day .story-step-panels{background:radial-gradient(circle at 75% 22%,rgba(185,240,101,.28),transparent 25%),#0c3a2b}.story-day .story-step-panels p{color:#bdd1c8}

/* Broadcast metrics */
.product-story-block.story-metrics{background:#082f23;color:#fff}.story-metrics .story-block-intro{color:#b9cec5}.named-metrics{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.named-metrics nav{display:grid;gap:9px}.named-metrics nav button{padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(255,255,255,.05);color:#fff;text-align:left;cursor:pointer}.named-metrics nav button.active{border-color:var(--accent-2);background:rgba(185,240,101,.12)}.named-metrics nav span,.named-metrics nav small{display:block}.named-metrics nav span{color:var(--accent-2);font-size:14px;font-weight:800;text-transform:uppercase}.named-metrics nav b{display:block;font-size:35px}.named-metrics nav small{color:#b9cec5;font-size:14px}.named-report{padding:20px;border-radius:22px 22px 7px 22px;background:#fff;color:var(--ink)}.named-report header,.named-report [data-named-list]>div{display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px;padding:14px}.named-report header{color:#7e9188;font-size:14px;text-transform:uppercase}.named-report [data-named-list]>div{border-top:1px solid #e0ebe4;font-size:14px}.named-report [data-named-list]>div span:first-child{font-weight:700}.story-insight{margin-top:16px;padding:25px;border:1px solid rgba(185,240,101,.25);border-radius:18px;background:rgba(255,255,255,.06)}.story-insight h3{margin:0 0 8px;color:var(--accent-2);font-size:25px}.story-insight p{margin:0;color:#d2e1da}.story-insight em{display:block;margin-top:14px;color:#fff}

/* Specialty sections */
.story-replacement .story-card-grid{grid-template-columns:repeat(4,1fr)}.story-replacement .story-card-grid article{min-height:260px}.story-capabilities .story-card-grid{grid-template-columns:repeat(12,1fr)}.story-capabilities .story-card-grid article{grid-column:span 4}.story-capabilities .story-card-grid article:nth-child(1),.story-capabilities .story-card-grid article:nth-child(6){grid-column:span 6}.story-capabilities .story-card-grid article:nth-child(1){background:linear-gradient(145deg,var(--soft),#fff)}
.story-spiral .story-card-grid{grid-template-columns:repeat(4,1fr)}.story-spiral .story-card-grid article{min-height:285px;border-radius:50% 50% 20px 20px;text-align:center}.story-spiral .story-card-grid h3{margin-top:42px}
.story-records .story-card-grid{grid-template-columns:1.1fr .9fr 1.1fr}.story-records .story-card-grid article:nth-child(2){transform:translateY(28px)}
.product-story-block.story-risk{background:#1e281f;color:#fff}.story-risk .story-block-intro{color:#c7d0c8}.story-risk .story-card-grid article{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}.story-risk .story-card-grid p{color:#cad4cd}.story-risk .story-card-grid article:nth-child(2){background:rgba(232,168,60,.12)}
.moderation-loop{position:relative;min-height:580px;border-radius:50%;background:radial-gradient(circle,var(--soft) 0 20%,transparent 20% 100%)}.loop-core{position:absolute;left:50%;top:50%;width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;text-align:center;transform:translate(-50%,-50%)}.moderation-loop>button{position:absolute;left:calc(50% + cos(calc(var(--i) * 72deg - 90deg))*235px);top:calc(50% + sin(calc(var(--i) * 72deg - 90deg))*235px);width:155px;min-height:70px;padding:10px;border:1px solid rgba(9,82,51,.18);border-radius:14px;background:#fff;cursor:pointer;transform:translate(-50%,-50%)}.moderation-loop>button.active{background:var(--accent);color:#fff}.moderation-loop>button span{display:block;font-size:14px}.loop-panel{position:absolute;left:50%;bottom:0;width:470px;min-height:125px;padding:22px;border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(6,55,37,.12);transform:translateX(-50%)}.loop-panel article{display:none}.loop-panel article.active{display:block}.loop-panel h3{margin:0}.loop-panel p{margin:5px 0 0;color:#5a7066}
.story-principle{background:linear-gradient(135deg,#fff8e7,#fff)}.story-principle .story-card-grid{grid-template-columns:repeat(4,1fr)}
.story-lifecycle .story-stepper,.story-lifecycle .story-stepper nav{grid-template-columns:1fr}.story-lifecycle .story-stepper nav{display:grid;grid-template-columns:repeat(5,1fr)}.story-lifecycle .story-stepper nav button{display:flex;flex-direction:column;align-items:flex-start;min-height:115px}.story-lifecycle .story-step-panels{display:none}
.removal-demo{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center}.removal-demo>article{min-height:300px;padding:30px;border:1px solid rgba(80,65,130,.16);border-radius:25px;background:#fff}.removal-demo>span{font-size:44px;color:var(--accent)}.removal-demo h3{max-width:430px;font-size:27px}.loose-files{height:100px;display:flex;align-items:end;gap:10px}.loose-files i{width:70px;height:90px;border-radius:8px;background:#ece4fa;transform:rotate(-8deg)}.loose-files i:nth-child(2){height:75px;transform:rotate(5deg)}.loose-files i:nth-child(3){height:95px;transform:rotate(10deg)}.loose-files i:nth-child(4){height:68px}.one-file{width:130px;height:150px;padding:18px;display:grid;place-items:end start;border-radius:10px;background:var(--accent);color:#fff;font-size:14px;font-weight:800}.story-checks{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.story-checks span{padding:14px 18px;border-radius:12px;background:var(--soft);font-size:14px;font-weight:700}.story-checks span:before{content:"✓";margin-right:9px;color:var(--accent)}
.story-costrail .story-card-grid{grid-template-columns:repeat(4,1fr)}.story-costrail .story-card-grid article{min-height:275px}.event-counter{display:grid;grid-template-columns:.7fr .8fr 1.2fr;gap:18px;align-items:center;padding:38px;border-radius:28px 28px 8px 28px;background:var(--ink);color:#fff}.event-counter>div{display:flex;flex-direction:column}.event-counter strong{color:var(--accent-2);font:600 82px/1 "Space Grotesk"}.event-counter button{min-height:56px;border:0;border-radius:15px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.event-counter button b{font-size:22px}.event-counter p{color:#c0d1c9}.calendar-demo{padding:25px;display:grid;grid-template-columns:90px 1fr auto;gap:22px;align-items:center;border:1px solid rgba(9,83,51,.16);border-radius:22px;background:#fff}.calendar-date{height:82px;display:grid;place-items:center;border-radius:16px;background:var(--soft)}.calendar-date b{font-size:32px;line-height:1}.calendar-date span{font-size:14px}.calendar-demo h3{margin:0;font-size:24px}.calendar-demo p{margin:3px 0;color:#60766c}.calendar-demo>span{padding:8px 11px;border-radius:99px;background:var(--soft);color:var(--accent);font-size:14px;font-weight:800}
.story-stories .story-card-grid{grid-template-columns:repeat(3,1fr)}.story-stories .story-card-grid article{min-height:300px}.story-stories .story-card-grid article:after{content:"DEAD END";position:absolute;left:25px;bottom:22px;color:#b56858;font-size:14px;font-weight:900;letter-spacing:.12em}.story-hidden .story-card-grid{grid-template-columns:repeat(4,1fr)}.story-hidden .story-card-grid article{min-height:190px;background:var(--ink);color:#fff}.story-inbox .story-card-grid{grid-template-columns:repeat(2,1fr)}
.anonymous-demo{margin-bottom:20px;padding:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;border-radius:26px;background:var(--ink);color:#fff}.anonymous-demo>button{padding:16px;display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;text-align:left;cursor:pointer}.anonymous-demo>button>i,.report-anonymous>i{width:42px;height:24px;padding:3px;display:block;border-radius:99px;background:#5d7369}.anonymous-demo>button>i:after,.report-anonymous>i:after{content:"";width:18px;height:18px;display:block;border-radius:50%;background:#fff;transition:.2s}.anonymous-demo>button.active>i,.report-anonymous.active>i{background:var(--accent)}.anonymous-demo>button.active>i:after,.report-anonymous.active>i:after{transform:translateX(18px)}.anonymous-demo>button span{display:flex;flex-direction:column}.anonymous-demo>button small{color:#aec1b8}.anonymous-demo>div{padding:15px;display:flex;flex-direction:column}.anonymous-demo>div span,.anonymous-demo>div small{color:#b7c9c0}.anonymous-demo>div strong{font-size:20px}.story-anonymous .story-card-grid{grid-template-columns:repeat(4,1fr)}.story-anonymous .story-card-grid article{min-height:180px}
.story-path .story-block-head{margin-bottom:22px}.story-path{display:flex}.story-path>span{position:relative;flex:1;padding:24px 20px;border-top:2px solid var(--accent);font-size:14px;font-weight:700}.story-path>span:before{content:"";position:absolute;left:0;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.story-path b{display:block;color:var(--accent);font-size:14px}
.sovereignty-map{min-height:470px;padding:30px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-radius:28px;background:#071f18;color:#fff}.perimeter{position:relative;width:350px;height:350px;margin:auto;display:grid;place-items:center;border:1px solid rgba(57,216,147,.35);border-radius:50%}.perimeter:before,.perimeter:after{content:"";position:absolute;border:1px solid rgba(57,216,147,.18);border-radius:50%}.perimeter:before{width:260px;height:260px}.perimeter:after{width:170px;height:170px}.perimeter>span{position:absolute;top:30px;color:var(--accent);font-size:14px;text-transform:uppercase}.perimeter>b{z-index:2;width:120px;height:120px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#071f18;text-align:center}.perimeter i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--accent-2)}.perimeter i:nth-of-type(1){left:50px;top:90px}.perimeter i:nth-of-type(2){right:55px;bottom:80px}.perimeter i:nth-of-type(3){left:90px;bottom:40px}.sovereignty-list{display:grid;gap:9px}.sovereignty-list span{padding:14px 16px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.05)}
.brand-configurator{--preview-color:var(--accent);padding:25px;display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;border-radius:28px;background:#eef2ff}.brand-configurator>div{padding:25px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;border-radius:18px;background:#fff}.brand-configurator label{width:100%;margin-top:14px;font-size:14px;font-weight:800;text-transform:uppercase}.brand-configurator [data-brand-color]{width:45px;height:45px;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #ccd5df;cursor:pointer}.brand-configurator [data-brand-color].active{box-shadow:0 0 0 3px var(--accent)}.config-select,.config-input{width:100%;padding:13px;border:1px solid #d9e0e9;border-radius:10px;background:#f8fafc;text-align:left}.config-select span{float:right}.brand-configurator>aside{display:grid;place-items:center}.brand-preview{width:290px;height:430px;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:10px solid #14241e;border-radius:40px;background:linear-gradient(145deg,color-mix(in srgb,var(--preview-color) 18%,white),#fff);box-shadow:0 28px 50px rgba(30,48,70,.16)}.brand-preview>span{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:var(--preview-color);color:#fff;font-size:35px;font-weight:800}.brand-preview>b{margin-top:18px}.brand-preview>small{margin-top:45px;color:#718078}.brand-preview>i{width:100%;height:42px;margin-top:8px;border-radius:10px;background:var(--preview-color)}.story-configurator .story-card-grid{margin-top:18px;grid-template-columns:repeat(3,1fr)}

/* App specialty sections */
.story-narrative .story-card-grid{grid-template-columns:1.15fr .85fr .85fr}.story-narrative .story-card-grid article:first-child{min-height:320px;background:var(--ink);color:#fff}.story-narrative .story-card-grid article:first-child p{color:#bfd1c8}
.story-phonefeatures .story-card-grid{grid-template-columns:repeat(5,1fr)}.story-phonefeatures .story-card-grid article{min-height:290px;padding:22px}.story-phonefeatures .story-card-grid h3{font-size:19px}.story-phonefeatures .story-card-grid article:nth-child(odd){transform:translateY(20px)}
.story-alive{background:linear-gradient(135deg,#b9f065,#62d397)}.story-alive .story-card-grid{grid-template-columns:repeat(3,1fr)}.story-alive .story-card-grid article{min-height:170px}
.story-ceiling .story-card-grid{grid-template-columns:repeat(4,1fr)}.story-ceiling .story-card-grid article:nth-child(1){transform:translateY(35px)}.story-ceiling .story-card-grid article:nth-child(3){transform:translateY(20px)}
.story-actions .story-card-grid{grid-template-columns:repeat(4,1fr)}.story-actions .story-card-grid article{min-height:240px;border-radius:50% 50% 22px 22px}.story-actions .story-card-grid h3{font-size:35px}
.live-poll{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.live-poll>div,.live-poll>aside{padding:30px;border-radius:25px}.live-poll>div{background:#fff;box-shadow:0 20px 45px rgba(75,40,65,.08)}.live-poll h3{font-size:30px}.live-poll button{width:100%;padding:13px 0;display:grid;grid-template-columns:1fr 160px 42px;gap:12px;align-items:center;border:0;border-top:1px solid #eee;background:none;text-align:left;cursor:pointer}.live-poll button i{height:7px;border-radius:99px;background:#eee;overflow:hidden}.live-poll button em{display:block;height:100%;background:var(--accent)}.live-poll button.selected{color:var(--accent);font-weight:800}.live-poll>aside{display:flex;flex-direction:column;justify-content:center;background:var(--ink);color:#fff}.live-poll>aside strong{color:var(--accent-2)}.live-poll>aside em{color:#c7d4cd}
.product-story-block.story-governed{background:#271d28;color:#fff}.story-governed .story-block-intro{color:#dcced8}
.story-exposure .story-card-grid{grid-template-columns:repeat(4,1fr)}.story-exposure .story-card-grid article{background:#0b2b29;color:#fff}.story-exposure .story-card-grid p{color:#bdd0cb}
.story-dual{display:grid;grid-template-columns:1fr 180px 1fr;gap:16px}.story-dual>article{padding:28px;border-radius:25px;background:#fff;box-shadow:0 18px 42px rgba(8,61,46,.08)}.story-dual>article:last-child{background:var(--ink);color:#fff}.story-dual>article>span{color:var(--accent);font-size:14px;font-weight:800;text-transform:uppercase}.story-dual>article h3{font-size:34px}.story-dual>article>div{padding:15px 0;border-top:1px solid rgba(100,130,115,.18)}.story-dual>article p{margin:4px 0 0;color:#64786f;font-size:17px}.story-dual>article:last-child p{color:#c0d0c9}.chat-bridge{position:relative;display:grid;place-items:center}.chat-bridge:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--accent)}.chat-bridge i{position:absolute;width:45px;height:26px;border-radius:14px 14px 14px 4px;background:var(--accent)}.chat-bridge i:nth-child(1){top:18%}.chat-bridge i:nth-child(2){top:36%;left:30px;background:var(--accent-2)}.chat-bridge i:nth-child(3){bottom:20%}.chat-bridge span{z-index:2;padding:12px;border-radius:12px;background:#fff;text-align:center;font-size:14px;font-weight:800}.story-statement{background:var(--ink);color:#fff}.story-statement .story-block-head{display:none}.story-statement blockquote{max-width:950px;margin:auto;padding:60px;border:0;background:none;color:#fff;text-align:center;font:600 clamp(38px,5vw,64px)/1 "Space Grotesk"}
.story-quote .story-card-grid{grid-template-columns:repeat(2,1fr)}.story-quote .story-card-grid article{min-height:230px}.story-sides{display:grid;grid-template-columns:1fr 1fr;gap:14px}.story-sides article{min-height:330px;padding:35px;border-radius:28px 28px 8px 28px;background:#fff;box-shadow:0 20px 45px rgba(8,64,43,.08)}.story-sides article:last-child{border-radius:28px 28px 28px 8px;background:var(--ink);color:#fff}.story-sides article>span{color:var(--accent);font-size:14px}.story-sides h3{margin:50px 0 15px;font-size:37px}.story-sides article:last-child p{color:#c2d1ca}
.registration-demo{display:grid;grid-template-columns:1fr .8fr;gap:16px}.registration-ticket{min-height:330px;padding:34px;display:flex;flex-direction:column;border-radius:28px;background:radial-gradient(circle at 85% 15%,var(--accent-2),transparent 28%),var(--soft)}.registration-ticket h3{margin:50px 0 5px;font-size:38px}.registration-ticket p{margin:0;color:#60756c}.registration-ticket button{margin-top:auto;min-height:52px;border:0;border-radius:14px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.registration-states{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:12px;border-radius:28px;background:var(--ink);color:#fff}.registration-states span{padding:16px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#93a69d}.registration-states span.active{border-color:var(--accent-2);color:#fff}.registration-states i{width:9px;height:9px;border-radius:50%;background:#61756b}.registration-states span.active i{background:var(--accent-2)}
.story-question .story-card-grid{grid-template-columns:repeat(4,1fr)}.folder-stage{display:grid;grid-template-columns:210px 1fr;gap:12px;padding:13px;border:1px solid rgba(90,70,145,.16);border-radius:27px;background:#fff}.folder-stage nav{padding:10px;display:flex;flex-direction:column;gap:7px;border-radius:18px;background:var(--soft)}.folder-stage nav button{min-height:48px;padding:0 15px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.folder-stage nav button.active{background:var(--accent);color:#fff}.folder-files{display:grid;align-content:center;gap:8px}.folder-files>div{padding:16px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;border:1px solid #e2e5e7;border-radius:12px}.folder-files>div>span{color:var(--accent);font-size:14px;font-weight:800}.folder-files small{color:#718078}.story-search .story-card-grid{margin-top:18px;grid-template-columns:repeat(4,1fr)}.story-search .story-card-grid article{min-height:170px}
.document-state{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.document-state article{min-height:230px;padding:28px;display:flex;flex-direction:column;border-radius:24px;background:#fff;box-shadow:0 18px 40px rgba(65,45,105,.08)}.document-state article>span{color:var(--accent);font-size:14px}.document-state article small{margin-top:auto;color:#7a8580}.document-state article b{font-size:18px}
.incident-line{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.incident-line:before{content:"";position:absolute;left:10%;right:10%;top:52px;height:2px;background:var(--accent)}.incident-line article{position:relative;padding:20px;text-align:center}.incident-line span{display:block;color:var(--accent);font-size:14px;font-weight:800}.incident-line i{position:relative;width:18px;height:18px;margin:17px auto;display:block;border:4px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.incident-line p{font-weight:700}.incident-costs{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.incident-costs article{padding:20px;border-radius:17px;background:var(--ink);color:#fff}.incident-costs h3{font-size:18px}.incident-costs p{color:#c0d0c9;font-size:17px}
.report-builder{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:16px;border-radius:28px;background:#fff;box-shadow:0 22px 50px rgba(85,55,30,.1)}.report-builder>div{display:flex;flex-wrap:wrap;gap:8px}.report-builder label{width:100%;font-size:14px;font-weight:800;text-transform:uppercase}.report-builder>div button{padding:10px 12px;border:1px solid #e1d7ce;border-radius:10px;background:#fff;cursor:pointer}.report-builder>div button.active{border-color:var(--accent);background:var(--soft);color:var(--accent)}.report-anonymous{padding:15px;display:flex;align-items:center;gap:10px;border:0;border-radius:14px;background:var(--soft);cursor:pointer}.report-builder aside{padding:20px;display:flex;flex-direction:column;border-radius:17px;background:var(--ink);color:#fff}.report-builder aside small{color:#aebfb7}.report-builder aside strong{font-size:22px}.report-builder aside span{margin-top:auto;color:var(--accent-2);font-size:14px}.story-arrival .story-card-grid{grid-template-columns:repeat(4,1fr)}.story-arrival .story-card-grid article{min-height:180px}

/* Context, objections, FAQ and close */
.story-contexts{display:flex;flex-wrap:wrap;gap:10px}.story-contexts>span{min-height:70px;padding:0 20px;display:flex;align-items:center;gap:12px;border:1px solid rgba(8,83,52,.16);border-radius:99px;background:#fff;font-size:15px;font-weight:700;transition:.2s}.story-contexts>span:hover{background:var(--ink);color:#fff;transform:translateY(-4px)}.story-contexts b{color:var(--accent);font-size:14px}
.story-objections{padding:102px 0;background:var(--ink);color:#fff}.story-objections>.section-shell{display:grid;grid-template-columns:.76fr 1.24fr;gap:80px}.story-objections header h2,.story-faq header h2{margin:0;font-size:clamp(42px,4.5vw,60px);line-height:.98}.story-objection-list{border-top:1px solid rgba(255,255,255,.2)}.story-objection-list article{border-bottom:1px solid rgba(255,255,255,.2)}.story-objection-list button{width:100%;padding:23px 0;display:flex;justify-content:space-between;border:0;background:none;color:#fff;text-align:left;font-size:17px;font-weight:700;cursor:pointer}.story-objection-list button i{position:relative;width:17px}.story-objection-list button i:before,.story-objection-list button i:after{content:"";position:absolute;top:9px;width:17px;height:1px;background:var(--accent-2)}.story-objection-list button i:after{transform:rotate(90deg);transition:.2s}.story-objection-list article.open button i:after{transform:none}.story-objection-list p{display:none;margin:0;padding:0 35px 22px 0;color:#bdcec6;font-size:17px}.story-objection-list article.open p{display:block}
.story-faq{padding:102px 0;background:var(--paper)}.story-faq>.section-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.story-faq .faq-list{border-top:1px solid rgba(9,83,51,.2)}.story-faq .faq-item button{font-family:"Space Grotesk"}.story-faq .faq-item>div p{font-size:17px;line-height:1.65}.story-related{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px}.story-related>span{width:100%;color:#7b8e85;font-size:14px;text-transform:uppercase}.story-related a{padding:8px 11px;border:1px solid rgba(9,83,51,.18);border-radius:99px;background:#fff;color:var(--accent);font-size:14px;font-weight:700}
.story-closing{position:relative;padding:112px 0;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.45),transparent 25%),linear-gradient(135deg,var(--accent-2),color-mix(in srgb,var(--accent) 72%,white));text-align:center;overflow:hidden}.story-closing>.section-shell{max-width:850px}.story-closing h2{margin:0;font-size:clamp(48px,6vw,76px);line-height:.96}.story-closing p{max-width:680px;margin:20px auto;color:#244f3c;font-size:17px}.story-closing .hero-actions{justify-content:center}.story-closing .button:first-child{background:var(--ink)}

/* Dashboard and app overview hubs */
.product-hub{--accent:#08a657;--accent-2:#b9f065;--ink:#092f24;overflow:hidden;background:#fbfcf5}.product-hub h1,.product-hub h2,.product-hub h3{font-family:"Space Grotesk",sans-serif;letter-spacing:-.05em}.product-hub .eyebrow{color:var(--accent)}
.product-hub-hero{padding:90px 0 105px;background:radial-gradient(circle at 82% 18%,rgba(185,240,101,.34),transparent 24%),linear-gradient(135deg,#fbfcf5,#e8f8ed)}.product-hub-hero>.section-shell{min-height:610px;display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;align-items:center}.hub-copy h1{margin:0;font-size:clamp(52px,5.3vw,76px);line-height:.92}.hub-copy>p{max-width:540px;color:#546e62;font-size:17px}.hub-copy .hero-actions{justify-content:flex-start}.hub-copy .button:first-child{background:var(--ink)}
.hub-stage{position:relative;min-width:0;padding:24px 24px 100px;border-radius:38px 16px 38px 16px;background:linear-gradient(145deg,#b9f065,#52c98e);transition:.15s}.hub-stage.changing{opacity:.35;transform:translateY(5px)}.hub-dashboard-screen{border-radius:20px;background:#fff;box-shadow:0 27px 55px rgba(5,65,40,.2);overflow:hidden}.hub-dashboard-screen>div{height:33px;padding:0 11px;display:flex;align-items:center;gap:5px;color:#80948a;font-size:14px}.hub-dashboard-screen i{width:6px;height:6px;border-radius:50%;background:#b8d9c4}.hub-dashboard-screen span{margin-left:7px}.hub-dashboard-screen img{width:100%}.hub-stage>aside{position:absolute;right:-15px;bottom:5px;width:330px;padding:21px;border-radius:19px 19px 5px 19px;background:var(--ink);color:#fff;box-shadow:0 18px 38px rgba(5,59,39,.2)}.hub-stage>aside small{color:var(--accent-2);font-size:14px;text-transform:uppercase}.hub-stage>aside h2{margin:4px 0;font-size:28px}.hub-stage>aside p{margin:0;color:#bfd0c8;font-size:17px}.hub-stage>aside a{display:inline-flex;margin-top:12px;color:var(--accent-2);font-size:14px;font-weight:800}
.hub-selector{padding:105px 0;background:#fff}.hub-selector header{max-width:720px;margin-bottom:40px}.hub-selector h2{margin:0;font-size:clamp(45px,5vw,67px);line-height:.95}.hub-route-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.hub-route-grid>button{position:relative;grid-column:span 3;min-height:260px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(9,82,51,.16);border-radius:23px 23px 23px 7px;background:#fff;text-align:left;cursor:pointer;transition:.25s;overflow:hidden}.hub-route-grid>button:nth-child(even){border-radius:23px 23px 7px 23px;background:#eef8e9}.hub-route-grid>button.active{grid-column:span 6;background:var(--ink);color:#fff}.hub-route-grid>button:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(8,65,43,.1)}.hub-route-grid>button>span{color:var(--accent);font-size:14px;font-weight:800}.hub-route-icon{width:46px;height:46px;margin-top:20px;display:grid;place-items:center;border-radius:15px;background:#e8f8ed;color:var(--accent)}.hub-route-icon svg{width:22px}.hub-route-grid h3{margin:22px 0 7px;font-size:25px}.hub-route-grid p{margin:0;color:#5b7167;font-size:17px;line-height:1.5}.hub-route-grid>button.active p{max-width:480px;color:#bfd0c8}.hub-route-grid>button>i{position:absolute;right:22px;top:22px;color:var(--accent);font-style:normal}
.hub-connection{padding:110px 0;background:#082f23;color:#fff}.hub-connection>.section-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.hub-connection h2{margin:0;font-size:clamp(45px,5vw,68px);line-height:.96}.hub-connection p{max-width:550px;color:#bcd0c6;font-size:17px}.hub-orbit{position:relative;width:500px;height:500px;margin:auto;border:1px solid rgba(185,240,101,.28);border-radius:50%}.hub-orbit:before,.hub-orbit:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(185,240,101,.16);border-radius:50%;transform:translate(-50%,-50%)}.hub-orbit:before{width:360px;height:360px}.hub-orbit:after{width:220px;height:220px}.hub-orbit>b{position:absolute;z-index:2;left:50%;top:50%;width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#06271c;transform:translate(-50%,-50%);text-align:center}.hub-orbit>span{position:absolute;left:calc(50% + cos(calc(var(--i)*72deg - 90deg))*210px);top:calc(50% + sin(calc(var(--i)*72deg - 90deg))*210px);padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:#0d4936;transform:translate(-50%,-50%);font-size:14px;white-space:nowrap}
.app-hub{--accent:#e35e91;--accent-2:#ffcf54}.app-hub .product-hub-hero{background:radial-gradient(circle at 80% 30%,rgba(255,207,84,.38),transparent 25%),linear-gradient(135deg,#fffaf5,#fff0f6)}.app-hub .product-hub-hero>.section-shell{grid-template-columns:1fr .9fr}.app-hub .hub-stage{min-height:610px;padding:0;display:grid;place-items:center;background:radial-gradient(circle,#ffc4d8,#f27da8)}.hub-phone{position:relative;z-index:2;width:255px;filter:drop-shadow(0 32px 32px rgba(76,36,58,.25));transform:rotate(3deg)}.app-hub .hub-stage>aside{right:-30px;bottom:30px}.app-hub .hub-route-grid>button{grid-column:span 4}.app-hub .hub-route-grid>button.active{grid-column:span 8;background:#281d27}.app-hub .hub-route-icon{background:#fff0f6;color:#e35e91}.app-hub .hub-connection{background:#281d27}.app-hub .hub-orbit>span{background:#482b3e}

@media(max-width:980px){
  .product-story-page{--ps-shell:min(900px,calc(100vw - 34px))}
  .product-story .product-story-hero>.section-shell{grid-template-columns:minmax(0,1fr);gap:48px}
  .story-design-ticketing .product-story-hero-visual,.story-design-field .product-story-hero-visual{order:0}
  .product-story-copy{max-width:760px}.product-story-screen{max-width:820px;margin:auto}.product-story-phone{margin-top:25px}
  .story-capabilities .story-card-grid article,.story-capabilities .story-card-grid article:nth-child(1),.story-capabilities .story-card-grid article:nth-child(6){grid-column:span 6}
  .story-replacement .story-card-grid,.story-spiral .story-card-grid,.story-principle .story-card-grid,.story-costrail .story-card-grid,.story-hidden .story-card-grid,.story-anonymous .story-card-grid,.story-ceiling .story-card-grid,.story-actions .story-card-grid,.story-question .story-card-grid,.incident-costs,.story-arrival .story-card-grid{grid-template-columns:1fr 1fr}
  .story-phonefeatures .story-card-grid{grid-template-columns:repeat(3,1fr)}
  .story-matrix-deployment{grid-template-columns:1fr 1fr}
  .story-build .story-stepper nav,.story-lifecycle .story-stepper nav{grid-template-columns:repeat(3,1fr)}
  .moderation-loop{transform:scale(.86);margin:-40px}
  .story-dual{grid-template-columns:1fr 110px 1fr}
  .story-objections>.section-shell,.story-faq>.section-shell{grid-template-columns:1fr;gap:35px}
  .product-hub-hero>.section-shell,.app-hub .product-hub-hero>.section-shell,.hub-connection>.section-shell{grid-template-columns:1fr;gap:45px}.hub-copy{max-width:740px}.hub-stage{max-width:800px}.hub-route-grid>button,.app-hub .hub-route-grid>button,.hub-route-grid>button.active,.app-hub .hub-route-grid>button.active{grid-column:span 6}.hub-orbit{width:460px;height:460px}
}

/* Moderation automatic screening: bright editorial story and connected workflow. */
.story-design-moderation .moderation-post>footer{font-size:14px !important}
.moderation-screening{overflow:hidden;background:linear-gradient(145deg,#fbfefb 0%,#edf9f1 56%,#e3f4e9 100%)!important;color:#103729}
.moderation-screening:before{content:"";position:absolute;right:-180px;top:-230px;width:630px;height:630px;border:1px solid rgba(8,166,87,.13);border-radius:50%;box-shadow:0 0 0 80px rgba(8,166,87,.035),0 0 0 160px rgba(8,166,87,.025);pointer-events:none}
.moderation-screening>.section-shell{position:relative;z-index:1}
.moderation-screening .story-block-head{display:grid;grid-column:1/-1!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:clamp(32px,6vw,90px);row-gap:12px;width:100%;max-width:none!important;margin-bottom:48px;align-items:start}
.moderation-screening .story-block-head .eyebrow{grid-column:1;grid-row:1;justify-self:start;margin:0 0 10px;padding:8px 13px;border:1px solid #b7dec5;border-radius:99px;background:#fff;color:#087b48;font-size:14px;font-weight:800;letter-spacing:.11em}
.moderation-screening .story-block-head h2{grid-column:1;grid-row:2;max-width:580px;margin:0;color:#103729;font-size:clamp(42px,4.8vw,68px);line-height:1.02;letter-spacing:-.045em}
.moderation-screening .story-block-intro{grid-column:2;grid-row:1 / span 2;align-self:start;max-width:none;margin:0;padding:28px 30px;border:1px solid #d5e9da;border-radius:22px;background:#fff;color:#29483a;font-size:18px!important;line-height:1.65;box-shadow:0 16px 40px rgba(15,74,45,.06)}
.moderation-screening-intro{grid-column:2;grid-row:3;max-width:none;margin:0;padding:0 5px 0 20px;border-left:3px solid #0aa866;color:#126140;font-size:17px!important;font-weight:650;line-height:1.6}
.screening-pipeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:12px;border:1px solid #d2e8d9;border-radius:25px;background:#fff;box-shadow:0 25px 55px rgba(10,81,46,.09)}
.screening-pipeline:before{content:"";position:absolute;left:9%;right:9%;top:48px;height:2px;background:#b9dfc6}
.screening-pipeline article{position:relative;z-index:1;min-height:204px;padding:20px 21px 22px;border-right:1px solid #e2eee6;background:transparent}
.screening-pipeline article:last-child{border-right:0}
.screening-pipeline article>span{width:38px;height:38px;display:grid;place-items:center;border:2px solid #c6e7d2;border-radius:50%;background:#ecf9f0;color:#087a49;font-size:14px;font-weight:900;box-shadow:0 0 0 7px #fff}
.screening-pipeline article:last-child>span{border-color:#069e60;background:#069e60;color:#fff}
.screening-pipeline h3{margin:37px 0 9px;color:#103729;font-size:21px;line-height:1.2}
.screening-pipeline p{margin:0;color:#587466;font-size:17px;line-height:1.55}
.screening-values{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.screening-values article{min-height:174px;padding:25px 27px;border:1px solid #cfe6d8;border-radius:18px;background:rgba(255,255,255,.72);color:#103729}
.screening-values article>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#dff5e7;color:#078d52;font-style:normal;font-weight:900}
.screening-values h3{margin:17px 0 8px;color:#103729;font-size:20px;line-height:1.2}
.screening-values p{margin:0;color:#587466;font-size:17px;line-height:1.55}
html[dir=rtl] .moderation-screening .story-block-head{text-align:right}
html[lang=ar] body.arabic-mirrored-page.product-story-page #automatic-screening .story-block-head{display:grid!important;width:100%!important;max-width:none!important;margin-bottom:48px!important;padding:0!important;padding-inline-end:0!important}
html[lang=ar] body.arabic-mirrored-page.product-story-page #automatic-screening .story-block-intro{width:100%!important;max-width:none!important;margin:0!important}
html[dir=rtl] .moderation-screening-intro{padding:0 20px 0 5px;border-left:0;border-right:3px solid #0aa866}
html[dir=rtl] .screening-pipeline article{border-right:0;border-left:1px solid #e2eee6}
html[dir=rtl] .screening-pipeline article:last-child{border-left:0}
@media(max-width:900px){.moderation-screening .story-block-head{grid-template-columns:1fr;gap:12px}.moderation-screening .story-block-head .eyebrow,.moderation-screening .story-block-head h2,.moderation-screening .story-block-intro,.moderation-screening-intro{grid-column:1;grid-row:auto}.moderation-screening .story-block-intro{margin-top:12px}.screening-pipeline{grid-template-columns:1fr 1fr}.screening-pipeline:before{display:none}.screening-pipeline article:nth-child(2){border-right:0}.screening-pipeline article:nth-child(-n+2){border-bottom:1px solid #e2eee6}.screening-values{grid-template-columns:1fr}.screening-values article{min-height:0}html[dir=rtl] .screening-pipeline article:nth-child(2){border-left:0}}
@media(max-width:560px){.moderation-screening .story-block-head h2{font-size:clamp(38px,11vw,50px)}.moderation-screening .story-block-intro{padding:22px;font-size:16px!important}.moderation-screening-intro{font-size:15px!important}.screening-pipeline{grid-template-columns:1fr}.screening-pipeline article,.screening-pipeline article:nth-child(2){min-height:0;padding:18px;border-right:0;border-bottom:1px solid #e2eee6}.screening-pipeline article:last-child{border-bottom:0}.screening-pipeline h3{margin:14px 0 6px}html[dir=rtl] .screening-pipeline article{border-left:0}}

/* Shawts hero: stronger product framing and an immediate proof rail. */
.story-design-broadcast .product-story-hero{isolation:isolate;padding:88px 0 96px;background:radial-gradient(circle at 87% 16%,rgba(185,240,101,.48),transparent 24%),radial-gradient(circle at 60% 92%,rgba(74,205,139,.14),transparent 30%),linear-gradient(135deg,#fbfcf5 0%,#edf9ef 55%,#e1f5e8 100%)}
.story-design-broadcast .product-story-hero:after{content:"";position:absolute;z-index:0;right:-150px;bottom:-220px;width:560px;height:560px;border:1px solid rgba(8,166,87,.13);border-radius:50%;box-shadow:0 0 0 70px rgba(8,166,87,.035),0 0 0 140px rgba(8,166,87,.025);pointer-events:none}
.story-design-broadcast .product-story-hero>.section-shell{min-height:610px;grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr);gap:64px}
.story-design-broadcast .product-story-copy{max-width:565px}
.story-design-broadcast .story-index{left:-24px;top:-108px;color:rgba(8,166,87,.09);font-size:170px}
.story-design-broadcast .product-story-copy>.eyebrow{margin-bottom:20px;padding:8px 13px;border-color:rgba(8,166,87,.24);background:rgba(255,255,255,.78);box-shadow:0 9px 24px rgba(8,74,47,.06);backdrop-filter:blur(8px)}
.story-design-broadcast .product-story-copy h1{max-width:565px;font-size:clamp(56px,5vw,74px);line-height:.96;letter-spacing:-.055em;text-wrap:balance}
.story-design-broadcast .product-story-copy>p{max-width:520px;margin-top:25px;font-size:18px;line-height:1.72}
.story-design-broadcast .product-story-copy .hero-actions{margin-top:30px;gap:11px}
.story-design-broadcast .product-story-copy .button{min-height:48px;padding-inline:19px;transition:transform .2s,box-shadow .2s,background .2s}
.story-design-broadcast .product-story-copy .button:hover{transform:translateY(-3px)}
.story-design-broadcast .product-story-copy .button:first-child{background:linear-gradient(135deg,#082f24,#08623f);box-shadow:0 16px 32px rgba(5,58,39,.22)}
.story-hero-proof{position:relative;margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.story-hero-proof>span{min-height:58px;padding:10px 11px;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;border:1px solid rgba(8,111,66,.13);border-radius:13px;background:rgba(255,255,255,.68);box-shadow:0 10px 24px rgba(8,74,47,.05);backdrop-filter:blur(8px)}
.story-hero-proof i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#e4f7e9;color:#07834a;font-size:14px;font-weight:900;font-style:normal}
.story-hero-proof b{font-size:14px;line-height:1.3}
.story-design-broadcast .product-story-hero-visual{z-index:1;isolation:isolate}
.story-design-broadcast .product-story-hero-visual:before{content:"";position:absolute;z-index:-2;inset:-65px -55px;border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 48% 45%,rgba(185,240,101,.42),rgba(75,203,140,.15) 48%,transparent 69%);filter:blur(2px)}
.story-design-broadcast .product-story-screen{max-width:780px;margin-inline:auto;padding:10px;border:1px solid rgba(8,111,66,.13);border-radius:28px 28px 9px 28px;box-shadow:0 42px 90px rgba(5,74,47,.2),0 10px 25px rgba(5,74,47,.1);transform:rotate(.65deg) scale(1.025)}
.story-design-broadcast .product-story-screen:before{inset:-31px 25px 34px -28px;background:linear-gradient(145deg,#c7f66f 0%,#7cde91 44%,#34bc80 100%);box-shadow:0 26px 60px rgba(8,166,87,.16)}
.story-design-broadcast .product-story-screen>div{height:39px;padding-inline:10px;font-size:14px}
.story-design-broadcast .product-story .screen-signal{padding:11px 14px;border-color:rgba(8,166,87,.2);font-size:14px;box-shadow:0 18px 38px rgba(5,61,40,.17);backdrop-filter:blur(9px)}
@media(max-width:980px){.story-design-broadcast .product-story-hero>.section-shell{grid-template-columns:1fr;gap:54px}.story-design-broadcast .product-story-copy{max-width:720px}.story-design-broadcast .product-story-copy h1{max-width:680px}.story-design-broadcast .product-story-copy>p{max-width:650px}.story-hero-proof{max-width:560px}.story-design-broadcast .product-story-screen{max-width:820px}}
@media(max-width:680px){.story-design-broadcast .product-story-hero{padding:62px 0 72px}.story-design-broadcast .product-story-hero>.section-shell{gap:40px}.story-design-broadcast .story-index{top:-62px;left:-8px;font-size:104px}.story-design-broadcast .product-story-copy h1{font-size:42px;line-height:1.02}.story-design-broadcast .product-story-copy>p{margin-top:20px;font-size:17px;line-height:1.72}.story-design-broadcast .product-story-copy .hero-actions{margin-top:24px}.story-hero-proof{margin-top:18px;gap:6px}.story-hero-proof>span{min-height:54px;padding:8px;grid-template-columns:20px 1fr;gap:6px}.story-hero-proof i{width:20px;height:20px;font-size:14px}.story-hero-proof b{font-size:14px}.story-design-broadcast .product-story-hero-visual:before{inset:-28px -16px}.story-design-broadcast .product-story-screen{transform:none}.story-design-broadcast .product-story-screen>div{height:32px}}

/* Library recall readability pass */
.story-design-library .library-recall>header small{font-size:14px}
.story-design-library .library-recall>header h3{font-size:34px}
.story-design-library .library-recall>header>span{padding:10px 13px;font-size:14px}
.story-design-library .recall-network{min-height:420px;padding:30px}
.story-design-library .recall-source{min-height:255px;padding:25px}
.story-design-library .recall-source>span{padding:6px 9px;font-size:14px}
.story-design-library .recall-source>i{width:52px;height:52px;font-size:14px}
.story-design-library .recall-source>b{font-size:22px}
.story-design-library .recall-source>small{font-size:14px}
.story-design-library .recall-endpoints{gap:11px}
.story-design-library .recall-endpoints>article{min-height:140px;padding:17px;grid-template-columns:46px 1fr;gap:12px}
.story-design-library .recall-endpoints>article>i{width:45px;height:45px;font-size:14px}
.story-design-library .recall-endpoints b{font-size:15px;line-height:1.2}
.story-design-library .recall-endpoints small{margin-top:5px;font-size:14px}
.story-design-library .recall-endpoints em{padding:6px 9px;font-size:14px}
.story-design-library .recall-action>div{padding:17px}
.story-design-library .recall-action>div>span{font-size:14px}
.story-design-library .recall-action>div p{font-size:17px;line-height:1.5}
.story-design-library .recall-action>button{min-width:210px;padding:14px 20px;font-size:14px}
.story-design-library .recall-proof>span{padding:14px;font-size:14px;line-height:1.4}
.story-design-library .recall-proof>span i{flex:0 0 23px;width:23px;height:23px;font-size:14px}
.story-design-library .library-recall.is-removed .recall-endpoints em:after{font-size:14px}
@media(max-width:680px){.story-design-library .recall-network{padding:16px}.story-design-library .recall-endpoints>article{min-height:110px}.story-design-library .recall-action>button{min-width:0}}
@media(max-width:680px){
  .product-story-page{--ps-shell:calc(100vw - 28px)}
  .product-story-hero{padding:58px 0 70px}.product-story-hero>.section-shell{min-height:0}.story-index{top:-65px;font-size:100px}.product-story-copy h1{font-size:43px}.product-story-copy>p{font-size:17px}.product-story-copy .hero-actions{display:grid;grid-template-columns:1fr}.product-story-hero-visual{margin-top:20px}.product-story-screen{padding:6px;border-radius:17px}.product-story-screen:before{inset:-15px 10px 20px -8px;border-radius:25px}.product-story-phone{width:220px}.product-story-phone:before{width:330px;height:330px}.phone-float.f1{right:-55px}.phone-float.f2{left:-52px}
  .product-story-nav{top:68px}.product-story-nav a{flex:0 0 105px;min-width:105px;font-size:14px}
  .product-story-block,.story-objections,.story-faq,.story-closing{padding:72px 0}.story-block-head{margin-bottom:28px}.story-block-head h2,.story-objections header h2,.story-faq header h2{font-size:39px}.story-block-intro{font-size:15px!important}
  .story-card-grid,.story-replacement .story-card-grid,.story-spiral .story-card-grid,.story-records .story-card-grid,.story-principle .story-card-grid,.story-costrail .story-card-grid,.story-stories .story-card-grid,.story-hidden .story-card-grid,.story-inbox .story-card-grid,.story-anonymous .story-card-grid,.story-narrative .story-card-grid,.story-phonefeatures .story-card-grid,.story-ceiling .story-card-grid,.story-actions .story-card-grid,.story-question .story-card-grid,.story-search .story-card-grid,.incident-costs,.story-arrival .story-card-grid{grid-template-columns:1fr}.story-card-grid article,.story-card-grid article:nth-child(n){min-height:200px;transform:none}.story-capabilities .story-card-grid{grid-template-columns:1fr}.story-capabilities .story-card-grid article:nth-child(n){grid-column:1}.story-card-grid p{font-size:17px}
  .story-matrix-head{display:none}.story-matrix button{grid-template-columns:1fr;gap:5px}.story-matrix-deployment{grid-template-columns:1fr}.story-matrix-deployment button{min-height:220px}
  .story-stepper{grid-template-columns:1fr}.story-stepper nav{flex-direction:row;overflow-x:auto}.story-stepper nav button{flex:0 0 155px}.story-stepper nav button.active{transform:none}.story-step-panels{min-height:320px}.story-step-panels article{padding:30px}.story-step-panels h3{font-size:34px}.story-build .story-stepper nav,.story-lifecycle .story-stepper nav{display:flex}.story-build .story-stepper nav button,.story-lifecycle .story-stepper nav button{flex:0 0 150px}
  .named-metrics,.live-poll,.registration-demo,.anonymous-demo,.sovereignty-map,.brand-configurator,.folder-stage,.report-builder,.story-sides{grid-template-columns:1fr}.named-report{overflow-x:auto}.named-report header,.named-report [data-named-list]>div{min-width:540px}.event-counter{grid-template-columns:1fr}.event-counter strong{font-size:66px}.calendar-demo{grid-template-columns:70px 1fr}.calendar-demo>span{grid-column:2;justify-self:start}
  .moderation-loop{min-height:620px;margin:0;transform:none;border-radius:30px}.loop-core{top:175px}.moderation-loop>button{left:auto!important;top:auto!important;right:auto;bottom:auto;width:calc(50% - 14px);transform:none}.moderation-loop>button:nth-of-type(1){left:0!important;top:0!important}.moderation-loop>button:nth-of-type(2){right:0;top:0!important}.moderation-loop>button:nth-of-type(3){left:0!important;top:82px!important}.moderation-loop>button:nth-of-type(4){right:0;top:82px!important}.moderation-loop>button:nth-of-type(5){left:50%!important;top:260px!important;transform:translateX(-50%)}.loop-panel{bottom:20px;width:calc(100% - 28px)}
  .removal-demo{grid-template-columns:1fr}.removal-demo>span{transform:rotate(90deg);text-align:center}.story-checks,.story-matrix-deployment,.document-state{grid-template-columns:1fr}
  .story-path{overflow-x:auto}.story-path>span{flex:0 0 145px}.perimeter{width:280px;height:280px}.story-dual{grid-template-columns:1fr}.chat-bridge{min-height:130px}.chat-bridge:before{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px}.story-statement blockquote{padding:25px 0;font-size:39px}.incident-line{grid-template-columns:1fr}.incident-line:before{left:31px;right:auto;top:20px;bottom:20px;width:2px;height:auto}.incident-line article{padding-left:58px;text-align:left}.incident-line i{position:absolute;left:23px;top:15px}.live-poll button{grid-template-columns:1fr 90px 38px}.report-builder aside{min-height:140px}
  .story-contexts{display:grid}.story-contexts>span{border-radius:14px}.story-closing h2{font-size:44px}.story-closing .hero-actions{display:grid;grid-template-columns:1fr}
  .product-hub-hero{padding:58px 0 72px}.product-hub-hero>.section-shell{min-height:0}.hub-copy h1{font-size:44px}.hub-copy .hero-actions{display:grid;grid-template-columns:1fr}.hub-stage{padding:10px 10px 120px;border-radius:25px 12px 25px 12px}.hub-stage>aside,.app-hub .hub-stage>aside{right:0;bottom:5px;width:250px;padding:15px}.hub-selector,.hub-connection{padding:72px 0}.hub-selector h2,.hub-connection h2{font-size:40px}.hub-route-grid{grid-template-columns:1fr}.hub-route-grid>button,.hub-route-grid>button.active,.app-hub .hub-route-grid>button,.app-hub .hub-route-grid>button.active{grid-column:1;min-height:220px}.hub-orbit{width:320px;height:320px}.hub-orbit:before{width:235px;height:235px}.hub-orbit:after{width:160px;height:160px}.hub-orbit>b{width:105px;height:105px;font-size:14px}.hub-orbit>span{left:calc(50% + cos(calc(var(--i)*72deg - 90deg))*135px);top:calc(50% + sin(calc(var(--i)*72deg - 90deg))*135px);font-size:14px}.app-hub .hub-stage{min-height:540px;padding:0}.hub-phone{width:210px}
}
/* Playful product layer: meaningful icons, vectors and responsive motion */
.story-block-head{position:relative;padding-right:135px}.story-head-vector{position:absolute;right:0;top:0;width:104px;height:104px;display:grid;place-items:center;border:1px dashed color-mix(in srgb,var(--accent) 38%,transparent);border-radius:32px 50% 32px 50%;background:radial-gradient(circle at 30% 25%,var(--accent-2),var(--soft));color:var(--accent);transform:rotate(7deg);transition:.35s}.story-head-vector:before,.story-head-vector:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%}.story-head-vector:before{inset:-13px}.story-head-vector:after{inset:18px}.story-head-vector svg{position:relative;z-index:2;width:36px;height:36px;transition:.3s}.product-story-block:hover .story-head-vector{transform:rotate(-4deg) scale(1.04)}.product-story-block:hover .story-head-vector svg{transform:rotate(10deg)}
.product-story-block:before{content:"";position:absolute;right:-70px;bottom:8%;width:170px;height:170px;border:1px dashed color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;pointer-events:none}.product-story-block:nth-of-type(3n):before{left:-85px;right:auto;border-radius:36% 64% 58% 42%}
.story-card-top{display:flex;align-items:center;justify-content:space-between}.story-card-top>span{color:var(--accent);font-size:14px;font-weight:800;letter-spacing:.13em}.story-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--soft);color:var(--accent);box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 10%,transparent);transition:.3s}.story-card-icon svg{width:23px;height:23px}.story-card-grid article:nth-child(even) .story-card-icon{background:#fff}.story-card-grid article h3{margin-top:24px}.story-card-spark{position:absolute;right:20px;bottom:18px;width:42px;height:42px;opacity:.18;background-image:radial-gradient(currentColor 1.4px,transparent 1.4px);background-size:8px 8px;color:var(--accent);transition:.3s}.story-card-grid article:hover .story-card-icon,.story-card-grid article:focus .story-card-icon,.story-card-grid article.spotlight .story-card-icon{transform:rotate(-9deg) scale(1.1);background:var(--accent);color:#fff}.story-card-grid article:hover .story-card-spark,.story-card-grid article.spotlight .story-card-spark{opacity:.5;transform:rotate(12deg)}
.story-card-grid article.ps-pointer-card,.hub-route-grid>button.ps-pointer-card{--ps-rx:0deg;--ps-ry:0deg;--ps-lift:0px;transform:perspective(900px) rotateX(var(--ps-rx)) rotateY(var(--ps-ry)) translateY(var(--ps-lift));transform-style:preserve-3d;will-change:transform}.story-card-grid article.ps-pointer-card:hover,.story-card-grid article.ps-pointer-card:focus,.story-card-grid article.ps-pointer-card.spotlight,.hub-route-grid>button.ps-pointer-card:hover,.hub-route-grid>button.ps-pointer-card:focus{--ps-lift:-7px;z-index:3;box-shadow:0 24px 50px color-mix(in srgb,var(--accent) 17%,transparent)}
.product-story .screen-signal{position:absolute;z-index:6;padding:9px 12px;display:flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--accent) 25%,#dbe7df);border-radius:13px;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 14px 30px rgba(5,61,40,.14);font-size:14px;font-weight:800;animation:psFloat 4.5s ease-in-out infinite}.product-story .screen-signal.s1{right:-22px;top:24%}.product-story .screen-signal.s2{left:-28px;bottom:17%;animation-delay:-2s}.product-story .screen-signal>i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.product-story .screen-signal svg{width:16px;height:16px;color:var(--accent)}
.phone-vector-orbit{position:absolute;z-index:-1;left:50%;top:50%;width:420px;height:420px;border:1px dashed color-mix(in srgb,var(--accent) 38%,transparent);border-radius:50%;transform:translate(-50%,-50%);animation:psOrbit 22s linear infinite}.phone-vector-orbit i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent-2) 18%,transparent)}.phone-vector-orbit i:nth-child(1){left:12%;top:18%}.phone-vector-orbit i:nth-child(2){right:8%;top:46%}.phone-vector-orbit i:nth-child(3){left:38%;bottom:-6px}@keyframes psOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
.story-contexts>span>i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--soft);color:var(--accent);font-style:normal;transition:.25s}.story-contexts>span>i svg{width:17px}.story-contexts>span:hover>i{background:var(--accent);color:#fff;transform:rotate(-8deg)}
.story-matrix button>span i{transition:.25s}.story-matrix button:hover>span i,.story-matrix button.active>span i{transform:rotate(-7deg) scale(1.08)}.story-stepper nav button span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--soft)}.story-stepper nav button.active span{background:var(--accent);color:#fff}.story-step-panels:after{content:"";position:absolute;right:30px;top:30px;width:90px;height:90px;border:1px dashed color-mix(in srgb,var(--accent) 34%,transparent);border-radius:38% 62% 45% 55%;animation:psOrbit 18s linear infinite}
.hub-route-grid>button .hub-route-icon{transition:.3s}.hub-route-grid>button:hover .hub-route-icon,.hub-route-grid>button.active .hub-route-icon{transform:rotate(-9deg) scale(1.08);background:var(--accent);color:#fff}.hub-stage:before{content:"";position:absolute;left:-25px;top:45px;width:65px;height:65px;border:1px dashed rgba(8,86,52,.3);border-radius:20px;transform:rotate(14deg)}.hub-stage:after{content:"✦";position:absolute;right:20px;top:20px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--accent-2);color:var(--ink);font-size:18px;animation:psFloat 4s ease-in-out infinite}
.ps-motion-ready .product-story-block,.ps-motion-ready .hub-selector,.ps-motion-ready .hub-connection{opacity:0;transform:translateY(28px);transition:opacity .65s,transform .65s}.ps-motion-ready .product-story-block.ps-visible,.ps-motion-ready .hub-selector.ps-visible,.ps-motion-ready .hub-connection.ps-visible{opacity:1;transform:none}
@media(max-width:680px){.story-block-head{padding-right:0}.story-head-vector{position:relative;width:70px;height:70px;margin:0 0 20px;right:auto}.story-head-vector:before{inset:-7px}.product-story-block:before{display:none}.product-story .screen-signal.s1{right:-5px;top:20%}.product-story .screen-signal.s2{left:-4px;bottom:14%}.phone-vector-orbit{width:310px;height:310px}.ps-pointer-card{transform:none}.hub-stage:before{left:-8px}.story-contexts>span{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.phone-float,.product-story .screen-signal,.phone-vector-orbit,.story-step-panels:after,.hub-stage:after{animation:none}.ps-motion-ready .product-story-block,.ps-motion-ready .hub-selector,.ps-motion-ready .hub-connection{opacity:1;transform:none}}

/* Shawts: purpose-built capability, proof and publishing compositions */
.story-design-broadcast .story-capabilities{background:linear-gradient(145deg,#fbfcf5,#eef9f1)}
.story-design-broadcast .story-capabilities .story-card-grid{grid-template-columns:repeat(12,1fr);gap:16px}
.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(1){grid-column:span 7;min-height:285px;background:radial-gradient(circle at 90% 10%,rgba(185,240,101,.55),transparent 32%),#fff}
.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(2){grid-column:span 5;min-height:285px;background:#092f24;color:#fff}
.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(2) p{color:#bed0c7}.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(2) .story-card-icon{background:#b9f065;color:#092f24}
.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(3){grid-column:span 5}.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(4){grid-column:span 7;background:linear-gradient(135deg,#dff7e7,#fff)}
.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(5),.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(6){grid-column:span 6;min-height:245px}
.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(6){background:linear-gradient(145deg,#b9f065,#74d99d)}
.story-design-broadcast .story-capabilities .story-card-grid h3{max-width:530px;font-size:clamp(25px,2.5vw,36px)}.story-design-broadcast .story-capabilities .story-card-grid p{max-width:600px;font-size:17px}

.broadcast-proof{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:stretch}.broadcast-proof>nav{display:grid;gap:10px}.broadcast-proof>nav button{position:relative;min-height:150px;padding:20px;display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.06);color:#fff;text-align:left;cursor:pointer;transition:.25s}.broadcast-proof>nav button:hover,.broadcast-proof>nav button.active{border-color:#b9f065;background:#fff;color:#092f24;transform:translateX(7px);box-shadow:0 18px 35px rgba(0,0,0,.17)}.broadcast-proof>nav button>i{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(185,240,101,.14);color:#b9f065}.broadcast-proof>nav button.active>i{background:#e8f8ed;color:#08a657}.broadcast-proof>nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.broadcast-proof>nav button>span{display:flex;flex-direction:column}.broadcast-proof>nav small{color:#b9f065;font-size:14px;font-weight:800;text-transform:uppercase}.broadcast-proof>nav button.active small{color:#08a657}.broadcast-proof>nav button b{font-size:36px;line-height:1.1}.broadcast-proof>nav button em{margin-top:6px;color:#b9c9c1;font-size:14px;font-style:normal;line-height:1.45}.broadcast-proof>nav button.active em{color:#5b7167}.broadcast-proof>nav button>strong{position:absolute;right:17px;bottom:13px;color:#b9f065;font-size:14px;text-transform:uppercase}.broadcast-proof>nav button.active>strong{color:#08a657}
.proof-product{min-width:0;border:1px solid rgba(185,240,101,.25);border-radius:27px 27px 8px 27px;background:#eff8f1;color:#092f24;overflow:hidden;box-shadow:0 32px 65px rgba(0,0,0,.2)}.proof-product-bar{height:45px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce8e0;color:#71847a;font-size:14px}.proof-product-bar span{display:flex;align-items:center;gap:5px}.proof-product-bar span i{width:7px;height:7px;border-radius:50%;background:#c5d3cb}.proof-product-bar span i:first-child{background:#08a657}.proof-product-bar b{padding:6px 9px;border-radius:99px;background:#e7f7ec;color:#08a657;font-size:14px}.proof-product-context{position:relative;height:170px;overflow:hidden;background:#fff}.proof-product-context:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(239,248,241,.1),#eff8f1)}.proof-product-context img{width:100%;transform:translateY(-4%);filter:saturate(.92) contrast(1.02)}.proof-product-context>span{position:absolute;z-index:2;left:18px;top:15px;padding:7px 10px;border-radius:9px;background:#092f24;color:#fff;font-size:14px;font-weight:800}.proof-product-detail{position:relative;z-index:2;min-height:400px;margin:-92px 18px 18px}.proof-view{display:none;min-height:400px;padding:23px;border:1px solid #d9e9df;border-radius:22px;background:#fff;box-shadow:0 20px 40px rgba(8,70,44,.12)}.proof-view.active{display:block;animation:proofIn .32s ease both}@keyframes proofIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.proof-view>header{padding-bottom:17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3ebe6}.proof-view>header small{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.proof-view>header h3{margin:2px 0 0;font-size:25px}.proof-view>header>span{padding:8px 10px;border-radius:99px;background:#e8f8ed;color:#087d45;font-size:14px;font-weight:800}.proof-progress{height:8px;margin:17px 0;border-radius:99px;background:#e9efeb;overflow:hidden}.proof-progress i{display:block;width:90.4%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#08a657,#b9f065)}.proof-member-head,.proof-member{display:grid;grid-template-columns:34px 1fr 1fr .8fr;gap:9px;align-items:center}.proof-member-head{padding:4px 0 8px;color:#86978e;font-size:14px;text-transform:uppercase}.proof-member-head span:first-child{grid-column:1/3}.proof-member{padding:10px 0;border-top:1px solid #edf2ef;font-size:14px}.proof-member>i,.proof-comment>i,.reaction-people i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#dff5e7;color:#087a44;font-size:14px;font-style:normal;font-weight:800}.proof-member>b{font-size:14px}.proof-member>span{color:#63776d}.proof-member>em{justify-self:start;padding:5px 7px;border-radius:99px;background:#e6f7eb;color:#087c45;font-size:14px;font-style:normal}.proof-member>em.missed{background:#fff0e8;color:#c5653b}.proof-announcement{margin:16px 0;padding:14px;border-radius:13px;background:#eff8f1}.proof-announcement p{margin:4px 0 0!important;color:#60736a;font-size:17px !important}.proof-comment{padding:14px 0;display:grid;grid-template-columns:34px 1fr;gap:10px;border-top:1px solid #e8eeea}.proof-comment.reply{margin-left:42px}.proof-comment b{font-size:14px}.proof-comment b small{margin-left:5px;color:#82938a;font-weight:500}.proof-comment p{margin:4px 0!important;color:#435e52;font-size:17px !important}.proof-comment span{color:#08a657;font-size:14px}.reaction-dashboard{padding:22px 0;display:grid;grid-template-columns:145px 1fr;gap:25px;align-items:center}.reaction-ring{width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle closest-side,#fff 70%,transparent 72%),conic-gradient(#08a657 0 91%,#f2aa80 91%);box-shadow:inset 0 0 0 1px #e0ebe4}.reaction-ring strong{font-size:27px}.reaction-ring small{color:#667c71}.reaction-bars{display:grid;gap:14px}.reaction-bars>span{display:grid;grid-template-columns:55px 1fr 30px;gap:8px;align-items:center;font-size:14px}.reaction-bars i{height:8px;border-radius:99px;background:#e8eeea;overflow:hidden}.reaction-bars em{display:block;height:100%;border-radius:99px;background:#08a657}.reaction-bars span:nth-child(2) em{background:#ed8b63}.reaction-people{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reaction-people>span{padding:9px;display:flex;align-items:center;gap:7px;border:1px solid #e2ebe5;border-radius:11px;color:#61766b;font-size:14px}.reaction-people i{flex:0 0 26px;width:26px;height:26px}.story-design-broadcast .story-metrics .story-insight{display:grid;grid-template-columns:.55fr 1.45fr;gap:25px;align-items:start;padding:28px}.story-design-broadcast .story-metrics .story-insight h3{font-size:31px}.story-design-broadcast .story-metrics .story-insight em{grid-column:2;margin:0;color:#b9f065}

.story-design-broadcast .story-steps{background:radial-gradient(circle at 92% 12%,rgba(185,240,101,.36),transparent 26%),#f7fbf8}.broadcast-flow>nav{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.broadcast-flow>nav:before{content:"";position:absolute;left:8%;right:8%;top:42px;height:2px;background:linear-gradient(90deg,#08a657,#b9f065);opacity:.42}.broadcast-flow>nav button{position:relative;z-index:1;min-height:175px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(8,94,56,.15);border-radius:18px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.broadcast-flow>nav button:hover,.broadcast-flow>nav button.active{border-color:#08a657;transform:translateY(-7px);box-shadow:0 18px 36px rgba(8,72,45,.11)}.broadcast-flow>nav button.active{background:#092f24;color:#fff}.broadcast-flow>nav button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e8f8ed;color:#08a657;font-size:14px;font-weight:800}.broadcast-flow>nav button>i{width:42px;height:42px;margin:13px 0;display:grid;place-items:center;border-radius:13px;background:#eff8f1;color:#08a657;font-style:normal}.broadcast-flow>nav button>i svg{width:20px}.broadcast-flow>nav button.active>i{background:#b9f065;color:#092f24}.broadcast-flow>nav button>b{font-size:14px}.broadcast-flow>nav button>small{margin-top:5px;color:#6e8177;font-size:14px;line-height:1.35}.broadcast-flow>nav button.active>small{color:#b8cbc1}.broadcast-flow-stage{position:relative;min-height:470px;margin-top:18px;border-radius:29px 29px 9px 29px;background:#092f24;color:#fff;overflow:hidden;box-shadow:0 28px 60px rgba(5,59,37,.18)}.broadcast-flow-stage:before{content:"";position:absolute;right:-60px;top:-80px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#b9f065,rgba(185,240,101,.08) 48%,transparent 50%)}.broadcast-flow-stage>article{position:absolute;inset:0;padding:44px;display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;align-items:center;opacity:0;transform:translateX(30px);pointer-events:none;transition:.35s}.broadcast-flow-stage>article.active{opacity:1;transform:none;pointer-events:auto}.broadcast-flow-stage header{position:relative;z-index:2}.broadcast-flow-stage header>span{color:#b9f065;font-size:14px;font-weight:800;text-transform:uppercase}.broadcast-flow-stage h3{margin:8px 0 12px;font-size:clamp(35px,4vw,52px);line-height:.95}.broadcast-flow-stage header p{color:#bdd0c7}.broadcast-step-ui{position:relative;z-index:2;min-width:0;min-height:330px;padding:24px;display:grid;align-items:center;border-radius:23px;background:#fff;color:#092f24;box-shadow:0 25px 55px rgba(0,0,0,.25)}.compose-preview{padding:20px;border:1px solid #dce8e0;border-radius:15px}.compose-toolbar{padding-bottom:12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5ece8;font-size:14px}.compose-toolbar em{margin-left:auto;padding:7px 9px;border-radius:8px;background:#e8f8ed;color:#08a657;font-style:normal;font-weight:800}.compose-preview>strong{display:block;margin:22px 0 8px;font-size:21px}.compose-preview>p{margin:0!important;color:#61766b;font-size:17px !important}.compose-lines{margin-top:22px;display:grid;gap:8px}.compose-lines i{height:8px;border-radius:99px;background:#e8efeb}.compose-lines i:nth-child(2){width:85%}.compose-lines i:nth-child(3){width:64%}.audience-preview header{display:flex;justify-content:space-between;margin-bottom:12px}.audience-preview header span{color:#08a657;font-size:14px;font-weight:800}.audience-preview label{margin-top:8px;padding:13px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;border:1px solid #e1e9e4;border-radius:12px}.audience-preview label>i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #ccd9d1;border-radius:8px;color:#fff;font-style:normal}.audience-preview label.selected{border-color:#08a657;background:#eff9f2}.audience-preview label.selected>i{background:#08a657}.audience-preview small{color:#74877e}.sharing-preview{display:grid;gap:10px}.sharing-preview>div{padding:16px;display:flex;gap:12px;border:1px solid #e1eae4;border-radius:13px}.sharing-preview>div>i{width:42px;height:24px;padding:3px;border-radius:99px;background:#cad6cf}.sharing-preview>div>i:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff}.sharing-preview>div>i.on{background:#08a657}.sharing-preview>div>i.on:after{transform:translateX(18px)}.sharing-preview span{display:flex;flex-direction:column}.sharing-preview small{color:#74877e}.sharing-preview>em{padding:14px;border-radius:12px;background:#fff4dc;color:#826224;font-size:14px;font-style:normal}.publish-preview{display:grid;grid-template-columns:1fr .8fr;gap:18px;align-items:center}.publish-phone{padding:22px;border:8px solid #102b22;border-radius:28px;background:#eff9f2;box-shadow:0 16px 30px rgba(8,65,42,.13)}.publish-phone>span{color:#08a657;font-size:14px;font-weight:800}.publish-phone>b{display:block;margin-top:15px}.publish-phone>p{color:#65796f;font-size:17px !important;line-height:1.45}.publish-pulse{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.publish-pulse>i,.publish-pulse:before,.publish-pulse:after{position:absolute;border:1px solid rgba(8,166,87,.28);border-radius:50%;content:""}.publish-pulse>i{width:80px;height:80px}.publish-pulse:before{width:130px;height:130px}.publish-pulse:after{width:180px;height:180px}.publish-pulse strong{z-index:2;color:#08a657;font-size:32px}.publish-pulse span{z-index:2;font-size:14px}.response-preview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.response-preview>div>span{padding:18px;border-radius:14px;background:#eff9f2;color:#688077;font-size:14px}.response-preview>div strong{display:block;color:#092f24;font-size:28px}.response-preview>p{margin:28px 0 0!important;display:flex;align-items:center}.response-preview>p i{width:33px;height:33px;margin-left:-7px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#b9f065;color:#092f24;font-size:17px;font-style:normal;font-weight:800}.response-preview>p i:first-child{margin-left:0}.response-preview>p i:nth-child(even){background:#dff5e7}.response-preview>p b{margin-left:12px;font-size:17px}

@media(max-width:980px){.broadcast-proof{grid-template-columns:1fr}.broadcast-proof>nav{grid-template-columns:repeat(3,1fr)}.broadcast-proof>nav button{min-height:165px;grid-template-columns:42px 1fr}.broadcast-proof>nav button>i{width:42px;height:42px}.broadcast-proof>nav button:hover,.broadcast-proof>nav button.active{transform:translateY(-5px)}.broadcast-flow>nav{overflow-x:auto}.broadcast-flow>nav button{min-width:170px}.broadcast-flow-stage>article{grid-template-columns:1fr 1.2fr;padding:32px;gap:24px}.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(n){grid-column:span 6}}
@media(max-width:680px){.story-design-broadcast .story-capabilities .story-card-grid{grid-template-columns:1fr}.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(n){grid-column:1;min-height:230px}.broadcast-proof>nav{display:flex;overflow-x:auto}.broadcast-proof>nav button{flex:0 0 220px;min-height:150px}.proof-product-context{height:125px}.proof-product-detail{min-height:480px;margin:-55px 8px 8px}.proof-view{min-height:480px;padding:16px}.proof-view>header{align-items:flex-start;gap:8px}.proof-view>header>span{white-space:nowrap}.proof-member-head,.proof-member{grid-template-columns:30px 1fr .9fr}.proof-member-head span:nth-child(2),.proof-member>span{display:none}.proof-member>em{font-size:14px}.reaction-dashboard{grid-template-columns:1fr}.reaction-ring{margin:auto}.reaction-people{grid-template-columns:1fr}.story-design-broadcast .story-metrics .story-insight{grid-template-columns:1fr}.story-design-broadcast .story-metrics .story-insight em{grid-column:1}.broadcast-flow>nav{padding:6px 0 10px}.broadcast-flow-stage{min-height:650px}.broadcast-flow-stage>article{padding:25px;grid-template-columns:1fr;align-content:center}.broadcast-step-ui{min-height:315px;padding:14px}.publish-preview{grid-template-columns:1fr}.publish-pulse{min-height:110px}.publish-pulse:after{width:115px;height:115px}.publish-pulse:before{width:85px;height:85px}.publish-pulse>i{width:55px;height:55px}.response-preview>div strong{font-size:20px}.response-preview>p{flex-wrap:wrap}.response-preview>p b{width:100%;margin:12px 0 0}.compose-toolbar>span:not(.editor-tool){display:none}}

.story-design-broadcast .story-contexts{background:linear-gradient(145deg,#f2faef,#fff)}.story-design-broadcast .story-contexts .story-block-head{max-width:900px}.broadcast-context-board{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.broadcast-context-board>article{position:relative;grid-column:span 6;min-height:430px;padding:25px;display:flex;flex-direction:column;border:1px solid rgba(8,93,55,.15);border-radius:28px 28px 28px 8px;background:#fff;overflow:hidden;transition:.3s}.broadcast-context-board>article:nth-child(2),.broadcast-context-board>article:nth-child(3){border-radius:28px 28px 8px 28px}.broadcast-context-board>article:first-child{grid-column:span 7;background:#092f24;color:#fff}.broadcast-context-board>article:nth-child(2){grid-column:span 5;background:linear-gradient(145deg,#fff,#e8f8ed)}.broadcast-context-board>article:nth-child(3){grid-column:span 5;background:linear-gradient(145deg,#b9f065,#72da9c)}.broadcast-context-board>article:nth-child(4){grid-column:span 7}.broadcast-context-board>article:hover,.broadcast-context-board>article:focus{z-index:2;transform:translateY(-8px);box-shadow:0 28px 55px rgba(7,67,42,.15);outline:0}.broadcast-context-board>article>header{display:flex;align-items:center;justify-content:space-between}.broadcast-context-board>article>header>span{color:#08a657;font-size:14px;font-weight:800}.broadcast-context-board>article:first-child>header>span{color:#b9f065}.broadcast-context-board>article>header>i{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#e8f8ed;color:#08a657;font-style:normal;transition:.3s}.broadcast-context-board>article>header svg{width:21px}.broadcast-context-board>article:first-child>header>i{background:rgba(185,240,101,.15);color:#b9f065}.broadcast-context-board>article:hover>header>i{transform:rotate(-10deg) scale(1.08)}.broadcast-context-visual{height:135px;margin:18px 0 22px;display:grid;place-items:center;border:1px solid rgba(8,97,57,.11);border-radius:20px;background:rgba(239,249,242,.8);overflow:hidden}.broadcast-context-board>article:first-child .broadcast-context-visual{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.broadcast-context-copy small{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.broadcast-context-board>article:first-child .broadcast-context-copy small{color:#b9f065}.broadcast-context-copy h3{margin:6px 0 9px;font-size:clamp(25px,2.5vw,35px);line-height:1}.broadcast-context-copy p{max-width:520px;margin:0;color:#5b7167;font-size:17px}.broadcast-context-board>article:first-child .broadcast-context-copy p{color:#bed0c7}.broadcast-context-board>article>footer{margin-top:auto;padding-top:18px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:end;border-top:1px solid rgba(8,83,50,.12)}.broadcast-context-board>article:first-child>footer{border-color:rgba(255,255,255,.13)}.broadcast-context-board>article>footer strong{color:#08a657;font-size:31px;line-height:1}.broadcast-context-board>article:first-child>footer strong{color:#b9f065}.broadcast-context-board>article>footer span{color:#70847a;font-size:14px;text-transform:uppercase}.broadcast-context-board>article:first-child>footer span{color:#afc2b8}.broadcast-context-board>article>footer>i{color:#08a657;font-size:14px;font-style:normal;font-weight:800;text-transform:uppercase}.broadcast-context-board>article:first-child>footer>i{color:#b9f065}
.context-alert{position:relative;width:230px;height:105px;display:grid;place-items:center}.context-alert>i{position:absolute;border:1px solid rgba(185,240,101,.25);border-radius:50%;animation:contextPulse 2.2s ease-out infinite}.context-alert>i:nth-child(1){width:55px;height:55px}.context-alert>i:nth-child(2){width:92px;height:92px;animation-delay:.4s}.context-alert>i:nth-child(3){width:132px;height:132px;animation-delay:.8s}.context-alert>b{z-index:2;padding:10px 13px;border-radius:10px;background:#b9f065;color:#092f24;font-size:14px}.context-alert>span{position:absolute;right:-7px;top:10px;padding:6px 8px;border-radius:99px;background:#fff;color:#08a657;font-size:14px;font-weight:800}@keyframes contextPulse{0%{opacity:.8;transform:scale(.72)}100%{opacity:0;transform:scale(1.2)}}.context-document{position:relative;width:190px;height:112px;padding:18px;border-radius:12px;background:#fff;box-shadow:0 16px 28px rgba(8,75,46,.1)}.context-document>span{color:#08a657;font-size:14px;font-weight:800}.context-document>i{display:block;width:82%;height:6px;margin-top:8px;border-radius:99px;background:#e2ece6}.context-document>i:nth-of-type(2){width:65%}.context-document>i:nth-of-type(3){width:75%}.context-document>b{position:absolute;right:-20px;bottom:12px;padding:8px 10px;border-radius:9px;background:#092f24;color:#b9f065;font-size:14px}.context-network{position:relative;width:250px;height:118px}.context-network>b,.context-network>span{position:absolute;z-index:2;padding:7px 10px;border-radius:9px;background:#fff;box-shadow:0 8px 18px rgba(8,66,43,.1);font-size:14px}.context-network>b{left:92px;top:6px;background:#092f24;color:#fff}.context-network>span:nth-of-type(1){left:0;bottom:12px}.context-network>span:nth-of-type(2){left:84px;bottom:0}.context-network>span:nth-of-type(3){right:0;bottom:15px}.context-network>i{position:absolute;left:50%;top:48px;width:2px;height:65px;background:rgba(8,91,54,.26);transform-origin:top}.context-network>i:nth-of-type(1){transform:rotate(56deg)}.context-network>i:nth-of-type(2){transform:none}.context-network>i:nth-of-type(3){transform:rotate(-56deg)}.context-celebrate{position:relative;width:250px;height:120px;display:flex;align-items:center;justify-content:center}.context-celebrate>span{position:absolute;left:50%;top:0;width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:#b9f065;color:#092f24;font-size:23px;transform:translateX(-50%) rotate(5deg)}.context-celebrate>i{width:40px;height:40px;margin:32px -4px 0 0;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:#dff5e7;color:#087b44;font-size:14px;font-style:normal;font-weight:800}.context-celebrate>b{margin:32px 0 0 8px;color:#08a657;font-size:15px}.context-celebrate>em{position:absolute;font-style:normal;font-size:17px}.context-celebrate>em:nth-of-type(1){left:20px;top:12px;transform:rotate(-15deg)}.context-celebrate>em:nth-of-type(2){right:18px;top:28px;transform:rotate(12deg)}
@media(max-width:680px){.broadcast-context-board{grid-template-columns:1fr}.broadcast-context-board>article,.broadcast-context-board>article:nth-child(n){grid-column:1;min-height:420px}.broadcast-context-copy h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.context-alert>i{animation:none}}

/* Compact Shawts use-case board */
.story-design-broadcast .story-contexts{padding:74px 0}.story-design-broadcast .story-contexts .story-block-head{margin-bottom:26px}.story-design-broadcast .story-contexts .story-block-head h2{font-size:clamp(38px,4vw,54px)}
.broadcast-context-board{gap:12px}.broadcast-context-board>article{min-height:310px;padding:18px;border-radius:21px 21px 21px 7px}.broadcast-context-board>article:nth-child(2),.broadcast-context-board>article:nth-child(3){border-radius:21px 21px 7px 21px}.broadcast-context-board>article:hover,.broadcast-context-board>article:focus{transform:translateY(-5px);box-shadow:0 20px 40px rgba(7,67,42,.13)}
.broadcast-context-board>article>header>i{width:36px;height:36px;border-radius:11px}.broadcast-context-board>article>header svg{width:18px}.broadcast-context-visual{height:82px;margin:10px 0 12px;border-radius:14px}.broadcast-context-visual>div{transform:scale(.72)}.broadcast-context-copy small{font-size:14px}.broadcast-context-copy h3{margin:4px 0 6px;font-size:clamp(21px,2vw,28px)}.broadcast-context-copy p{font-size:17px;line-height:1.45}.broadcast-context-board>article>footer{padding-top:10px}.broadcast-context-board>article>footer strong{font-size:23px}.broadcast-context-board>article>footer span,.broadcast-context-board>article>footer>i{font-size:14px}
@media(max-width:680px){.story-design-broadcast .story-contexts{padding:58px 0}.broadcast-context-board>article,.broadcast-context-board>article:nth-child(n){min-height:280px}.broadcast-context-copy h3{font-size:24px}.broadcast-context-visual{height:76px;margin:8px 0 10px}}

/* Compact Shawts capabilities composition */
.story-design-broadcast .story-capabilities{padding:78px 0}.story-design-broadcast .story-capabilities>.section-shell{width:min(980px,calc(100vw - 48px))}.story-design-broadcast .story-capabilities .story-block-head{max-width:650px;margin-bottom:30px;padding-right:105px}.story-design-broadcast .story-capabilities .story-block-head h2{max-width:590px;font-size:clamp(39px,4.2vw,56px)}.story-design-broadcast .story-capabilities .story-head-vector{width:82px;height:82px}.story-design-broadcast .story-capabilities .story-card-grid{gap:12px}.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(1),.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(2){min-height:235px}.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(3),.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(4),.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(5),.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(6){min-height:205px;padding:22px}.story-design-broadcast .story-capabilities .story-card-grid h3{font-size:clamp(22px,2.2vw,30px)}.story-design-broadcast .story-capabilities .story-card-grid p{font-size:17px;line-height:1.55}.story-design-broadcast .story-capabilities blockquote{max-width:820px;margin-top:18px;padding:15px 19px;font-size:14px}
@media(max-width:680px){.story-design-broadcast .story-capabilities{padding:60px 0}.story-design-broadcast .story-capabilities>.section-shell{width:calc(100vw - 28px)}.story-design-broadcast .story-capabilities .story-block-head{padding-right:0}.story-design-broadcast .story-capabilities .story-card-grid article:nth-child(n){min-height:205px;padding:20px}.story-design-broadcast .story-capabilities .story-card-grid h3{font-size:24px}}

/* Keep the compact cards aligned to the shared product-page container */
.story-design-broadcast .story-capabilities{padding:106px 0}.story-design-broadcast .story-capabilities>.section-shell{width:var(--ps-shell)}
@media(max-width:680px){.story-design-broadcast .story-capabilities{padding:72px 0}.story-design-broadcast .story-capabilities>.section-shell{width:var(--ps-shell)}}

/* Shawts capabilities: one journey, not a generic card wall */
.story-design-broadcast .story-capabilities{background:linear-gradient(180deg,#f7fbf5 0,#edf8ef 100%)}
.story-design-broadcast .story-capabilities .story-block-head{max-width:930px;margin-bottom:40px;padding-right:0;display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:end}
.story-design-broadcast .story-capabilities .story-head-vector{grid-row:1/3;margin:0}
.story-design-broadcast .story-capabilities .story-block-head>.eyebrow{align-self:end}
.story-design-broadcast .story-capabilities .story-block-head h2{grid-column:2;max-width:850px;margin-top:8px;font-size:clamp(42px,4.8vw,66px);line-height:.94;text-wrap:balance}
.shawts-capability-flow{padding:18px;border-radius:34px 34px 10px 34px;background:#082f24;color:#fff;box-shadow:0 34px 80px rgba(6,54,38,.18);overflow:hidden}
.capability-endpoints{height:46px;padding:0 8px 12px;display:flex;align-items:center;justify-content:space-between;color:#b8cdc3;font-size:14px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.capability-endpoints>span{display:flex;align-items:center;gap:9px}.capability-endpoints>span>i{width:9px;height:9px;border:2px solid #b9f065;border-radius:50%}.capability-endpoints>b{color:#b9f065;font-size:14px;letter-spacing:.14em}
.shawts-capability-flow>nav{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055)}
.shawts-capability-flow>nav:before{content:"";position:absolute;left:7%;right:7%;top:50%;height:1px;background:rgba(185,240,101,.22)}
.shawts-capability-flow>nav button{position:relative;z-index:1;min-width:0;height:75px;padding:11px 10px;display:grid;grid-template-columns:1fr 16px;align-content:center;gap:3px;border:0;border-radius:13px;background:#0e4031;color:#fff;text-align:left;cursor:pointer;transition:background .2s,transform .2s,color .2s}
.shawts-capability-flow>nav button:hover{transform:translateY(-2px);background:#15513e}.shawts-capability-flow>nav button.active{background:#b9f065;color:#082f24;box-shadow:0 12px 25px rgba(0,0,0,.16)}
.shawts-capability-flow>nav button>span{font-size:14px;font-weight:900;letter-spacing:.12em;opacity:.62}.shawts-capability-flow>nav button>b{grid-column:1;font-size:14px}.shawts-capability-flow>nav button>i{grid-column:2;grid-row:1/3;align-self:center;width:8px;height:8px;border-radius:50%;background:#b9f065;box-shadow:0 0 0 4px #0e4031}
.shawts-capability-flow>nav button.active>i{background:#082f24;box-shadow:0 0 0 4px rgba(8,47,36,.13)}
.capability-stage{position:relative;min-height:475px;margin-top:12px;border-radius:24px 24px 7px 24px;background:#fff;color:#082f24;overflow:hidden}
.capability-stage>article{position:absolute;inset:0;padding:48px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:58px;align-items:center;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .28s,transform .28s}
.capability-stage>article.active{opacity:1;transform:none;pointer-events:auto}
.capability-copy{min-width:0}.capability-copy>small{color:#07834a;font-size:14px;font-weight:900;letter-spacing:.13em}.capability-copy h3{max-width:530px;margin:12px 0 16px;font-size:clamp(34px,3.3vw,49px);line-height:.96;letter-spacing:-.04em;text-wrap:balance}.capability-copy p{max-width:520px;margin:0;color:#536c60;font-size:17px;line-height:1.65}.capability-copy>span{width:max-content;margin-top:25px;padding:8px 12px;display:flex;align-items:center;gap:8px;border-radius:99px;background:#e7f7e9;color:#087b45;font-size:14px;font-weight:800;text-transform:uppercase}.capability-copy>span i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#08a657;color:#fff;font-size:14px;font-style:normal}
.capability-preview{position:relative;min-height:340px;padding:32px;display:grid;place-items:center;border:1px solid #dcebe1;border-radius:28px 28px 8px 28px;background:linear-gradient(145deg,#eff9f1,#fbfdfb);overflow:hidden}.capability-preview:before{content:"";position:absolute;right:-70px;top:-75px;width:230px;height:230px;border-radius:50%;background:rgba(185,240,101,.35)}
.capability-preview>div{position:relative;z-index:1;width:min(390px,100%);border:1px solid #dae6de;border-radius:18px;background:#fff;box-shadow:0 22px 45px rgba(8,74,47,.12)}
.cap-editor{padding:16px}.cap-editor header{padding-bottom:12px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e5ece7}.cap-editor header>*{padding:6px 8px;border-radius:7px;background:#eff6f1;color:#315748;font-size:14px;font-style:normal}.cap-editor>strong{display:block;margin:20px 0 16px;font-size:18px}.cap-editor>i{display:block;width:100%;height:8px;margin:9px 0;border-radius:99px;background:#e7eee9}.cap-editor>i.short{width:62%}.cap-editor footer{margin-top:20px;display:flex;gap:7px}.cap-editor footer span{padding:7px 9px;border-radius:8px;background:#e7f7e9;color:#07834a;font-size:14px;font-weight:800}
.editor-tool{position:relative;width:27px;height:27px;padding:0!important;display:inline-block;flex:0 0 27px;border:1px solid #dce9e1!important;border-radius:8px!important;background:#f5faf7!important;color:#315748;font-size:0!important;box-shadow:0 2px 5px rgba(8,47,36,.04)}
.editor-tool:before,.editor-tool:after{content:"";position:absolute;box-sizing:border-box;color:inherit}
.editor-bold:before,.editor-bold:after{left:6px;right:6px;height:4px;border-radius:2px;background:currentColor}.editor-bold:before{top:7px}.editor-bold:after{bottom:7px}
.editor-italic:before{left:12px;top:5px;width:3px;height:16px;border-radius:2px;background:currentColor;transform:skewX(-18deg)}
.editor-underline:before{left:7px;top:5px;width:13px;height:11px;border:2px solid currentColor;border-top:0;border-radius:0 0 6px 6px}.editor-underline:after{left:6px;right:6px;bottom:4px;height:2px;border-radius:2px;background:currentColor}
.editor-image:before{inset:6px;border:1.8px solid currentColor;border-radius:3px}.editor-image:after{left:9px;bottom:8px;width:10px;height:7px;background:linear-gradient(135deg,transparent 46%,currentColor 47% 58%,transparent 59%),linear-gradient(45deg,currentColor 48%,transparent 49%)}
.editor-video:before{left:6px;top:7px;width:10px;height:12px;border:1.8px solid currentColor;border-radius:3px}.editor-video:after{right:5px;top:9px;border:5px solid transparent;border-right:0;border-left-color:currentColor}
.editor-link:before{left:5px;top:9px;width:10px;height:7px;border:1.8px solid currentColor;border-radius:6px;transform:rotate(-35deg)}.editor-link:after{right:5px;bottom:9px;width:10px;height:7px;border:1.8px solid currentColor;border-radius:6px;transform:rotate(-35deg)}
.cap-editor header>span:not(.editor-tool),.compose-toolbar>span:not(.editor-tool),.cap-editor footer{display:none!important}
.shawts-capability-flow>nav button>span{font-size:14px;letter-spacing:.08em}
.capability-copy>small{min-height:28px;padding:6px 10px;display:inline-flex;align-items:center;border:1px solid #cce5d5;border-radius:99px;background:#f1faf4;color:#087b45;font-size:14px;line-height:1.2;letter-spacing:.05em}
.capability-copy>span{font-size:14px;line-height:1.25;letter-spacing:.02em}
.cap-generator>small,.cap-audience>small,.cap-controls>header small{min-height:28px;padding:6px 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid #d4e7db;border-radius:99px;background:#f1faf4;color:#216348;font-size:14px;font-weight:800;line-height:1.2;letter-spacing:.035em}
.cap-generator>small:before,.cap-audience>small:before,.cap-controls>header small:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#08a657;box-shadow:0 0 0 4px rgba(8,166,87,.1)}
.cap-generator>div span{font-size:14px;line-height:1.25}
.cap-generator footer{padding:10px 12px;border-radius:10px;background:#f0f8f3;color:#315e4b;font-size:14px;line-height:1.45}
.cap-audience b{font-size:14px;line-height:1.35}.cap-audience em{padding:4px 7px;border-radius:99px;background:#edf6f0;color:#426b59;font-size:14px;line-height:1.25}.cap-audience footer{width:max-content;margin-inline-start:auto;padding:7px 10px;border-radius:99px;background:#e8f8ed;color:#087b45;font-size:14px;line-height:1.25}
.cap-delivery>span{margin-top:7px;padding:6px 10px;border-radius:99px;background:#eff8f2;color:#426a58;font-size:14px;line-height:1.25}.cap-delivery footer small{color:#3f6755;font-size:14px;font-weight:700;line-height:1.25}
.cap-controls>header span{padding:6px 9px;font-size:14px;line-height:1.2}.cap-controls>div b{font-size:14px}.cap-controls button{font-size:14px}.cap-controls footer{padding:10px 12px;border-radius:10px;background:#f0f8f3;color:#315e4b;font-size:14px;line-height:1.45}
.cap-report header{padding:9px;color:#526d60;font-size:14px;line-height:1.2;letter-spacing:.04em}.cap-report>div b{font-size:14px}.cap-report>div em{font-size:14px;line-height:1.25}.cap-report footer span{font-size:14px;line-height:1.35}.capability-note>span{font-size:14px;line-height:1.2;letter-spacing:.05em}
.cap-generator{padding:22px}.cap-generator>small,.cap-audience>small{color:#6a8175;font-size:14px;font-weight:800;letter-spacing:.1em}.cap-generator>div{margin:12px 0 20px;display:flex;flex-wrap:wrap;gap:7px}.cap-generator>div span{padding:8px 10px;border:1px solid #e0e9e3;border-radius:99px;color:#557064;font-size:14px}.cap-generator>div span.active{border-color:#08a657;background:#e8f8ed;color:#07834a;font-weight:800}.cap-generator>button{width:100%;padding:13px;border:0;border-radius:11px;background:#082f24;color:#fff;font-size:14px;font-weight:800}.cap-generator>button i{color:#b9f065;font-style:normal}.cap-generator footer{margin-top:15px;display:flex;align-items:center;gap:8px;color:#60776b;font-size:14px}.cap-generator footer i{width:7px;height:7px;border-radius:50%;background:#08a657}
.cap-audience{padding:21px}.cap-audience>span{margin-top:8px;padding:11px;display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;border:1px solid #e2eae5;border-radius:11px}.cap-audience>span.selected{border-color:#a9dbb9;background:#f0faf3}.cap-audience>span>i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.cap-audience b{font-size:14px}.cap-audience em{color:#6d8077;font-size:14px;font-style:normal}.cap-audience footer{margin-top:12px;color:#07834a;font-size:14px;font-weight:800;text-align:right}
.cap-delivery{padding:25px;display:flex;flex-direction:column;align-items:center}.cap-delivery .pulse{position:relative;width:120px;height:120px;display:grid;place-items:center}.cap-delivery .pulse:before,.cap-delivery .pulse:after{content:"";position:absolute;border:1px solid rgba(8,166,87,.25);border-radius:50%}.cap-delivery .pulse:before{inset:8px}.cap-delivery .pulse:after{inset:24px}.cap-delivery .pulse>i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(185,240,101,.12),transparent 65%);animation:capPulse 2.2s infinite}.cap-delivery .pulse>b{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#08a657;color:#fff;font-size:22px}.cap-delivery>strong{font-size:24px}.cap-delivery>span{margin-top:4px;color:#63786e;font-size:14px}.cap-delivery footer{width:100%;margin-top:20px;padding:12px;display:flex;align-items:end;justify-content:space-between;border-radius:11px;background:#e9f8ec}.cap-delivery footer b{font-size:24px}.cap-delivery footer small{color:#5d7769;font-size:14px}
.cap-controls{padding:22px}.cap-controls>header{padding-bottom:15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2eae5}.cap-controls>header small{font-size:14px;font-weight:800}.cap-controls>header span{padding:5px 7px;border-radius:99px;background:#e7f7e9;color:#07834a;font-size:14px;font-weight:900}.cap-controls>div{padding:17px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2ee}.cap-controls>div b{font-size:14px}.cap-controls button{padding:6px 8px;display:flex;align-items:center;gap:6px;border:0;border-radius:99px;background:#edf1ee;color:#6b7d73;font-size:14px;font-weight:900}.cap-controls button i{width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}.cap-controls button.on{flex-direction:row-reverse;background:#08a657;color:#fff}.cap-controls footer{margin-top:15px;color:#6b8075;font-size:14px}
.cap-report{padding:15px}.cap-report header,.cap-report>div{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.cap-report header{padding:8px;color:#778b80;font-size:14px;font-weight:800}.cap-report>div{padding:13px 8px;border-top:1px solid #e7ede9}.cap-report>div b{font-size:14px}.cap-report>div em{padding:5px 7px;border-radius:99px;background:#e8f8ed;color:#07834a;font-size:14px;font-style:normal}.cap-report>div em.pending{background:#fff0e9;color:#c76543}.cap-report footer{margin-top:8px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-radius:11px;background:#082f24;color:#fff}.cap-report footer span{display:flex;flex-direction:column;color:#b9c9c1;font-size:14px}.cap-report footer b{color:#b9f065;font-size:20px}
.capability-note{padding:18px 12px 3px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.capability-note>span{padding:7px 9px;border-radius:99px;background:#b9f065;color:#082f24;font-size:14px;font-weight:900;letter-spacing:.1em}.capability-note>p{margin:0;color:#d5e3dc;font-size:17px;line-height:1.5}
@keyframes capPulse{0%,100%{transform:scale(.84);opacity:.45}50%{transform:scale(1.08);opacity:1}}
@media(max-width:980px){.capability-stage>article{grid-template-columns:minmax(0,.8fr) minmax(340px,1.2fr);gap:28px;padding:35px}.capability-copy h3{font-size:38px}.shawts-capability-flow>nav{overflow-x:auto;grid-template-columns:repeat(6,145px)}.capability-endpoints>b{display:none}}
@media(max-width:680px){.story-design-broadcast .story-capabilities .story-block-head{display:block;margin-bottom:28px}.story-design-broadcast .story-capabilities .story-head-vector{margin-bottom:16px}.story-design-broadcast .story-capabilities .story-block-head h2{font-size:39px}.shawts-capability-flow{padding:10px;border-radius:24px 24px 8px 24px}.capability-endpoints{height:39px;font-size:14px}.shawts-capability-flow>nav{grid-template-columns:repeat(6,122px)}.shawts-capability-flow>nav button{height:66px}.capability-stage{min-height:665px}.capability-stage>article{padding:24px;grid-template-columns:1fr;gap:24px;align-content:center}.capability-copy h3{margin:9px 0 12px;font-size:33px}.capability-copy p{font-size:17px;line-height:1.55}.capability-copy>span{margin-top:17px}.capability-preview{min-height:285px;padding:18px}.capability-note{grid-template-columns:1fr;gap:10px;padding:15px 6px 4px}.capability-note>span{width:max-content}.capability-note>p{font-size:17px}}

/* Final Shawts capability typography and centered result bar. */
.story-design-broadcast .shawts-capability-flow>nav button>span{font-size:14px;letter-spacing:.08em}
.story-design-broadcast .capability-copy>small{min-height:28px;padding:6px 10px;display:inline-flex;align-items:center;border:1px solid #cce5d5;border-radius:99px;background:#f1faf4;color:#087b45;font-size:14px;line-height:1.2;letter-spacing:.05em}
.story-design-broadcast .capability-copy>span{font-size:14px;line-height:1.25;letter-spacing:.02em}
.story-design-broadcast .cap-generator>small,.story-design-broadcast .cap-audience>small,.story-design-broadcast .cap-controls>header small{min-height:28px;padding:6px 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid #d4e7db;border-radius:99px;background:#f1faf4;color:#216348;font-size:14px;font-weight:800;line-height:1.2;letter-spacing:.035em}
.story-design-broadcast .cap-generator>small:before,.story-design-broadcast .cap-audience>small:before,.story-design-broadcast .cap-controls>header small:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#08a657;box-shadow:0 0 0 4px rgba(8,166,87,.1)}
.story-design-broadcast .cap-generator>div span{font-size:14px;line-height:1.25}.story-design-broadcast .cap-generator footer{padding:10px 12px;border-radius:10px;background:#f0f8f3;color:#315e4b;font-size:14px;line-height:1.45}
.story-design-broadcast .cap-audience b{font-size:14px;line-height:1.35}.story-design-broadcast .cap-audience em{padding:4px 7px;border-radius:99px;background:#edf6f0;color:#426b59;font-size:14px;line-height:1.25}.story-design-broadcast .cap-audience footer{width:max-content;margin-inline-start:auto;padding:7px 10px;border-radius:99px;background:#e8f8ed;color:#087b45;font-size:14px;line-height:1.25}
.story-design-broadcast .cap-delivery>span{margin-top:7px;padding:6px 10px;border-radius:99px;background:#eff8f2;color:#426a58;font-size:14px;line-height:1.25}.story-design-broadcast .cap-delivery footer small{color:#3f6755;font-size:14px;font-weight:700;line-height:1.25}
.story-design-broadcast .cap-controls>header span{padding:6px 9px;font-size:14px;line-height:1.2}.story-design-broadcast .cap-controls>div b{font-size:14px}.story-design-broadcast .cap-controls button{font-size:14px}.story-design-broadcast .cap-controls footer{padding:10px 12px;border-radius:10px;background:#f0f8f3;color:#315e4b;font-size:14px;line-height:1.45}
.story-design-broadcast .cap-report header{padding:9px;color:#526d60;font-size:14px;line-height:1.2;letter-spacing:.04em}.story-design-broadcast .cap-report>div b{font-size:14px}.story-design-broadcast .cap-report>div em{font-size:14px;line-height:1.25}.story-design-broadcast .cap-report footer span{font-size:14px;line-height:1.35}
.story-design-broadcast .capability-note{min-height:82px;margin-top:14px;padding:16px 22px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:14px;border-top:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.045);text-align:center;overflow-x:auto;scrollbar-width:none}
.story-design-broadcast .capability-note::-webkit-scrollbar{display:none}
.story-design-broadcast .capability-note>span{width:max-content;flex:0 0 auto;padding:8px 12px;font-size:14px;line-height:1.2;letter-spacing:.06em;white-space:nowrap}
.story-design-broadcast .capability-note>p{max-width:none;margin:0;flex:0 0 auto;color:#e5f0ea;font-size:17px;font-weight:500;line-height:1.6;text-align:center;text-wrap:nowrap;white-space:nowrap}
@media(max-width:680px){.story-design-broadcast .capability-note{min-height:76px;padding:14px 12px;gap:10px;justify-content:flex-start}.story-design-broadcast .capability-note>span{font-size:14px}.story-design-broadcast .capability-note>p{font-size:17px}}

/* Shawts named-report summary: one hierarchy in LTR and RTL. */
.story-design-broadcast .story-metrics .story-insight{margin-top:22px;padding:30px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(185,240,101,.28);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(185,240,101,.04));text-align:center}
.story-design-broadcast .story-metrics .story-insight h3{max-width:760px;margin:0;color:#b9f065;font-size:32px;line-height:1.35;letter-spacing:-.02em;text-align:center;text-wrap:balance}
.story-design-broadcast .story-metrics .story-insight p{max-width:900px;margin:0;color:#d8e7e0;font-size:17px;line-height:1.75;text-align:center;text-wrap:balance}
.story-design-broadcast .story-metrics .story-insight em{width:min(900px,100%);margin:2px 0 0;padding:13px 18px;display:block;border:1px solid rgba(185,240,101,.22);border-radius:12px;background:rgba(185,240,101,.1);color:#f2f8f4;font-size:15px;font-weight:600;font-style:normal;line-height:1.65;text-align:center;text-wrap:balance}
@media(max-width:680px){.story-design-broadcast .story-metrics .story-insight{padding:24px 18px;gap:12px}.story-design-broadcast .story-metrics .story-insight h3{font-size:26px;line-height:1.4}.story-design-broadcast .story-metrics .story-insight p{font-size:17px;line-height:1.75}.story-design-broadcast .story-metrics .story-insight em{padding:12px 14px;font-size:14px;line-height:1.7}}

/* Organization: green hierarchy builder and live directory */
.story-design-structure{--accent:#08a657;--accent-2:#b9f065;--soft:#e8f8ed;--paper:#fbfcf5}.story-design-structure .product-story-hero{background:radial-gradient(circle at 82% 18%,rgba(185,240,101,.38),transparent 25%),linear-gradient(135deg,#fbfcf5,#e8f8ed)}.story-design-structure .product-story-screen:before{background:linear-gradient(145deg,#b9f065,#53ce8f)}.story-design-structure .story-dependency{background:radial-gradient(circle at 84% 14%,#e8f8ed,transparent 25%),#fff}.story-design-structure .story-spiral{background:linear-gradient(145deg,#f5fbf4,#fff)}
.story-design-structure .story-build{background:radial-gradient(circle at 92% 10%,rgba(185,240,101,.32),transparent 25%),#f7fbf7}.organization-builder>nav{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.organization-builder>nav:before{content:"";position:absolute;left:8%;right:8%;top:29px;height:2px;background:linear-gradient(90deg,#08a657,#b9f065);opacity:.42}.organization-builder>nav button{position:relative;z-index:1;min-height:155px;padding:13px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(8,91,54,.15);border-radius:17px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.organization-builder>nav button:hover,.organization-builder>nav button.active{border-color:#08a657;transform:translateY(-6px);box-shadow:0 17px 34px rgba(8,71,45,.12)}.organization-builder>nav button.active{background:#092f24;color:#fff}.organization-builder>nav button>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#e8f8ed;color:#08a657;font-size:14px;font-weight:800}.organization-builder>nav button>i{width:38px;height:38px;margin:12px 0 8px;display:grid;place-items:center;border-radius:12px;background:#eff9f2;color:#08a657;font-style:normal}.organization-builder>nav button>i svg{width:19px}.organization-builder>nav button.active>i{background:#b9f065;color:#092f24}.organization-builder>nav button>b{font-size:14px}.organization-builder>nav button>small{margin-top:4px;color:#6f8278;font-size:14px;line-height:1.35}.organization-builder>nav button.active>small{color:#b9cbbf}
.organization-builder-workspace{margin-top:16px;border:1px solid rgba(8,88,53,.16);border-radius:28px 28px 8px 28px;background:#eaf7ee;overflow:hidden;box-shadow:0 28px 58px rgba(7,67,42,.13)}.org-reference{position:relative;height:210px;overflow:hidden;background:#fff}.org-reference>div{position:absolute;z-index:2;left:0;right:0;top:0;height:38px;padding:0 14px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.94);border-bottom:1px solid #e2ebe5;color:#71837a;font-size:14px}.org-reference>div>i{width:6px;height:6px;border-radius:50%;background:#c5d5cc}.org-reference>div>i:first-child{background:#08a657}.org-reference>div>span{margin-left:5px}.org-reference>div>b{margin-left:auto;padding:5px 8px;border-radius:99px;background:#e8f8ed;color:#087c44;font-size:14px}.org-reference>img{width:100%;transform:translateY(-2%);filter:saturate(.92)}.org-reference:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#eaf7ee)}.org-builder-panels{position:relative;z-index:3;min-height:390px;margin:-72px 17px 17px}.org-builder-panels>article{position:absolute;inset:0;padding:25px;display:grid;grid-template-columns:.58fr 1.42fr;gap:26px;align-items:center;border:1px solid #d7e8dd;border-radius:22px;background:#fff;opacity:0;transform:translateY(13px);pointer-events:none;transition:.3s;box-shadow:0 20px 40px rgba(8,69,44,.11)}.org-builder-panels>article.active{opacity:1;transform:none;pointer-events:auto}.org-builder-panels header>span{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.org-builder-panels h3{margin:6px 0 9px;font-size:38px;line-height:.96}.org-builder-panels header p{margin:0;color:#60756a;font-size:17px}.org-builder-panels>article>div{min-width:0}.org-root-card,.org-tree-view,.org-groups-view,.org-import-view,.org-adoption-view{min-height:270px;padding:20px;border:1px solid #dfe9e3;border-radius:18px;background:#f7fbf8}.org-root-card>small{color:#70847a;font-size:14px;text-transform:uppercase}.org-root-card>div{margin-top:28px;padding:15px;display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;border-left:4px solid #08a657;border-radius:11px;background:#e7f7ec}.org-root-card>div>i{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#08a657;font-style:normal}.org-root-card>div span{display:flex;flex-direction:column}.org-root-card em{color:#74877d;font-size:14px;font-style:normal}.org-root-card button,.org-groups-view button{border:0;background:none;color:#08a657;font-weight:800}.org-root-card p{margin:24px 0 0;color:#63776d;font-size:17px}.org-tree-view{padding:16px 24px}.org-tree-view>div>div,.tree-root{padding:10px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;border-radius:10px}.tree-root{border-left:3px solid #08a657;background:#e8f8ed}.org-tree-view i{color:#08a657;font-style:normal}.org-tree-view span{padding:4px 7px;border-radius:99px;background:#fff;color:#63766d;font-size:14px}.tree-branch{position:relative;margin-left:25px;border-left:1px dashed #9bc7aa}.tree-branch>div:first-child{margin-top:7px}.tree-child{margin-left:28px;color:#587065}.org-groups-view header{display:flex;align-items:center;justify-content:space-between}.org-groups-view header button{padding:8px 10px;border-radius:9px;background:#08a657;color:#fff}.org-groups-view>div{margin-top:16px;display:grid;gap:7px}.org-groups-view>div>span{padding:11px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid #e1ebe5;border-radius:11px;background:#fff}.org-groups-view>div i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal;font-weight:800}.org-groups-view>div small{color:#74877d;font-size:14px}.org-import-view>nav{display:flex;gap:6px}.org-import-view>nav button{padding:8px;border:1px solid #d9e7de;border-radius:8px;background:#fff;color:#60736a;font-size:14px}.org-import-view>nav button.active{border-color:#08a657;background:#e8f8ed;color:#087b44}.import-drop{min-height:190px;margin-top:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #8fc5a2;border-radius:14px;background:#fff;text-align:center}.import-drop>i{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#e8f8ed;color:#08a657;font-style:normal;font-size:20px}.import-drop>b{margin-top:10px}.import-drop>span{color:#75887e;font-size:14px}.import-drop>em{margin-top:12px;padding:6px 8px;border-radius:99px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal;font-weight:800}.adoption-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.adoption-stats>span{padding:13px;display:flex;flex-direction:column;border-radius:11px;background:#fff}.adoption-stats small{color:#71847a;font-size:14px}.adoption-stats b{font-size:24px}.adoption-stats span:nth-child(2) b{color:#08a657}.adoption-stats span:nth-child(3) b{color:#db714d}.adoption-row{margin-top:12px;padding:13px;display:grid;grid-template-columns:37px 1fr auto auto;gap:9px;align-items:center;border-radius:12px;background:#fff}.adoption-row>i{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.adoption-row>span{display:flex;flex-direction:column}.adoption-row small{color:#74877e;font-size:14px}.adoption-row>em{padding:6px 8px;border-radius:99px;background:#fff0eb;color:#d46544;font-size:14px;font-style:normal}.adoption-row>button{padding:7px;border:0;border-radius:8px;background:#092f24;color:#fff;font-size:14px}.story-build .org-build-note{margin-top:14px;padding:17px 20px;display:flex;align-items:center;gap:17px}.org-build-note>b{color:#08a657;font-size:20px}.org-build-note>span{font-size:14px;font-weight:500}
.story-design-structure .story-records{background:#092f24;color:#fff}.story-design-structure .story-records .story-block-intro{color:#bdd0c7}.organization-directory{display:grid;gap:16px}.directory-screen{position:relative;padding:8px;border-radius:25px 25px 8px 25px;background:#fff;box-shadow:0 30px 65px rgba(0,0,0,.25);overflow:hidden}.directory-browser{height:35px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;color:#75877d;font-size:14px}.directory-browser>span{display:flex;align-items:center;gap:5px}.directory-browser i{width:6px;height:6px;border-radius:50%;background:#c7d5cd}.directory-browser i:first-child{background:#08a657}.directory-browser b{padding:5px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.directory-screen>img{display:block;width:100%;border-radius:15px}.directory-hotspot{position:absolute;padding:7px 9px;display:flex;align-items:center;gap:7px;border:1px solid rgba(8,166,87,.35);border-radius:10px;background:rgba(255,255,255,.96);color:#092f24;box-shadow:0 11px 25px rgba(7,66,42,.16);font-size:14px;font-weight:800;cursor:pointer;animation:psFloat 4s ease-in-out infinite}.directory-hotspot>i{width:8px;height:8px;border-radius:50%;background:#08a657;box-shadow:0 0 0 4px rgba(8,166,87,.12)}.directory-hotspot.h1{right:4%;top:48%}.directory-hotspot.h2{right:18%;top:25%;animation-delay:-1.4s}.directory-hotspot.h3{right:32%;bottom:17%;animation-delay:-2.8s}.directory-hotspot.active{background:#b9f065}.directory-controls{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px}.directory-controls>nav{display:grid;gap:7px}.directory-controls>nav button{padding:15px;display:grid;grid-template-columns:30px 1fr;gap:9px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;text-align:left;cursor:pointer}.directory-controls>nav button.active{border-color:#b9f065;background:rgba(185,240,101,.13)}.directory-controls>nav span{color:#b9f065;font-size:14px}.directory-controls>nav b,.directory-controls>nav small{display:block}.directory-controls>nav b{font-size:14px}.directory-controls>nav small{grid-column:2;color:#b9c9c1;font-size:14px;line-height:1.4}.directory-drawer{position:relative;min-height:265px;border-radius:19px 19px 6px 19px;background:#fff;color:#092f24;overflow:hidden}.directory-drawer>article{position:absolute;inset:0;padding:22px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.directory-drawer>article.active{opacity:1;transform:none;pointer-events:auto}.directory-drawer>article>small{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.directory-drawer article>header{margin-top:13px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.directory-drawer article>header>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal;font-weight:800}.directory-drawer article>header>span{display:flex;flex-direction:column}.directory-drawer article>header em{color:#75877d;font-size:14px;font-style:normal}.directory-drawer article>header strong{padding:6px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.member-actions{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.member-actions button{min-height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e0eae4;border-radius:11px;background:#f8fbf9;color:#092f24;font-size:14px}.member-actions button i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#e8f8ed;color:#08a657;font-style:normal}.member-actions svg{width:14px}.rollout-meter{margin:16px 0;display:grid;grid-template-columns:85px 1fr;gap:16px;align-items:center}.rollout-meter>div{width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle closest-side,#fff 72%,transparent 74%),conic-gradient(#08a657 92%,#eef2ef 92%)}.rollout-meter strong{font-size:22px}.rollout-meter span{font-size:14px}.rollout-meter>i,.engagement-bars i{height:8px;border-radius:99px;background:#e8efeb;overflow:hidden}.rollout-meter>i>em{display:block;width:92%;height:100%;background:linear-gradient(90deg,#08a657,#b9f065)}.directory-drawer>article>p{margin:8px 0;color:#60746a;font-size:17px}.directory-drawer>article>button{border:0;background:none;color:#08a657;font-size:14px;font-weight:800}.engagement-bars{margin-top:16px;display:grid;gap:9px}.engagement-bars>span{display:grid;grid-template-columns:90px 1fr 24px;gap:8px;align-items:center;font-size:14px}.engagement-bars i em{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#08a657,#b9f065)}
@media(max-width:980px){.organization-builder>nav{overflow-x:auto}.organization-builder>nav button{min-width:165px}.org-builder-panels>article{grid-template-columns:1fr 1.15fr}.directory-controls{grid-template-columns:1fr}.directory-controls>nav{grid-template-columns:repeat(3,1fr)}.directory-drawer{min-height:280px}}
@media(max-width:680px){.organization-builder>nav{padding:6px 0}.organization-builder-workspace{border-radius:21px}.org-reference{height:135px}.org-builder-panels{min-height:610px;margin:-35px 8px 8px}.org-builder-panels>article{padding:18px;grid-template-columns:1fr;align-content:center}.org-builder-panels h3{font-size:34px}.org-root-card,.org-tree-view,.org-groups-view,.org-import-view,.org-adoption-view{min-height:285px;padding:14px}.adoption-stats{grid-template-columns:1fr 1fr}.adoption-stats span:nth-child(3){grid-column:1/3}.adoption-row{grid-template-columns:35px 1fr}.adoption-row>em,.adoption-row>button{grid-column:2}.org-build-note{align-items:flex-start!important}.directory-screen{padding:5px}.directory-hotspot{display:none}.directory-controls>nav{display:flex;overflow-x:auto}.directory-controls>nav button{flex:0 0 210px}.directory-drawer{min-height:350px}.member-actions{grid-template-columns:1fr 1fr}.directory-drawer article>header{grid-template-columns:40px 1fr}.directory-drawer article>header strong{grid-column:2;justify-self:start}.engagement-bars>span{grid-template-columns:80px 1fr 20px}}

/* Organization readability and the structure-drift problem */
.story-design-structure h1,.story-design-structure h2,.story-design-structure h3{text-wrap:balance}.story-design-structure .product-story-hero>.section-shell{grid-template-columns:minmax(440px,.9fr) minmax(0,1.1fr);gap:54px}.story-design-structure .product-story-copy{max-width:530px}.story-design-structure .product-story-copy h1{font-size:clamp(49px,4.25vw,64px);line-height:.98}.story-design-structure .product-story-copy>p{max-width:520px;font-size:19px;line-height:1.65}.story-design-structure .story-block-intro{max-width:760px;font-size:19px!important;line-height:1.65}.story-design-structure .story-matrix button p{font-size:17px;line-height:1.6}.story-design-structure .organization-builder>nav button>small{font-size:14px;line-height:1.45}.story-design-structure .org-builder-panels header p{font-size:17px;line-height:1.6}.story-design-structure .org-build-note>span{font-size:15px;line-height:1.55}.story-design-structure .directory-controls>nav b{font-size:14px}.story-design-structure .directory-controls>nav small{font-size:14px;line-height:1.45}.story-design-structure .directory-drawer>article>p{font-size:17px;line-height:1.55}.story-design-structure .story-objection-list p,.story-design-structure .story-faq .faq-item>div p{font-size:17px}.story-design-structure .story-closing p{font-size:18px}
.story-design-structure .story-spiral{padding:92px 0;background:radial-gradient(circle at 8% 16%,rgba(185,240,101,.2),transparent 24%),linear-gradient(145deg,#f4faf3,#fff)}.story-design-structure .story-spiral .story-block-head{max-width:900px}.organization-problem{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px;align-items:stretch}.org-chart-collision{position:relative;min-height:500px;padding:25px;border-radius:27px 27px 8px 27px;background:#092f24;color:#fff;overflow:hidden}.org-chart-collision:before{content:"";position:absolute;right:-100px;top:-110px;width:310px;height:310px;border:1px dashed rgba(185,240,101,.26);border-radius:50%}.org-chart-collision>header{position:relative;z-index:2;display:flex;flex-direction:column}.org-chart-collision>header span{color:#b9f065;font-size:14px;font-weight:800;text-transform:uppercase}.org-chart-collision>header b{margin-top:4px;font-size:24px}.collision-sources{position:relative;z-index:2;margin-top:28px;display:grid;gap:8px}.collision-sources>article{padding:13px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.06);transition:.25s}.collision-sources>article:hover{border-color:#b9f065;background:rgba(185,240,101,.1);transform:translateX(5px)}.collision-sources article>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal;font-weight:900}.collision-sources article>span{display:flex;flex-direction:column}.collision-sources article small{color:#b9c9c1;font-size:14px}.collision-sources article>em{padding:5px 7px;border-radius:99px;background:rgba(255,255,255,.08);color:#c6d5ce;font-size:14px;font-style:normal}.collision-sources article:last-child>em{background:#b9f065;color:#092f24}.collision-lines{position:relative;z-index:1;height:38px}.collision-lines i{position:absolute;left:50%;bottom:0;width:1px;height:47px;background:rgba(185,240,101,.32);transform-origin:bottom}.collision-lines i:nth-child(1){transform:rotate(64deg)}.collision-lines i:nth-child(3){transform:rotate(-64deg)}.collision-result{position:relative;z-index:2;margin:auto;padding:13px;width:min(290px,100%);display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;border:1px solid rgba(185,240,101,.38);border-radius:14px;background:#0d4936}.collision-result>i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#b9f065;color:#092f24;font-size:19px;font-style:normal;font-weight:900}.collision-result>span{display:flex;flex-direction:column}.collision-result small{color:#b9c9c1;font-size:14px}.org-problem-consequences{display:grid;gap:9px}.org-problem-consequences>article{position:relative;min-height:116px;padding:17px;display:grid;grid-template-columns:27px 42px 1fr auto;gap:11px;align-items:center;border:1px solid rgba(8,88,53,.15);border-radius:18px;background:#fff;transition:.25s;overflow:hidden}.org-problem-consequences>article:nth-child(even){background:#e8f8ed}.org-problem-consequences>article:hover,.org-problem-consequences>article:focus{z-index:2;border-color:#08a657;transform:translateX(-6px);box-shadow:0 15px 30px rgba(8,67,43,.1);outline:0}.org-problem-consequences>article>span{color:#08a657;font-size:14px;font-weight:800}.org-problem-consequences>article>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e8f8ed;color:#08a657;font-style:normal}.org-problem-consequences>article:nth-child(even)>i{background:#fff}.org-problem-consequences svg{width:19px}.org-problem-consequences h3{margin:0 0 5px;font-size:21px;line-height:1.05}.org-problem-consequences p{margin:0;color:#586f64;font-size:17px;line-height:1.55}.org-problem-consequences>article>em{color:#08a657;font-size:17px;font-style:normal;transition:.2s}.org-problem-consequences>article:hover>em{transform:translateX(4px)}
@media(max-width:980px){.story-design-structure .product-story-hero>.section-shell{grid-template-columns:1fr}.organization-problem{grid-template-columns:1fr}.org-chart-collision{min-height:470px}.org-problem-consequences{grid-template-columns:1fr 1fr}.org-problem-consequences>article{grid-template-columns:25px 38px 1fr}.org-problem-consequences>article>em{display:none}}
@media(max-width:680px){.story-design-structure .product-story-copy h1{max-width:390px;font-size:40px;line-height:1.02}.story-design-structure .product-story-copy>p{font-size:17px}.story-design-structure .story-block-intro{font-size:17px!important}.story-design-structure .story-spiral{padding:72px 0}.org-chart-collision{min-height:485px;padding:20px}.org-problem-consequences{grid-template-columns:1fr}.org-problem-consequences>article{min-height:130px}.org-problem-consequences p{font-size:17px}.story-design-structure .organization-builder>nav button>small{font-size:14px}.story-design-structure .directory-controls>nav small{font-size:14px}}

.story-design-structure .product-story-copy,.story-design-structure .product-story-copy>p,.story-design-structure .story-block-head,.org-problem-consequences>article>div{min-width:0;max-width:100%}.story-design-structure .product-story-copy>p,.story-design-structure .story-block-intro,.org-problem-consequences h3,.org-problem-consequences p{overflow-wrap:anywhere;word-break:normal}
@media(max-width:680px){.story-design-structure .product-story-copy{width:100%}.story-design-structure .product-story-copy>p{width:100%;max-width:100%}.org-problem-consequences>article{width:100%;grid-template-columns:24px 38px minmax(0,1fr)}}

/* Organization section copy: presentation-size readability */
.story-design-structure .organization-builder>nav button{min-height:182px;padding:16px}.story-design-structure .organization-builder>nav button>b{font-size:16px;line-height:1.25}.story-design-structure .organization-builder>nav button>small{margin-top:7px;color:#536c60;font-size:14px;line-height:1.48}.story-design-structure .organization-builder>nav button.active>small{color:#d1dfd7}.story-design-structure .org-builder-panels header p{font-size:17px;line-height:1.65}.story-design-structure .org-root-card p{font-size:17px;line-height:1.55}.story-design-structure .org-root-card em,.story-design-structure .org-groups-view>div small,.story-design-structure .import-drop>span,.story-design-structure .adoption-row small{font-size:14px}.story-design-structure .org-build-note>span{font-size:16px;line-height:1.6}
.story-design-structure .directory-controls>nav button{min-height:116px;padding:18px;grid-template-columns:32px minmax(0,1fr)}.story-design-structure .directory-controls>nav b{font-size:16px;line-height:1.25}.story-design-structure .directory-controls>nav small{margin-top:5px;color:#d0ddd6;font-size:14px;line-height:1.5}.story-design-structure .directory-drawer>article{padding:25px}.story-design-structure .directory-drawer>article>small{font-size:14px}.story-design-structure .directory-drawer article>header em{font-size:14px}.story-design-structure .directory-drawer article>header strong{font-size:14px}.story-design-structure .member-actions button{font-size:14px}.story-design-structure .directory-drawer>article>p{font-size:17px;line-height:1.62}.story-design-structure .directory-drawer>article>button{font-size:14px}.story-design-structure .engagement-bars>span{grid-template-columns:110px 1fr 28px;font-size:14px}
@media(max-width:680px){.story-design-structure .organization-builder>nav button{min-width:195px;min-height:190px}.story-design-structure .organization-builder>nav button>small{font-size:14px}.story-design-structure .org-builder-panels header p{font-size:17px}.story-design-structure .directory-controls>nav button{flex-basis:250px;min-height:132px}.story-design-structure .directory-controls>nav small{font-size:14px}.story-design-structure .directory-drawer{min-height:390px}.story-design-structure .engagement-bars>span{grid-template-columns:100px 1fr 24px;font-size:14px}}

/* Moderation: all-green visual workflow */
.story-design-moderation .product-story-hero{background:radial-gradient(circle at 82% 18%,rgba(185,240,101,.2),transparent 26%),linear-gradient(135deg,#14271f,#073c2b);color:#fff}.story-design-moderation .product-story-copy>p{color:#c5d7ce;font-size:19px}.story-design-moderation .product-story-screen{border:1px solid rgba(185,240,101,.25);background:#092f24}.story-design-moderation .product-story-screen:before{background:linear-gradient(145deg,#b9f065,#4ed08c)}.story-design-moderation .product-story-screen>img,.story-design-moderation .moderation-real-screen>img,.story-design-moderation .moderation-queue-screen>img{filter:grayscale(1) sepia(.58) hue-rotate(72deg) saturate(1.75) contrast(.96)}.story-design-moderation .story-risk .story-card-grid article:nth-child(2){background:rgba(185,240,101,.11)}.story-design-moderation .story-principle{background:linear-gradient(135deg,#e8f8ed,#fff)}.story-design-moderation .story-block-intro{font-size:18px!important}.story-design-moderation .story-card-grid p{font-size:17px;line-height:1.6}.story-design-moderation .story-contexts>span:hover{background:#092f24}
.story-design-moderation .story-loop{background:radial-gradient(circle at 94% 8%,rgba(185,240,101,.38),transparent 24%),#f5fbf6}.moderation-steps>nav{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.moderation-steps>nav:before{content:"";position:absolute;left:8%;right:8%;top:30px;height:2px;background:linear-gradient(90deg,#08a657,#b9f065);opacity:.45}.moderation-steps>nav button{position:relative;z-index:1;min-height:176px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(8,92,55,.15);border-radius:17px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.moderation-steps>nav button:hover,.moderation-steps>nav button.active{border-color:#08a657;transform:translateY(-6px);box-shadow:0 17px 34px rgba(8,70,44,.12)}.moderation-steps>nav button.active{background:#092f24;color:#fff}.moderation-steps>nav button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e8f8ed;color:#08a657;font-size:14px;font-weight:800}.moderation-steps>nav button>i{width:39px;height:39px;margin:12px 0 9px;display:grid;place-items:center;border-radius:12px;background:#eff9f2;color:#08a657;font-style:normal}.moderation-steps>nav button>i svg{width:19px}.moderation-steps>nav button.active>i{background:#b9f065;color:#092f24}.moderation-steps>nav button>b{font-size:15px}.moderation-steps>nav button>small{margin-top:5px;color:#5b7166;font-size:14px;line-height:1.45}.moderation-steps>nav button.active>small{color:#c9d8d0}
.moderation-step-stage{position:relative;margin-top:16px;border:1px solid rgba(8,89,53,.16);border-radius:29px 29px 8px 29px;background:#eaf7ee;overflow:hidden;box-shadow:0 28px 58px rgba(7,67,42,.14)}.moderation-real-screen{position:relative;height:210px;overflow:hidden;background:#fff}.moderation-real-screen>div{position:absolute;z-index:2;left:0;right:0;top:0;height:38px;padding:0 14px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.95);border-bottom:1px solid #e0ebe4;color:#70837a;font-size:14px}.moderation-real-screen>div>i{width:6px;height:6px;border-radius:50%;background:#c7d5cd}.moderation-real-screen>div>i:first-child{background:#08a657}.moderation-real-screen>div>span{margin-left:5px}.moderation-real-screen>div>b{margin-left:auto;padding:5px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.moderation-real-screen>img{width:100%;transform:translateY(-2%)}.moderation-real-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#eaf7ee)}.moderation-step-panels{position:relative;z-index:3;min-height:425px;margin:-72px 17px 17px}.moderation-step-panels>article{position:absolute;inset:0;padding:27px;display:grid;grid-template-columns:.56fr 1.44fr;gap:28px;align-items:center;border:1px solid #d6e7dc;border-radius:23px;background:#fff;opacity:0;transform:translateY(14px);pointer-events:none;transition:.3s;box-shadow:0 20px 42px rgba(8,68,43,.11)}.moderation-step-panels>article.active{opacity:1;transform:none;pointer-events:auto}.moderation-step-panels header>span{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.moderation-step-panels h3{margin:7px 0 10px;font-size:40px;line-height:.96}.moderation-step-panels header p{margin:0;color:#5b7166;font-size:17px;line-height:1.6}.moderation-step-panels>article>div{min-width:0}.moderation-post,.moderation-ai,.moderation-review,.moderation-actions,.moderation-restrict{min-height:300px;padding:21px;border:1px solid #dfe9e3;border-radius:18px;background:#f7fbf8}.moderation-post header,.moderation-ai header,.moderation-restrict header{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.moderation-post header>i,.moderation-ai header>i,.moderation-restrict header>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal;font-weight:800}.moderation-post header span,.moderation-ai header span,.moderation-restrict header span{display:flex;flex-direction:column}.moderation-post header small,.moderation-ai header small,.moderation-restrict header small{color:#71847a;font-size:14px}.moderation-post header em,.moderation-ai header em{padding:6px 8px;border-radius:99px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal;font-weight:800}.moderation-post>p{margin:35px 0 30px;padding:17px;border-radius:13px;background:#fff;color:#334f42;font-size:17px;line-height:1.55}.moderation-post>footer{display:flex;gap:18px;color:#60756a;font-size:14px}.moderation-ai header>i{font-size:19px}.moderation-ai>p{margin:25px 0;padding:17px;border-radius:13px;background:#fff;color:#334f42;font-size:17px;line-height:1.6}.moderation-ai mark{padding:2px 4px;border-radius:5px;background:#dff7e7;color:#087b44}.moderation-ai>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.moderation-ai>div>span{font-size:14px}.moderation-ai>div>span b{color:#08a657}.moderation-ai>div>i{height:8px;border-radius:99px;background:#e4ece7;overflow:hidden}.moderation-ai>div>i em{display:block;width:88%;height:100%;background:linear-gradient(90deg,#08a657,#b9f065)}.moderation-ai>div>strong{grid-column:1/3;padding:9px;border-radius:9px;background:#e8f8ed;color:#087b44;text-align:center;font-size:14px}.moderation-review>header,.moderation-actions>header{display:flex;align-items:center;justify-content:space-between}.moderation-review>header span,.moderation-actions>header small{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.moderation-review>header b{padding:6px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.moderation-review>div{margin-top:20px;padding:15px;display:grid;grid-template-columns:38px 1fr;gap:10px;border:1px solid #dce8e0;border-radius:13px;background:#fff}.moderation-review>div>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.moderation-review>div>span{display:flex;flex-direction:column}.moderation-review>div small{color:#72857b;font-size:14px}.moderation-review>div p{grid-column:1/3;margin:8px 0;color:#4f685c;font-size:17px}.moderation-review>div em{grid-column:1/3;color:#08a657;font-size:14px;font-style:normal;font-weight:800}.moderation-review>footer{margin-top:15px;color:#60746a;font-size:14px}.moderation-actions>header{flex-direction:column;align-items:flex-start}.moderation-actions>header>b{margin-top:4px;font-size:18px}.moderation-actions>div{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.moderation-actions>div button{min-height:142px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dde8e1;border-radius:13px;background:#fff;color:#092f24;text-align:left}.moderation-actions>div button>i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-style:normal}.moderation-actions>div button>span{display:flex;flex-direction:column;margin-top:12px}.moderation-actions>div button small{margin-top:4px;color:#71847a;font-size:14px}.moderation-actions>em{display:block;margin-top:15px;color:#60746a;font-size:14px;font-style:normal}.moderation-restrict>div{margin-top:35px;padding:17px;display:flex;align-items:center;justify-content:space-between;border-radius:13px;background:#fff}.moderation-restrict>div>span{display:flex;flex-direction:column}.moderation-restrict>div small{color:#71847a;font-size:14px}.moderation-restrict>div>button{width:48px;height:27px;padding:4px;border:0;border-radius:99px;background:#08a657}.moderation-restrict>div>button i{display:block;width:19px;height:19px;margin-left:auto;border-radius:50%;background:#fff}.moderation-restrict>p{margin-top:24px;color:#536c60;font-size:17px}
.story-design-moderation .story-workspace{background:#092f24;color:#fff}.story-design-moderation .story-workspace .story-block-intro{color:#c2d4cb}.moderation-workspace{display:grid;gap:14px}.moderation-queue-screen{position:relative;padding:8px;border-radius:26px 26px 8px 26px;background:#fff;box-shadow:0 28px 60px rgba(0,0,0,.25);overflow:hidden}.moderation-queue-screen>header{height:35px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;color:#71847a;font-size:14px}.moderation-queue-screen>header span{display:flex;align-items:center;gap:5px}.moderation-queue-screen>header i{width:6px;height:6px;border-radius:50%;background:#c6d5cd}.moderation-queue-screen>header i:first-child{background:#08a657}.moderation-queue-screen>header b{padding:5px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.moderation-queue-screen>img{display:block;width:100%;border-radius:15px}.queue-filter-bar{position:absolute;left:25px;right:25px;bottom:20px;padding:8px;display:flex;gap:6px;border:1px solid rgba(8,91,54,.15);border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 15px 30px rgba(7,65,42,.14);backdrop-filter:blur(10px)}.queue-filter-bar button{flex:1;padding:9px;border:0;border-radius:9px;background:#eff8f1;color:#516a5e;font-size:14px;font-weight:700;cursor:pointer}.queue-filter-bar button.active{background:#092f24;color:#fff}.queue-filter-bar button b{display:block;color:#08a657;font-size:14px}.moderation-workspace-detail{position:relative;min-height:190px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.06);overflow:hidden}.moderation-workspace-detail>article{position:absolute;inset:0;padding:24px;display:grid;grid-template-columns:34px 45px 1fr auto;gap:13px;align-items:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.moderation-workspace-detail>article.active{opacity:1;transform:none;pointer-events:auto}.moderation-workspace-detail>article>span{color:#b9f065;font-size:14px}.moderation-workspace-detail>article>i{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:rgba(185,240,101,.13);color:#b9f065;font-style:normal}.moderation-workspace-detail svg{width:20px}.moderation-workspace-detail h3{margin:0 0 6px;font-size:27px}.moderation-workspace-detail p{margin:0;color:#c3d3cb;font-size:17px}.moderation-workspace-detail>article>b{padding:9px 11px;border-radius:99px;background:#b9f065;color:#092f24;font-size:14px}.story-design-moderation .story-principle .story-card-grid article{border-color:rgba(8,89,53,.15)}.story-design-moderation .story-principle .story-card-grid article:nth-child(even){background:#e8f8ed}
@media(max-width:980px){.moderation-steps>nav{overflow-x:auto}.moderation-steps>nav button{min-width:180px}.moderation-step-panels>article{grid-template-columns:1fr 1.18fr}.queue-filter-bar{overflow-x:auto}.queue-filter-bar button{flex:0 0 130px}}
@media(max-width:680px){.story-design-moderation .product-story-copy>p{font-size:17px}.moderation-step-stage{border-radius:21px}.moderation-real-screen{height:135px}.moderation-step-panels{min-height:690px;margin:-34px 8px 8px}.moderation-step-panels>article{padding:18px;grid-template-columns:1fr;align-content:center}.moderation-step-panels h3{font-size:35px}.moderation-step-panels header p{font-size:17px}.moderation-post,.moderation-ai,.moderation-review,.moderation-actions,.moderation-restrict{min-height:330px;padding:15px}.moderation-actions>div{grid-template-columns:1fr}.moderation-actions>div button{min-height:75px;display:grid;grid-template-columns:35px 1fr;gap:8px}.moderation-actions>div button>span{margin-top:0}.queue-filter-bar{position:relative;left:auto;right:auto;bottom:auto;margin:8px}.moderation-workspace-detail{min-height:310px}.moderation-workspace-detail>article{padding:20px;grid-template-columns:30px 40px 1fr;align-content:center}.moderation-workspace-detail>article>div{grid-column:1/4}.moderation-workspace-detail>article>b{grid-column:3;justify-self:start}.moderation-workspace-detail p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.directory-hotspot{animation:none}}

.story-design-moderation .product-story-copy,.story-design-moderation .story-block-head{min-width:0;max-width:100%}.story-design-moderation h1,.story-design-moderation h2,.story-design-moderation h3{text-wrap:balance;overflow-wrap:anywhere}
@media(max-width:680px){.story-design-moderation .product-story-copy{width:100%}.story-design-moderation .product-story-copy h1{max-width:100%;font-size:39px;line-height:1.02}.story-design-moderation .story-block-head h2{max-width:100%;font-size:37px;line-height:1.02}}

/* Product screenshots keep their authentic Tawasol interface colors. */
.story-design-moderation .product-story-screen>img,.story-design-moderation .moderation-real-screen>img,.story-design-moderation .moderation-queue-screen>img{filter:none}

/* Library: green, visual, real-product lifecycle */
.story-design-library .product-story-hero{background:radial-gradient(circle at 82% 18%,rgba(185,240,101,.38),transparent 25%),linear-gradient(135deg,#fbfcf5,#e8f8ed)}.story-design-library .product-story-screen{clip-path:none;border-radius:25px 25px 8px 25px}.story-design-library .product-story-screen:before{background:linear-gradient(145deg,#b9f065,#51ce8e)}.story-design-library h1,.story-design-library h2,.story-design-library h3{text-wrap:balance;overflow-wrap:anywhere}.story-design-library .product-story-copy>p{font-size:19px}.story-design-library .story-block-intro{font-size:18px!important}.story-design-library .story-scenario{background:linear-gradient(145deg,#f4faf3,#fff)}.story-design-library .story-scenario .story-card-grid{grid-template-columns:1fr 1fr}.story-design-library .story-scenario .story-card-grid article{min-height:220px}.story-design-library .story-scenario .story-card-grid article:nth-child(2),.story-design-library .story-scenario .story-card-grid article:nth-child(3){background:#e8f8ed}.story-design-library .story-card-grid p{font-size:17px;line-height:1.6}
.story-design-library .story-lifecycle{background:radial-gradient(circle at 92% 8%,rgba(185,240,101,.34),transparent 24%),#f5fbf6}.library-lifecycle>nav{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.library-lifecycle>nav:before{content:"";position:absolute;left:8%;right:8%;top:30px;height:2px;background:linear-gradient(90deg,#08a657,#b9f065);opacity:.45}.library-lifecycle>nav button{position:relative;z-index:1;min-height:176px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(8,91,54,.15);border-radius:17px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.library-lifecycle>nav button:hover,.library-lifecycle>nav button.active{border-color:#08a657;transform:translateY(-6px);box-shadow:0 17px 34px rgba(8,70,44,.12)}.library-lifecycle>nav button.active{background:#092f24;color:#fff}.library-lifecycle>nav button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e8f8ed;color:#08a657;font-size:14px;font-weight:800}.library-lifecycle>nav button>i{width:39px;height:39px;margin:12px 0 9px;display:grid;place-items:center;border-radius:12px;background:#eff9f2;color:#08a657;font-style:normal}.library-lifecycle>nav button>i svg{width:19px}.library-lifecycle>nav button.active>i{background:#b9f065;color:#092f24}.library-lifecycle>nav button>b{font-size:15px}.library-lifecycle>nav button>small{margin-top:5px;color:#5b7166;font-size:14px;line-height:1.45}.library-lifecycle>nav button.active>small{color:#cad9d1}
.library-lifecycle-stage{position:relative;margin-top:16px;border:1px solid rgba(8,89,53,.16);border-radius:29px 29px 8px 29px;background:#eaf7ee;overflow:hidden;box-shadow:0 28px 58px rgba(7,67,42,.14)}.library-real-screen{position:relative;height:210px;overflow:hidden;background:#fff}.library-real-screen>div{position:absolute;z-index:2;left:0;right:0;top:0;height:38px;padding:0 14px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.95);border-bottom:1px solid #e0ebe4;color:#70837a;font-size:14px}.library-real-screen>div>i{width:6px;height:6px;border-radius:50%;background:#c6d5cd}.library-real-screen>div>i:first-child{background:#08a657}.library-real-screen>div>span{margin-left:5px}.library-real-screen>div>b{margin-left:auto;padding:5px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.library-real-screen>img{width:100%;transform:translateY(-2%)}.library-real-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#eaf7ee)}.library-lifecycle-panels{position:relative;z-index:3;min-height:440px;margin:-72px 17px 17px}.library-lifecycle-panels>article{position:absolute;inset:0;padding:27px;display:grid;grid-template-columns:.56fr 1.44fr;gap:28px;align-items:center;border:1px solid #d6e7dc;border-radius:23px;background:#fff;opacity:0;transform:translateY(14px);pointer-events:none;transition:.3s;box-shadow:0 20px 42px rgba(8,68,43,.11)}.library-lifecycle-panels>article.active{opacity:1;transform:none;pointer-events:auto}.library-lifecycle-panels header>span{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.library-lifecycle-panels h3{margin:7px 0 10px;font-size:40px;line-height:.96}.library-lifecycle-panels header p{margin:0;color:#5b7166;font-size:17px;line-height:1.6}.library-lifecycle-panels>article>div{min-width:0}.library-approval,.library-upload,.library-security,.library-supersede,.library-announce{min-height:315px;padding:21px;border:1px solid #dfe9e3;border-radius:18px;background:#f7fbf8}
.library-approval{display:grid;grid-template-columns:1fr .7fr;gap:20px;align-items:center}.document-sheet{height:235px;padding:22px;display:flex;flex-direction:column;border-radius:10px;background:#fff;box-shadow:0 15px 30px rgba(8,66,42,.1)}.document-sheet>span{color:#08a657;font-size:14px;font-weight:800}.document-sheet>b{margin:18px 0;font-size:18px}.document-sheet>i{height:7px;margin-top:8px;border-radius:99px;background:#e4ede7}.document-sheet>i:nth-of-type(2){width:82%}.document-sheet>i:nth-of-type(3){width:63%}.document-sheet>em{margin-top:auto;color:#71847a;font-size:14px;font-style:normal}.approval-stamp{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #08a657;border-radius:50%;color:#087b44;text-align:center;transform:rotate(-7deg)}.approval-stamp>i{font-size:27px;font-style:normal}.approval-stamp>b{font-size:14px}.approval-stamp>span{font-size:14px}.library-upload{display:flex;flex-direction:column}.library-upload>header,.library-security>header,.library-supersede>header{display:flex;align-items:center;justify-content:space-between}.library-upload>header span,.library-security>header span{color:#71847a;font-size:14px}.library-upload>label{margin-top:13px;color:#71847a;font-size:14px}.library-upload>label strong{margin-top:4px;padding:9px;display:block;border:1px solid #dce8e0;border-radius:9px;background:#fff;color:#092f24;font-size:14px}.library-upload>div{margin-top:12px;padding:10px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#e8f8ed;font-size:14px}.library-upload>div i{margin-right:7px;color:#08a657;font-style:normal;font-weight:800}.library-upload>div em{color:#08a657;font-style:normal}.library-upload>button,.announcement-compose>button{margin-top:auto;min-height:40px;border:0;border-radius:10px;background:#08a657;color:#fff;font-weight:800}.library-security>div{margin-top:13px;padding:14px;display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;border:1px solid #dfe9e3;border-radius:12px;background:#fff}.library-security>div>i{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-style:normal}.library-security>div>span{display:flex;flex-direction:column}.library-security>div small{color:#71847a;font-size:14px}.library-security>div>em{padding:6px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px;font-style:normal}.library-security>div>button{width:44px;height:25px;padding:3px;border:0;border-radius:99px;background:#c8d6ce}.library-security>div>button i{display:block;width:19px;height:19px;border-radius:50%;background:#fff}.library-security>footer{margin-top:20px;padding:10px;border-radius:10px;background:#092f24;color:#b9f065;text-align:center;font-size:14px;font-weight:800}.library-supersede{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.library-supersede>header{grid-column:1/4;color:#71847a;font-size:14px}.library-supersede>article{padding:15px;display:grid;grid-template-columns:37px 1fr;gap:8px;border-radius:12px;background:#fff}.library-supersede>article>i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.library-supersede>article>div{display:flex;flex-direction:column}.library-supersede>article small{color:#71847a;font-size:14px}.library-supersede>article>em{grid-column:1/3;margin-top:12px;color:#08a657;font-size:14px;font-style:normal;font-weight:800}.library-supersede>article.old{opacity:.58}.library-supersede>strong{color:#08a657;font-size:22px}.library-supersede>footer{grid-column:1/4;padding:10px;border-radius:9px;background:#e8f8ed;color:#087b44;text-align:center;font-size:14px}.library-announce{display:grid;grid-template-columns:1fr .68fr;gap:16px;align-items:center}.announcement-compose{height:260px;padding:18px;display:flex;flex-direction:column;border-radius:14px;background:#fff}.announcement-compose>small{color:#08a657;font-weight:800}.announcement-compose>b{margin-top:12px}.announcement-compose>p{color:#60746a;font-size:17px}.announcement-compose>span{padding:9px;border-radius:9px;background:#e8f8ed;color:#087b44;font-size:14px}.announcement-compose>span i{margin-right:6px;font-style:normal}.announcement-phone{padding:22px 14px;border:7px solid #092f24;border-radius:25px;background:#eff9f2;box-shadow:0 15px 28px rgba(8,64,41,.12)}.announcement-phone>small{color:#08a657;font-size:14px}.announcement-phone>b{display:block;margin-top:13px}.announcement-phone>p{color:#61756b;font-size:17px}
.story-design-library .story-folders{background:#092f24;color:#fff}.library-workspace{display:grid;gap:14px}.library-workspace-screen{padding:8px;border-radius:26px 26px 8px 26px;background:#fff;box-shadow:0 28px 60px rgba(0,0,0,.24);overflow:hidden}.library-workspace-screen>header{height:35px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;color:#71847a;font-size:14px}.library-workspace-screen>header span{display:flex;align-items:center;gap:5px}.library-workspace-screen>header i{width:6px;height:6px;border-radius:50%;background:#c6d5cd}.library-workspace-screen>header i:first-child{background:#08a657}.library-workspace-screen>header b{padding:5px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.library-workspace-screen>img{display:block;width:100%;border-radius:15px}.library-workspace-controls{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}.library-workspace-controls>nav{display:grid;gap:7px}.library-workspace-controls>nav button{min-height:102px;padding:15px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;text-align:left;cursor:pointer}.library-workspace-controls>nav button.active{border-color:#b9f065;background:rgba(185,240,101,.13)}.library-workspace-controls>nav span{color:#b9f065;font-size:14px}.library-workspace-controls>nav b{font-size:14px}.library-workspace-controls>nav small{grid-column:2;color:#ccd9d2;font-size:14px;line-height:1.45}.library-control-stage{position:relative;min-height:430px;border-radius:20px 20px 7px 20px;background:#fff;color:#092f24;overflow:hidden}.library-control-stage>article{position:absolute;inset:0;padding:24px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.library-control-stage>article.active{opacity:1;transform:none;pointer-events:auto}.library-control-stage>article>header>span{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.library-control-stage>article>header h3{margin:5px 0;font-size:27px}.library-control-stage>article>header p{margin:0;color:#60746a;font-size:17px;line-height:1.55}.library-control-view{margin-top:18px}.library-control-view.tree{display:grid;gap:7px}.library-control-view.tree>span{padding:12px;display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;border-radius:10px;background:#f2f8f4}.library-control-view.tree>span:first-child{border-left:3px solid #08a657;background:#e8f8ed}.library-control-view.tree>span:not(:first-child){margin-left:22px}.library-control-view.tree i{color:#08a657;font-style:normal}.library-control-view.tree small{color:#71847a;font-size:14px}.library-control-view.search>label{padding:12px;display:flex;justify-content:space-between;border:1px solid #dce7e0;border-radius:10px;color:#7a8b82}.library-control-view.search>span{margin-top:12px;padding:13px;display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;border-radius:11px;background:#e8f8ed}.library-control-view.search>span>i,.library-control-view.actions i{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#08a657;font-size:14px;font-style:normal}.library-control-view.search small{color:#71847a;font-size:14px}.library-control-view.search>em{display:block;margin-top:11px;color:#08a657;font-size:14px;font-style:normal}.library-control-view.secure>header{padding:13px;display:grid;grid-template-columns:36px 1fr;gap:9px;border-radius:11px;background:#e8f8ed}.library-control-view.secure>header>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#08a657;font-style:normal}.library-control-view.secure>header>span{display:flex;flex-direction:column}.library-control-view.secure small{color:#71847a;font-size:14px}.library-control-view.secure>div{margin-top:13px;padding:15px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dce7e0;border-radius:11px}.library-control-view.secure>div>span{display:flex;flex-direction:column}.library-control-view.secure>div button{width:46px;height:26px;padding:3px;border:0;border-radius:99px;background:#c8d5cd}.library-control-view.secure>div button i{display:block;width:20px;height:20px;border-radius:50%;background:#fff}.library-control-view.secure>em{display:block;margin-top:13px;padding:9px;border-radius:9px;background:#092f24;color:#b9f065;text-align:center;font-size:14px;font-style:normal}.library-control-view.actions>header,.library-control-view.actions>div{display:grid;grid-template-columns:35px 1fr .8fr 1fr;gap:8px;align-items:center}.library-control-view.actions>header{padding:8px;color:#7a8b82;font-size:14px}.library-control-view.actions>header span:first-child{grid-column:1/3}.library-control-view.actions>div{padding:11px;border-top:1px solid #e3ebe6;font-size:14px}.library-control-view.actions>div>em{color:#08a657;font-style:normal;font-weight:800}
.story-design-library .story-removal{background:linear-gradient(145deg,#f1f9f2,#fff)}.story-design-library .removal-demo>article{border-color:rgba(8,91,54,.16)}.story-design-library .loose-files i{background:#dff5e7}.story-design-library .one-file{background:#08a657}.story-design-library .story-checks span{background:#e8f8ed}

/* Library risk map */
.story-design-library .story-scenario{background:linear-gradient(145deg,#f5faf4,#fff)}
.story-design-library .story-scenario .story-block-head{max-width:990px}.story-design-library .story-scenario .story-block-head>.eyebrow{max-width:660px;padding:8px 12px;border-radius:99px;background:#fff1e9;color:#bd5b3d}.story-design-library .story-scenario .story-block-head h2{max-width:850px;font-size:clamp(44px,5vw,68px);line-height:.95}.library-drift{display:grid;grid-template-columns:.82fr 1.18fr;gap:12px;padding:12px;border-radius:30px 30px 8px 30px;background:#092f24;color:#fff;box-shadow:0 32px 70px rgba(6,53,38,.18)}
.drift-document{position:relative;min-height:560px;padding:24px;border-radius:21px 21px 6px 21px;background:radial-gradient(circle at 85% 10%,rgba(185,240,101,.18),transparent 32%),#0d4131;overflow:hidden}.drift-document>header{display:flex;align-items:center;justify-content:space-between;color:#b9f065;font-size:14px;font-weight:900;letter-spacing:.09em}.drift-document>header em{padding:6px 8px;border-radius:99px;background:#ff855e;color:#fff;font-style:normal}.drift-sheet{width:min(330px,88%);min-height:350px;margin:42px auto 0;padding:28px;display:flex;flex-direction:column;border-radius:9px;background:#fff;color:#092f24;box-shadow:18px 20px 0 rgba(185,240,101,.12),0 24px 50px rgba(0,0,0,.2);transform:rotate(-2deg)}.drift-sheet>small{color:#6e8378;font-size:14px;font-weight:800}.drift-sheet>i{width:46px;height:46px;margin-top:28px;display:grid;place-items:center;border-radius:12px;background:#fff0ea;color:#cb6242;font-size:14px;font-style:normal;font-weight:900}.drift-sheet>h3{margin:17px 0 4px;font-size:30px}.drift-sheet>p{margin:0;color:#bd5b3d;font-size:17px;font-weight:800}.drift-sheet>div{margin-top:22px;display:grid;gap:9px}.drift-sheet>div span{height:7px;border-radius:99px;background:#e9efeb}.drift-sheet>div span:nth-child(2){width:88%}.drift-sheet>div span:nth-child(3){width:72%}.drift-sheet>div span:nth-child(4){width:81%}.drift-sheet>footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.drift-sheet>footer b{padding:6px 8px;border-radius:7px;background:#fff0ea;color:#bd5b3d;font-size:14px}.drift-sheet>footer em{color:#72847b;font-size:14px;font-style:normal}.drift-warning{position:absolute;left:24px;right:24px;bottom:22px;padding:13px;display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center;border:1px solid rgba(255,133,94,.4);border-radius:13px;background:#173d32}.drift-warning>i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ff855e;font-style:normal;font-weight:900}.drift-warning>span{display:flex;flex-direction:column}.drift-warning small{margin-top:3px;color:#b9cbc2;font-size:14px}.drift-consequences{padding:18px;display:grid;gap:8px}.drift-consequences>header{padding:10px 8px 17px}.drift-consequences>header small{color:#b9f065;font-size:14px;font-weight:900;letter-spacing:.11em}.drift-consequences>header strong{max-width:560px;margin-top:7px;display:block;font-size:27px;line-height:1.05}.drift-consequences>article{min-height:101px;padding:14px;display:grid;grid-template-columns:27px 43px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.055);transition:.22s}.drift-consequences>article:hover,.drift-consequences>article:focus{border-color:#b9f065;background:rgba(185,240,101,.1);transform:translateX(-5px);outline:0}.drift-consequences>article>span{color:#b9f065;font-size:14px;font-weight:900}.drift-consequences>article>i{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:#b9f065;color:#092f24;font-style:normal}.drift-consequences svg{width:19px}.drift-consequences h3{margin:0 0 4px;font-size:20px}.drift-consequences p{margin:0;color:#bfd0c8;font-size:17px;line-height:1.45}.drift-consequences>article>em{padding:6px 8px;border-radius:99px;background:rgba(255,133,94,.13);color:#ff9a79;font-size:14px;font-style:normal;font-weight:900}

/* Library recall demonstration */
.story-design-library .story-removal{background:radial-gradient(circle at 90% 12%,rgba(185,240,101,.28),transparent 25%),linear-gradient(145deg,#eff8f1,#fff)}.story-design-library .story-removal .story-block-head{max-width:900px}.story-design-library .story-removal .story-block-head h2{font-size:clamp(44px,5vw,68px);line-height:.95}.library-recall{padding:22px;border:1px solid rgba(8,84,51,.14);border-radius:30px 30px 8px 30px;background:#fff;box-shadow:0 30px 65px rgba(8,68,43,.12)}.library-recall>header{display:flex;align-items:end;justify-content:space-between;padding:4px 5px 22px}.library-recall>header small{color:#08a657;font-size:14px;font-weight:900;letter-spacing:.12em}.library-recall>header h3{margin:6px 0 0;font-size:31px}.library-recall>header>span{padding:9px 11px;display:flex;align-items:center;gap:7px;border-radius:99px;background:#fff0ea;color:#bd5b3d;font-size:14px;font-weight:900}.library-recall>header>span i{width:7px;height:7px;border-radius:50%;background:#ff7650;box-shadow:0 0 0 4px rgba(255,118,80,.13)}.recall-network{position:relative;min-height:390px;padding:28px;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:center;border-radius:22px;background:#092f24;color:#fff;overflow:hidden}.recall-source{position:relative;z-index:2;min-height:235px;padding:24px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#123f31;box-shadow:14px 16px 0 rgba(185,240,101,.1)}.recall-source>span{width:max-content;padding:5px 7px;border-radius:99px;background:#ff855e;color:#fff;font-size:14px;font-weight:900}.recall-source>i{width:46px;height:46px;margin-top:25px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#c85e3e;font-size:14px;font-style:normal;font-weight:900}.recall-source>b{margin-top:15px;font-size:19px}.recall-source>small{margin-top:4px;color:#bdccc5;font-size:14px}.recall-lines{position:absolute;z-index:1;left:32%;right:46%;top:50%;height:1px;background:#b9f065;transition:.35s}.recall-lines i{position:absolute;left:100%;width:160px;height:1px;background:rgba(185,240,101,.5);transform-origin:left}.recall-lines i:nth-child(1){transform:rotate(-35deg)}.recall-lines i:nth-child(2){transform:rotate(-11deg)}.recall-lines i:nth-child(3){transform:rotate(11deg)}.recall-lines i:nth-child(4){transform:rotate(35deg)}.recall-endpoints{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px}.recall-endpoints>article{min-height:125px;padding:14px;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#114536;transition:.35s}.recall-endpoints>article>i{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal;font-weight:900}.recall-endpoints>article>span{display:flex;flex-direction:column}.recall-endpoints b{font-size:14px}.recall-endpoints small{margin-top:3px;color:#b9cbc2;font-size:14px}.recall-endpoints em{grid-column:2;width:max-content;padding:5px 7px;border-radius:99px;background:rgba(255,133,94,.14);color:#ff9b7b;font-size:14px;font-style:normal;font-weight:900}.recall-action{margin-top:12px;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}.recall-action>div{padding:15px;border-radius:14px;background:#f0f7f2}.recall-action>div>span{color:#08a657;font-size:14px;font-weight:900}.recall-action>div p{margin:5px 0 0;color:#526b5f;font-size:17px;line-height:1.45}.recall-action>button{min-width:190px;padding:13px 18px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;background:#08a657;color:#fff;font-weight:800;cursor:pointer;transition:.25s}.recall-action>button:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(8,166,87,.25)}.recall-action>button i{font-size:19px;font-style:normal}.recall-proof{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.recall-proof>span{padding:12px;display:flex;align-items:center;gap:8px;border:1px solid #e0ebe4;border-radius:11px;color:#3e5d4e;font-size:14px;font-weight:700}.recall-proof>span i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.library-recall.is-removed>header>span{background:#e8f8ed;color:#087b44}.library-recall.is-removed>header>span i{background:#08a657;box-shadow:0 0 0 4px rgba(8,166,87,.13)}.library-recall.is-removed .recall-lines{opacity:.12}.library-recall.is-removed .recall-source{opacity:.4;filter:grayscale(1)}.library-recall.is-removed .recall-endpoints>article{border-color:rgba(185,240,101,.25);background:#0d362a;opacity:.72}.library-recall.is-removed .recall-endpoints>article>i{background:#294d40;color:#9cb2a7}.library-recall.is-removed .recall-endpoints em{background:rgba(185,240,101,.12);color:#b9f065}.library-recall.is-removed .recall-endpoints em{font-size:0}.library-recall.is-removed .recall-endpoints em:after{content:"REMOVED";font-size:14px}.library-recall.is-removed .recall-action>button{background:#092f24}
@media(max-width:980px){.library-drift{grid-template-columns:1fr}.drift-document{min-height:530px}.drift-consequences>article{min-height:110px}.recall-network{grid-template-columns:.75fr 1.25fr;gap:40px}.recall-lines{display:none}}
@media(max-width:680px){.story-design-library .story-scenario .story-block-head h2,.story-design-library .story-removal .story-block-head h2{font-size:38px}.library-drift{padding:8px}.drift-document{min-height:525px;padding:18px}.drift-sheet{width:90%;padding:22px}.drift-warning{left:16px;right:16px}.drift-consequences{padding:10px}.drift-consequences>header strong{font-size:23px}.drift-consequences>article{grid-template-columns:22px 38px minmax(0,1fr);min-height:130px}.drift-consequences>article>em{grid-column:3}.drift-consequences p{font-size:17px}.library-recall{padding:10px}.library-recall>header{align-items:flex-start;gap:15px;flex-direction:column}.recall-network{padding:16px;grid-template-columns:1fr;gap:22px}.recall-source{min-height:205px}.recall-endpoints{grid-template-columns:1fr}.recall-endpoints>article{min-height:96px}.recall-action{grid-template-columns:1fr}.recall-action>button{grid-row:2}.recall-proof{grid-template-columns:1fr}}
@media(max-width:980px){.library-lifecycle>nav{overflow-x:auto}.library-lifecycle>nav button{min-width:180px}.library-lifecycle-panels>article{grid-template-columns:1fr 1.18fr}.library-workspace-controls{grid-template-columns:1fr}.library-workspace-controls>nav{grid-template-columns:1fr 1fr}.library-control-stage{min-height:460px}}
@media(max-width:680px){.story-design-library .product-story-copy>p{font-size:17px}.story-design-library .story-scenario .story-card-grid{grid-template-columns:1fr}.library-real-screen{height:135px}.library-lifecycle-panels{min-height:700px;margin:-34px 8px 8px}.library-lifecycle-panels>article{padding:18px;grid-template-columns:1fr;align-content:center}.library-lifecycle-panels h3{font-size:35px}.library-lifecycle-panels header p{font-size:17px}.library-approval,.library-upload,.library-security,.library-supersede,.library-announce{min-height:350px;padding:15px}.library-announce{grid-template-columns:1fr}.announcement-phone{display:none}.library-workspace-controls>nav{display:flex;overflow-x:auto}.library-workspace-controls>nav button{flex:0 0 250px}.library-control-stage{min-height:510px}.library-control-view.actions>header,.library-control-view.actions>div{grid-template-columns:30px 1fr}.library-control-view.actions>header span:nth-child(n+2),.library-control-view.actions>div>span,.library-control-view.actions>div>em{grid-column:2}.story-design-library .removal-demo h3{font-size:24px}}

.story-design-library .product-story-copy,.story-design-library .story-block-head{min-width:0;max-width:100%}.story-design-library .product-story-copy>p,.story-design-library .story-block-head h2,.story-design-library .story-block-intro{max-width:100%;overflow-wrap:anywhere}
@media(max-width:680px){.story-design-library .product-story-copy,.story-design-library .story-block-head{width:calc(100vw - 28px)}.story-design-library .product-story-copy h1{max-width:100%;font-size:39px;line-height:1.02}.story-design-library .story-block-head h2{width:100%;max-width:calc(100vw - 40px);font-size:36px;line-height:1.03}.story-design-library .story-block-intro{width:100%}}

/* Compact Library use-case board */
.story-design-library .story-contexts{padding:82px 0;background:linear-gradient(145deg,#f4faf3,#fff)}.story-design-library .story-contexts .story-block-head{margin-bottom:30px}.story-design-library .story-contexts .story-block-head h2{max-width:720px;font-size:clamp(40px,4.4vw,58px)}.library-context-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.library-context-grid>article{position:relative;min-height:335px;padding:18px;display:flex;flex-direction:column;border:1px solid rgba(8,90,54,.15);border-radius:21px 21px 21px 7px;background:#fff;overflow:hidden;transition:.28s}.library-context-grid>article:nth-child(even){border-radius:21px 21px 7px 21px;background:#e8f8ed}.library-context-grid>article:nth-child(3){background:linear-gradient(145deg,#b9f065,#75db9e)}.library-context-grid>article:hover,.library-context-grid>article:focus{z-index:2;border-color:#08a657;transform:translateY(-6px);box-shadow:0 20px 42px rgba(7,67,42,.13);outline:0}.library-context-grid>article>header{display:flex;align-items:center;justify-content:space-between}.library-context-grid>article>header>span{color:#08a657;font-size:14px;font-weight:800}.library-context-grid>article>header>i{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#e8f8ed;color:#08a657;font-style:normal;transition:.25s}.library-context-grid>article:nth-child(even)>header>i,.library-context-grid>article:nth-child(3)>header>i{background:#fff}.library-context-grid>article>header svg{width:17px}.library-context-grid>article:hover>header>i{transform:rotate(-9deg) scale(1.08)}.library-context-visual{height:82px;margin:13px 0 15px;display:grid;place-items:center;border-radius:14px;background:#f3f9f5;overflow:hidden}.library-context-grid>article:nth-child(even) .library-context-visual{background:rgba(255,255,255,.72)}.library-context-grid>article>small{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.library-context-grid h3{margin:5px 0 7px;font-size:23px;line-height:1}.library-context-grid p{margin:0;color:#5a7166;font-size:17px;line-height:1.5}.library-context-grid>article>footer{margin-top:auto;padding-top:11px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(8,82,50,.12);color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.library-context-grid>article>footer b{font-size:15px}.library-context-audit{width:190px;display:grid;grid-template-columns:34px 1fr 24px;gap:8px;align-items:center}.library-context-audit>i{width:33px;height:40px;display:grid;place-items:center;border-radius:7px;background:#fff;color:#08a657;font-size:14px;font-style:normal;box-shadow:0 7px 14px rgba(8,65,41,.09)}.library-context-audit>span{display:flex;flex-direction:column}.library-context-audit small{color:#70837a;font-size:14px}.library-context-audit>em{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#08a657;color:#fff;font-style:normal}.library-context-audit>strong{grid-column:1/4;padding:5px;border-radius:7px;background:#092f24;color:#b9f065;text-align:center;font-size:14px}.library-context-safety{position:relative;width:190px;display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center}.library-context-safety>span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#b9f065;color:#092f24;font-weight:900}.library-context-safety>div{display:flex;flex-direction:column}.library-context-safety small{color:#08a657;font-size:14px}.library-context-safety b{font-size:14px}.library-context-safety>div i{width:88%;height:4px;margin-top:4px;border-radius:99px;background:#dce9e1}.library-context-safety>div i:last-child{width:62%}.library-context-safety>em{position:absolute;right:0;bottom:-15px;padding:5px 7px;border-radius:99px;background:#092f24;color:#b9f065;font-size:14px;font-style:normal}.library-context-field{position:relative;width:180px}.library-context-field>div{position:relative;z-index:2;width:105px;margin:auto;padding:10px;border:5px solid #092f24;border-radius:16px;background:#fff;box-shadow:0 9px 18px rgba(7,57,37,.13)}.library-context-field>div small{color:#08a657;font-size:14px}.library-context-field>div b{display:block;font-size:14px}.library-context-field>div span,.library-context-field>div em{margin-top:5px;padding:4px;display:block;border-radius:5px;background:#eef6f0;color:#60746a;font-size:14px;font-style:normal}.library-context-field>div em{background:#e8f8ed;color:#087b44}.library-context-field>i{position:absolute;width:8px;height:8px;border-radius:50%;background:#08a657}.library-context-field>i:nth-of-type(1){left:18px;top:14px}.library-context-field>i:nth-of-type(2){right:14px;bottom:9px}.library-context-onboard{position:relative;width:190px;display:grid;grid-template-columns:28px 1fr;gap:5px;align-items:center}.library-context-onboard>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal;font-weight:800}.library-context-onboard>span{display:flex;flex-direction:column}.library-context-onboard>span b{font-size:14px}.library-context-onboard>span small{color:#71847a;font-size:14px}.library-context-onboard>em{position:absolute;right:0;top:50%;padding:5px 7px;border-radius:99px;background:#092f24;color:#b9f065;font-size:14px;font-style:normal;transform:translateY(-50%)}
@media(max-width:980px){.library-context-grid{grid-template-columns:1fr 1fr}.library-context-grid>article{min-height:300px}}
@media(max-width:680px){.story-design-library .story-contexts{padding:64px 0}.library-context-grid{grid-template-columns:1fr}.library-context-grid>article{min-height:280px}.library-context-grid h3{font-size:25px}.library-context-grid p{font-size:17px}}

/* Events: all-green Tawasol journey */
.story-design-event .product-story-hero{background:radial-gradient(circle at 82% 18%,rgba(185,240,101,.38),transparent 25%),linear-gradient(135deg,#fbfcf5,#e8f8ed)}.story-design-event .product-story-screen:before{background:linear-gradient(145deg,#b9f065,#51ce8e)}.story-design-event h1,.story-design-event h2,.story-design-event h3{text-wrap:balance;overflow-wrap:anywhere}.story-design-event .product-story-copy>p{font-size:19px}.story-design-event .story-block-intro{font-size:18px!important}.story-design-event .story-costrail{background:linear-gradient(145deg,#f4faf3,#fff)}.story-design-event .story-costrail .story-card-grid article:nth-child(even){background:#e8f8ed}.story-design-event .story-costrail .story-card-grid p{font-size:17px;line-height:1.6}
.story-design-event .story-journey{background:radial-gradient(circle at 92% 8%,rgba(185,240,101,.34),transparent 24%),#f5fbf6}.event-journey>nav{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.event-journey>nav:before{content:"";position:absolute;left:8%;right:8%;top:30px;height:2px;background:linear-gradient(90deg,#08a657,#b9f065);opacity:.45}.event-journey>nav button{position:relative;z-index:1;min-height:184px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(8,91,54,.15);border-radius:17px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.event-journey>nav button:hover,.event-journey>nav button.active{border-color:#08a657;transform:translateY(-6px);box-shadow:0 17px 34px rgba(8,70,44,.12)}.event-journey>nav button.active{background:#092f24;color:#fff}.event-journey>nav button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e8f8ed;color:#08a657;font-size:14px;font-weight:800}.event-journey>nav button>i{width:39px;height:39px;margin:12px 0 9px;display:grid;place-items:center;border-radius:12px;background:#eff9f2;color:#08a657;font-style:normal}.event-journey>nav button>i svg{width:19px}.event-journey>nav button.active>i{background:#b9f065;color:#092f24}.event-journey>nav button>b{font-size:15px}.event-journey>nav button>small{margin-top:5px;color:#5b7166;font-size:14px;line-height:1.45}.event-journey>nav button.active>small{color:#cad9d1}
.event-journey-stage{position:relative;margin-top:16px;border:1px solid rgba(8,89,53,.16);border-radius:29px 29px 8px 29px;background:#eaf7ee;overflow:hidden;box-shadow:0 28px 58px rgba(7,67,42,.14)}.event-real-screen{position:relative;height:210px;overflow:hidden;background:#fff}.event-real-screen>div{position:absolute;z-index:2;left:0;right:0;top:0;height:38px;padding:0 14px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.95);border-bottom:1px solid #e0ebe4;color:#70837a;font-size:14px}.event-real-screen>div>i{width:6px;height:6px;border-radius:50%;background:#c6d5cd}.event-real-screen>div>i:first-child{background:#08a657}.event-real-screen>div>span{margin-left:5px}.event-real-screen>div>b{margin-left:auto;padding:5px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.event-real-screen>img{width:100%;transform:translateY(-2%)}.event-real-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#eaf7ee)}.event-journey-panels{position:relative;z-index:3;min-height:455px;margin:-72px 17px 17px}.event-journey-panels>article{position:absolute;inset:0;padding:27px;display:grid;grid-template-columns:.55fr 1.45fr;gap:28px;align-items:center;border:1px solid #d6e7dc;border-radius:23px;background:#fff;opacity:0;transform:translateY(14px);pointer-events:none;transition:.3s;box-shadow:0 20px 42px rgba(8,68,43,.11)}.event-journey-panels>article.active{opacity:1;transform:none;pointer-events:auto}.event-journey-panels header>span{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.event-journey-panels h3{margin:7px 0 10px;font-size:40px;line-height:.96}.event-journey-panels header p{margin:0;color:#5b7166;font-size:17px;line-height:1.6}.event-journey-panels>article>div{min-width:0}.event-build-form,.event-detail-form,.event-publish-form,.event-approval-form,.event-certificate-form{min-height:330px;padding:21px;border:1px solid #dfe9e3;border-radius:18px;background:#f7fbf8}
.event-build-form{display:flex;flex-direction:column}.event-build-form>header,.event-detail-form>header,.event-approval-form>header{display:flex;align-items:center;justify-content:space-between}.event-build-form>header span,.event-detail-form>header span,.event-approval-form>header span{color:#08a657;font-size:14px}.event-banner-field{margin-top:12px;padding:13px;display:grid;grid-template-columns:40px 1fr;gap:10px;border:1px dashed #8fc6a2;border-radius:11px;background:#fff}.event-banner-field>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-style:normal}.event-banner-field>span{display:flex;flex-direction:column}.event-banner-field small{color:#71847a;font-size:14px}.event-build-form>label{margin-top:10px;color:#71847a;font-size:14px}.event-build-form>label strong,.event-field-row label strong{margin-top:3px;padding:8px;display:block;border:1px solid #dce8e0;border-radius:8px;background:#fff;color:#092f24;font-size:14px}.event-field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.event-field-row label{margin-top:9px;color:#71847a;font-size:14px}.event-build-form>button{margin-top:auto;min-height:38px;border:0;border-radius:9px;background:#08a657;color:#fff;font-weight:800}.event-accordion{margin-top:15px;display:grid;gap:7px}.event-accordion>span{padding:12px;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:1px solid #dfe8e1;border-radius:10px;background:#fff}.event-accordion>span.open{border-color:#08a657;background:#e8f8ed}.event-accordion i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.event-accordion>span.open i{background:#08a657;color:#fff}.event-accordion em{color:#71847a;font-size:14px;font-style:normal}.event-detail-form>footer{margin-top:14px;color:#60746a;font-size:14px}.event-publish-form{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.event-status-card{min-height:180px;padding:18px;display:flex;flex-direction:column;border:1px solid #dce7e0;border-radius:13px;background:#fff}.event-status-card small{color:#71847a}.event-status-card strong{margin-top:35px;font-size:20px}.event-status-card span{margin-top:5px;color:#60746a;font-size:14px}.event-status-card.live{border-color:#08a657;background:#e8f8ed}.event-status-card.live strong{color:#08a657}.event-publish-arrow{color:#08a657;font-size:23px}.event-publish-form>button{grid-column:1/4;min-height:42px;border:0;border-radius:10px;background:#08a657;color:#fff;font-weight:800}.event-approval-form>article{margin-top:10px;padding:11px;display:grid;grid-template-columns:35px 1fr auto auto;gap:8px;align-items:center;border:1px solid #dfe8e2;border-radius:11px;background:#fff}.event-approval-form>article>i{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.event-approval-form>article>span{display:flex;flex-direction:column}.event-approval-form>article small{color:#71847a;font-size:14px}.event-approval-form>article button{padding:7px 8px;border:1px solid #08a657;border-radius:8px;background:#fff;color:#087b44;font-size:14px}.event-approval-form>article button:first-of-type{background:#08a657;color:#fff}.event-approval-form>footer{margin-top:15px;color:#60746a;font-size:14px}.event-certificate-form{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;align-items:center}.certificate-sheet{height:240px;padding:24px;display:flex;flex-direction:column;align-items:center;border:8px double #b9f065;border-radius:8px;background:#fff;text-align:center;box-shadow:0 13px 25px rgba(8,64,41,.08)}.certificate-sheet>span{color:#08a657;font-size:14px;font-weight:800}.certificate-sheet>small{margin-top:24px;color:#71847a;font-size:14px}.certificate-sheet>b{margin-top:13px;font-size:20px}.certificate-sheet>p{color:#60746a;font-size:17px}.certificate-sheet>i{width:45px;height:2px;margin-top:auto;background:#08a657}.event-certificate-form>aside{display:flex;flex-direction:column}.event-certificate-form>aside small{color:#71847a}.event-certificate-form>aside strong{color:#08a657;font-size:47px;line-height:1}.event-certificate-form>aside span{font-size:14px}.event-certificate-form>aside button{margin-top:20px;padding:10px;border:0;border-radius:9px;background:#092f24;color:#b9f065;font-weight:800}
.story-design-event .story-counter{background:linear-gradient(145deg,#f4faf3,#fff)}.story-design-event .event-counter{background:#092f24}.story-design-event .story-calendar{background:#fff}.story-design-event .calendar-demo{border-color:rgba(8,91,54,.16)}.story-design-event .calendar-date{background:#e8f8ed}.story-design-event .calendar-demo>span{background:#e8f8ed;color:#08a657}
@media(max-width:980px){.event-journey>nav{overflow-x:auto}.event-journey>nav button{min-width:180px}.event-journey-panels>article{grid-template-columns:1fr 1.2fr}}
@media(max-width:680px){.story-design-event .product-story-copy,.story-design-event .story-block-head{min-width:0;width:calc(100vw - 28px);max-width:100%}.story-design-event .product-story-copy h1{font-size:38px;line-height:1.02}.story-design-event .product-story-copy>p{max-width:100%;font-size:17px;overflow-wrap:anywhere}.story-design-event .story-block-head h2{max-width:calc(100vw - 40px);font-size:36px;line-height:1.03}.event-real-screen{height:135px}.event-journey-panels{min-height:720px;margin:-34px 8px 8px}.event-journey-panels>article{padding:18px;grid-template-columns:1fr;align-content:center}.event-journey-panels h3{font-size:35px}.event-journey-panels header p{font-size:17px}.event-build-form,.event-detail-form,.event-publish-form,.event-approval-form,.event-certificate-form{min-height:370px;padding:15px}.event-publish-form{grid-template-columns:1fr}.event-publish-arrow{transform:rotate(90deg);text-align:center}.event-publish-form>button{grid-column:1}.event-approval-form>article{grid-template-columns:34px 1fr}.event-approval-form>article button{grid-column:2}.event-certificate-form{grid-template-columns:1fr}.event-certificate-form>aside{display:none}.story-design-event .story-costrail .story-card-grid{grid-template-columns:1fr}}

/* Ticketing, Tracking and Administration: green product workflows */
.story-design-ticketing .product-story-hero,.story-design-administration .product-story-hero{background:radial-gradient(circle at 82% 18%,rgba(185,240,101,.38),transparent 25%),linear-gradient(135deg,#fbfcf5,#e8f8ed)}.story-design-ticketing .product-story-screen:before,.story-design-administration .product-story-screen:before{background:linear-gradient(145deg,#b9f065,#51ce8e)}.story-design-ticketing h1,.story-design-ticketing h2,.story-design-ticketing h3,.story-design-tracking h1,.story-design-tracking h2,.story-design-tracking h3,.story-design-administration h1,.story-design-administration h2,.story-design-administration h3{text-wrap:balance;overflow-wrap:anywhere}.story-design-ticketing .product-story-copy>p,.story-design-tracking .product-story-copy>p,.story-design-administration .product-story-copy>p{font-size:19px}.story-design-ticketing .story-block-intro,.story-design-tracking .story-block-intro,.story-design-administration .story-block-intro{font-size:18px!important}.story-design-ticketing .story-stories,.story-design-ticketing .story-inbox,.story-design-administration .story-adoption{background:linear-gradient(145deg,#f4faf3,#fff)}.story-design-ticketing .story-stories .story-card-grid article:after{color:#08a657;content:"DEAD END"}.story-design-ticketing .story-stories .story-card-grid p,.story-design-ticketing .story-inbox .story-card-grid p,.story-design-tracking .story-operations .story-card-grid p,.story-design-administration .story-adoption .story-card-grid p{font-size:17px;line-height:1.6}.story-design-administration .story-deployment{background:linear-gradient(135deg,#e8f8ed,#f8fbf4)}.story-design-administration .story-matrix-deployment button{border-color:rgba(8,91,54,.18)!important}.story-design-administration .story-matrix-deployment button.active{background:#092f24}
.tawasol-process>nav{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.tawasol-process>nav:before{content:"";position:absolute;left:8%;right:8%;top:30px;height:2px;background:linear-gradient(90deg,#08a657,#b9f065);opacity:.45}.tawasol-process>nav button{position:relative;z-index:1;min-height:184px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(8,91,54,.15);border-radius:17px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.tawasol-process>nav button:hover,.tawasol-process>nav button.active{border-color:#08a657;transform:translateY(-6px);box-shadow:0 17px 34px rgba(8,70,44,.12)}.tawasol-process>nav button.active{background:#092f24;color:#fff}.tawasol-process>nav button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e8f8ed;color:#08a657;font-size:14px;font-weight:800}.tawasol-process>nav button>i{width:39px;height:39px;margin:12px 0 9px;display:grid;place-items:center;border-radius:12px;background:#eff9f2;color:#08a657;font-style:normal}.tawasol-process>nav button>i svg{width:19px}.tawasol-process>nav button.active>i{background:#b9f065;color:#092f24}.tawasol-process>nav button>b{font-size:15px;line-height:1.15}.tawasol-process>nav button>small{margin-top:5px;color:#5b7166;font-size:14px;line-height:1.42}.tawasol-process>nav button.active>small{color:#cad9d1}.story-design-tracking .tawasol-process>nav button{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff}.story-design-tracking .tawasol-process>nav button.active{border-color:#b9f065;background:#08a657}.story-design-tracking .tawasol-process>nav button>small{color:#bed0c7}
.tawasol-process-stage{position:relative;margin-top:16px;border:1px solid rgba(8,89,53,.16);border-radius:29px 29px 8px 29px;background:#eaf7ee;overflow:hidden;box-shadow:0 28px 58px rgba(7,67,42,.14)}.process-real-screen{position:relative;height:210px;overflow:hidden;background:#fff}.process-real-screen>div{position:absolute;z-index:2;left:0;right:0;top:0;height:38px;padding:0 14px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.95);border-bottom:1px solid #e0ebe4;color:#70837a;font-size:14px}.process-real-screen>div>i{width:6px;height:6px;border-radius:50%;background:#c6d5cd}.process-real-screen>div>i:first-child{background:#08a657}.process-real-screen>div>span{margin-left:5px}.process-real-screen>div>b{margin-left:auto;padding:5px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.process-real-screen>img{width:100%;transform:translateY(-2%)}.process-real-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#eaf7ee)}.tawasol-process-panels{position:relative;z-index:3;min-height:455px;margin:-72px 17px 17px}.tawasol-process-panels>article{position:absolute;inset:0;padding:27px;display:grid;grid-template-columns:.55fr 1.45fr;gap:28px;align-items:center;border:1px solid #d6e7dc;border-radius:23px;background:#fff;color:#092f24;opacity:0;transform:translateY(14px);pointer-events:none;transition:.3s;box-shadow:0 20px 42px rgba(8,68,43,.11)}.tawasol-process-panels>article.active{opacity:1;transform:none;pointer-events:auto}.tawasol-process-panels header>span{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.tawasol-process-panels h3{margin:7px 0 10px;font-size:40px;line-height:.96}.tawasol-process-panels header p{margin:0;color:#5b7166;font-size:17px;line-height:1.6}.tawasol-process-panels>article>div{min-width:0}.ticket-submit,.ticket-evidence,.ticket-route,.ticket-thread,.ticket-close,.track-assign,.track-live,.track-report,.track-safety,.track-review{min-height:330px;padding:21px;border:1px solid #dfe9e3;border-radius:18px;background:#f7fbf8}
.ticket-submit,.track-assign{display:flex;flex-direction:column}.ticket-submit>header,.ticket-evidence>header,.ticket-route>header,.track-assign>header,.track-report>header,.track-review>header{display:flex;align-items:center;justify-content:space-between}.ticket-submit>header span,.ticket-evidence>header span,.ticket-route>header span,.track-assign>header span,.track-report>header span,.track-review>header span{color:#08a657;font-size:14px}.ticket-submit>label,.track-assign>label,.track-assign>div label{margin-top:12px;color:#71847a;font-size:14px}.ticket-submit>label strong,.track-assign label strong{margin-top:3px;padding:10px;display:block;border:1px solid #dce8e0;border-radius:9px;background:#fff;color:#092f24;font-size:14px}.ticket-submit>div{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.ticket-submit>div>button,.admin-behaviour-step button{width:45px;height:25px;padding:3px;border:0;border-radius:99px;background:#08a657}.ticket-submit>div>button i,.admin-behaviour-step button i{display:block;width:19px;height:19px;margin-left:auto;border-radius:50%;background:#fff}.ticket-submit>button,.track-assign>button{margin-top:auto;min-height:40px;border:0;border-radius:10px;background:#08a657;color:#fff;font-weight:800}.ticket-evidence>div{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ticket-evidence article{min-height:150px;padding:14px;display:flex;flex-direction:column;border-radius:12px;background:#fff}.ticket-evidence article>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-style:normal}.ticket-evidence article>b{margin-top:auto}.ticket-evidence article small{color:#71847a;font-size:14px}.ticket-evidence footer,.track-report footer{margin-top:17px;color:#60746a;font-size:14px}.ticket-route>div{margin-top:35px;display:flex;align-items:center;justify-content:center;gap:8px}.ticket-route>div span,.ticket-route>div strong{padding:9px;border-radius:9px;background:#fff;font-size:14px}.ticket-route>div strong{background:#092f24;color:#b9f065}.ticket-route>div i{color:#08a657;font-style:normal}.ticket-route>article{margin-top:30px;padding:13px;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border-radius:12px;background:#e8f8ed}.ticket-route>article>i,.ticket-thread>header>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#08a657;font-size:14px;font-style:normal}.ticket-route>article>span,.ticket-thread>header>span{display:flex;flex-direction:column}.ticket-route>article small,.ticket-thread>header small{color:#71847a;font-size:14px}.ticket-route>article>em,.ticket-thread>header>em{color:#08a657;font-size:14px;font-style:normal;font-weight:800}.ticket-thread>header{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center}.ticket-thread>p{max-width:78%;padding:11px;border-radius:12px 12px 12px 4px;font-size:17px}.ticket-thread>p.incoming{margin-top:25px;background:#fff}.ticket-thread>p.outgoing{margin-left:auto;border-radius:12px 12px 4px 12px;background:#e8f8ed}.ticket-thread>footer{margin-top:26px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe8e2;color:#71847a;font-size:14px}.ticket-thread>footer button{padding:8px;border:1px solid #08a657;border-radius:8px;background:#fff;color:#08a657}.close-record{padding:17px;display:grid;grid-template-columns:46px 1fr;gap:12px;border-radius:14px;background:#092f24;color:#fff}.close-record>i{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#b9f065;color:#092f24;font-style:normal}.close-record>span{display:flex;flex-direction:column}.close-record small{color:#b9f065}.close-record em{color:#bcd0c6;font-size:14px;font-style:normal}.ticket-close>div:nth-child(2){margin:18px 0;display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px;border-radius:12px;background:#fff;font-size:14px}.ticket-close>button{width:100%;padding:10px;border:0;border-radius:9px;background:#08a657;color:#fff;font-weight:800}
.track-assign>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.track-live{display:grid;grid-template-columns:1.3fr .7fr;gap:15px;align-items:center}.mini-map{position:relative;height:275px;border-radius:14px;background:linear-gradient(30deg,transparent 48%,rgba(8,166,87,.12) 49% 51%,transparent 52%),linear-gradient(-25deg,#eff8f1,#fff);overflow:hidden}.mini-map>i{position:absolute;left:var(--x);top:var(--y);width:17px;height:17px;border:4px solid #fff;border-radius:50% 50% 50% 0;background:#08a657;box-shadow:0 5px 12px rgba(7,65,42,.2);transform:rotate(-45deg)}.mini-map>span{position:absolute;left:22%;top:65%;width:55%;height:3px;background:#08a657;transform:rotate(-20deg)}.mini-map>b{position:absolute;left:14px;top:14px;padding:7px;border-radius:8px;background:#092f24;color:#b9f065;font-size:14px}.track-live>aside{display:flex;flex-direction:column}.track-live>aside small{color:#08a657}.track-live>aside strong{font-size:17px}.track-live>aside span{margin-top:8px;color:#60746a;font-size:14px}.track-report>div{margin-top:20px;padding:14px;display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;border-radius:12px;background:#fff}.track-report>div>i{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.track-report>div>span{display:flex;flex-direction:column}.track-report>div small{color:#71847a;font-size:14px}.track-report>div>em{color:#08a657;font-size:14px;font-style:normal}.track-report>p{margin-top:22px;color:#536c60;font-size:17px}.track-safety{display:grid;grid-template-columns:1fr .8fr;gap:16px;align-items:center}.safety-radar{position:relative;width:230px;height:230px;margin:auto;display:grid;place-items:center;border:1px solid rgba(8,166,87,.25);border-radius:50%}.safety-radar>i{position:absolute;border:1px solid rgba(8,166,87,.2);border-radius:50%}.safety-radar>i:nth-child(1){width:170px;height:170px}.safety-radar>i:nth-child(2){width:110px;height:110px}.safety-radar>i:nth-child(3){width:2px;height:100%;border:0;background:linear-gradient(transparent,#08a657);transform-origin:bottom;animation:radarSweep 4s linear infinite}.safety-radar>b{z-index:2;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#08a657;color:#fff}.track-safety>aside{display:flex;flex-direction:column}.track-safety>aside small{color:#08a657}.track-safety>aside strong{font-size:18px}.track-safety>aside span{margin-top:8px;color:#60746a;font-size:14px}.track-safety>aside button{margin-top:20px;padding:9px;border:0;border-radius:9px;background:#092f24;color:#b9f065}.track-review>div{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.track-review article{padding:15px;display:flex;flex-direction:column;border-radius:11px;background:#fff}.track-review article small{color:#71847a;font-size:14px}.track-review article strong{color:#08a657;font-size:27px}.track-review>p{margin-top:26px;color:#536c60;font-size:17px}.track-review>p span{width:8px;height:8px;margin-right:7px;display:inline-block;border-radius:50%;background:#08a657}@keyframes radarSweep{to{transform:rotate(360deg)}}
.administration-workflow{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}.administration-workflow>nav{display:grid;gap:7px}.administration-workflow>nav button{min-height:95px;padding:13px;display:grid;grid-template-columns:28px 40px 1fr;gap:9px;align-items:center;border:1px solid rgba(8,91,54,.15);border-radius:14px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.administration-workflow>nav button:hover,.administration-workflow>nav button.active{border-color:#08a657;background:#092f24;color:#fff;transform:translateX(6px)}.administration-workflow>nav button>span{color:#08a657;font-size:14px}.administration-workflow>nav button>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e8f8ed;color:#08a657;font-style:normal}.administration-workflow>nav button>i svg{width:18px}.administration-workflow>nav button>div{display:flex;flex-direction:column}.administration-workflow>nav button b{font-size:14px}.administration-workflow>nav button small{margin-top:3px;color:#61766b;font-size:14px;line-height:1.4}.administration-workflow>nav button.active small{color:#c5d5cd}.administration-workspace{border:1px solid rgba(8,89,53,.16);border-radius:27px 27px 8px 27px;background:#eaf7ee;overflow:hidden;box-shadow:0 25px 55px rgba(7,67,42,.13)}.admin-real-screen{position:relative;height:190px;overflow:hidden}.admin-real-screen>div{position:absolute;z-index:2;left:0;right:0;top:0;height:36px;padding:0 13px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.95);color:#70837a;font-size:14px}.admin-real-screen>div>i{width:6px;height:6px;border-radius:50%;background:#c6d5cd}.admin-real-screen>div>i:first-child{background:#08a657}.admin-real-screen>div>span{margin-left:5px}.admin-real-screen>div>b{margin-left:auto;padding:5px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.admin-real-screen>img{width:100%}.admin-real-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#eaf7ee)}.admin-workflow-panels{position:relative;z-index:3;min-height:510px;margin:-62px 13px 13px}.admin-workflow-panels>article{position:absolute;inset:0;padding:24px;display:grid;grid-template-columns:.55fr 1.45fr;gap:23px;align-items:center;border:1px solid #d7e7dd;border-radius:20px;background:#fff;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.admin-workflow-panels>article.active{opacity:1;transform:none;pointer-events:auto}.admin-workflow-panels header>span{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.admin-workflow-panels h3{margin:6px 0 9px;font-size:34px;line-height:.98}.admin-workflow-panels header p{margin:0;color:#5b7166;font-size:17px;line-height:1.6}.admin-brand-step,.admin-name-step,.admin-login-step,.admin-role-step,.admin-behaviour-step,.admin-identity-step{min-height:380px;padding:20px;border:1px solid #dfe9e3;border-radius:17px;background:#f7fbf8}.admin-brand-step{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.logo-drop{padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #91c6a4;border-radius:13px;background:#fff}.logo-drop>span{color:#08a657;font-size:35px;font-weight:800}.logo-drop small{color:#71847a}.logo-drop button{margin-top:25px;padding:9px;border:1px solid #08a657;border-radius:8px;background:#fff;color:#08a657}.color-setting{padding:14px;display:grid;grid-template-columns:35px 1fr;gap:8px;align-content:center}.color-setting small{grid-column:1/3;color:#71847a}.color-setting i{width:33px;height:33px;border-radius:9px;background:#08a657}.color-setting i:nth-of-type(2){background:#092f24}.color-setting strong{padding:8px;border-radius:8px;background:#fff;font-size:14px}.admin-name-step{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:15px;align-items:center}.admin-name-step>label,.admin-login-step>label,.admin-identity-step>label{color:#71847a;font-size:14px}.admin-name-step>label strong,.admin-login-step>label strong,.admin-identity-step>label strong{margin-top:4px;padding:10px;display:block;border:1px solid #dce8e0;border-radius:9px;background:#fff;color:#092f24;font-size:14px}.admin-phone-preview{height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #092f24;border-radius:25px;background:linear-gradient(145deg,#08a657,#b9f065);color:#fff}.admin-phone-preview span{font-size:28px;font-weight:800}.admin-name-step>em{position:absolute;left:20px;bottom:70px;color:#08a657;font-size:14px;font-style:normal}.admin-login-step{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-login-step>header{grid-column:1/3;display:flex;justify-content:space-between}.admin-login-step>header span{color:#08a657;font-size:14px}.admin-login-step>div{grid-column:1/3;padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border-radius:13px;background:#092f24;color:#fff}.admin-login-step>div small,.admin-login-step>div b{grid-column:1/3}.admin-login-step>div small{color:#b9f065}.admin-login-step>div span{padding:9px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#c6d5cd;font-size:14px}.admin-role-step>header,.admin-behaviour-step>header{display:flex;justify-content:space-between}.admin-role-step>header button{padding:7px;border:0;border-radius:8px;background:#08a657;color:#fff}.admin-role-step>article{margin-top:13px;padding:13px;display:grid;grid-template-columns:37px 1fr auto;gap:9px;align-items:center;border-radius:11px;background:#fff}.admin-role-step>article>i,.admin-identity-step>header>i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.admin-role-step>article>span,.admin-identity-step>header>span{display:flex;flex-direction:column}.admin-role-step small,.admin-identity-step small{color:#71847a;font-size:14px}.admin-role-step>article>em,.admin-identity-step>header>em{color:#08a657;font-size:14px;font-style:normal}.admin-behaviour-step>header span{color:#08a657;font-size:14px}.admin-behaviour-step>div{margin-top:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;border-radius:11px;background:#fff}.admin-behaviour-step>div>span{display:flex;flex-direction:column}.admin-behaviour-step small{color:#71847a;font-size:14px}.admin-behaviour-step>div>em{color:#08a657;font-size:14px;font-style:normal}.admin-identity-step>header{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.admin-identity-step>label{display:block;margin-top:17px}.admin-identity-step>footer{margin-top:25px;padding:11px;border-radius:9px;background:#092f24;color:#b9f065;text-align:center;font-size:14px}
@media(max-width:980px){.tawasol-process>nav{overflow-x:auto}.tawasol-process>nav button{min-width:180px}.tawasol-process-panels>article{grid-template-columns:1fr 1.2fr}.administration-workflow{grid-template-columns:1fr}.administration-workflow>nav{display:flex;overflow-x:auto}.administration-workflow>nav button{flex:0 0 260px}.admin-workflow-panels>article{grid-template-columns:1fr 1.2fr}}
@media(max-width:680px){.story-design-ticketing .product-story-copy,.story-design-ticketing .story-block-head,.story-design-tracking .product-story-copy,.story-design-tracking .story-block-head,.story-design-administration .product-story-copy,.story-design-administration .story-block-head{min-width:0;width:calc(100vw - 28px);max-width:100%}.story-design-ticketing .product-story-copy h1,.story-design-tracking .product-story-copy h1,.story-design-administration .product-story-copy h1{font-size:38px;line-height:1.02}.story-design-ticketing .product-story-copy>p,.story-design-tracking .product-story-copy>p,.story-design-administration .product-story-copy>p{max-width:100%;font-size:17px;overflow-wrap:anywhere}.process-real-screen{height:135px}.tawasol-process-panels{min-height:735px;margin:-34px 8px 8px}.tawasol-process-panels>article{padding:18px;grid-template-columns:1fr;align-content:center}.tawasol-process-panels h3{font-size:35px}.tawasol-process-panels header p{font-size:17px}.ticket-submit,.ticket-evidence,.ticket-route,.ticket-thread,.ticket-close,.track-assign,.track-live,.track-report,.track-safety,.track-review{min-height:380px;padding:15px}.ticket-evidence>div{grid-template-columns:1fr}.ticket-evidence article{min-height:80px}.ticket-route>div{flex-wrap:wrap}.track-live,.track-safety{grid-template-columns:1fr}.mini-map{height:240px}.safety-radar{width:210px;height:210px}.admin-real-screen{height:130px}.admin-workflow-panels{min-height:760px;margin:-30px 8px 8px}.admin-workflow-panels>article{padding:18px;grid-template-columns:1fr;align-content:center}.admin-workflow-panels h3{font-size:32px}.admin-brand-step,.admin-name-step,.admin-login-step,.admin-role-step,.admin-behaviour-step,.admin-identity-step{min-height:410px;padding:14px}.admin-brand-step,.admin-name-step{grid-template-columns:1fr}.admin-phone-preview{height:210px}.admin-name-step>em{display:none}}
@media(prefers-reduced-motion:reduce){.safety-radar>i:nth-child(3){animation:none}}

.story-design-tracking .story-operations .story-card-grid,.story-design-administration .story-adoption .story-card-grid{grid-template-columns:1fr 1fr}.story-design-tracking .story-operations .story-card-grid article,.story-design-administration .story-adoption .story-card-grid article{min-height:220px}.story-design-tracking .story-operations .story-card-grid article:nth-child(even),.story-design-administration .story-adoption .story-card-grid article:nth-child(even){background:#e8f8ed}
@media(max-width:680px){.story-design-tracking .story-operations .story-card-grid,.story-design-administration .story-adoption .story-card-grid{grid-template-columns:1fr}}

.story-design-ticketing .story-block-head,.story-design-tracking .story-block-head,.story-design-administration .story-block-head,.story-design-ticketing .story-card-grid article,.story-design-tracking .story-card-grid article,.story-design-administration .story-card-grid article{min-width:0;max-width:100%}.story-design-ticketing .story-card-grid h3,.story-design-ticketing .story-card-grid p,.story-design-tracking .story-card-grid h3,.story-design-tracking .story-card-grid p,.story-design-administration .story-card-grid h3,.story-design-administration .story-card-grid p{max-width:100%;overflow-wrap:anywhere}
@media(max-width:680px){.story-design-ticketing .story-block-head h2,.story-design-tracking .story-block-head h2,.story-design-administration .story-block-head h2{width:100%;max-width:calc(100vw - 40px);font-size:36px;line-height:1.03;overflow-wrap:anywhere}.story-design-ticketing .story-block-intro,.story-design-tracking .story-block-intro,.story-design-administration .story-block-intro{width:100%;max-width:calc(100vw - 40px);overflow-wrap:anywhere}}

/* Ticketing request-specific experiences */
.ticket-dead-ends{padding:16px;border-radius:30px 30px 8px 30px;background:#092f24;color:#fff;box-shadow:0 30px 70px rgba(7,55,39,.18)}.ticket-dead-ends>header,.ticket-dead-ends>article{display:grid;grid-template-columns:1fr .72fr 1.18fr;gap:24px;align-items:center}.ticket-dead-ends>header{padding:5px 17px 12px;color:#8eaa9d;font-size:14px;font-weight:900;letter-spacing:.1em}.ticket-dead-ends>article{min-height:145px;margin-top:8px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.055);transition:.25s}.ticket-dead-ends>article:hover{border-color:#b9f065;transform:translateX(5px)}.dead-request,.dead-outcome{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.dead-request>i,.dead-outcome>em{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#b9f065;color:#092f24;font-style:normal}.dead-request svg{width:21px}.dead-request>span,.dead-outcome>span{display:flex;flex-direction:column}.dead-request small{color:#b9f065;font-size:14px;font-weight:900}.dead-request b{margin-top:4px;font-size:17px}.dead-route{display:flex;align-items:center;gap:8px;color:#c2d2ca;font-size:14px}.dead-route>i{flex:1;height:1px;border-top:1px dashed #6e8f80}.dead-outcome{padding:12px;border-radius:13px;background:rgba(255,122,82,.08)}.dead-outcome>em{background:#ff855e;color:#fff;font-size:20px}.dead-outcome b{color:#ff9d7e;font-size:14px}.dead-outcome small{margin-top:4px;color:#d2dfd8;font-size:14px;line-height:1.45}.ticket-dead-ends>footer{margin-top:12px;padding:17px;display:flex;align-items:center;justify-content:center;gap:22px;border-radius:14px;background:#b9f065;color:#092f24}.ticket-dead-ends>footer i{font-style:normal;font-size:20px}.ticket-dead-ends>footer strong{font-size:17px}
.ticket-inbox{padding:14px;border-radius:30px 30px 8px 30px;background:#092f24;color:#fff}.ticket-inbox>nav{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.ticket-inbox>nav button{min-height:84px;padding:11px;display:flex;flex-direction:column;border:0;border-radius:12px;background:#124536;color:#fff;text-align:left;cursor:pointer}.ticket-inbox>nav button.active{background:#b9f065;color:#092f24}.ticket-inbox>nav span{font-size:14px;font-weight:900}.ticket-inbox>nav b{margin-top:5px;font-size:14px}.ticket-inbox>nav small{margin-top:3px;color:#b9cbc2;font-size:14px}.ticket-inbox>nav button.active small{color:#3c614f}.ticket-inbox-stage{position:relative;min-height:460px;margin-top:10px;border-radius:22px 22px 6px 22px;background:#fff;color:#092f24;overflow:hidden}.ticket-inbox-stage>article{position:absolute;inset:0;padding:42px;display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:.28s}.ticket-inbox-stage>article.active{opacity:1;transform:none;pointer-events:auto}.ticket-inbox-stage article>div:first-child>small{color:#08a657;font-size:14px;font-weight:900}.ticket-inbox-stage h3{margin:10px 0 14px;font-size:clamp(34px,3.4vw,48px);line-height:.96}.ticket-inbox-stage article>div:first-child>p{margin:0;color:#597064;font-size:17px;line-height:1.6}.ticket-inbox-preview{min-height:330px;padding:25px;display:grid;place-items:center;border:1px solid #dce9e1;border-radius:24px;background:linear-gradient(145deg,#edf8f0,#fff)}.ticket-inbox-preview>div{width:min(420px,100%);padding:20px;border:1px solid #dce7e0;border-radius:16px;background:#fff;box-shadow:0 20px 42px rgba(7,66,42,.12)}.inbox-evidence{display:grid;gap:8px}.inbox-evidence>span,.inbox-search>span{padding:11px;display:grid;grid-template-columns:40px 1fr;gap:10px;border-radius:11px;background:#f2f8f4}.inbox-evidence i{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal;font-weight:900}.inbox-evidence b,.inbox-search b{font-size:14px}.inbox-evidence small{color:#71847a;font-size:14px}.inbox-context header{display:flex;justify-content:space-between}.inbox-context header span{padding:6px 8px;border-radius:99px;background:#e8f8ed;color:#08a657;font-size:14px;font-weight:900}.inbox-context h4{margin:35px 0;font-size:24px}.inbox-context>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inbox-context>div span{padding:11px;display:flex;flex-direction:column;border-radius:10px;background:#f3f8f5;font-size:14px}.inbox-search label{padding:12px;display:flex;justify-content:space-between;border:1px solid #dce7e0;border-radius:10px}.inbox-search>span{margin-top:9px;grid-template-columns:48px 1fr auto}.inbox-search i,.inbox-search em{color:#08a657;font-size:14px;font-style:normal}.inbox-thread>span{margin-bottom:12px;display:grid;grid-template-columns:38px 1fr;gap:9px}.inbox-thread>span>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.inbox-thread p{margin:0;padding:10px;border-radius:10px;background:#f2f8f4;font-size:17px}.inbox-thread p b{display:block}.inbox-thread footer,.inbox-close>footer{padding:10px;border-radius:10px;background:#e8f8ed;color:#087b44;font-size:14px}.inbox-forward{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.inbox-forward>span{padding:30px 10px;border-radius:12px;background:#e8f8ed;color:#087c45;text-align:center;font-size:14px;font-weight:900}.inbox-forward>i{color:#08a657;font-size:22px;font-style:normal}.inbox-forward>footer{grid-column:1/4;padding:13px;display:flex;flex-direction:column;border-radius:11px;background:#092f24;color:#fff}.inbox-close{display:flex;flex-direction:column;align-items:center;text-align:center}.inbox-close>i{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:#08a657;color:#fff;font-size:26px;font-style:normal}.inbox-close>strong{margin-top:18px;font-size:25px}.inbox-close>span{margin:5px 0 25px;color:#60756a;font-size:14px}
.story-design-ticketing .story-anonymous{background:linear-gradient(145deg,#092f24,#0b3c2e);color:#fff}.story-design-ticketing .story-anonymous .story-block-intro{color:#c3d3cb}.ticket-protected{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}.protected-intake,.protected-record{min-height:430px;padding:27px;border-radius:25px 25px 7px 25px}.protected-intake{display:flex;flex-direction:column;background:#fff;color:#092f24}.protected-intake>header{display:flex;justify-content:space-between}.protected-intake>header span,.protected-record>small{color:#08a657;font-size:14px;font-weight:900}.protected-intake>label{margin-top:20px;color:#6c8076;font-size:14px}.protected-intake>label strong{margin-top:5px;padding:13px;display:block;border:1px solid #dce7e0;border-radius:11px;color:#092f24;font-size:14px}.protected-intake>button{margin-top:20px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid #dce7e0;border-radius:13px;background:#f4f8f5;color:#092f24;text-align:left}.protected-intake>button>i{width:46px;height:26px;padding:3px;border-radius:99px;background:#b9c8c0}.protected-intake>button>i:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:.25s}.protected-intake>button.active>i{background:#08a657}.protected-intake>button.active>i:after{transform:translateX(20px)}.protected-intake>button>span{display:flex;flex-direction:column}.protected-intake>button b{font-size:14px}.protected-intake>button small{font-size:14px}.protected-intake>footer{margin-top:auto;padding:13px;display:flex;flex-direction:column;border-radius:11px;background:#092f24;color:#fff}.protected-record{background:#e8f8ed;color:#092f24}.protected-person{margin-top:22px;padding:17px;display:grid;grid-template-columns:48px 1fr auto;gap:11px;align-items:center;border-radius:14px;background:#fff}.protected-person>i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#e8f8ed;color:#08a657;font-size:14px;font-style:normal}.protected-person>span{display:flex;flex-direction:column}.protected-person b{font-size:14px}.protected-person em{padding:6px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px;font-style:normal}.protected-route{margin-top:13px;display:grid;gap:7px}.protected-route>span{padding:12px;display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;border-radius:11px;background:#fff}.protected-route>span i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#b9f065;font-size:14px;font-style:normal}.protected-route>span b{font-size:14px}.protected-record>p{font-size:17px;line-height:1.5}.protected-outcomes{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:8px}.protected-outcomes>span{padding:14px;display:grid;grid-template-columns:25px 1fr auto;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06)}.protected-outcomes>span i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#b9f065;color:#092f24;font-size:14px;font-style:normal}.protected-outcomes>span b{font-size:14px}.protected-outcomes>span em{color:#b9f065;font-size:14px;font-style:normal}.ticket-protected.is-protected .protected-person>i,.ticket-protected.is-protected .protected-person em{background:#092f24;color:#b9f065}
.story-design-ticketing .ticket-context-experience{grid-template-columns:340px minmax(0,1fr);gap:16px}.story-design-ticketing .ticket-context-experience>nav button{min-height:118px;padding:17px;grid-template-columns:30px 1fr auto;gap:12px}.story-design-ticketing .ticket-context-experience>nav button>span{font-size:14px}.story-design-ticketing .ticket-context-experience>nav button small{font-size:14px}.story-design-ticketing .ticket-context-experience>nav button b{margin-top:5px;font-size:16px;line-height:1.25}.story-design-ticketing .ticket-context-experience>nav button>i{font-size:18px}
@media(max-width:980px){.ticket-inbox>nav{overflow-x:auto;grid-template-columns:repeat(6,150px)}.ticket-inbox-stage>article{gap:25px;padding:32px}.story-design-ticketing .ticket-context-experience{grid-template-columns:1fr}.story-design-ticketing .ticket-context-experience>nav button{flex-basis:260px}}
@media(max-width:680px){.ticket-dead-ends>header{display:none}.ticket-dead-ends>article{grid-template-columns:1fr;gap:12px}.ticket-dead-ends>footer{align-items:flex-start;flex-direction:column}.ticket-inbox-stage{min-height:680px}.ticket-inbox-stage>article{padding:24px;grid-template-columns:1fr;gap:24px;align-content:center}.ticket-inbox-stage h3{font-size:34px}.ticket-inbox-preview{min-height:300px;padding:14px}.ticket-protected{grid-template-columns:1fr}.protected-intake,.protected-record{min-height:410px;padding:20px}.protected-outcomes{grid-column:1;grid-template-columns:1fr}.story-design-ticketing .ticket-context-experience>nav button{flex-basis:250px;min-height:110px}}

/* Tracking 07: contained sovereignty and field-day modules */
.story-design-tracking .story-sovereignty,.story-design-tracking .story-day{padding:88px 0}.story-design-tracking .story-sovereignty>.section-shell,.story-design-tracking .story-day>.section-shell{width:min(980px,calc(100vw - 48px))}.story-design-tracking .story-sovereignty{background:linear-gradient(145deg,#f3faf5,#fff);color:#092f24}.story-design-tracking .story-sovereignty .story-block-head,.story-design-tracking .story-day .story-block-head{max-width:760px;margin-bottom:30px}.story-design-tracking .story-sovereignty .story-block-head h2,.story-design-tracking .story-day .story-block-head h2{font-size:clamp(42px,4.6vw,60px);line-height:.96}.tracking-boundary{padding:12px;display:grid;grid-template-columns:1.05fr .95fr;gap:12px;border-radius:29px 29px 8px 29px;background:#092f24;color:#fff;box-shadow:0 28px 60px rgba(7,60,42,.17)}.boundary-map{min-height:430px;padding:17px;display:flex;flex-direction:column;border:1px solid rgba(185,240,101,.2);border-radius:20px 20px 6px 20px;background:#0e3e30}.boundary-map>header{display:flex;align-items:center;justify-content:space-between;color:#a9beb4;font-size:14px}.boundary-map>header span{display:flex;align-items:center;gap:5px}.boundary-map>header span i{width:6px;height:6px;border-radius:50%;background:#77968a}.boundary-map>header span i:first-child{background:#b9f065}.boundary-map>header b{padding:6px 8px;border-radius:99px;background:#b9f065;color:#092f24;font-size:14px}.boundary-grid{position:relative;flex:1;margin-top:15px;border-radius:15px;background-color:#123f32;background-image:linear-gradient(rgba(185,240,101,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(185,240,101,.07) 1px,transparent 1px);background-size:32px 32px;overflow:hidden}.boundary-grid:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(185,240,101,.35);border-radius:90px 25px 70px 20px}.boundary-grid>.route-a,.boundary-grid>.route-b{position:absolute;z-index:1;height:2px;background:#b9f065;transform-origin:left}.boundary-grid>.route-a{left:22%;top:35%;width:58%;transform:rotate(18deg)}.boundary-grid>.route-b{left:30%;top:70%;width:48%;transform:rotate(-26deg)}.boundary-grid .worker{position:absolute;z-index:2;width:42px;height:42px;display:grid;place-items:center;border:5px solid #fff;border-radius:50% 50% 50% 0;background:#08a657;color:#fff;font-size:14px;font-weight:900;transform:rotate(-45deg)}.boundary-grid .worker::first-line{transform:rotate(45deg)}.boundary-grid .w1{left:18%;top:27%}.boundary-grid .w2{right:17%;top:54%}.boundary-grid .w3{left:38%;bottom:14%}.boundary-grid>strong{position:absolute;z-index:3;left:18px;bottom:18px;padding:10px 12px;display:flex;align-items:center;gap:8px;border-radius:10px;background:#092f24;font-size:14px}.boundary-grid>strong i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#b9f065;color:#092f24;font-style:normal}.boundary-map>footer{padding-top:13px;display:flex;gap:7px}.boundary-map>footer span{padding:7px 9px;border-radius:99px;background:rgba(185,240,101,.1);color:#b9f065;font-size:14px;font-weight:800}.boundary-controls{padding:30px}.boundary-controls>small{color:#b9f065;font-size:14px;font-weight:900;letter-spacing:.1em}.boundary-controls>h3{margin:8px 0 12px;font-size:36px;line-height:.96}.boundary-controls>p{margin:0;color:#bdd0c7;font-size:17px;line-height:1.55}.boundary-controls>div{margin-top:25px;display:grid;gap:8px}.boundary-controls>div span{padding:13px;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.055)}.boundary-controls>div i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal}.boundary-controls>div b{font-size:14px;line-height:1.35}
.story-design-tracking .story-day{background:#071f18}.tracking-day{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px}.tracking-day>nav{padding:9px;display:grid;gap:5px;border-radius:22px 6px 22px 22px;background:#0c382b}.tracking-day>nav button{min-height:76px;padding:11px;display:grid;grid-template-columns:46px 12px 1fr;gap:9px;align-items:center;border:0;border-radius:11px;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:.22s}.tracking-day>nav button:hover,.tracking-day>nav button.active{background:#b9f065;color:#092f24}.tracking-day>nav button>span{font-size:14px;font-weight:900}.tracking-day>nav button>i{width:9px;height:9px;border:2px solid #b9f065;border-radius:50%}.tracking-day>nav button.active>i{border-color:#092f24;background:#092f24}.tracking-day>nav button>div{display:flex;flex-direction:column}.tracking-day>nav button b{font-size:14px}.tracking-day>nav button small{margin-top:3px;color:#a9beb4;font-size:14px}.tracking-day>nav button.active small{color:#466452}.tracking-day-stage{position:relative;min-height:430px;border-radius:24px 24px 7px 24px;background:#fff;color:#092f24;overflow:hidden}.tracking-day-stage>article{position:absolute;inset:0;padding:34px;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:.28s}.tracking-day-stage>article.active{opacity:1;transform:none;pointer-events:auto}.tracking-day-stage header>small{color:#08a657;font-size:14px;font-weight:900}.tracking-day-stage h3{margin:8px 0 10px;font-size:36px;line-height:.96}.tracking-day-stage header p{margin:0;color:#5a7165;font-size:17px;line-height:1.55}.tracking-day-preview{min-height:300px;padding:20px;display:grid;place-items:center;border-radius:20px;background:#ebf7ee}.tracking-day-preview>div{width:100%;padding:20px;border:1px solid #d9e7de;border-radius:15px;background:#fff;box-shadow:0 17px 35px rgba(7,66,42,.11)}.day-task small{color:#08a657;font-size:14px;font-weight:900}.day-task h4{margin:18px 0 7px;font-size:20px}.day-task>span{color:#6b8075;font-size:14px}.day-task button,.day-safety button{width:100%;margin-top:25px;padding:11px;border:0;border-radius:10px;background:#092f24;color:#fff;font-size:14px;font-weight:800}.day-position{position:relative;min-height:210px;background-color:#f3f8f5!important;background-image:radial-gradient(#a8c8b4 1px,transparent 1px);background-size:17px 17px!important}.day-pin{position:absolute;left:48%;top:34%;width:48px;height:48px;display:grid;place-items:center;border:6px solid #fff;border-radius:50% 50% 50% 0;background:#08a657;color:#fff;font-size:14px;font-weight:900;transform:rotate(-45deg)}.day-position>footer{position:absolute;left:15px;right:15px;bottom:15px;padding:10px;display:flex;flex-direction:column;border-radius:10px;background:#092f24;color:#fff}.day-position>footer small{color:#b9cbc2;font-size:14px}.day-evidence{display:grid;grid-template-columns:1fr 1fr;gap:8px}.day-evidence>span{padding:17px;display:flex;flex-direction:column;border-radius:11px;background:#f2f8f4}.day-evidence>span i{color:#08a657;font-size:14px;font-style:normal}.day-evidence>span b{margin-top:8px;font-size:14px}.day-evidence>footer{grid-column:1/3;padding:11px;border-radius:10px;background:#092f24;color:#b9f065;font-size:14px}.day-safety{display:flex;flex-direction:column;align-items:center;text-align:center}.day-safety>i{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#ff855e;color:#fff;font-size:22px;font-style:normal}.day-safety>strong{margin-top:14px;font-size:18px}.day-safety>span{margin-top:5px;color:#6a8075;font-size:14px}.day-review{display:grid;grid-template-columns:1fr 1fr;gap:8px}.day-review>span{padding:18px;display:flex;flex-direction:column;border-radius:11px;background:#f2f8f4}.day-review>span b{color:#6a8075;font-size:14px}.day-review>span em{margin-top:7px;color:#08a657;font-size:24px;font-style:normal;font-weight:900}.day-review>footer{grid-column:1/3;padding:12px;border-radius:10px;background:#092f24;color:#b9f065;font-size:14px}
@media(max-width:980px){.tracking-boundary{grid-template-columns:1fr}.boundary-map{min-height:410px}.tracking-day{grid-template-columns:260px minmax(0,1fr)}.tracking-day-stage>article{grid-template-columns:1fr 1fr;padding:25px}}
@media(max-width:680px){.story-design-tracking .story-sovereignty,.story-design-tracking .story-day{padding:66px 0}.story-design-tracking .story-sovereignty>.section-shell,.story-design-tracking .story-day>.section-shell{width:calc(100vw - 28px)}.story-design-tracking .story-sovereignty .story-block-head h2,.story-design-tracking .story-day .story-block-head h2{font-size:37px}.tracking-boundary{padding:8px}.boundary-map{min-height:390px;padding:13px}.boundary-controls{padding:21px}.boundary-controls h3{font-size:32px}.tracking-day{grid-template-columns:1fr}.tracking-day>nav{display:flex;overflow-x:auto}.tracking-day>nav button{flex:0 0 190px}.tracking-day-stage{min-height:650px}.tracking-day-stage>article{padding:22px;grid-template-columns:1fr;gap:22px;align-content:center}.tracking-day-stage h3{font-size:33px}.tracking-day-preview{min-height:285px;padding:14px}}

/* Tracking sovereignty v2: one clear, narrow data route */
.story-design-tracking .story-sovereignty>.section-shell{width:min(820px,calc(100vw - 48px))}.tracking-vault{padding:16px;border-radius:30px 30px 8px 30px;background:#092f24;color:#fff;box-shadow:0 28px 65px rgba(7,56,40,.18)}.tracking-vault>header{padding:4px 7px 16px;display:flex;align-items:center;justify-content:space-between;color:#b7cbc1;font-size:14px;font-weight:900;letter-spacing:.08em}.tracking-vault>header>span{display:flex;align-items:center;gap:8px}.tracking-vault>header>span i{width:8px;height:8px;border-radius:50%;background:#b9f065;box-shadow:0 0 0 5px rgba(185,240,101,.12)}.tracking-vault>header>b{padding:7px 9px;border-radius:99px;background:rgba(185,240,101,.12);color:#b9f065;font-size:14px}.vault-route{padding:26px;display:grid;grid-template-columns:1fr 80px 1.25fr 80px .8fr;gap:10px;align-items:center;border:1px solid rgba(185,240,101,.2);border-radius:21px 21px 6px 21px;background:linear-gradient(145deg,#103f31,#0b3529)}.vault-source{padding:17px;display:flex;flex-direction:column;align-items:center;border-radius:15px;background:rgba(255,255,255,.07);text-align:center}.vault-source>i{width:52px;height:52px;display:grid;place-items:center;border:5px solid #fff;border-radius:50% 50% 50% 0;background:#08a657;font-size:14px;font-style:normal;font-weight:900;transform:rotate(-45deg)}.vault-source>span{margin-top:16px;display:flex;flex-direction:column}.vault-source b{font-size:14px}.vault-source small{margin-top:4px;color:#b7cbc1;font-size:14px;line-height:1.35}.vault-arrow{display:flex;flex-direction:column;align-items:center;gap:7px;color:#91aa9e;text-align:center}.vault-arrow i{width:100%;height:1px;background:linear-gradient(90deg,transparent,#b9f065)}.vault-arrow i:last-child{display:none}.vault-arrow span{font-size:14px;text-transform:uppercase}.vault-core{min-height:250px;padding:23px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #b9f065;border-radius:22px;background:#fff;color:#092f24;text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.18)}.vault-core>span{color:#08a657;font-size:14px;font-weight:900;letter-spacing:.09em}.vault-core>i{width:62px;height:62px;margin:20px 0 15px;display:grid;place-items:center;border-radius:18px;background:#b9f065;color:#092f24;font-style:normal}.vault-core svg{width:30px}.vault-core strong{font-size:24px;line-height:1}.vault-core small{max-width:190px;margin-top:9px;color:#5d7468;font-size:14px;line-height:1.45}.vault-users{display:grid;gap:8px}.vault-users>span{padding:13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.07)}.vault-users>span i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal}.vault-users>span b{font-size:14px}.tracking-vault>footer{padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.tracking-vault>footer span{padding:12px;display:grid;grid-template-columns:23px 1fr;gap:8px;align-items:center;border-radius:11px;background:#e8f8ed;color:#234d3a;font-size:14px;font-weight:700;line-height:1.4}.tracking-vault>footer span i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#08a657;color:#fff;font-size:14px;font-style:normal}
@media(max-width:760px){.story-design-tracking .story-sovereignty>.section-shell{width:calc(100vw - 28px)}.vault-route{padding:18px;grid-template-columns:1fr}.vault-arrow{min-height:45px}.vault-arrow i{width:1px;height:28px;background:linear-gradient(transparent,#b9f065)}.vault-core{min-height:230px}.vault-users{grid-template-columns:1fr 1fr}.tracking-vault>footer{grid-template-columns:1fr}.tracking-vault>header{align-items:flex-start;gap:10px;flex-direction:column}}

/* Tracking 07 complete rebuild: product custody + live daily feed */
.story-design-tracking .story-sovereignty>.section-shell,.story-design-tracking .story-day>.section-shell{width:min(840px,calc(100vw - 48px))}.tracking-custody{display:grid;gap:12px}.custody-screen{position:relative;padding:8px;border-radius:27px 27px 7px 27px;background:#fff;box-shadow:0 25px 60px rgba(7,67,42,.16);overflow:hidden}.custody-screen>header{height:36px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;color:#698075;font-size:14px}.custody-screen>header span{display:flex;align-items:center;gap:5px}.custody-screen>header i{width:6px;height:6px;border-radius:50%;background:#c3d4ca}.custody-screen>header i:first-child{background:#08a657}.custody-screen>header b{padding:6px 8px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.custody-screen>img{display:block;width:100%;height:330px;border-radius:17px;object-fit:cover;object-position:center top}.custody-screen:after{content:"";position:absolute;left:8px;right:8px;bottom:8px;height:54%;border-radius:0 0 17px 17px;background:linear-gradient(transparent,rgba(5,46,34,.72));pointer-events:none}.custody-lock{position:absolute;z-index:2;left:28px;bottom:27px;width:min(410px,calc(100% - 56px));padding:16px;display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:center;border:1px solid rgba(185,240,101,.28);border-radius:16px;background:rgba(9,47,36,.96);color:#fff;box-shadow:0 18px 38px rgba(0,0,0,.24)}.custody-lock>i{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#b9f065;color:#092f24;font-style:normal}.custody-lock svg{width:24px}.custody-lock>span{display:flex;flex-direction:column}.custody-lock small{color:#b9f065;font-size:14px;font-weight:900}.custody-lock strong{margin-top:3px;font-size:21px}.custody-lock em{margin-top:4px;color:#c1d2ca;font-size:14px;font-style:normal}.custody-ledger{padding:15px;border-radius:20px 7px 20px 20px;background:#092f24;color:#fff}.custody-ledger>header{padding:3px 6px 12px;display:flex;align-items:center;justify-content:space-between;color:#b9f065;font-size:14px;font-weight:900;letter-spacing:.08em}.custody-ledger>header b{color:#91aa9e;font-size:14px}.custody-ledger>article{min-height:67px;padding:10px 12px;display:grid;grid-template-columns:32px 1fr 25px;gap:11px;align-items:center;border-top:1px solid rgba(255,255,255,.1)}.custody-ledger>article>span{color:#b9f065;font-size:14px;font-weight:900}.custody-ledger>article>div{display:flex;flex-direction:column}.custody-ledger article b{font-size:14px;line-height:1.3}.custody-ledger article small{margin-top:3px;color:#a9beb4;font-size:14px}.custody-ledger>article>i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#b9f065;color:#092f24;font-size:14px;font-style:normal}
.field-day-feed{padding:16px;border:1px solid rgba(185,240,101,.18);border-radius:28px 28px 7px 28px;background:#0a3227;color:#fff;box-shadow:0 26px 60px rgba(0,0,0,.2)}.field-day-feed>header{padding:5px 7px 16px;display:flex;align-items:center;justify-content:space-between;color:#b9f065;font-size:14px;font-weight:900;letter-spacing:.09em}.field-day-feed>header>span{display:flex;align-items:center;gap:8px}.field-day-feed>header>span i{width:8px;height:8px;border-radius:50%;background:#b9f065;box-shadow:0 0 0 5px rgba(185,240,101,.1)}.field-day-feed>header>b{color:#91aa9e;font-size:14px}.field-day-line{position:relative;display:grid;gap:6px}.field-day-line:before{content:"";position:absolute;left:76px;top:36px;bottom:36px;width:2px;background:linear-gradient(#b9f065,#08a657)}.field-day-line>article{position:relative;min-height:92px;padding:13px 14px;display:grid;grid-template-columns:50px 42px 1fr auto;gap:13px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.055);transition:.25s}.field-day-line>article:hover{border-color:#b9f065;background:rgba(185,240,101,.08);transform:translateX(4px)}.field-day-line>article.is-alert{border-color:rgba(255,133,94,.42);background:rgba(255,133,94,.08)}.field-day-line time{color:#b9f065;font-size:14px;font-weight:900}.field-day-line article>i{position:relative;z-index:2;width:42px;height:42px;display:grid;place-items:center;border:5px solid #0a3227;border-radius:13px;background:#b9f065;color:#092f24;font-style:normal}.field-day-line article.is-alert>i{background:#ff855e;color:#fff}.field-day-line svg{width:18px}.field-day-line article>div{min-width:0}.field-day-line article>div small{color:#b9f065;font-size:14px;font-weight:900;text-transform:uppercase}.field-day-line h3{margin:3px 0 2px;font-size:18px;line-height:1}.field-day-line p{margin:0;color:#b8cbc2;font-size:17px;line-height:1.4}.field-day-line article>span{padding:7px 9px;border-radius:99px;background:rgba(185,240,101,.12);color:#b9f065;font-size:14px;font-weight:900}.field-day-line article.is-alert>span{background:rgba(255,133,94,.14);color:#ff9b7a}.field-day-feed>footer{margin-top:10px;padding:15px;display:flex;align-items:center;justify-content:center;gap:16px;border-radius:12px;background:#b9f065;color:#092f24;font-size:14px}.field-day-feed>footer i{font-style:normal;font-size:17px}.field-day-feed>footer strong,.field-day-feed>footer b{font-size:14px}
@media(max-width:680px){.story-design-tracking .story-sovereignty>.section-shell,.story-design-tracking .story-day>.section-shell{width:calc(100vw - 28px)}.custody-screen>img{height:300px}.custody-lock{left:18px;right:18px;bottom:18px;width:auto}.custody-lock strong{font-size:18px}.field-day-line:before{left:55px}.field-day-line>article{grid-template-columns:35px 38px 1fr}.field-day-line article>i{width:38px;height:38px}.field-day-line article>span{grid-column:3;width:max-content}.field-day-line h3{font-size:16px}.field-day-feed>footer{align-items:flex-start;flex-direction:column;gap:6px}.field-day-feed>footer i{transform:rotate(90deg)}}

/* Tracking blind spot: replaces the generic four-card problem section */
.story-design-tracking .story-operations{padding:88px 0;background:linear-gradient(145deg,#f4faf5,#fff)}.story-design-tracking .story-operations>.section-shell{width:min(840px,calc(100vw - 48px))}.story-design-tracking .story-operations .story-block-head{max-width:760px;margin-bottom:30px}.story-design-tracking .story-operations .story-block-head h2{font-size:clamp(42px,4.6vw,60px);line-height:.96}.tracking-blindspot{padding:15px;border-radius:29px 29px 8px 29px;background:#092f24;color:#fff;box-shadow:0 28px 65px rgba(7,56,40,.18)}.tracking-blindspot>header{padding:4px 7px 15px;display:flex;align-items:center;justify-content:space-between;color:#b8ccc2;font-size:14px;font-weight:900;letter-spacing:.08em}.tracking-blindspot>header>span{display:flex;align-items:center;gap:8px}.tracking-blindspot>header>span i{width:8px;height:8px;border-radius:50%;background:#ff855e;box-shadow:0 0 0 5px rgba(255,133,94,.12)}.tracking-blindspot>header>b{padding:7px 9px;border-radius:99px;background:rgba(255,133,94,.13);color:#ff9b7b;font-size:14px}.blindspot-workspace{display:grid;grid-template-columns:1.05fr .95fr;gap:9px}.blindspot-calls,.blindspot-map{min-height:345px;padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#103e30}.blindspot-calls>small{color:#b9f065;font-size:14px;font-weight:900}.blindspot-calls>article{min-height:66px;padding:10px 0;display:grid;grid-template-columns:40px 28px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.blindspot-calls time{color:#b9f065;font-size:14px;font-weight:900}.blindspot-calls>article>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.08);color:#b9f065;font-size:14px;font-style:normal}.blindspot-calls>article>span{display:flex;flex-direction:column}.blindspot-calls article b{font-size:14px}.blindspot-calls article small{margin-top:2px;color:#a9beb4;font-size:14px}.blindspot-calls article em{color:#ff9b7b;font-size:14px;font-style:normal;font-weight:900}.blindspot-calls>footer{margin-top:17px;padding:12px;display:flex;align-items:center;gap:10px;border-radius:11px;background:#ff855e}.blindspot-calls>footer strong{font-size:24px}.blindspot-calls>footer span{font-size:14px;line-height:1.3}.blindspot-map{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center}.blind-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(185,240,101,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(185,240,101,.07) 1px,transparent 1px);background-size:28px 28px}.blind-question{position:relative;z-index:1;width:88px;height:88px;display:grid;place-items:center;border:1px dashed rgba(255,133,94,.55);border-radius:50%;background:rgba(255,133,94,.1);color:#ff9b7b;font-size:45px;font-weight:900}.blindspot-map>strong{position:relative;z-index:1;margin-top:17px;font-size:21px}.blindspot-map>small{position:relative;z-index:1;margin-top:5px;color:#adc1b7;font-size:14px}.blindspot-map>footer{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;padding:10px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#092f24}.blindspot-map>footer span{color:#ff9b7b;font-size:14px;font-weight:900}.blindspot-map>footer b{font-size:14px}.blindspot-costs{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.blindspot-costs>span{padding:12px;display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start;border-radius:11px;background:#e8f8ed;color:#092f24}.blindspot-costs>span i{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#08a657;color:#fff;font-size:14px;font-style:normal}.blindspot-costs>span b{font-size:14px;line-height:1.3}.blindspot-costs>span small{color:#5e7469;font-size:14px;line-height:1.4}
@media(max-width:680px){.story-design-tracking .story-operations{padding:66px 0}.story-design-tracking .story-operations>.section-shell{width:calc(100vw - 28px)}.story-design-tracking .story-operations .story-block-head h2{font-size:37px}.tracking-blindspot{padding:9px}.tracking-blindspot>header{align-items:flex-start;gap:9px;flex-direction:column}.blindspot-workspace{grid-template-columns:1fr}.blindspot-calls,.blindspot-map{min-height:330px}.blindspot-costs{grid-template-columns:1fr}}

/* Compact, product-specific operational context boards */
.story-design-ticketing .story-contexts,.story-design-tracking .story-contexts,.story-design-administration .story-contexts{padding:82px 0;background:linear-gradient(145deg,#f3faf5,#fff)}
.story-design-tracking .story-contexts{background:radial-gradient(circle at 78% 20%,rgba(185,240,101,.18),transparent 27%),#092f24;color:#fff}
.story-design-ticketing .story-contexts .story-block-head,.story-design-tracking .story-contexts .story-block-head,.story-design-administration .story-contexts .story-block-head{margin-bottom:28px}
.story-design-ticketing .story-contexts .story-block-head h2,.story-design-tracking .story-contexts .story-block-head h2,.story-design-administration .story-contexts .story-block-head h2{max-width:780px;font-size:clamp(39px,4.4vw,58px)}
.story-design-tracking .story-contexts .story-block-head h2{color:#fff}
.operational-contexts{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.operational-contexts>article{grid-column:span 3;min-height:330px;padding:17px;display:flex;flex-direction:column;border:1px solid rgba(8,91,54,.15);border-radius:22px 22px 22px 7px;background:#fff;color:#092f24;overflow:hidden;transition:transform .28s,box-shadow .28s,border-color .28s}
.operational-contexts>article:nth-child(even){border-radius:22px 22px 7px 22px;background:#e8f8ed}
.operational-contexts>article:hover,.operational-contexts>article:focus{z-index:2;border-color:#08a657;transform:translateY(-7px);box-shadow:0 22px 45px rgba(7,67,42,.15);outline:0}
.operational-contexts>article>header{display:flex;align-items:center;justify-content:space-between}
.operational-contexts>article>header>span{color:#08a657;font-size:14px;font-weight:900;letter-spacing:.1em}
.operational-contexts>article>header>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e8f8ed;color:#08a657;font-style:normal;transition:transform .25s}
.operational-contexts>article:nth-child(even)>header>i{background:#fff}.operational-contexts>article>header svg{width:17px}.operational-contexts>article:hover>header>i{transform:rotate(-8deg) scale(1.08)}
.ops-context-visual{height:84px;margin:13px 0 15px;display:grid;place-items:center;border-radius:14px;background:#f2f8f4;overflow:hidden}
.operational-contexts>article:nth-child(even) .ops-context-visual{background:rgba(255,255,255,.76)}
.operational-contexts>article>small{color:#08a657;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.operational-contexts h3{margin:5px 0 8px;font-size:23px;line-height:1.02}.operational-contexts p{margin:0;color:#587065;font-size:17px;line-height:1.5}
.operational-contexts>article>footer{margin-top:auto;padding-top:11px;display:flex;align-items:baseline;border-top:1px solid rgba(8,82,50,.12);color:#08a657;text-transform:uppercase}
.operational-contexts>article>footer strong{font-size:19px}.operational-contexts>article>footer span{margin-left:5px;font-size:14px;font-weight:800}.operational-contexts>article>footer b{margin-left:auto;font-size:16px;transition:transform .25s}.operational-contexts>article:hover>footer b{transform:translateX(5px)}
.contexts-tracking>article:nth-child(1){grid-column:span 7}.contexts-tracking>article:nth-child(2){grid-column:span 5}.contexts-tracking>article:nth-child(n+3){grid-column:span 4}
.contexts-tracking>article{min-height:300px;border-color:rgba(255,255,255,.13);background:#103d30;color:#fff}.contexts-tracking>article:nth-child(even){background:#174b3a}.contexts-tracking>article:hover{border-color:#b9f065;box-shadow:0 22px 45px rgba(0,0,0,.22)}.contexts-tracking p{color:#bfd1c8}.contexts-tracking .ops-context-visual{background:rgba(255,255,255,.075)}.contexts-tracking>article:nth-child(even) .ops-context-visual{background:rgba(255,255,255,.1)}.contexts-tracking>article>header>i{background:rgba(185,240,101,.13);color:#b9f065}.contexts-tracking>article>small,.contexts-tracking>article>footer,.contexts-tracking>article>header>span{color:#b9f065}.contexts-tracking>article>footer{border-color:rgba(255,255,255,.12)}
.context-route{width:92%;display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center}.context-route span,.context-route b{padding:7px 9px;border-radius:8px;background:#fff;font-size:14px}.context-route span{background:#092f24;color:#b9f065}.context-route i{color:#08a657;font-style:normal}.context-route em{grid-column:3;padding:3px 6px;justify-self:start;border-radius:99px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal;font-weight:900}
.context-log{position:relative;width:92%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.context-log span{position:relative;z-index:2;padding:8px 4px;border-radius:7px;background:#fff;color:#526b60;font-size:14px;text-align:center}.context-log span:last-of-type{background:#092f24;color:#b9f065}.context-log i{position:absolute;left:10%;right:10%;top:50%;height:2px;background:#08a657}
.context-sites{display:flex;align-items:center}.context-sites i{width:34px;height:34px;margin-right:-7px;display:grid;place-items:center;border:3px solid #f2f8f4;border-radius:50%;background:#08a657;color:#fff;font-size:14px;font-style:normal;font-weight:800}.context-sites b{margin-left:14px;font-size:14px}
.context-protected,.context-inspection,.context-bank{width:92%;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center}.context-protected>i,.context-inspection>i,.context-bank>i{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#b9f065;color:#092f24;font-style:normal}.context-protected>span,.context-inspection>span,.context-bank>span{display:flex;flex-direction:column}.context-protected b,.context-inspection b,.context-bank b{font-size:14px}.context-protected small,.context-inspection small,.context-bank small{color:#72867b;font-size:14px}.context-protected em,.context-inspection em,.context-bank em{padding:5px 7px;border-radius:99px;background:#092f24;color:#b9f065;font-size:14px;font-style:normal;font-weight:900}
.context-mini-map{position:relative;width:100%;height:100%;background:linear-gradient(28deg,transparent 49%,rgba(185,240,101,.13) 50% 51%,transparent 52%)}.context-mini-map>i{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;border:3px solid #fff;border-radius:50% 50% 50% 0;background:#b9f065;transform:rotate(-45deg)}.context-mini-map>span{position:absolute;left:22%;top:62%;width:54%;height:2px;background:#08a657;transform:rotate(-18deg)}.context-mini-map>b{position:absolute;top:10px;right:10px;padding:5px 7px;border-radius:99px;background:#b9f065;color:#092f24;font-size:14px}
.context-inspection small,.context-bank small{color:#bcd0c6}.context-inspection em{background:#b9f065;color:#092f24}.context-response{display:flex;align-items:center;gap:10px}.context-response strong{color:#b9f065;font-size:22px}.context-response>i{width:65px;height:5px;border-radius:99px;background:rgba(255,255,255,.15)}.context-response>i em{display:block;width:72%;height:100%;border-radius:inherit;background:#08a657}.context-response span{font-size:14px;color:#bfd1c8}.context-route-line{position:relative;width:88%;height:50px}.context-route-line>i{position:absolute;z-index:2;top:20px;width:13px;height:13px;border:3px solid #103d30;border-radius:50%;background:#b9f065}.context-route-line>i:nth-child(1){left:3%}.context-route-line>i:nth-child(2){left:47%}.context-route-line>i:nth-child(3){right:3%}.context-route-line>span{position:absolute;left:5%;right:5%;top:26px;height:2px;background:#08a657}.context-route-line>b{position:absolute;right:0;top:0;color:#b9f065;font-size:14px}.context-lone{position:relative;width:130px;height:70px;display:grid;place-items:center}.context-lone>i{position:absolute;border:1px solid rgba(185,240,101,.3);border-radius:50%}.context-lone>i:first-child{width:65px;height:65px}.context-lone>i:nth-child(2){width:45px;height:45px}.context-lone>b{z-index:2;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#b9f065;color:#092f24;font-size:14px}.context-lone>span{position:absolute;right:-42px;padding:5px;border-radius:7px;background:#08a657;font-size:14px}
.context-sovereign{position:relative;width:92%;height:62px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;border:2px solid #08a657;border-radius:10px;background:#fff}.context-sovereign:before,.context-sovereign:after{content:"";position:absolute;width:12px;height:12px;border-color:#b9f065}.context-sovereign:before{left:-2px;top:-2px;border-left:4px solid;border-top:4px solid}.context-sovereign:after{right:-2px;bottom:-2px;border-right:4px solid;border-bottom:4px solid}.context-sovereign b{font-size:14px}.context-sovereign span{color:#6b8075;font-size:14px}
.context-bank small{color:#71847a}.context-white-label{width:92%;display:flex;align-items:center;justify-content:space-between}.context-white-label>div{width:112px;height:58px;padding:10px;display:flex;flex-direction:column;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#08a657,#b9f065);color:#fff}.context-white-label span{font-size:16px;font-weight:900}.context-white-label small{font-size:14px}.context-white-label>b{padding:6px;border-radius:99px;background:#092f24;color:#b9f065;font-size:14px}.context-directory{width:94%;display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.context-directory span,.context-directory b{padding:9px 5px;border-radius:8px;background:#fff;font-size:14px;text-align:center}.context-directory b{background:#092f24;color:#b9f065}.context-directory i{color:#08a657;font-style:normal}.context-directory em{grid-column:1/4;justify-self:center;padding:4px 7px;border-radius:99px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal;font-weight:900}
@media(max-width:980px){.operational-contexts>article,.contexts-tracking>article:nth-child(n){grid-column:span 6}.operational-contexts>article{min-height:305px}}
@media(max-width:680px){.story-design-ticketing .story-contexts,.story-design-tracking .story-contexts,.story-design-administration .story-contexts{padding:64px 0}.operational-contexts{grid-template-columns:1fr}.operational-contexts>article,.contexts-tracking>article:nth-child(n){grid-column:1;min-height:285px}.operational-contexts h3{font-size:25px}.operational-contexts p{font-size:17px}.ops-context-visual{height:88px}}

/* V26: three genuinely different context experiences */
.ticket-context-experience{display:grid;grid-template-columns:285px minmax(0,1fr);gap:14px;align-items:stretch}.ticket-context-experience>nav{display:grid;gap:8px}.ticket-context-experience>nav button{min-height:105px;padding:14px;display:grid;grid-template-columns:27px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(8,91,54,.15);border-radius:15px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.ticket-context-experience>nav button:hover,.ticket-context-experience>nav button.active{border-color:#08a657;background:#092f24;color:#fff;transform:translateX(6px);box-shadow:0 15px 30px rgba(7,62,40,.12)}.ticket-context-experience>nav button>span{color:#08a657;font-size:14px;font-weight:900}.ticket-context-experience>nav button>div{display:flex;flex-direction:column}.ticket-context-experience>nav button small{color:#08a657;font-size:14px;font-weight:800;text-transform:uppercase}.ticket-context-experience>nav button b{margin-top:3px;font-size:14px;line-height:1.15}.ticket-context-experience>nav button>i{color:#08a657;font-style:normal}.ticket-context-experience>nav button.active small,.ticket-context-experience>nav button.active>i{color:#b9f065}
.ticket-context-stage{position:relative;min-height:445px;border:1px solid rgba(8,91,54,.14);border-radius:28px 28px 8px 28px;background:#e7f5eb;overflow:hidden;box-shadow:0 23px 50px rgba(7,67,42,.13)}.context-product-screen{position:absolute;inset:0}.context-product-screen>header{position:absolute;z-index:2;left:0;right:0;top:0;height:38px;padding:0 14px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.96);border-bottom:1px solid #dfeae3;color:#71847a;font-size:14px}.context-product-screen>header i{width:6px;height:6px;border-radius:50%;background:#c7d6ce}.context-product-screen>header i:first-child{background:#08a657}.context-product-screen>header span{margin-left:5px}.context-product-screen>header b{margin-left:auto;padding:5px 7px;border-radius:99px;background:#e8f8ed;color:#087b44;font-size:14px}.context-product-screen>img{width:100%;height:255px;object-fit:cover;object-position:center top}.context-product-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,#e7f5eb 61%);pointer-events:none}
.ticket-context-panels{position:absolute;z-index:3;left:17px;right:17px;bottom:17px;height:235px}.ticket-context-panels>article{position:absolute;inset:0;padding:22px 24px;display:grid;grid-template-columns:.8fr 1.2fr;column-gap:24px;align-content:center;border:1px solid #d9e7de;border-radius:20px;background:rgba(255,255,255,.97);opacity:0;transform:translateY(12px);pointer-events:none;transition:.3s;box-shadow:0 18px 38px rgba(7,62,40,.11)}.ticket-context-panels>article.active{opacity:1;transform:none;pointer-events:auto}.ticket-context-panels article>small{grid-column:1;color:#08a657;font-size:14px;font-weight:900;text-transform:uppercase}.ticket-context-panels h3{grid-column:1;margin:5px 0 7px;font-size:27px;line-height:1}.ticket-context-panels p{grid-column:1;margin:0;color:#5b7166;font-size:17px;line-height:1.5}.ticket-route-flow{grid-column:2;grid-row:1/5;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:7px;align-items:center}.ticket-route-flow>span{min-height:96px;padding:10px;display:flex;flex-direction:column;justify-content:center;border:1px solid #dfebe3;border-radius:13px;background:#f4faf6}.ticket-route-flow>span.route-owner{border-color:#08a657;background:#092f24;color:#fff}.ticket-route-flow span i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e8f8ed;color:#08a657;font-style:normal}.ticket-route-flow span i svg{width:14px}.ticket-route-flow span b{margin-top:8px;font-size:14px;line-height:1.2}.ticket-route-flow em{color:#08a657;font-size:15px;font-style:normal}

.story-design-tracking .story-contexts{background:#092f24}.tracking-context-experience{position:relative}.tracking-context-map{position:relative;height:545px;border:1px solid rgba(185,240,101,.22);border-radius:30px 30px 8px 30px;background:#0c3b2d;overflow:hidden;box-shadow:0 28px 60px rgba(0,0,0,.22)}.tracking-map-screen{position:absolute;inset:0}.tracking-map-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,43,32,.22),rgba(4,43,32,.05)),linear-gradient(0deg,rgba(4,43,32,.78),transparent 48%)}.tracking-map-screen img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.85) contrast(.96)}.tracking-context-map>nav{position:absolute;inset:0}.tracking-context-map>nav button{position:absolute;z-index:3;left:var(--pin-x);top:var(--pin-y);padding:0;border:0;background:none;color:#fff;cursor:pointer;transform:translate(-50%,-50%)}.tracking-context-map>nav button>i{position:relative;width:38px;height:38px;display:grid;place-items:center;border:6px solid rgba(255,255,255,.9);border-radius:50% 50% 50% 0;background:#08a657;color:#fff;font-size:14px;font-style:normal;font-weight:900;transform:rotate(-45deg);box-shadow:0 9px 24px rgba(4,43,31,.28);transition:.25s}.tracking-context-map>nav button>i:before{content:attr(data-label);transform:rotate(45deg)}.tracking-context-map>nav button>i{font-size:0}.tracking-context-map>nav button>i:after{content:"";width:7px;height:7px;border-radius:50%;background:#fff}.tracking-context-map>nav button>span{position:absolute;left:26px;top:-3px;width:max-content;max-width:190px;padding:7px 9px;border-radius:8px;background:#092f24;color:#fff;font-size:14px;font-weight:800;opacity:0;transform:translateX(-6px);transition:.25s}.tracking-context-map>nav button:hover>span,.tracking-context-map>nav button.active>span{opacity:1;transform:none}.tracking-context-map>nav button:hover>i,.tracking-context-map>nav button.active>i{border-color:#b9f065;background:#092f24;transform:rotate(-45deg) scale(1.15)}
.tracking-context-panels{position:absolute;z-index:4;left:22px;bottom:22px;width:430px;height:205px}.tracking-context-panels>article{position:absolute;inset:0;padding:21px 22px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:rgba(9,47,36,.96);color:#fff;opacity:0;transform:translateY(12px);pointer-events:none;transition:.3s;box-shadow:0 18px 38px rgba(0,0,0,.22)}.tracking-context-panels>article.active{opacity:1;transform:none;pointer-events:auto}.tracking-context-panels small{color:#b9f065;font-size:14px;font-weight:800;text-transform:uppercase}.tracking-context-panels strong{float:right;color:#b9f065;font-size:21px}.tracking-context-panels h3{clear:both;margin:8px 0 7px;font-size:27px;line-height:1}.tracking-context-panels p{margin:0;color:#c2d3ca;font-size:17px;line-height:1.5}.tracking-context-panels article>span{margin-top:15px;display:flex;align-items:center;color:#8ea99b;font-size:14px;text-transform:uppercase}.tracking-context-panels article>span i{width:7px;height:7px;margin-right:7px;border-radius:50%;background:#b9f065;box-shadow:0 0 0 5px rgba(185,240,101,.1)}

.admin-context-experience{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:14px}.admin-context-core{position:relative;min-height:500px;border:1px solid rgba(8,91,54,.15);border-radius:30px 30px 8px 30px;background:#e8f8ed;overflow:hidden;box-shadow:0 24px 52px rgba(7,67,42,.13)}.admin-context-screen{position:absolute;inset:0}.admin-context-screen>header{position:absolute;z-index:2;left:0;right:0;top:0;height:38px;padding:0 14px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.96);color:#71847a;font-size:14px}.admin-context-screen>header i{width:6px;height:6px;border-radius:50%;background:#c7d6ce}.admin-context-screen>header i:first-child{background:#08a657}.admin-context-screen>header span{margin-left:5px}.admin-context-screen>img{width:100%;height:100%;object-fit:cover;object-position:center top}.admin-context-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(232,248,237,.22) 47%,#e8f8ed 78%)}.admin-context-panels{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;height:170px}.admin-context-panels>article{position:absolute;inset:0;padding:20px 22px;border:1px solid #d7e7dd;border-radius:18px;background:rgba(255,255,255,.97);opacity:0;transform:translateY(10px);pointer-events:none;transition:.3s;box-shadow:0 17px 36px rgba(7,61,39,.12)}.admin-context-panels>article.active{opacity:1;transform:none;pointer-events:auto}.admin-context-panels small{color:#08a657;font-size:14px;font-weight:900;text-transform:uppercase}.admin-context-panels h3{margin:6px 0 7px;font-size:28px;line-height:1}.admin-context-panels p{max-width:580px;margin:0;color:#5b7166;font-size:17px;line-height:1.55}.admin-context-experience>nav{display:grid;gap:8px}.admin-context-experience>nav button{min-height:113px;padding:14px;display:grid;grid-template-columns:39px 1fr;gap:10px;align-items:center;border:1px solid rgba(8,91,54,.15);border-radius:15px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.admin-context-experience>nav button:hover,.admin-context-experience>nav button.active{border-color:#08a657;background:#092f24;color:#fff;transform:translateX(-6px);box-shadow:0 15px 30px rgba(7,62,40,.12)}.admin-context-experience>nav button>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e8f8ed;color:#08a657;font-style:normal}.admin-context-experience>nav button>i svg{width:18px}.admin-context-experience>nav button>span{display:flex;flex-direction:column}.admin-context-experience>nav button small{color:#08a657;font-size:14px;font-weight:900}.admin-context-experience>nav button b{margin-top:3px;font-size:14px;line-height:1.15}.admin-context-experience>nav button>em{grid-column:2;color:#7b8f84;font-size:14px;font-style:normal;font-weight:800}.admin-context-experience>nav button.active>em{color:#b9f065}
@media(max-width:980px){.ticket-context-experience{grid-template-columns:1fr}.ticket-context-experience>nav{display:flex;overflow-x:auto}.ticket-context-experience>nav button{flex:0 0 230px}.admin-context-experience{grid-template-columns:1fr}.admin-context-experience>nav{grid-template-columns:1fr 1fr}.admin-context-experience>nav button:hover,.admin-context-experience>nav button.active{transform:translateY(-4px)}}
@media(max-width:680px){.ticket-context-experience>nav button{flex-basis:210px;min-height:90px}.ticket-context-stage{min-height:610px}.context-product-screen>img{height:190px}.ticket-context-panels{height:430px;left:8px;right:8px;bottom:8px}.ticket-context-panels>article{padding:18px;grid-template-columns:1fr;align-content:start}.ticket-context-panels article>small,.ticket-context-panels h3,.ticket-context-panels p{grid-column:1}.ticket-context-panels h3{font-size:26px}.ticket-route-flow{grid-column:1;grid-row:auto;margin-top:18px}.ticket-route-flow>span{min-height:94px;padding:8px}.tracking-context-map{height:620px}.tracking-map-screen img{height:310px;object-fit:cover}.tracking-context-map>nav{position:absolute;left:9px;right:9px;top:270px;height:110px;display:flex;gap:7px;overflow-x:auto}.tracking-context-map>nav button{position:static;flex:0 0 135px;padding:8px;display:flex;align-items:center;gap:8px;border:1px solid rgba(185,240,101,.2);border-radius:10px;background:#103d30;transform:none}.tracking-context-map>nav button>i,.tracking-context-map>nav button:hover>i,.tracking-context-map>nav button.active>i{flex:0 0 28px;width:28px;height:28px;border-width:4px;transform:rotate(-45deg)}.tracking-context-map>nav button>span,.tracking-context-map>nav button:hover>span,.tracking-context-map>nav button.active>span{position:static;width:auto;padding:0;background:none;font-size:14px;opacity:1;transform:none}.tracking-context-panels{left:9px;right:9px;bottom:9px;width:auto;height:230px}.tracking-context-panels>article{padding:18px}.tracking-context-panels strong{font-size:18px}.tracking-context-panels h3{font-size:25px}.admin-context-core{min-height:520px}.admin-context-screen>img{height:290px}.admin-context-panels{left:8px;right:8px;bottom:8px;height:230px}.admin-context-panels h3{font-size:27px}.admin-context-experience>nav{grid-template-columns:1fr}.admin-context-experience>nav button{min-height:95px}}

/* V27: bespoke context experiences for dashboard modules 01-05 */
.story-design-broadcast .story-contexts,.story-design-structure .story-contexts,.story-design-moderation .story-contexts,.story-design-library .story-contexts,.story-design-event .story-contexts{padding:82px 0}.story-design-structure .story-contexts,.story-design-library .story-contexts{background:linear-gradient(145deg,#f3faf5,#fff)}.story-design-moderation .story-contexts{background:#092f24;color:#fff}.story-design-event .story-contexts{background:linear-gradient(145deg,#eef9f1,#fbfcf7)}
.shawts-context-experience{display:grid;gap:12px}.shawts-context-screen{position:relative;min-height:440px;border:1px solid rgba(8,91,54,.15);border-radius:29px 29px 8px 29px;background:#e8f8ed;overflow:hidden;box-shadow:0 24px 52px rgba(7,67,42,.13)}.shawts-context-screen>header{position:absolute;z-index:3;left:0;right:0;top:0;height:38px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);color:#70837a;font-size:14px}.shawts-context-screen>header span{color:#08a657;font-weight:900}.shawts-context-screen>img{width:100%;height:270px;object-fit:cover;object-position:center top}.shawts-context-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,#e8f8ed 67%);pointer-events:none}.shawts-context-panels{position:absolute;z-index:4;left:18px;right:18px;bottom:18px;height:220px}.shawts-context-panels>article{position:absolute;inset:0;padding:22px 24px;display:grid;grid-template-columns:.9fr 1.1fr;column-gap:28px;align-content:center;border:1px solid #d8e7dd;border-radius:20px;background:rgba(255,255,255,.97);opacity:0;transform:translateY(12px);pointer-events:none;transition:.3s;box-shadow:0 18px 38px rgba(7,62,40,.11)}.shawts-context-panels>article.active{opacity:1;transform:none;pointer-events:auto}.shawts-context-panels article>small{color:#08a657;font-size:14px;font-weight:900;text-transform:uppercase}.shawts-context-panels h3{margin:5px 0 7px;font-size:29px;line-height:1}.shawts-context-panels p{margin:0;color:#5b7166;font-size:17px;line-height:1.55}.shawts-context-panels article>div{grid-column:2;grid-row:1/5;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.shawts-context-panels article>div>span{min-height:92px;padding:13px;display:flex;flex-direction:column;justify-content:center;border-radius:14px;background:#e8f8ed}.shawts-context-panels article>div>span:last-child{background:#092f24;color:#fff}.shawts-context-panels article>div b{font-size:14px}.shawts-context-panels article>div small{margin-top:5px;color:#08a657;font-size:14px;text-transform:uppercase}.shawts-context-panels article>div>i{color:#08a657;font-style:normal}.shawts-context-experience>nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shawts-context-experience>nav button{min-height:86px;padding:12px;display:grid;grid-template-columns:23px 34px 1fr;gap:8px;align-items:center;border:1px solid rgba(8,91,54,.15);border-radius:14px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.shawts-context-experience>nav button:hover,.shawts-context-experience>nav button.active{border-color:#08a657;background:#092f24;color:#fff;transform:translateY(-4px)}.shawts-context-experience>nav button>span{color:#08a657;font-size:14px;font-weight:900}.shawts-context-experience>nav button>i{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#e8f8ed;color:#08a657;font-style:normal}.shawts-context-experience>nav button>i svg{width:16px}.shawts-context-experience>nav button>b{font-size:14px;line-height:1.15}
.structure-context-canvas{position:relative;height:560px;border:1px solid rgba(8,91,54,.15);border-radius:50% 50% 25px 25px/12% 12% 25px 25px;background:radial-gradient(circle at center,#fff 0 38%,#e8f8ed 39% 68%,#f7fbf8 69%);overflow:hidden}.structure-context-screen{position:absolute;left:50%;top:46px;width:56%;height:265px;border:8px solid #fff;border-radius:19px;background:#fff;overflow:hidden;transform:translateX(-50%);box-shadow:0 22px 48px rgba(7,67,42,.17)}.structure-context-screen img{width:100%;height:100%;object-fit:cover;object-position:center top}.structure-context-links{position:absolute;left:14%;right:14%;top:180px;height:175px;border-left:1px solid rgba(8,166,87,.35);border-right:1px solid rgba(8,166,87,.35);border-bottom:1px solid rgba(8,166,87,.35);border-radius:0 0 50% 50%}.structure-context-links i{position:absolute;width:8px;height:8px;border-radius:50%;background:#08a657}.structure-context-links i:nth-child(1){left:-4px;bottom:22%}.structure-context-links i:nth-child(2){left:31%;bottom:-4px}.structure-context-links i:nth-child(3){right:31%;bottom:-4px}.structure-context-links i:nth-child(4){right:-4px;bottom:22%}.structure-context-canvas>nav button{position:absolute;z-index:3;width:170px;min-height:64px;padding:10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(8,91,54,.15);border-radius:13px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.structure-context-canvas>nav button:nth-child(1){left:4%;top:43%}.structure-context-canvas>nav button:nth-child(2){left:18%;top:65%}.structure-context-canvas>nav button:nth-child(3){right:18%;top:65%}.structure-context-canvas>nav button:nth-child(4){right:4%;top:43%}.structure-context-canvas>nav button:hover,.structure-context-canvas>nav button.active{border-color:#08a657;background:#092f24;color:#fff;transform:translateY(-5px);box-shadow:0 14px 28px rgba(7,62,40,.14)}.structure-context-canvas>nav span{color:#08a657;font-size:14px;font-weight:900}.structure-context-canvas>nav b{font-size:14px;line-height:1.15}.structure-context-panels{position:absolute;z-index:4;left:50%;bottom:18px;width:48%;height:150px;transform:translateX(-50%)}.structure-context-panels>article{position:absolute;inset:0;padding:18px 20px;border:1px solid #d8e7dd;border-radius:17px;background:rgba(255,255,255,.97);text-align:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:.3s;box-shadow:0 16px 34px rgba(7,62,40,.11)}.structure-context-panels>article.active{opacity:1;transform:none;pointer-events:auto}.structure-context-panels small{color:#08a657;font-size:14px;font-weight:900;text-transform:uppercase}.structure-context-panels h3{margin:5px 0;font-size:22px}.structure-context-panels p{margin:0;color:#5b7166;font-size:17px;line-height:1.45}.structure-context-panels article>span{margin-top:9px;display:inline-flex;align-items:center;color:#08a657;font-size:14px;text-transform:uppercase}.structure-context-panels article>span i{width:6px;height:6px;margin-right:6px;border-radius:50%;background:#08a657}
.moderation-context-experience{display:grid;grid-template-columns:285px minmax(0,1fr);gap:14px}.moderation-context-experience>aside{padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#103d30}.moderation-context-experience>aside>small{color:#b9f065;font-size:14px;font-weight:900;text-transform:uppercase}.moderation-context-experience>aside nav{margin-top:13px;display:grid;gap:7px}.moderation-context-experience>aside button{min-height:88px;padding:11px;display:grid;grid-template-columns:24px 1fr;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;text-align:left;cursor:pointer;transition:.25s}.moderation-context-experience>aside button:hover,.moderation-context-experience>aside button.active{border-color:#b9f065;background:#08a657;transform:translateX(5px)}.moderation-context-experience>aside button span{color:#b9f065;font-size:14px;font-weight:900}.moderation-context-experience>aside button b{font-size:14px;line-height:1.15}.moderation-context-experience>aside button em{grid-column:2;color:#a9c0b5;font-size:14px;font-style:normal;text-transform:uppercase}.moderation-context-experience>aside button.active em{color:#e1f4e8}.moderation-context-stage{position:relative;min-height:455px;border:1px solid rgba(185,240,101,.18);border-radius:28px 28px 8px 28px;background:#174b3a;overflow:hidden}.moderation-context-screen{position:absolute;inset:0}.moderation-context-screen>header{position:absolute;z-index:2;left:0;right:0;top:0;height:36px;padding:0 13px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.96);color:#70837a;font-size:14px}.moderation-context-screen>header i{width:6px;height:6px;border-radius:50%;background:#c7d6ce}.moderation-context-screen>header i:first-child{background:#08a657}.moderation-context-screen>header span{margin-left:5px}.moderation-context-screen img{width:100%;height:265px;object-fit:cover;object-position:center top}.moderation-context-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,#174b3a 66%)}.moderation-context-panels{position:absolute;z-index:3;left:17px;right:17px;bottom:17px;height:210px}.moderation-context-panels>article{position:absolute;inset:0;padding:20px 22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(9,47,36,.97);opacity:0;transform:translateY(11px);pointer-events:none;transition:.3s}.moderation-context-panels>article.active{opacity:1;transform:none;pointer-events:auto}.moderation-context-panels article>span{color:#b9f065;font-size:14px;font-weight:900}.moderation-context-panels h3{margin:6px 0 7px;color:#fff;font-size:27px}.moderation-context-panels p{margin:0;color:#bfd1c8;font-size:17px;line-height:1.5}.moderation-context-panels footer{margin-top:16px;display:flex;align-items:center;gap:8px}.moderation-context-panels footer b{padding:7px 9px;border-radius:8px;background:#174b3a;color:#fff;font-size:14px}.moderation-context-panels footer b:last-child{background:#b9f065;color:#092f24}.moderation-context-panels footer i{color:#08a657;font-style:normal}
.library-context-experience{display:grid;grid-template-columns:1fr .82fr;gap:14px}.library-context-source{position:relative;min-height:500px;border:1px solid rgba(8,91,54,.15);border-radius:29px 29px 8px 29px;background:#e8f8ed;overflow:hidden}.library-source-screen{position:absolute;inset:0}.library-source-screen img{width:100%;height:100%;object-fit:cover;object-position:center top}.library-source-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e8f8ed 5%,rgba(232,248,237,.18) 65%),linear-gradient(0deg,#e8f8ed,transparent 46%)}.library-current-file{position:absolute;z-index:3;left:24px;bottom:24px;width:255px;min-height:285px;padding:24px;display:flex;flex-direction:column;border:1px solid #d5e5da;border-radius:18px 18px 18px 5px;background:#fff;box-shadow:0 20px 42px rgba(7,62,40,.14)}.library-current-file>small{color:#08a657;font-size:14px;font-weight:900}.library-current-file>i{width:56px;height:68px;margin-top:24px;display:grid;place-items:center;border-radius:8px 8px 8px 2px;background:#092f24;color:#b9f065;font-size:14px;font-style:normal;font-weight:900}.library-current-file h3{margin:20px 0 7px;font-size:26px}.library-current-file p{margin:0;color:#5b7166;font-size:17px;line-height:1.5}.library-current-file>span{margin-top:auto;padding:7px;border-radius:8px;background:#e8f8ed;color:#08a657;font-size:14px;font-weight:900;text-align:center}.library-context-destinations{display:grid;grid-template-rows:1fr 185px;gap:10px}.library-context-destinations>nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.library-context-destinations>nav button{padding:13px;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;border:1px solid rgba(8,91,54,.15);border-radius:14px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.library-context-destinations>nav button:hover,.library-context-destinations>nav button.active{border-color:#08a657;background:#092f24;color:#fff;transform:translateY(-4px)}.library-context-destinations>nav button>i{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#e8f8ed;color:#08a657;font-style:normal}.library-context-destinations>nav button>i svg{width:18px}.library-context-destinations>nav button>span{display:flex;flex-direction:column}.library-context-destinations>nav small{color:#08a657;font-size:14px;font-weight:900}.library-context-destinations>nav b{font-size:14px;line-height:1.15}.library-context-destinations>div{position:relative}.library-context-destinations>div>article{position:absolute;inset:0;padding:19px 21px;border:1px solid #d8e7dd;border-radius:17px;background:#fff;opacity:0;transform:translateY(9px);pointer-events:none;transition:.3s}.library-context-destinations>div>article.active{opacity:1;transform:none;pointer-events:auto}.library-context-destinations article>small{color:#08a657;font-size:14px;font-weight:900;text-transform:uppercase}.library-context-destinations h3{margin:5px 0 6px;font-size:23px}.library-context-destinations p{margin:0;color:#5b7166;font-size:17px;line-height:1.45}.library-context-destinations article>span{margin-top:12px;display:flex;align-items:center;color:#08a657;font-size:14px;text-transform:uppercase}.library-context-destinations article>span i{width:20px;height:20px;margin-right:7px;display:grid;place-items:center;border-radius:50%;background:#e8f8ed;font-style:normal}
.events-context-experience{display:grid;gap:12px}.events-context-stage{position:relative;min-height:430px;border:1px solid rgba(8,91,54,.15);border-radius:29px 29px 8px 29px;background:#e8f8ed;overflow:hidden;box-shadow:0 24px 52px rgba(7,67,42,.13)}.events-context-screen{position:absolute;inset:0}.events-context-screen img{width:100%;height:100%;object-fit:cover;object-position:center top}.events-context-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(232,248,237,.03),#e8f8ed 78%),linear-gradient(0deg,#e8f8ed,transparent 52%)}.events-context-panels{position:absolute;z-index:3;right:20px;top:20px;bottom:20px;width:40%}.events-context-panels>article{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;justify-content:center;border:1px solid #d7e7dd;border-radius:21px;background:rgba(255,255,255,.96);opacity:0;transform:translateX(12px);pointer-events:none;transition:.3s;box-shadow:0 20px 42px rgba(7,62,40,.13)}.events-context-panels>article.active{opacity:1;transform:none;pointer-events:auto}.events-context-panels small{color:#08a657;font-size:14px;font-weight:900;text-transform:uppercase}.events-context-panels strong{margin-top:28px;color:#08a657;font-size:14px}.events-context-panels h3{margin:7px 0 9px;font-size:30px;line-height:1}.events-context-panels p{margin:0;color:#5b7166;font-size:17px;line-height:1.55}.events-context-experience>nav{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.events-context-experience>nav:before{content:"";position:absolute;left:8%;right:8%;top:28px;height:2px;background:#b9f065}.events-context-experience>nav button{position:relative;z-index:2;min-height:112px;padding:13px;display:grid;grid-template-columns:27px 1fr;column-gap:8px;align-content:start;border:1px solid rgba(8,91,54,.15);border-radius:14px;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.25s}.events-context-experience>nav button:hover,.events-context-experience>nav button.active{border-color:#08a657;background:#092f24;color:#fff;transform:translateY(-4px)}.events-context-experience>nav button>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#e8f8ed;color:#08a657;font-size:14px;font-weight:900}.events-context-experience>nav button>i{position:absolute;left:50%;top:24px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#08a657;transform:translateX(-50%)}.events-context-experience>nav button>b{grid-column:1/3;margin-top:13px;font-size:14px;line-height:1.15}.events-context-experience>nav button>small{grid-column:1/3;margin-top:5px;color:#08a657;font-size:14px;text-transform:uppercase}
@media(max-width:980px){.moderation-context-experience,.library-context-experience{grid-template-columns:1fr}.moderation-context-experience>aside nav{grid-template-columns:1fr 1fr}.library-context-destinations{min-height:410px}.structure-context-canvas>nav button{width:145px}.shawts-context-experience>nav,.events-context-experience>nav{overflow-x:auto}.shawts-context-experience>nav button,.events-context-experience>nav button{min-width:210px}}
@media(max-width:680px){.shawts-context-screen{min-height:610px}.shawts-context-screen>img{height:190px}.shawts-context-panels{left:8px;right:8px;bottom:8px;height:430px}.shawts-context-panels>article{padding:18px;grid-template-columns:1fr}.shawts-context-panels article>div{grid-column:1;grid-row:auto;margin-top:18px}.structure-context-canvas{height:760px;border-radius:24px}.structure-context-screen{top:20px;width:calc(100% - 28px);height:210px}.structure-context-links{display:none}.structure-context-canvas>nav{position:absolute;left:8px;right:8px;top:240px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.structure-context-canvas>nav button:nth-child(n){position:static;width:auto;min-height:72px}.structure-context-panels{bottom:8px;width:calc(100% - 16px);height:285px}.structure-context-panels>article{padding:20px;display:flex;flex-direction:column;justify-content:center}.structure-context-panels h3{font-size:26px}.structure-context-panels p{font-size:17px}.moderation-context-experience>aside nav{grid-template-columns:1fr}.moderation-context-stage{min-height:535px}.moderation-context-screen img{height:200px}.moderation-context-panels{left:8px;right:8px;bottom:8px;height:330px}.moderation-context-panels h3{font-size:26px}.moderation-context-panels p{font-size:17px}.library-context-source{min-height:450px}.library-current-file{left:15px;bottom:15px;width:230px}.library-context-destinations{grid-template-rows:auto 260px}.library-context-destinations>nav{grid-template-columns:1fr}.events-context-stage{min-height:570px}.events-context-screen img{height:230px}.events-context-panels{left:8px;right:8px;top:auto;bottom:8px;width:auto;height:355px}.events-context-panels>article{padding:22px}.events-context-panels h3{font-size:28px}}

/* V28: readability and collision-safe rebuild for modules 01-05 */
.story-design-broadcast .story-contexts .story-block-head,.story-design-structure .story-contexts .story-block-head,.story-design-moderation .story-contexts .story-block-head,.story-design-library .story-contexts .story-block-head,.story-design-event .story-contexts .story-block-head{max-width:920px;margin-bottom:34px}.story-design-broadcast .story-contexts .story-block-head h2,.story-design-structure .story-contexts .story-block-head h2,.story-design-moderation .story-contexts .story-block-head h2,.story-design-library .story-contexts .story-block-head h2,.story-design-event .story-contexts .story-block-head h2{max-width:820px;font-size:clamp(42px,4.6vw,60px);line-height:.98}.story-design-moderation .story-contexts .story-block-head h2{color:#fff}
.shawts-context-screen{min-height:0;padding-top:38px;display:grid;grid-template-rows:270px auto}.shawts-context-screen>img{position:relative;z-index:1;height:270px}.shawts-context-screen:after{bottom:auto;height:360px;background:linear-gradient(180deg,transparent 20%,#e8f8ed 92%)}.shawts-context-panels{position:relative;left:auto;right:auto;bottom:auto;height:auto;margin:12px;display:grid}.shawts-context-panels>article{position:relative;inset:auto;grid-area:1/1;min-height:270px;padding:28px 30px;column-gap:34px}.shawts-context-panels article>small{font-size:14px}.shawts-context-panels h3{font-size:36px;line-height:1.02;text-wrap:balance}.shawts-context-panels p{font-size:17px;line-height:1.6}.shawts-context-panels article>div>span{min-height:118px;padding:16px}.shawts-context-panels article>div b{font-size:15px;line-height:1.25}.shawts-context-panels article>div small{font-size:14px}.shawts-context-experience>nav button{min-height:110px;padding:15px;grid-template-columns:27px 40px 1fr}.shawts-context-experience>nav button>span{font-size:14px}.shawts-context-experience>nav button>i{width:39px;height:39px}.shawts-context-experience>nav button>b{font-size:14px;line-height:1.25}
.structure-context-canvas{height:auto;min-height:620px;padding:18px;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);grid-template-rows:345px auto;gap:12px;border-radius:30px;background:linear-gradient(145deg,#e8f8ed,#f7fbf8)}.structure-context-screen{position:relative;left:auto;top:auto;width:auto;height:345px;border:7px solid #fff;transform:none}.structure-context-links{display:none}.structure-context-canvas>nav{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9px}.structure-context-canvas>nav button:nth-child(n){position:relative;left:auto;right:auto;top:auto;width:auto;min-height:166px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px}.structure-context-canvas>nav span{font-size:14px}.structure-context-canvas>nav b{font-size:14px;line-height:1.25}.structure-context-panels{position:relative;left:auto;bottom:auto;width:auto;height:auto;grid-column:1/3;display:grid;transform:none}.structure-context-panels>article{position:relative;inset:auto;grid-area:1/1;min-height:220px;padding:28px 32px;display:grid;grid-template-columns:.7fr 1.3fr;column-gap:28px;align-content:center;text-align:left}.structure-context-panels small{font-size:14px}.structure-context-panels h3{margin:7px 0;font-size:34px;line-height:1.02}.structure-context-panels p{grid-column:2;grid-row:1/4;margin:0;align-self:center;font-size:17px;line-height:1.6}.structure-context-panels article>span{font-size:14px}
.moderation-context-experience{grid-template-columns:330px minmax(0,1fr);gap:16px}.moderation-context-experience>aside{padding:21px}.moderation-context-experience>aside>small{font-size:14px}.moderation-context-experience>aside button{min-height:102px;padding:14px;grid-template-columns:28px 1fr;gap:10px}.moderation-context-experience>aside button span{font-size:14px}.moderation-context-experience>aside button b{font-size:14px;line-height:1.25}.moderation-context-experience>aside button em{font-size:14px;line-height:1.35}.moderation-context-stage{min-height:0;padding-top:36px;display:grid;grid-template-rows:275px auto}.moderation-context-screen{position:relative;inset:auto}.moderation-context-screen>header{top:-36px}.moderation-context-screen img{height:275px}.moderation-context-screen:after{height:340px;background:linear-gradient(180deg,transparent 22%,#174b3a 96%)}.moderation-context-panels{position:relative;left:auto;right:auto;bottom:auto;height:auto;margin:12px;display:grid}.moderation-context-panels>article{position:relative;inset:auto;grid-area:1/1;min-height:255px;padding:27px 29px}.moderation-context-panels article>span{font-size:14px}.moderation-context-panels h3{font-size:34px;line-height:1.02}.moderation-context-panels p{font-size:17px;line-height:1.6}.moderation-context-panels footer{margin-top:20px;flex-wrap:wrap}.moderation-context-panels footer b{padding:9px 11px;font-size:14px}
.library-context-experience{grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);gap:16px}.library-context-source{min-height:610px;padding-top:300px;display:block}.library-source-screen{height:300px}.library-source-screen:after{background:linear-gradient(180deg,transparent 22%,#e8f8ed 95%)}.library-current-file{position:relative;left:auto;bottom:auto;width:auto;min-height:275px;margin:14px;padding:26px 28px}.library-current-file>small{font-size:14px}.library-current-file>i{width:60px;height:72px;margin-top:18px}.library-current-file h3{margin:16px 0 8px;font-size:33px;line-height:1}.library-current-file p{max-width:470px;font-size:17px;line-height:1.55}.library-current-file>span{padding:9px;font-size:14px}.library-context-destinations{grid-template-rows:auto minmax(245px,auto);gap:12px}.library-context-destinations>nav button{min-height:128px;padding:16px;grid-template-columns:43px 1fr}.library-context-destinations>nav button>i{width:42px;height:42px}.library-context-destinations>nav small{font-size:14px}.library-context-destinations>nav b{font-size:14px;line-height:1.25}.library-context-destinations>div{display:grid}.library-context-destinations>div>article{position:relative;inset:auto;grid-area:1/1;min-height:245px;padding:25px 27px}.library-context-destinations article>small{font-size:14px}.library-context-destinations h3{font-size:30px;line-height:1.02}.library-context-destinations p{font-size:17px;line-height:1.55}.library-context-destinations article>span{margin-top:17px;font-size:14px;line-height:1.35}
.events-context-stage{min-height:0;padding:18px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px}.events-context-screen{position:relative;inset:auto;min-height:430px;border-radius:20px;overflow:hidden}.events-context-screen img{height:100%;object-fit:cover}.events-context-screen:after{background:linear-gradient(0deg,rgba(232,248,237,.82),transparent 45%)}.events-context-panels{position:relative;right:auto;top:auto;bottom:auto;width:auto;display:grid}.events-context-panels>article{position:relative;inset:auto;grid-area:1/1;min-height:430px;padding:32px}.events-context-panels small{font-size:14px}.events-context-panels strong{font-size:16px}.events-context-panels h3{font-size:36px;line-height:1.02}.events-context-panels p{font-size:17px;line-height:1.6}.events-context-experience>nav button{min-height:138px;padding:16px}.events-context-experience>nav button>span{width:31px;height:31px;font-size:14px}.events-context-experience>nav button>b{font-size:14px;line-height:1.25}.events-context-experience>nav button>small{font-size:14px;line-height:1.3}
@media(max-width:1100px){.structure-context-canvas,.events-context-stage{grid-template-columns:1fr 1fr}.library-context-experience{grid-template-columns:1fr}.library-context-source{min-height:560px}.library-context-destinations{grid-template-columns:1fr 1fr;grid-template-rows:auto}.library-context-destinations>div{min-height:310px}.moderation-context-experience{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:760px){.story-design-broadcast .story-contexts .story-block-head h2,.story-design-structure .story-contexts .story-block-head h2,.story-design-moderation .story-contexts .story-block-head h2,.story-design-library .story-contexts .story-block-head h2,.story-design-event .story-contexts .story-block-head h2{font-size:37px;line-height:1.04}.shawts-context-screen{grid-template-rows:210px auto}.shawts-context-screen>img{height:210px}.shawts-context-panels{margin:8px}.shawts-context-panels>article{min-height:510px;padding:21px;grid-template-columns:1fr;align-content:start}.shawts-context-panels article>div{grid-column:1;grid-row:auto;margin-top:22px}.shawts-context-panels h3{font-size:31px}.shawts-context-panels p{font-size:17px}.shawts-context-experience>nav{display:flex;overflow-x:auto}.shawts-context-experience>nav button{flex:0 0 230px}.structure-context-canvas{min-height:0;padding:10px;grid-template-columns:1fr;grid-template-rows:235px auto auto}.structure-context-screen{height:235px}.structure-context-canvas>nav{grid-column:1;grid-template-columns:1fr}.structure-context-canvas>nav button:nth-child(n){min-height:94px;display:grid;grid-template-columns:30px 1fr;align-content:center}.structure-context-panels{grid-column:1}.structure-context-panels>article{min-height:340px;padding:23px;grid-template-columns:1fr;align-content:center}.structure-context-panels p{grid-column:1;grid-row:auto;font-size:17px}.moderation-context-experience{grid-template-columns:1fr}.moderation-context-experience>aside nav{display:flex;grid-template-columns:none;overflow-x:auto}.moderation-context-experience>aside button{flex:0 0 225px}.moderation-context-stage{grid-template-rows:210px auto}.moderation-context-screen img{height:210px}.moderation-context-panels{margin:8px}.moderation-context-panels>article{min-height:390px;padding:22px}.moderation-context-panels h3{font-size:31px}.moderation-context-panels p{font-size:17px}.library-context-source{min-height:0;padding-top:220px}.library-source-screen{height:220px}.library-current-file{min-height:330px;margin:8px;padding:22px}.library-context-destinations{grid-template-columns:1fr;grid-template-rows:auto auto}.library-context-destinations>nav{grid-template-columns:1fr}.library-context-destinations>div{min-height:360px}.library-context-destinations>div>article{min-height:360px;padding:23px}.library-context-destinations h3{font-size:29px}.events-context-stage{padding:9px;grid-template-columns:1fr}.events-context-screen{min-height:250px}.events-context-panels>article{min-height:390px;padding:23px}.events-context-panels h3{font-size:31px}.events-context-panels p{font-size:17px}.events-context-experience>nav{display:flex;overflow-x:auto}.events-context-experience>nav button{flex:0 0 225px}}

/* V29: large-type, low-density final context revision */
.story-design-broadcast .story-contexts,.story-design-structure .story-contexts,.story-design-moderation .story-contexts,.story-design-library .story-contexts,.story-design-event .story-contexts{padding:96px 0}.story-design-broadcast .story-contexts .story-block-head,.story-design-structure .story-contexts .story-block-head,.story-design-moderation .story-contexts .story-block-head,.story-design-library .story-contexts .story-block-head,.story-design-event .story-contexts .story-block-head{margin-bottom:42px}.story-design-broadcast .story-contexts .story-block-head .eyebrow,.story-design-structure .story-contexts .story-block-head .eyebrow,.story-design-moderation .story-contexts .story-block-head .eyebrow,.story-design-library .story-contexts .story-block-head .eyebrow,.story-design-event .story-contexts .story-block-head .eyebrow{font-size:14px}.story-design-broadcast .story-contexts .story-block-head h2,.story-design-structure .story-contexts .story-block-head h2,.story-design-moderation .story-contexts .story-block-head h2,.story-design-library .story-contexts .story-block-head h2,.story-design-event .story-contexts .story-block-head h2{max-width:900px;font-size:clamp(48px,5.2vw,68px);line-height:1.02;letter-spacing:-.045em}
.shawts-context-screen{grid-template-rows:320px auto}.shawts-context-screen>img{height:320px}.shawts-context-screen>header{height:46px;padding:0 18px;font-size:14px}.shawts-context-screen:after{height:430px}.shawts-context-panels{margin:16px}.shawts-context-panels>article{min-height:330px;padding:34px 36px;grid-template-columns:1fr 1fr;column-gap:42px}.shawts-context-panels article>small{font-size:14px}.shawts-context-panels h3{font-size:44px;line-height:1.04}.shawts-context-panels p{font-size:20px;line-height:1.55}.shawts-context-panels article>div>span{min-height:145px;padding:20px}.shawts-context-panels article>div b{font-size:19px}.shawts-context-panels article>div small{font-size:14px}.shawts-context-panels article>div>i{font-size:22px}.shawts-context-experience>nav{gap:12px}.shawts-context-experience>nav button{min-height:142px;padding:19px;grid-template-columns:30px 48px 1fr;gap:12px}.shawts-context-experience>nav button>span{font-size:14px}.shawts-context-experience>nav button>i{width:46px;height:46px}.shawts-context-experience>nav button>i svg{width:22px}.shawts-context-experience>nav button>b{font-size:18px;line-height:1.3;overflow-wrap:anywhere}
.structure-context-canvas{min-height:740px;padding:22px;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);grid-template-rows:420px auto;gap:16px;border-radius:26px}.structure-context-screen{height:420px}.structure-context-canvas>nav{gap:12px}.structure-context-canvas>nav button:nth-child(n){min-height:202px;padding:22px;gap:13px;border-radius:17px}.structure-context-canvas>nav span{font-size:14px}.structure-context-canvas>nav b{font-size:18px;line-height:1.3;overflow-wrap:anywhere}.structure-context-panels>article{min-height:255px;padding:34px 38px;grid-template-columns:.78fr 1.22fr;column-gap:42px}.structure-context-panels small{font-size:14px}.structure-context-panels h3{font-size:42px;line-height:1.05}.structure-context-panels p{font-size:20px;line-height:1.58}.structure-context-panels article>span{font-size:14px;line-height:1.4}
.moderation-context-experience{grid-template-columns:380px minmax(0,1fr);gap:18px}.moderation-context-experience>aside{padding:26px;border-radius:20px}.moderation-context-experience>aside>small{font-size:14px}.moderation-context-experience>aside nav{margin-top:18px;gap:11px}.moderation-context-experience>aside button{min-height:125px;padding:18px;grid-template-columns:32px 1fr;gap:12px}.moderation-context-experience>aside button span{font-size:14px}.moderation-context-experience>aside button b{font-size:18px;line-height:1.3}.moderation-context-experience>aside button em{font-size:14px;line-height:1.45}.moderation-context-stage{padding-top:46px;grid-template-rows:330px auto}.moderation-context-screen>header{top:-46px;height:46px;padding:0 18px;font-size:14px}.moderation-context-screen img{height:330px}.moderation-context-screen:after{height:420px}.moderation-context-panels{margin:16px}.moderation-context-panels>article{min-height:330px;padding:34px 36px}.moderation-context-panels article>span{font-size:14px}.moderation-context-panels h3{font-size:42px;line-height:1.05}.moderation-context-panels p{font-size:20px;line-height:1.58}.moderation-context-panels footer{gap:12px}.moderation-context-panels footer b{padding:11px 14px;font-size:14px}.moderation-context-panels footer i{font-size:18px}
.library-context-experience{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:18px}.library-context-source{min-height:620px;padding-top:0}.library-source-screen{position:relative;height:620px}.library-source-screen img{height:100%;object-fit:cover;object-position:left top}.library-source-screen:after{background:linear-gradient(0deg,rgba(232,248,237,.55),transparent 36%)}.library-current-file{display:none}.library-context-destinations{grid-template-rows:auto minmax(300px,auto);gap:14px}.library-context-destinations>nav{gap:12px}.library-context-destinations>nav button{min-height:160px;padding:20px;grid-template-columns:50px 1fr;gap:13px;border-radius:17px}.library-context-destinations>nav button>i{width:48px;height:48px}.library-context-destinations>nav button>i svg{width:23px}.library-context-destinations>nav small{font-size:14px}.library-context-destinations>nav b{font-size:18px;line-height:1.3;overflow-wrap:anywhere}.library-context-destinations>div>article{min-height:300px;padding:32px 34px}.library-context-destinations article>small{font-size:14px}.library-context-destinations h3{font-size:40px;line-height:1.05}.library-context-destinations p{font-size:20px;line-height:1.58}.library-context-destinations article>span{margin-top:21px;font-size:14px;line-height:1.45}.library-context-destinations article>span i{width:26px;height:26px}
.events-context-stage{padding:20px;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:18px}.events-context-screen{min-height:540px}.events-context-screen:after{background:linear-gradient(0deg,rgba(232,248,237,.42),transparent 28%)}.events-context-panels>article{min-height:540px;padding:40px}.events-context-panels small{font-size:14px}.events-context-panels strong{margin-top:36px;font-size:19px}.events-context-panels h3{font-size:44px;line-height:1.05}.events-context-panels p{font-size:20px;line-height:1.58}.events-context-experience>nav{gap:12px}.events-context-experience>nav:before,.events-context-experience>nav button>i{display:none}.events-context-experience>nav button{min-height:175px;padding:21px;display:flex;flex-direction:column;align-items:flex-start}.events-context-experience>nav button>span{width:36px;height:36px;font-size:14px}.events-context-experience>nav button>b{margin-top:18px;font-size:18px;line-height:1.3;overflow-wrap:anywhere}.events-context-experience>nav button>small{margin-top:8px;font-size:14px;line-height:1.4}
@media(max-width:1120px){.moderation-context-experience{grid-template-columns:340px minmax(0,1fr)}.library-context-experience{grid-template-columns:1fr}.library-context-source{min-height:470px}.library-source-screen{height:470px}.library-context-destinations{grid-template-columns:1fr 1fr}.library-context-destinations>div{min-height:350px}.structure-context-canvas{grid-template-columns:1fr 1fr}.events-context-stage{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.story-design-broadcast .story-contexts,.story-design-structure .story-contexts,.story-design-moderation .story-contexts,.story-design-library .story-contexts,.story-design-event .story-contexts{padding:72px 0}.story-design-broadcast .story-contexts .story-block-head,.story-design-structure .story-contexts .story-block-head,.story-design-moderation .story-contexts .story-block-head,.story-design-library .story-contexts .story-block-head,.story-design-event .story-contexts .story-block-head{margin-bottom:30px}.story-design-broadcast .story-contexts .story-block-head h2,.story-design-structure .story-contexts .story-block-head h2,.story-design-moderation .story-contexts .story-block-head h2,.story-design-library .story-contexts .story-block-head h2,.story-design-event .story-contexts .story-block-head h2{font-size:42px;line-height:1.06}.shawts-context-experience{display:flex;flex-direction:column}.shawts-context-experience>nav{order:-1;display:grid;grid-template-columns:1fr;overflow:visible}.shawts-context-experience>nav button{min-width:0;min-height:96px;grid-template-columns:28px 44px 1fr}.shawts-context-experience>nav button>b{font-size:17px}.shawts-context-screen{grid-template-rows:230px auto}.shawts-context-screen>img{height:230px}.shawts-context-panels>article{min-height:610px;padding:26px;grid-template-columns:1fr}.shawts-context-panels article>small{font-size:14px}.shawts-context-panels h3{font-size:38px}.shawts-context-panels p{font-size:19px}.shawts-context-panels article>div{grid-column:1;grid-row:auto;margin-top:28px}.shawts-context-panels article>div b{font-size:16px}.structure-context-canvas{padding:12px;grid-template-columns:1fr;grid-template-rows:280px auto auto}.structure-context-screen{height:280px}.structure-context-canvas>nav{grid-template-columns:1fr}.structure-context-canvas>nav button:nth-child(n){min-height:104px;padding:18px;display:grid;grid-template-columns:32px 1fr}.structure-context-canvas>nav b{font-size:17px}.structure-context-panels{grid-column:1}.structure-context-panels>article{min-height:430px;padding:28px;grid-template-columns:1fr}.structure-context-panels h3{font-size:37px}.structure-context-panels p{grid-column:1;grid-row:auto;font-size:19px}.moderation-context-experience{grid-template-columns:1fr}.moderation-context-experience>aside nav{display:grid;grid-template-columns:1fr;overflow:visible}.moderation-context-experience>aside button{min-height:104px;grid-template-columns:30px 1fr}.moderation-context-experience>aside button b{font-size:17px}.moderation-context-experience>aside button em{font-size:14px}.moderation-context-stage{grid-template-rows:230px auto}.moderation-context-screen img{height:230px}.moderation-context-panels>article{min-height:460px;padding:27px}.moderation-context-panels h3{font-size:37px}.moderation-context-panels p{font-size:19px}.library-context-experience{grid-template-columns:1fr}.library-context-source{min-height:300px}.library-source-screen{height:300px}.library-context-destinations{grid-template-columns:1fr;grid-template-rows:auto auto}.library-context-destinations>nav{grid-template-columns:1fr}.library-context-destinations>nav button{min-height:102px;padding:17px}.library-context-destinations>nav b{font-size:17px}.library-context-destinations>div{min-height:440px}.library-context-destinations>div>article{min-height:440px;padding:28px}.library-context-destinations h3{font-size:36px}.library-context-destinations p{font-size:19px}.events-context-stage{padding:10px;grid-template-columns:1fr}.events-context-screen{min-height:300px}.events-context-panels>article{min-height:470px;padding:28px}.events-context-panels h3{font-size:38px}.events-context-panels p{font-size:19px}.events-context-experience>nav{display:grid;grid-template-columns:1fr;overflow:visible}.events-context-experience>nav button{min-height:112px;padding:18px}.events-context-experience>nav button>b{font-size:17px}.events-context-experience>nav button>small{font-size:14px}}

/* V30: balanced type, flat controls, corrected moderation color */
.story-design-moderation .story-risk{background:#0b2f25;color:#fff}.story-design-moderation .story-risk .story-card-grid article,.story-design-moderation .story-risk .story-card-grid article:nth-child(2){border:1px solid rgba(185,240,101,.16);background:#123b30}.story-design-moderation .story-risk .story-card-grid article:hover{border-color:#b9f065;background:#164638}.story-design-moderation .story-risk .story-card-grid h3{color:#fff}.story-design-moderation .story-risk .story-card-grid p{color:#c5d6ce}.story-design-moderation .product-story-screen>img,.story-design-moderation .moderation-real-screen>img,.story-design-moderation .moderation-queue-screen>img,.story-design-moderation .moderation-context-screen>img{filter:none!important}
.story-design-broadcast .story-contexts,.story-design-structure .story-contexts,.story-design-moderation .story-contexts,.story-design-library .story-contexts,.story-design-event .story-contexts{padding:84px 0}.story-design-broadcast .story-contexts .story-block-head,.story-design-structure .story-contexts .story-block-head,.story-design-moderation .story-contexts .story-block-head,.story-design-library .story-contexts .story-block-head,.story-design-event .story-contexts .story-block-head{margin-bottom:34px}.story-design-broadcast .story-contexts .story-block-head h2,.story-design-structure .story-contexts .story-block-head h2,.story-design-moderation .story-contexts .story-block-head h2,.story-design-library .story-contexts .story-block-head h2,.story-design-event .story-contexts .story-block-head h2{max-width:820px;font-size:clamp(44px,4.5vw,58px);line-height:1.02}.story-design-broadcast .story-contexts .story-block-head .eyebrow,.story-design-structure .story-contexts .story-block-head .eyebrow,.story-design-moderation .story-contexts .story-block-head .eyebrow,.story-design-library .story-contexts .story-block-head .eyebrow,.story-design-event .story-contexts .story-block-head .eyebrow{font-size:14px}
.shawts-context-screen{grid-template-rows:280px auto}.shawts-context-screen>img{height:280px}.shawts-context-panels{margin:12px}.shawts-context-panels>article{min-height:285px;padding:29px 31px;column-gap:34px}.shawts-context-panels article>small{font-size:14px}.shawts-context-panels h3{font-size:36px}.shawts-context-panels p{font-size:18px}.shawts-context-panels article>div>span{min-height:120px;padding:16px}.shawts-context-panels article>div b{font-size:16px}.shawts-context-panels article>div small{font-size:14px}.shawts-context-experience>nav{gap:0;border-bottom:1px solid rgba(8,91,54,.2)}.shawts-context-experience>nav button{min-height:92px;padding:15px 13px;grid-template-columns:25px 34px 1fr;gap:9px;border:0;border-top:3px solid transparent;border-radius:0;background:transparent;box-shadow:none}.shawts-context-experience>nav button:hover,.shawts-context-experience>nav button.active{border-top-color:#08a657;background:#e8f8ed;color:#092f24;transform:none;box-shadow:none}.shawts-context-experience>nav button>span{font-size:14px}.shawts-context-experience>nav button>i{width:34px;height:34px;background:#fff}.shawts-context-experience>nav button>b{font-size:15px;line-height:1.25}
.structure-context-canvas{min-height:650px;padding:16px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-template-rows:370px auto;gap:12px}.structure-context-screen{height:370px}.structure-context-canvas>nav{gap:0;border:1px solid rgba(8,91,54,.14);border-radius:16px;background:#fff;overflow:hidden}.structure-context-canvas>nav button:nth-child(n){min-height:184px;padding:20px;border:0;border-bottom:1px solid rgba(8,91,54,.12);border-radius:0;background:transparent;box-shadow:none}.structure-context-canvas>nav button:hover,.structure-context-canvas>nav button.active{border-color:rgba(8,91,54,.12);background:#e8f8ed;color:#092f24;transform:none;box-shadow:none}.structure-context-canvas>nav span{font-size:14px}.structure-context-canvas>nav b{font-size:16px}.structure-context-panels>article{min-height:225px;padding:29px 32px;column-gap:34px}.structure-context-panels small{font-size:14px}.structure-context-panels h3{font-size:35px}.structure-context-panels p{font-size:18px}.structure-context-panels article>span{font-size:14px}
.moderation-context-experience{grid-template-columns:330px minmax(0,1fr);gap:14px}.moderation-context-experience>aside{padding:19px;background:#10392e}.moderation-context-experience>aside>small{font-size:14px}.moderation-context-experience>aside nav{gap:0}.moderation-context-experience>aside button{min-height:103px;padding:15px 13px;border:0;border-left:3px solid transparent;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent;box-shadow:none}.moderation-context-experience>aside button:hover,.moderation-context-experience>aside button.active{border-left-color:#b9f065;border-bottom-color:rgba(255,255,255,.1);background:rgba(185,240,101,.1);transform:none}.moderation-context-experience>aside button span{font-size:14px}.moderation-context-experience>aside button b{font-size:16px}.moderation-context-experience>aside button em{font-size:14px}.moderation-context-stage{grid-template-rows:290px auto}.moderation-context-screen img{height:290px}.moderation-context-panels{margin:12px}.moderation-context-panels>article{min-height:285px;padding:29px 31px}.moderation-context-panels article>span{font-size:14px}.moderation-context-panels h3{font-size:35px}.moderation-context-panels p{font-size:18px}.moderation-context-panels footer b{font-size:14px}
.library-context-experience{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:14px}.library-context-source{min-height:540px}.library-source-screen{height:540px}.library-context-destinations{grid-template-rows:auto minmax(270px,auto);gap:10px}.library-context-destinations>nav{gap:0;border:1px solid rgba(8,91,54,.14);border-radius:16px;background:#fff;overflow:hidden}.library-context-destinations>nav button{min-height:132px;padding:16px;border:0;border-bottom:1px solid rgba(8,91,54,.12);border-radius:0;background:transparent;box-shadow:none}.library-context-destinations>nav button:hover,.library-context-destinations>nav button.active{border-color:rgba(8,91,54,.12);background:#e8f8ed;color:#092f24;transform:none}.library-context-destinations>nav button>i{width:40px;height:40px;background:#fff}.library-context-destinations>nav small{font-size:14px}.library-context-destinations>nav b{font-size:16px}.library-context-destinations>div>article{min-height:270px;padding:28px 30px}.library-context-destinations article>small{font-size:14px}.library-context-destinations h3{font-size:34px}.library-context-destinations p{font-size:18px}.library-context-destinations article>span{font-size:14px}
.events-context-stage{padding:14px;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:12px}.events-context-screen{min-height:470px}.events-context-panels>article{min-height:470px;padding:32px}.events-context-panels small{font-size:14px}.events-context-panels strong{margin-top:28px;font-size:16px}.events-context-panels h3{font-size:36px}.events-context-panels p{font-size:18px}.events-context-experience>nav{gap:0;border-bottom:1px solid rgba(8,91,54,.18)}.events-context-experience>nav button{min-height:118px;padding:16px 14px;border:0;border-top:3px solid transparent;border-radius:0;background:transparent;box-shadow:none}.events-context-experience>nav button:hover,.events-context-experience>nav button.active{border-top-color:#08a657;background:#e8f8ed;color:#092f24;transform:none}.events-context-experience>nav button>b{margin-top:10px;font-size:15px}.events-context-experience>nav button>small{font-size:14px}
@media(max-width:760px){.story-design-broadcast .story-contexts,.story-design-structure .story-contexts,.story-design-moderation .story-contexts,.story-design-library .story-contexts,.story-design-event .story-contexts{padding:64px 0}.story-design-broadcast .story-contexts .story-block-head h2,.story-design-structure .story-contexts .story-block-head h2,.story-design-moderation .story-contexts .story-block-head h2,.story-design-library .story-contexts .story-block-head h2,.story-design-event .story-contexts .story-block-head h2{font-size:38px}.shawts-context-experience>nav{order:-1;grid-template-columns:1fr;border:1px solid rgba(8,91,54,.14);border-radius:14px;overflow:hidden}.shawts-context-experience>nav button{min-height:76px;border-top:0;border-bottom:1px solid rgba(8,91,54,.12)}.shawts-context-screen{grid-template-rows:210px auto}.shawts-context-screen>img{height:210px}.shawts-context-panels>article{min-height:500px;padding:22px}.shawts-context-panels h3{font-size:32px}.shawts-context-panels p{font-size:17px}.structure-context-canvas{grid-template-rows:250px auto auto}.structure-context-screen{height:250px}.structure-context-canvas>nav button:nth-child(n){min-height:78px}.structure-context-panels>article{min-height:330px;padding:23px}.structure-context-panels h3{font-size:32px}.structure-context-panels p{font-size:17px}.moderation-context-experience{grid-template-columns:1fr}.moderation-context-experience>aside button{min-height:82px}.moderation-context-stage{grid-template-rows:210px auto}.moderation-context-screen img{height:210px}.moderation-context-panels>article{min-height:340px;padding:23px}.moderation-context-panels h3{font-size:32px}.moderation-context-panels p{font-size:17px}.library-context-source{min-height:280px}.library-source-screen{height:280px}.library-context-destinations>nav button{min-height:82px}.library-context-destinations>div{min-height:340px}.library-context-destinations>div>article{min-height:340px;padding:23px}.library-context-destinations h3{font-size:31px}.library-context-destinations p{font-size:17px}.events-context-screen{min-height:280px}.events-context-panels>article{min-height:350px;padding:23px}.events-context-panels h3{font-size:32px}.events-context-panels p{font-size:17px}.events-context-experience>nav{grid-template-columns:1fr;border:1px solid rgba(8,91,54,.14);border-radius:14px;overflow:hidden}.events-context-experience>nav button{min-height:82px;border-top:0;border-bottom:1px solid rgba(8,91,54,.12)}}

/* V31 narrow desktop layout. Remove this block to restore the V30 dimensions. */
@media(min-width:981px){
  .product-story-page{--ps-shell:min(1080px,calc(100vw - 64px))}
  .product-story-hero{padding:76px 0 72px}
  .product-story-hero>.section-shell{min-height:535px;gap:52px}
  .product-story-block{padding:88px 0}
  .story-objections,.story-faq{padding:86px 0}
  .story-closing{padding:94px 0}
  .story-objections>.section-shell,.story-faq>.section-shell{gap:58px}
  .story-design-broadcast .story-contexts,.story-design-structure .story-contexts,.story-design-moderation .story-contexts,.story-design-library .story-contexts,.story-design-event .story-contexts,.story-design-ticketing .story-contexts,.story-design-tracking .story-contexts,.story-design-administration .story-contexts{padding:76px 0}
}

/* Tracking 07 page-wide frame: one width and one rhythm from hero to CTA. */
@media(min-width:981px){
  .story-design-tracking .section-shell,.story-design-tracking .story-operations>.section-shell,.story-design-tracking .story-sovereignty>.section-shell,.story-design-tracking .story-day>.section-shell{width:min(1080px,calc(100vw - 64px))!important;max-width:none!important}
  .story-design-tracking .product-story-hero{padding:76px 0 72px}
  .story-design-tracking .product-story-hero>.section-shell{min-height:535px;grid-template-columns:minmax(390px,.84fr) minmax(0,1.16fr);gap:52px}
  .story-design-tracking .product-story-copy h1{font-size:clamp(48px,4.7vw,69px);line-height:.94}
  .story-design-tracking .product-story-copy>p{max-width:540px}
  .story-design-tracking .product-story-block,.story-design-tracking .story-operations,.story-design-tracking .story-sovereignty,.story-design-tracking .story-day{padding:88px 0}
  .story-design-tracking .story-contexts{padding:76px 0}
  .story-design-tracking .story-objections,.story-design-tracking .story-faq{padding:86px 0}
  .story-design-tracking .story-closing{padding:94px 0}
  .story-design-tracking .story-block-head{width:100%;max-width:820px;margin-bottom:42px}
  .story-design-tracking .story-block-head h2{max-width:800px}
  .story-design-tracking .story-objections>.section-shell{grid-template-columns:.76fr 1.24fr;gap:58px}
  .story-design-tracking .story-faq>.section-shell{grid-template-columns:.75fr 1.25fr;gap:58px}
  .story-design-tracking .story-objections header,.story-design-tracking .story-faq header{max-width:none}
  .story-design-tracking .story-objections header h2,.story-design-tracking .story-faq header h2{font-size:clamp(42px,4.5vw,60px);line-height:.98}
  .story-design-tracking .story-closing>.section-shell{width:min(850px,calc(100vw - 64px))!important;max-width:850px!important}
  .story-design-tracking .story-closing h2{max-width:none;margin-inline:0;font-size:clamp(48px,6vw,76px)}
}
@media(min-width:681px) and (max-width:980px){
  .story-design-tracking .section-shell,.story-design-tracking .story-operations>.section-shell,.story-design-tracking .story-sovereignty>.section-shell,.story-design-tracking .story-day>.section-shell{width:min(900px,calc(100vw - 40px))!important;max-width:none!important}
  .story-design-tracking .product-story-block,.story-design-tracking .story-operations,.story-design-tracking .story-sovereignty,.story-design-tracking .story-day,.story-design-tracking .story-contexts,.story-design-tracking .story-objections,.story-design-tracking .story-faq,.story-design-tracking .story-closing{padding:76px 0}
}

/* Tracking 07 visual readability at the Dashboard 06 frame. */
.story-design-tracking .tracking-blindspot>header{font-size:14px}.story-design-tracking .tracking-blindspot>header>b{padding:8px 11px;font-size:14px}.story-design-tracking .blindspot-workspace{gap:12px}.story-design-tracking .blindspot-calls,.story-design-tracking .blindspot-map{min-height:390px;padding:24px}.story-design-tracking .blindspot-calls>small{font-size:14px}.story-design-tracking .blindspot-calls>article{min-height:78px;grid-template-columns:48px 34px 1fr auto;gap:11px}.story-design-tracking .blindspot-calls time{font-size:14px}.story-design-tracking .blindspot-calls>article>i{width:33px;height:33px;font-size:14px}.story-design-tracking .blindspot-calls article b{font-size:15px}.story-design-tracking .blindspot-calls article small{font-size:14px}.story-design-tracking .blindspot-calls article em{font-size:14px}.story-design-tracking .blindspot-calls>footer{padding:15px}.story-design-tracking .blindspot-calls>footer strong{font-size:31px}.story-design-tracking .blindspot-calls>footer span{font-size:14px}.story-design-tracking .blind-question{width:100px;height:100px;font-size:52px}.story-design-tracking .blindspot-map>strong{font-size:27px}.story-design-tracking .blindspot-map>small{max-width:240px;font-size:14px;line-height:1.45}.story-design-tracking .blindspot-map>footer{padding:13px}.story-design-tracking .blindspot-map>footer span,.story-design-tracking .blindspot-map>footer b{font-size:14px}.story-design-tracking .blindspot-costs{gap:8px}.story-design-tracking .blindspot-costs>span{min-height:88px;padding:15px;grid-template-columns:34px 1fr;gap:11px}.story-design-tracking .blindspot-costs>span i{width:33px;height:33px;font-size:14px}.story-design-tracking .blindspot-costs>span b{font-size:15px}.story-design-tracking .blindspot-costs>span small{font-size:14px;line-height:1.45}
.story-design-tracking .custody-screen>header{height:42px;font-size:14px}.story-design-tracking .custody-screen>header b{padding:7px 10px;font-size:14px}.story-design-tracking .custody-screen>img{height:380px}.story-design-tracking .custody-lock{width:min(500px,calc(100% - 56px));padding:20px;grid-template-columns:62px 1fr;gap:16px}.story-design-tracking .custody-lock>i{width:60px;height:60px}.story-design-tracking .custody-lock small{font-size:14px}.story-design-tracking .custody-lock strong{font-size:27px}.story-design-tracking .custody-lock em{font-size:14px}.story-design-tracking .custody-ledger{padding:18px}.story-design-tracking .custody-ledger>header{padding:4px 8px 15px;font-size:14px}.story-design-tracking .custody-ledger>header b{font-size:14px}.story-design-tracking .custody-ledger>article{min-height:82px;padding:13px 15px;grid-template-columns:40px 1fr 31px;gap:13px}.story-design-tracking .custody-ledger>article>span{font-size:14px}.story-design-tracking .custody-ledger article b{font-size:16px}.story-design-tracking .custody-ledger article small{font-size:14px}.story-design-tracking .custody-ledger>article>i{width:30px;height:30px;font-size:14px}
@media(max-width:680px){.story-design-tracking .tracking-blindspot>header{font-size:14px}.story-design-tracking .blindspot-calls,.story-design-tracking .blindspot-map{min-height:360px;padding:18px}.story-design-tracking .blindspot-costs>span b{font-size:14px}.story-design-tracking .custody-screen>img{height:320px}.story-design-tracking .custody-lock{padding:15px;grid-template-columns:50px 1fr}.story-design-tracking .custody-lock>i{width:48px;height:48px}.story-design-tracking .custody-lock strong{font-size:20px}.story-design-tracking .custody-lock em{font-size:14px}.story-design-tracking .custody-ledger article b{font-size:14px}}

/* Dashboard 01-08 system audit: shared frame, type localization, and containment. */
.product-story-dashboard,.product-story-dashboard *{box-sizing:border-box}.product-story-dashboard{max-width:100%;overflow-x:hidden}.product-story-dashboard :is(h1,h2,h3,h4){max-width:100%;overflow-wrap:normal!important;word-break:normal!important;hyphens:none;text-wrap:balance}.product-story-dashboard :is(p,blockquote){text-wrap:pretty}.product-story-dashboard .product-story-block :is(.story-card-grid,.story-card-grid>article,[data-story-stepper],[data-story-stepper]>*),.product-story-dashboard .product-story-hero-visual{min-width:0;max-width:100%}.product-story-dashboard .product-story-block small{font-size:max(14px, max(11px,.72em));line-height:1.4}.product-story-dashboard [data-story-stepper] button b{line-height:1.25}.product-story-dashboard [data-story-stepper] button small{font-size:14px;line-height:1.4}
.polish-mirrored-page .product-story-dashboard .product-story-copy>p{margin-top:22px;line-height:1.55}
.polish-mirrored-page .product-story-dashboard .product-story-nav a{padding-inline:6px;gap:4px;font-size:14px !important}
.polish-mirrored-page .product-story-dashboard .product-story-nav a span{font-size:14px !important}
.polish-mirrored-page .product-story-dashboard .product-story-nav a.active:before{content:"Wybrany"}
@media(min-width:981px){
  .product-story-dashboard .section-shell,.product-story-dashboard .product-story-block>.section-shell{width:min(1080px,calc(100vw - 64px))!important;max-width:none!important}
  .product-story-dashboard .product-story-hero{padding:76px 0 72px}
  .product-story-dashboard .product-story-hero>.section-shell{min-height:535px;gap:52px}
  .polish-mirrored-page .product-story-dashboard .product-story-hero>.section-shell{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:46px}
  .product-story-dashboard .product-story-block{padding:88px 0}
  .product-story-dashboard .story-contexts{padding:76px 0}
  .product-story-dashboard .story-objections,.product-story-dashboard .story-faq{padding:86px 0}
  .product-story-dashboard .story-closing{padding:94px 0}
  .product-story-dashboard .story-block-head{width:100%;max-width:820px;margin-bottom:42px}
  .product-story-dashboard .story-block-head h2{max-width:800px;font-size:clamp(42px,4.8vw,65px);line-height:.96}
  .product-story-dashboard .story-block-intro{max-width:700px;font-size:18px!important;line-height:1.6}
  .product-story-dashboard .story-objections>.section-shell,.product-story-dashboard .story-faq>.section-shell{gap:58px}
  .product-story-dashboard .story-closing>.section-shell{width:min(850px,calc(100vw - 64px))!important;max-width:850px!important}
}
@media(max-width:980px){
  .product-story-dashboard .section-shell,.product-story-dashboard .product-story-block>.section-shell{width:min(900px,calc(100vw - 34px))!important;max-width:none!important}
  .product-story-dashboard .product-story-hero>.section-shell{grid-template-columns:minmax(0,1fr);gap:42px}
  .product-story-dashboard .product-story-block,.product-story-dashboard .story-contexts,.product-story-dashboard .story-objections,.product-story-dashboard .story-faq,.product-story-dashboard .story-closing{padding:76px 0}
}
@media(max-width:680px){
  .product-story-dashboard .section-shell,.product-story-dashboard .product-story-block>.section-shell,.product-story-dashboard .story-closing>.section-shell{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important}
  .product-story-dashboard .product-story-hero{padding:54px 0 62px}
  .product-story-dashboard .product-story-hero>.section-shell{min-height:0;gap:34px}
  .product-story-dashboard .product-story-copy{width:100%;max-width:100%}
  .product-story-dashboard .product-story-copy h1{width:100%;font-size:40px!important;line-height:1!important;letter-spacing:-.045em}
  .product-story-dashboard .product-story-copy>p{width:100%;max-width:100%;margin-top:18px;font-size:17px!important;line-height:1.55}
  .product-story-dashboard .product-story-block,.product-story-dashboard .story-contexts,.product-story-dashboard .story-objections,.product-story-dashboard .story-faq,.product-story-dashboard .story-closing{padding:68px 0}
  .product-story-dashboard .story-block-head{width:100%!important;max-width:100%!important;margin-bottom:28px;padding-right:0}
  .product-story-dashboard .story-block-head h2,.product-story-dashboard .story-objections header h2,.product-story-dashboard .story-faq header h2{width:100%!important;max-width:100%!important;font-size:38px!important;line-height:1.02!important;letter-spacing:-.04em}
  .product-story-dashboard .story-block-intro{width:100%;max-width:100%;margin-top:15px;font-size:17px!important;line-height:1.55}
  .product-story-dashboard .story-head-vector{width:66px;height:66px;margin-bottom:18px}
  .product-story-dashboard :is(.story-card-grid,.story-sides,.story-checks,.incident-costs){width:100%;grid-template-columns:minmax(0,1fr)!important}
  .product-story-dashboard :is(.story-card-grid>article,.story-sides>article,.story-checks>span){width:100%;max-width:100%;min-width:0}
  .product-story-dashboard [data-story-stepper]>nav{scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none}
  .product-story-dashboard [data-story-stepper]>nav::-webkit-scrollbar{display:none}
  .product-story-dashboard [data-story-stepper]>nav>button{scroll-snap-align:start}
  .product-story-dashboard .story-objections>.section-shell,.product-story-dashboard .story-faq>.section-shell{grid-template-columns:minmax(0,1fr);gap:30px}
  .product-story-dashboard .story-closing h2{font-size:44px!important}
}

/* Organization mobile context: remove the runaway desktop grid and blank canvas. */
@media(max-width:760px){
  .story-design-structure .structure-context-canvas{height:auto!important;min-height:0!important;padding:10px!important;display:flex!important;flex-direction:column!important;gap:9px!important;border-radius:22px!important}
  .story-design-structure .structure-context-screen{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:210px!important;flex:0 0 210px!important;transform:none!important}
  .story-design-structure .structure-context-canvas>nav{position:relative!important;inset:auto!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
  .story-design-structure .structure-context-canvas>nav button:nth-child(n){position:relative!important;inset:auto!important;width:100%!important;min-height:76px!important;padding:13px!important;display:grid!important;grid-template-columns:31px minmax(0,1fr)!important;align-content:center!important}
  .story-design-structure .structure-context-canvas>nav b{font-size:15px!important}
  .story-design-structure .structure-context-panels{position:relative!important;left:auto!important;bottom:auto!important;width:100%!important;height:350px!important;flex:0 0 350px!important;display:grid!important;transform:none!important}
  .story-design-structure .structure-context-panels>article{position:absolute!important;inset:0!important;min-height:350px!important;padding:22px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:left!important}
  .story-design-structure .structure-context-panels h3{font-size:32px!important}
  .story-design-structure .structure-context-panels p{grid-column:auto!important;grid-row:auto!important;font-size:17px!important;line-height:1.55!important}
}

/* V32: mobile product pages become six interactive, green-only product experiences. */
.app-hub{--accent:#08a657;--accent-2:#b9f065}.app-hub .product-hub-hero{background:radial-gradient(circle at 80% 30%,rgba(185,240,101,.34),transparent 25%),linear-gradient(135deg,#fbfdf9,#e8f8ed)}.app-hub .hub-stage{background:radial-gradient(circle,#c9f2d5,#68d391)}.app-hub .hub-route-grid>button.active{background:#092f24}.app-hub .hub-route-icon{background:#e8f8ed;color:#08a657}.app-hub .hub-connection{background:#092f24}.app-hub .hub-orbit>span{background:#144b39}
.product-story-app{--accent:#08a657;--accent-2:#b9f065;--ink:#092f24;--deep:#0b382b;--soft:#eaf8ee;--paper:#fbfdf9;color:var(--ink)}
.product-story-app .product-story-hero{background:radial-gradient(circle at 78% 34%,rgba(185,240,101,.22),transparent 24%),linear-gradient(145deg,#fbfdf9 0%,#edf9f0 100%)}
.product-story-app .product-story-hero:before,.product-story-app .product-story-hero:after{background:#08a657}
.product-story-app .product-story-phone:before,.product-story-app .phone-vector-orbit i,.product-story-app .phone-float{border-color:#08a657;background:#fff;color:#092f24}
.product-story-app .phone-float:before{background:#08a657}.product-story-app .product-story-nav a.active{color:#08a657}.product-story-app .story-head-vector{background:#e8f8ed;color:#08a657}
.product-story-app .story-block-head{max-width:780px;margin-bottom:38px}.product-story-app .story-block-head h2{font-size:clamp(40px,4.4vw,58px);line-height:1.02}.product-story-app .story-block-intro{max-width:700px;font-size:18px;line-height:1.58}
.product-story-app .product-story-block:nth-of-type(even){background:#f6fbf7}.product-story-app button{font-family:inherit}
.app-tension,.feed-explorer,.community-studio,.chat-control-room,.library-finder,.field-barriers,.app-context-orbit{position:relative}
.app-tension button,.feed-explorer button,.community-studio button,.chat-control-room button,.library-finder button,.field-barriers button,.app-context-orbit button,.document-control button{cursor:pointer}
.app-tension nav button,.feed-explorer nav button,.community-studio nav button,.library-finder nav button,.field-barriers nav button,.app-context-orbit>nav button{border:0;color:#092f24;text-align:left;transition:.25s}
.app-tension-panels>article,.feed-panels>article,.community-panels>article,.chat-panels>article,.library-panels>article,.field-barrier-panels>article,.app-context-panels>article,.document-control-panels>article{opacity:0;pointer-events:none;transform:translateY(10px);transition:.3s}
.app-tension-panels>article.active,.feed-panels>article.active,.community-panels>article.active,.chat-panels>article.active,.library-panels>article.active,.field-barrier-panels>article.active,.app-context-panels>article.active,.document-control-panels>article.active{opacity:1;pointer-events:auto;transform:none}
.app-tension-panels small,.feed-panels small,.community-panels small,.chat-panels small,.library-panels small,.field-barrier-panels small,.app-context-panels small,.document-control-panels small{color:#08a657;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.app-tension-panels h3,.feed-panels h3,.community-panels h3,.chat-panels h3,.library-panels h3,.field-barrier-panels h3,.app-context-panels h3,.document-control-panels h3{margin:8px 0 10px;font-size:34px;line-height:1.05}
.app-tension-panels p,.feed-panels p,.community-panels p,.chat-panels p,.library-panels p,.field-barrier-panels p,.app-context-panels p{margin:0;color:#587065;font-size:17px;line-height:1.55}
.app-tension-panels article>span,.feed-panels article>span,.community-panels article>span,.chat-panels article>span,.library-panels article>span,.field-barrier-panels article>span,.app-context-panels article>span,.document-control-panels article>span{margin-top:20px;display:flex;align-items:center;gap:8px;color:#557165;font-size:14px;font-weight:800;text-transform:uppercase}
.app-tension-panels article>span i,.feed-panels article>span i,.community-panels article>span i,.chat-panels article>span i,.library-panels article>span i,.field-barrier-panels article>span i,.app-context-panels article>span i,.document-control-panels article>span i{width:8px;height:8px;border-radius:50%;background:#08a657;box-shadow:0 0 0 6px rgba(8,166,87,.1)}

/* Shared opening scene, with a different composition on each app page. */
.app-tension{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;min-height:520px}.app-tension>nav{display:grid;gap:0;border:1px solid #d9e9de;border-radius:18px;background:#fff;overflow:hidden}.app-tension>nav button{padding:18px;display:grid;grid-template-columns:28px 1fr;gap:10px;border-bottom:1px solid #e1ece5;background:#fff}.app-tension>nav button span{color:#08a657;font-size:14px;font-weight:900}.app-tension>nav button b{font-size:15px;line-height:1.25}.app-tension>nav button small{grid-column:2;color:#83978d;font-size:14px}.app-tension>nav button:hover,.app-tension>nav button.active{background:#092f24;color:#fff}.app-tension>nav button.active small{color:#b9f065}.app-tension-stage{position:relative;border:1px solid #d8e8de;border-radius:28px 28px 8px 28px;background:#e8f8ed;overflow:hidden}.app-tension-phone{position:absolute;right:6%;top:32px;width:260px;transform:rotate(4deg)}.app-tension-phone .phone-mockup{width:100%}.app-tension-signal{position:absolute;left:28px;top:28px;width:190px;height:130px;padding:19px;border:1px dashed #7da290;border-radius:16px;background:rgba(255,255,255,.72)}.app-tension-signal span{display:block;color:#70877c;font-size:14px;font-weight:900}.app-tension-signal i{display:block;width:100%;height:2px;margin:19px 0;background:repeating-linear-gradient(90deg,#08a657 0 8px,transparent 8px 14px)}.app-tension-signal b{font-size:27px}.app-tension-panels{position:absolute;z-index:3;left:26px;right:260px;bottom:26px;height:220px}.app-tension-panels article{position:absolute;inset:0;padding:25px;border:1px solid #dbe9e0;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 40px rgba(6,68,41,.12)}
.app-tension-community .app-tension-stage{border-radius:50px 8px 50px 8px}.app-tension-community .app-tension-phone{right:9%;transform:rotate(-5deg)}.app-tension-chats .app-tension-stage{background:#0b382b}.app-tension-chats .app-tension-signal{border-color:rgba(185,240,101,.38);background:rgba(255,255,255,.08);color:#fff}.app-tension-chats .app-tension-signal span{color:#b9f065}.app-tension-chats .app-tension-signal b{color:#fff}.app-tension-app-events .app-tension-stage{background:linear-gradient(115deg,#e8f8ed 0 56%,#d6f1df 56%)}.app-tension-app-library .app-tension-stage{border-radius:8px 28px 28px 28px}.app-tension-app-library .app-tension-signal{box-shadow:12px 12px 0 #d8eddf,24px 24px 0 #c9e7d3}

/* Shawts: a live feed explorer and publishing rhythm. */
.feed-explorer{min-height:600px;padding:20px;display:grid;grid-template-columns:255px 300px 1fr;gap:18px;border-radius:30px;background:#092f24;color:#fff;overflow:hidden}.feed-explorer>nav{display:grid;align-content:center}.feed-explorer>nav button{padding:17px 15px;display:grid;grid-template-columns:28px 1fr;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#fff}.feed-explorer>nav button span{color:#b9f065;font-size:14px;font-weight:900}.feed-explorer>nav button b{font-size:15px}.feed-explorer>nav button small{grid-column:2;margin-top:4px;color:#87a79a;font-size:14px}.feed-explorer>nav button:hover,.feed-explorer>nav button.active{padding-left:23px;background:rgba(185,240,101,.1)}.feed-device{position:relative;align-self:center}.feed-device .phone-mockup{width:100%}.feed-push{position:absolute;right:-20px;top:75px;padding:10px 13px;border-radius:99px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal;font-weight:900;box-shadow:0 12px 25px rgba(0,0,0,.24)}.feed-panels{position:relative;align-self:center;height:285px}.feed-panels article{position:absolute;inset:0;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:#123f32}.feed-panels h3{color:#fff;font-size:39px}.feed-panels p{color:#bed1c7}.feed-panels article>span{color:#b5cabf}.feed-wave{position:absolute;right:26px;bottom:26px;display:flex;align-items:center;gap:6px}.feed-wave i{width:8px;border-radius:99px;background:#b9f065}.feed-wave i:nth-child(1){height:16px}.feed-wave i:nth-child(2){height:30px}.feed-wave i:nth-child(3){height:22px}.feed-wave span{margin-left:8px;color:#8eada0;font-size:14px;text-transform:uppercase}.feed-wave b{color:#b9f065}.feed-rhythm{display:grid;grid-template-columns:1fr 280px;border:1px solid #d8e8de;border-radius:26px;overflow:hidden}.feed-rhythm-line{padding:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff}.feed-rhythm-line article{position:relative;padding:20px;border-top:2px solid #08a657}.feed-rhythm-line article i{position:absolute;left:20px;top:-8px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#08a657}.feed-rhythm-line article span{color:#08a657;font-size:14px;font-weight:900}.feed-rhythm-line h3{font-size:19px;line-height:1.3}.feed-rhythm>aside{padding:38px;display:flex;flex-direction:column;justify-content:center;background:#b9f065}.feed-rhythm aside small{font-size:14px;font-weight:900}.feed-rhythm aside strong{font-size:46px}.feed-rhythm aside p{font-size:17px;line-height:1.5}

/* Community: participation studio and reversible moderation loop. */
.community-studio{min-height:590px;padding:30px;display:grid;grid-template-columns:340px 1fr;grid-template-rows:1fr auto;gap:18px;border:1px solid #d6e8dc;border-radius:54px 10px 54px 10px;background:#e8f8ed;overflow:hidden}.community-device{position:relative;grid-row:1/3;align-self:center;width:295px;margin:auto}.community-device .phone-mockup{width:100%}.community-device>span{position:absolute;right:-42px;top:90px;padding:10px 13px;border-radius:99px;background:#092f24;color:#fff;font-size:14px;font-weight:900}.community-device>span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#b9f065}.community-studio>nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-self:end}.community-studio>nav button{min-height:90px;padding:15px;border:1px solid #d6e7dc;border-radius:16px;background:#fff}.community-studio>nav button span{color:#08a657;font-size:14px;font-weight:900}.community-studio>nav button b{display:block;margin-top:7px;font-size:17px}.community-studio>nav button small{color:#7d9288;font-size:14px}.community-studio>nav button:hover,.community-studio>nav button.active{border-color:#08a657;background:#092f24;color:#fff;transform:translateY(-4px)}.community-studio>nav button.active small{color:#b9f065}.community-panels{position:relative;height:210px}.community-panels article{position:absolute;inset:0;padding:25px;border-radius:20px;background:#fff}.community-orbits i{position:absolute;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#b9f065;color:#092f24;font-style:normal;font-weight:900}.community-orbits i:nth-child(1){left:20px;top:34px}.community-orbits i:nth-child(2){right:20px;top:36px}.community-orbits i:nth-child(3){left:34px;bottom:25px}.community-orbits i:nth-child(4){right:32px;bottom:24px}.community-safety{padding:28px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;border-radius:28px;background:#092f24;color:#fff}.community-safety article{min-height:165px;padding:22px;border:1px solid rgba(185,240,101,.18);border-radius:18px;background:#123f32}.community-safety article i{color:#b9f065;font-size:14px;font-style:normal}.community-safety article b{display:block;margin:22px 0 8px;font-size:20px}.community-safety article span{color:#b9cfc4;font-size:14px;line-height:1.4}.community-safety>em{color:#b9f065;font-style:normal}.community-safety>p{grid-column:1/-1;margin:8px 0 0;color:#d5e4dc;font-size:17px;text-align:center}

/* Chats: employee and organization controls around the real conversation. */
.chat-control-room{min-height:650px;padding:26px;display:grid;grid-template-columns:245px 1fr 245px;gap:18px;border-radius:28px;background:#092f24;color:#fff}.chat-rail{display:flex;flex-direction:column;justify-content:center}.chat-rail>small{margin-bottom:14px;color:#b9f065;font-size:14px;font-weight:900;text-transform:uppercase}.chat-rail button{padding:15px 12px;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;text-align:left}.chat-rail button i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(185,240,101,.1);color:#b9f065;font-style:normal}.chat-rail button i svg{width:17px}.chat-rail button b{font-size:14px;line-height:1.25}.chat-rail button:hover,.chat-rail button.active{background:rgba(185,240,101,.1);padding-left:18px}.chat-device{position:relative;align-self:center;width:320px;margin:auto}.chat-device .phone-mockup{width:100%}.chat-device>span{position:absolute;left:50%;top:-14px;padding:9px 13px;border-radius:99px;background:#b9f065;color:#092f24;font-size:14px;font-weight:900;transform:translateX(-50%)}.chat-panels{position:absolute;z-index:4;left:-85px;right:-85px;bottom:-30px;height:205px}.chat-panels article{position:absolute;inset:0;padding:23px;border:1px solid rgba(185,240,101,.25);border-radius:18px;background:rgba(12,57,44,.98);box-shadow:0 20px 42px rgba(0,0,0,.3)}.chat-panels h3{color:#fff;font-size:29px}.chat-panels p{color:#c4d5cd;font-size:17px}.chat-panels article>span{margin-top:14px;color:#b4c9be}.chat-promise{position:relative;min-height:290px;padding:50px;display:grid;place-items:center;border-radius:30px;background:#e8f8ed;text-align:center;overflow:hidden}.chat-promise:before,.chat-promise:after{content:"";position:absolute;width:190px;height:190px;border:1px solid #9dceb0;border-radius:50%}.chat-promise:before{left:-70px}.chat-promise:after{right:-70px}.chat-promise>i{position:absolute;left:50%;top:25px;bottom:25px;width:1px;background:#97caaa}.chat-promise blockquote{z-index:2;max-width:760px;margin:0;font-size:clamp(30px,4vw,50px);font-weight:900;line-height:1.08}.chat-promise span{position:absolute;bottom:22px;color:#08a657;font-size:14px;font-weight:900}.chat-promise span:nth-of-type(1){left:28px}.chat-promise span:nth-of-type(2){right:28px}

/* Events: registration crosses visibly from phone to dashboard. */
.event-bridge{display:grid;grid-template-columns:1fr 130px 1fr;gap:14px;align-items:stretch}.event-bridge>article{position:relative;min-height:610px;padding:28px;border:1px solid #d7e8dd;border-radius:26px;background:#fff;overflow:hidden}.event-bridge>article>small{color:#08a657;font-size:14px;font-weight:900}.event-bridge>article h3{margin:9px 0;font-size:30px}.event-bridge>article p{margin:0;color:#5b7166;font-size:17px;line-height:1.55}.event-phone{position:absolute;left:50%;bottom:-150px;width:300px;transform:translateX(-50%)}.event-phone .phone-mockup{width:100%}.event-dashboard{position:absolute;left:22px;right:22px;bottom:22px;height:275px;border:8px solid #092f24;border-radius:18px;background:#fff;overflow:hidden}.event-dashboard img{width:100%;height:100%;object-fit:cover;object-position:left top}.event-flow{align-self:center;height:180px;padding:18px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:99px;background:#b9f065;color:#092f24;text-align:center}.event-flow span{font-size:14px;font-weight:900}.event-flow i{margin:7px 0;font-size:22px;font-style:normal}.event-flow b{font-size:38px}.event-flow small{font-size:14px}.app-registration{min-height:520px;padding:28px;display:grid;grid-template-columns:430px 1fr;gap:36px;border-radius:28px;background:#092f24;color:#fff}.app-registration-phone{position:relative;width:290px;margin:auto}.app-registration-phone .phone-mockup{width:100%}.app-registration-phone>button{position:absolute;z-index:4;left:50%;bottom:50px;min-width:180px;padding:14px 22px;border:0;border-radius:99px;background:#b9f065;color:#092f24;font-size:14px;font-weight:900;transform:translateX(-50%);cursor:pointer}.app-registration-route{display:flex;flex-direction:column;justify-content:center}.app-registration-route span{padding:25px;display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);color:#819e91;transition:.3s}.app-registration-route span i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(185,240,101,.22);border-radius:50%;font-size:14px;font-style:normal}.app-registration-route span b{font-size:21px}.app-registration-route span.active{color:#fff;background:rgba(185,240,101,.08)}.app-registration-route span.active i{background:#b9f065;color:#092f24}

/* Library: searchable shelf and file-level state. */
.library-finder{min-height:590px;padding:26px;display:grid;grid-template-columns:330px 260px 1fr;gap:18px;border:1px solid #d6e7dc;border-radius:10px 34px 34px 34px;background:#e8f8ed;overflow:hidden}.library-device{position:relative;align-self:center;width:285px;margin:auto}.library-device .phone-mockup{width:100%}.library-device>span{position:absolute;left:-18px;top:95px;padding:10px 12px;border-radius:8px;background:#092f24;color:#b9f065;font-size:14px;font-weight:900}.library-finder>nav{display:grid;align-content:center}.library-finder>nav button{padding:17px 15px;display:grid;grid-template-columns:28px 1fr;border-bottom:1px solid #cfe2d5;background:transparent}.library-finder>nav button span{color:#08a657;font-size:14px;font-weight:900}.library-finder>nav button b{font-size:14px;line-height:1.25}.library-finder>nav button small{grid-column:2;color:#788e83;font-size:14px}.library-finder>nav button:hover,.library-finder>nav button.active{background:#fff;padding-left:22px}.library-panels{position:relative;align-self:center;height:270px}.library-panels article{position:absolute;inset:0;padding:28px;border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(7,68,41,.1)}.library-shelf{position:absolute;right:24px;bottom:22px;display:flex;align-items:center;gap:7px}.library-shelf i{width:33px;height:40px;display:grid;place-items:center;border:1px solid #afd4ba;border-radius:6px;background:#fff;color:#08a657;font-size:14px;font-style:normal;font-weight:900}.library-shelf b{margin-left:7px;color:#08a657;font-size:14px}.document-control{padding:24px;display:grid;grid-template-columns:235px 250px 1fr;gap:20px;align-items:stretch;border:1px solid #d8e8de;border-radius:24px;background:#fff}.document-control nav{display:grid;gap:0}.document-control nav button{padding:18px;display:grid;grid-template-columns:30px 1fr;align-items:center;border:0;border-bottom:1px solid #dceae1;background:#fff;color:#092f24;text-align:left}.document-control nav button span{color:#08a657;font-size:14px;font-weight:900}.document-control nav button b{font-size:15px}.document-control nav button:hover,.document-control nav button.active{background:#e8f8ed}.document-control-file{min-height:245px;padding:25px;display:flex;flex-direction:column;justify-content:center;border-radius:14px 26px 14px 14px;background:#092f24;color:#fff}.document-control-file i{width:52px;height:62px;display:grid;place-items:center;border-radius:8px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal;font-weight:900}.document-control-file strong{margin-top:20px;font-size:22px;overflow-wrap:anywhere}.document-control-file small{margin-top:8px;color:#a7c1b5}.document-control-panels{position:relative;min-height:245px}.document-control-panels article{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:center;border-radius:18px;background:#e8f8ed}

/* Field reporting: the action, evidence builder and visible route to ownership. */
.field-barriers{min-height:540px;padding:26px;display:grid;grid-template-columns:235px 180px 1fr 260px;gap:17px;align-items:center;border-radius:28px;background:#092f24;color:#fff}.field-barriers>nav{display:grid}.field-barriers>nav button{padding:20px 15px;border-bottom:1px solid rgba(255,255,255,.11);background:transparent;color:#fff}.field-barriers>nav button span{color:#b9f065;font-size:14px;font-weight:900}.field-barriers>nav button b{display:block;margin-top:6px;font-size:18px}.field-barriers>nav button small{color:#8da99d;font-size:14px}.field-barriers>nav button:hover,.field-barriers>nav button.active{background:rgba(185,240,101,.1);padding-left:22px}.field-action{width:155px;height:155px;display:grid;place-items:center;align-content:center;border:1px solid rgba(185,240,101,.3);border-radius:50%;background:#123f32;box-shadow:0 0 0 18px rgba(185,240,101,.05)}.field-action span{font-size:42px;color:#b9f065}.field-action b{font-size:14px}.field-action i{width:8px;height:8px;margin-top:9px;border-radius:50%;background:#b9f065}.field-barrier-panels{position:relative;height:250px}.field-barrier-panels article{position:absolute;inset:0;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#123f32}.field-barrier-panels h3{color:#fff}.field-barrier-panels p{color:#bdd0c7}.field-device{width:235px}.field-device .phone-mockup{width:100%}.field-builder{padding:28px;display:grid;grid-template-columns:310px 1fr;gap:28px;border-radius:28px;background:#e8f8ed}.field-builder-device{width:280px;margin:auto}.field-builder-device .phone-mockup{width:100%}.field-builder .report-builder{align-self:center;background:#fff}.field-arrival{position:relative;min-height:430px;padding:34px;display:grid;grid-template-columns:170px repeat(4,1fr) 170px;gap:12px;align-items:center;border:1px solid #d7e7dc;border-radius:28px;background:#fff;overflow:hidden}.field-arrival-line{position:absolute;left:140px;right:140px;top:50%;height:3px;background:#08a657}.field-arrival-source,.field-arrival-owner,.field-arrival article{position:relative;z-index:2;min-height:170px;padding:17px;display:flex;flex-direction:column;justify-content:center;border-radius:17px;background:#e8f8ed}.field-arrival-source span,.field-arrival-owner span{color:#688076;font-size:14px}.field-arrival-source b,.field-arrival-owner b{margin:7px 0;font-size:16px}.field-arrival-source i{width:10px;height:10px;border-radius:50%;background:#08a657}.field-arrival article{border:1px solid #d4e6da;background:#fff}.field-arrival article>span{color:#08a657;font-size:14px;font-weight:900}.field-arrival article>i{width:38px;height:38px;margin:18px 0 12px;display:grid;place-items:center;border-radius:11px;background:#e8f8ed;color:#08a657;font-style:normal}.field-arrival article>i svg{width:18px}.field-arrival article h3{font-size:14px;line-height:1.3}.field-arrival-owner{background:#092f24;color:#fff}.field-arrival-owner>i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#b9f065;color:#092f24;font-style:normal;font-weight:900}

/* A compact, interactive use-case orbit shared by app pages. */
.product-story-app .product-story-copy h1{color:#073c2b!important}.product-story-app .product-story-copy p{color:#587065!important}.product-story-app .product-story-copy .eyebrow{color:#08a657!important}.product-story-app .chat-promise blockquote{color:#073c2b!important}
.app-context-orbit{min-height:590px;padding:24px;display:grid;grid-template-columns:360px 1fr;gap:22px;border-radius:30px;background:#092f24;color:#fff;overflow:hidden}.app-context-device{position:relative;width:290px;margin:auto;align-self:center}.app-context-device>.phone-mockup{width:100%}.app-context-panels{position:absolute;z-index:4;left:160px;top:120px;width:370px;height:245px}.app-context-panels article{position:absolute;inset:0;padding:25px;border:1px solid rgba(185,240,101,.25);border-radius:20px;background:rgba(15,61,48,.98);box-shadow:0 20px 45px rgba(0,0,0,.3)}.app-context-panels h3{color:#fff;font-size:29px}.app-context-panels p{color:#bfd2c8;font-size:17px}.app-context-orbit>nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:center;margin-left:120px}.app-context-orbit>nav button{min-height:125px;padding:18px;border:1px solid rgba(185,240,101,.15);border-radius:17px;background:#123f32;color:#fff}.app-context-orbit>nav button span{color:#b9f065;font-size:14px;font-weight:900}.app-context-orbit>nav button b{display:block;margin:13px 0 6px;font-size:16px;line-height:1.25}.app-context-orbit>nav button small{color:#8fa99e;font-size:14px}.app-context-orbit>nav button:hover,.app-context-orbit>nav button.active{border-color:#b9f065;background:#18503e;transform:translateY(-4px)}.app-context-core{position:absolute;left:50%;top:20px;display:flex;align-items:center;gap:8px;color:#b9f065}.app-context-core i{width:8px;height:8px;border-radius:50%;background:#b9f065}.app-context-core b{font-size:14px}.app-context-core span{color:#89a69a;font-size:14px}

@media(max-width:980px){
  .app-tension{grid-template-columns:1fr}.app-tension>nav{grid-template-columns:repeat(2,1fr)}.app-tension-stage{min-height:570px}.feed-explorer{grid-template-columns:220px 270px 1fr}.chat-control-room{grid-template-columns:1fr 300px 1fr}.event-bridge{grid-template-columns:1fr 90px 1fr}.library-finder{grid-template-columns:280px 220px 1fr}.field-barriers{grid-template-columns:190px 150px 1fr}.field-device{display:none}.app-context-orbit{grid-template-columns:300px 1fr}.app-context-orbit>nav{margin-left:90px}.app-context-panels{left:130px;width:320px}
}
@media(max-width:760px){
  html:has(.product-story-app),body:has(.product-story-app),.product-story-app{max-width:100%;overflow-x:hidden}.product-story-app .section-shell,.product-story-app .product-story-block,.product-story-app .product-story-hero,.product-story-app .product-story-hero>.section-shell{max-width:100%;min-width:0}.product-story-app h1,.product-story-app h2,.product-story-app h3{max-width:100%;white-space:normal!important;overflow-wrap:anywhere}.product-story-app .product-story-copy{width:100%;min-width:0}.product-story-app .product-story-nav{overflow:hidden}.product-story-app .product-story-nav>.section-shell{max-width:100%;overflow-x:auto}.app-tension,.feed-explorer,.community-studio,.chat-control-room,.event-bridge,.app-registration,.library-finder,.document-control,.field-barriers,.field-builder,.field-arrival,.app-context-orbit{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}
  .product-story-app .product-story-copy,.product-story-app .story-block-head{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;box-sizing:border-box}.product-story-app .product-story-copy h1{width:100%;font-size:34px!important;line-height:1.04;text-wrap:wrap!important}.product-story-app .story-block-head h2{width:100%;font-size:32px!important;line-height:1.06;text-wrap:wrap!important}.product-story-app .eyebrow{max-width:100%;white-space:normal}.product-story-app .app-tension-panels h3,.product-story-app .feed-panels h3,.product-story-app .community-panels h3,.product-story-app .chat-panels h3,.product-story-app .library-panels h3,.product-story-app .field-barrier-panels h3,.product-story-app .app-context-panels h3{font-size:25px;text-wrap:wrap!important;overflow-wrap:break-word}.app-tension .app-tension-phone{right:50%!important;transform:translateX(50%) rotate(2deg)!important}
  .product-story-app .story-block-head{margin-bottom:26px}.product-story-app .story-block-head h2{font-size:37px}.product-story-app .story-block-intro{font-size:17px}
  .app-tension{display:flex;flex-direction:column;min-height:0}.app-tension>nav{display:flex;overflow-x:auto}.app-tension>nav button{flex:0 0 220px}.app-tension-stage{min-height:650px}.app-tension-phone{right:50%;width:245px;transform:translateX(50%) rotate(2deg)}.app-tension-signal{left:14px;top:18px;width:145px;height:100px;padding:14px}.app-tension-signal i{margin:12px 0}.app-tension-signal b{font-size:21px}.app-tension-panels{left:10px;right:10px;bottom:10px;height:255px}.app-tension-panels article{padding:21px}.app-tension-panels h3,.feed-panels h3,.community-panels h3,.chat-panels h3,.library-panels h3,.field-barrier-panels h3,.app-context-panels h3{font-size:29px}.app-tension-panels p,.feed-panels p,.community-panels p,.chat-panels p,.library-panels p,.field-barrier-panels p,.app-context-panels p{font-size:17px}
  .feed-explorer{min-height:930px;padding:12px;display:flex;flex-direction:column}.feed-explorer>nav{display:flex;overflow-x:auto}.feed-explorer>nav button{flex:0 0 205px}.feed-device{width:245px;margin:12px auto}.feed-panels{height:270px}.feed-panels article{padding:22px}.feed-wave{display:none}.feed-rhythm{grid-template-columns:1fr}.feed-rhythm-line{padding:24px;grid-template-columns:1fr}.feed-rhythm-line article{min-height:105px;border-top:0;border-left:2px solid #08a657}.feed-rhythm-line article i{left:-8px;top:23px}.feed-rhythm>aside{padding:28px}
  .community-studio{min-height:900px;padding:15px;display:flex;flex-direction:column;border-radius:30px 8px}.community-device{width:255px}.community-device>span{right:-20px}.community-studio>nav{grid-template-columns:1fr 1fr}.community-panels{height:270px}.community-safety{grid-template-columns:1fr}.community-safety>em{transform:rotate(90deg);text-align:center}.community-safety article{min-height:130px}.community-safety>p{grid-column:1}
  .chat-control-room{min-height:1100px;padding:15px;display:flex;flex-direction:column}.chat-rail{display:grid;grid-template-columns:1fr 1fr}.chat-rail>small{grid-column:1/-1}.chat-rail button{min-height:70px}.chat-device{order:-1;width:255px;margin:20px auto 80px}.chat-panels{left:-35px;right:-35px;bottom:-80px;height:220px}.chat-promise{padding:38px 24px}.chat-promise blockquote{font-size:31px}
  .event-bridge{grid-template-columns:1fr}.event-bridge>article{min-height:570px}.event-flow{width:150px;height:150px;margin:auto}.event-flow i{transform:rotate(90deg)}.app-registration{min-height:850px;padding:16px;grid-template-columns:1fr}.app-registration-phone{width:255px}.app-registration-route span{padding:20px}
  .library-finder{min-height:980px;padding:15px;display:flex;flex-direction:column}.library-device{width:255px}.library-finder>nav{display:flex;overflow-x:auto}.library-finder>nav button{flex:0 0 205px}.library-panels{height:295px}.library-shelf{position:static;justify-content:center}.document-control{grid-template-columns:1fr}.document-control nav{grid-template-columns:repeat(3,1fr)}.document-control nav button{padding:14px;grid-template-columns:1fr}.document-control-file{min-height:210px}.document-control-panels{min-height:250px}
  .field-barriers{min-height:940px;padding:15px;display:flex;flex-direction:column}.field-barriers>nav{width:100%;grid-template-columns:1fr 1fr}.field-action{margin:15px}.field-barrier-panels{width:100%;height:275px}.field-device{display:block;width:230px}.field-builder{padding:15px;grid-template-columns:1fr}.field-builder-device{width:250px}.field-arrival{padding:20px;display:flex;flex-direction:column}.field-arrival-line{left:50%;top:120px;bottom:120px;width:3px;height:auto}.field-arrival-source,.field-arrival-owner,.field-arrival article{width:100%;min-height:135px}.field-arrival article h3{font-size:16px}
  .app-context-orbit{min-height:1000px;padding:15px;display:flex;flex-direction:column}.app-context-device{width:250px;margin:20px auto 190px}.app-context-panels{left:-35px;top:auto;bottom:-175px;width:320px;height:245px}.app-context-orbit>nav{margin:0;grid-template-columns:1fr}.app-context-orbit>nav button{min-height:95px}.app-context-core{position:static;order:-1;justify-content:center}
}

/* English dashboard UX repair: responsive containment, readable controls and honest affordances. */
.product-story-dashboard [hidden]{display:none!important}
.product-story-dashboard :is(a,button,[role="tab"]):focus-visible,
.product-hub :is(a,button):focus-visible{outline:3px solid #ffbf47!important;outline-offset:3px!important;box-shadow:0 0 0 6px rgba(9,47,36,.22)!important}
.product-story-dashboard button{min-height:44px}
.product-story-dashboard :is(.product-story-nav a,[data-story-stepper] button,.story-objection-list button,.faq-item button){font-size:max(14px,1em)}
.product-story-dashboard :is(small,.eyebrow,.story-related>span,[data-story-stepper] button small){font-size:14px !important;line-height:1.45!important;letter-spacing:.04em}
.product-story-dashboard :is(.story-card-grid p,.broadcast-context-copy p,.org-builder-panels p,.directory-drawer p,.moderation-step-panels p,.library-lifecycle-panels p,.event-journey-panels p,.tawasol-process-panels p,.ticket-context-panels p,.tracking-context-panels p,.admin-context-panels p){font-size:17px !important;line-height:1.55!important}
.product-story-dashboard :is(.story-card-grid article,.broadcast-context-board>article,.org-problem-consequences>article,.drift-consequences>article,.library-context-grid>article,.operational-contexts>article){cursor:default!important}
.product-story-dashboard :is(.story-card-grid article,.broadcast-context-board>article,.org-problem-consequences>article,.drift-consequences>article,.library-context-grid>article,.operational-contexts>article):is(:hover,:focus){transform:none!important;box-shadow:inherit!important}
.product-story-nav>.section-shell{position:relative;scrollbar-width:thin;scrollbar-color:var(--accent) rgba(9,83,51,.1)}
.product-story-nav a{min-height:58px;font-size:14px}
.product-story-nav a span{font-size:14px;color:#617a6f}
.product-story-nav a.active{font-weight:800;background:color-mix(in srgb,var(--accent) 9%,transparent)}
.product-hub .hub-stage>aside p,.product-hub .hub-route-grid p{font-size:17px;line-height:1.55}
.product-hub .hub-stage>aside small,.product-hub .hub-stage>aside a,.product-hub .hub-route-grid>button>span{font-size:14px}

@media(max-width:680px){
  html:has(.product-story-dashboard),body:has(.product-story-dashboard),.product-story-dashboard{max-width:100%;overflow-x:clip}
  .product-story-dashboard .section-shell,.product-story-dashboard .product-story-block>.section-shell,.product-story-dashboard .story-closing>.section-shell{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin-inline:auto!important}
  .product-story-dashboard :is(h1,h2,h3,h4){white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:none!important;text-wrap:balance}
  .product-story-dashboard .product-story-copy h1{font-size:34px!important;line-height:1.05!important;letter-spacing:-.035em!important}
  .product-story-dashboard .story-block-head h2,.product-story-dashboard .story-objections header h2,.product-story-dashboard .story-faq header h2{font-size:30px!important;line-height:1.08!important;letter-spacing:-.03em!important}
  .product-story-dashboard .story-closing h2{font-size:34px!important;line-height:1.06!important}
  .product-story-dashboard .product-story-copy>p,.product-story-dashboard .story-block-intro{font-size:17px !important;line-height:1.6!important}
  .product-story-dashboard .product-story-hero{padding:44px 0 48px}
  .product-story-dashboard .product-story-block,.product-story-dashboard .story-contexts,.product-story-dashboard .story-objections,.product-story-dashboard .story-faq,.product-story-dashboard .story-closing{padding:50px 0}
  .product-story-dashboard .story-head-vector{display:none!important}
  .product-story-dashboard .story-block-head{margin-bottom:24px!important}
  .product-story-dashboard .product-story-hero-visual{width:100%;overflow:hidden;border-radius:20px}
  .product-story-dashboard .product-story-screen{width:100%;max-width:100%;overflow:hidden}
  .product-story-dashboard .product-story-screen>img{width:145%;max-width:none;transform:translateX(-16%)}
  .product-story-dashboard .product-story-nav{top:67px;overflow:hidden}
  .product-story-dashboard .product-story-nav>.section-shell{width:100%!important;max-width:100%!important;margin:0!important;padding:0 18px 7px;gap:6px;overflow-x:auto;scroll-padding-inline:18px}
  .product-story-dashboard .product-story-nav>.section-shell:after{content:"Swipe for modules →";position:sticky;right:0;flex:0 0 108px;min-height:58px;display:grid;place-items:center;padding:0 8px;background:linear-gradient(90deg,rgba(251,252,245,0),#fbfcf5 24%);color:#48675a;font-size:14px;font-weight:700}
  .polish-mirrored-page .product-story-dashboard .product-story-nav>.section-shell:after{content:"Przesuń, aby zobaczyć →";flex-basis:138px}
  .product-story-dashboard .product-story-nav a{flex:0 0 auto;min-width:116px;min-height:58px;padding:14px 12px 8px;font-size:14px;border-radius:10px}
  .product-story-dashboard .product-story-nav a span{font-size:14px}
  .product-story-dashboard [data-story-stepper]{width:100%!important;max-width:100%!important;min-width:0!important}
  .product-story-dashboard [data-story-stepper]>nav{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
  .product-story-dashboard [data-story-stepper]>nav>button{width:100%!important;min-width:0!important;max-width:100%!important;min-height:68px!important;padding:12px!important;scroll-snap-align:none!important}
  .product-story-dashboard [data-story-stepper]>nav>button.active{box-shadow:inset 0 0 0 2px currentColor!important}
  .product-story-dashboard [data-story-stepper]>nav>button b{font-size:14px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .product-story-dashboard [data-story-stepper]>nav>button small{display:block;font-size:14px !important;white-space:normal!important}
  .product-story-dashboard [data-story-stepper] :is(.story-step-panels,.broadcast-flow-stage,.organization-builder-workspace,.moderation-step-stage,.moderation-workspace-detail,.library-lifecycle-stage,.library-control-stage,.event-journey-stage,.tawasol-process-stage,.ticket-inbox-stage,.ticket-context-stage,.administration-workspace){width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .product-story-dashboard [data-story-panel]{max-width:100%!important;min-width:0!important}
  .product-story-dashboard :is(.broadcast-context-board,.organization-problem,.library-drift,.library-context-grid,.operational-contexts){width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important}
  .product-story-dashboard :is(.broadcast-context-board>article,.org-problem-consequences>article,.drift-consequences>article,.library-context-grid>article,.operational-contexts>article){width:100%!important;max-width:100%!important;min-width:0!important;grid-column:1!important}
  .product-hub-hero{padding:48px 0 58px}
  .product-hub-hero>.section-shell{width:calc(100% - 28px);max-width:calc(100% - 28px);gap:30px}
  .product-hub .hub-copy h1{font-size:36px;line-height:1.04}
  .product-hub .hub-copy>p{font-size:17px;line-height:1.6}
  .product-hub .hub-stage{display:flex;flex-direction:column;min-height:0;max-width:100%;padding:10px;border-radius:22px;overflow:hidden}
  .product-hub .hub-stage>aside,.app-hub .hub-stage>aside{position:relative;inset:auto;width:100%;margin-top:10px;padding:18px;border-radius:15px;box-shadow:none}
  .product-hub .hub-stage>aside h2{font-size:24px}
  .product-hub .hub-selector,.product-hub .hub-connection{padding:54px 0}
  .product-hub .hub-selector h2,.product-hub .hub-connection h2{font-size:32px;line-height:1.08}
  .product-hub .hub-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product-hub .hub-route-grid>button,.product-hub .hub-route-grid>button.active{grid-column:span 1;min-width:0;min-height:180px;padding:16px}
  .product-hub .hub-route-grid h3{font-size:20px}
  .product-hub .hub-route-grid p{display:none}
  .product-hub .hub-route-grid>button.active{grid-column:1/-1;min-height:210px}
  .product-hub .hub-route-grid>button.active p{display:block;font-size:17px}
  .product-hub .hub-orbit{width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;border-radius:0}
  .product-hub .hub-orbit:before,.product-hub .hub-orbit:after{display:none}
  .product-hub .hub-orbit>b,.product-hub .hub-orbit>span{position:static;width:auto;height:auto;min-height:52px;padding:12px;display:grid;place-items:center;transform:none;border-radius:12px;font-size:14px;white-space:normal;text-align:center}
  .product-hub .hub-orbit>b{grid-column:1/-1;min-height:72px}
}

@media(max-width:380px){
  .product-story-dashboard [data-story-stepper]>nav{grid-template-columns:minmax(0,1fr)!important}
  .product-hub .hub-route-grid{grid-template-columns:minmax(0,1fr)}
  .product-hub .hub-route-grid>button,.product-hub .hub-route-grid>button.active{grid-column:1}
}

@media(prefers-reduced-motion:reduce){
  .product-story-dashboard *,.product-hub *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  .product-story-dashboard .ps-pointer-card{transform:none!important}
}

/* English dashboard commercial-content revision. */
.dashboard-proof-band{padding:0;background:#092f24;color:#fff}
.dashboard-proof-band>.section-shell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.dashboard-proof-band article{position:relative;min-height:158px;padding:30px 34px;display:flex;flex-direction:column;justify-content:center;border-inline-end:1px solid rgba(255,255,255,.14)}
.dashboard-proof-band article:last-child{border-inline-end:0}
.dashboard-proof-band article>span{position:absolute;right:22px;top:19px;color:#7edda3;font-size:14px;font-weight:800;letter-spacing:.08em}
.dashboard-proof-band strong{color:#b9f065;font:700 clamp(34px,4vw,56px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.055em}
.dashboard-proof-band small{margin-top:10px;color:#e0ece6!important;font-size:14px!important;font-weight:700;letter-spacing:0!important;text-transform:none}
.dashboard-proof-band.proof-ticketing>.section-shell{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.dashboard-proof-band.proof-ticketing article:first-child strong{color:#fff}
.dashboard-proof-band.proof-ticketing article:last-child{background:#103f31}

.story-objections-open>.section-shell{display:block}
.story-objections-open header{max-width:720px;margin-bottom:42px}
.story-objections-open header .eyebrow{color:#b9f065!important}
.story-objections-open header h2{max-width:650px}
.story-objection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.14)}
.story-objection-grid article{position:relative;min-height:205px;padding:31px 32px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.18)}
.story-objection-grid article>span{color:#b9f065;font-size:14px;font-weight:900;letter-spacing:.08em}
.story-objection-grid h3{max-width:470px;margin:22px 0 10px;color:#fff;font-size:21px;line-height:1.2;letter-spacing:-.025em}
.story-objection-grid p{max-width:520px;margin:0;color:#cfddd6;font-size:17px;line-height:1.65}

/* Keep the dark surface above alternating section backgrounds in every locale. */
.product-story-block.story-conversation{background:linear-gradient(135deg,#062b21,#0b3f30);color:#fff}
.story-conversation .story-block-head{max-width:850px}
.story-conversation .story-block-head>.eyebrow{color:#b9f065!important}
.story-conversation .story-block-head h2{color:#fff!important}
.story-conversation .story-block-intro{max-width:760px;color:#e2f0ea!important}
.story-conversation .story-head-vector{border-color:#b9f065!important;background:#b9f065!important;color:#062b21!important}
.story-conversation .story-head-vector svg{color:#062b21!important;stroke:#062b21!important}
.story-conversation .story-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-conversation .story-card-grid article{min-height:240px;border-color:#74ad83!important;background:#104c3b!important;color:#fff!important}
.story-conversation .story-card-top>span{color:#b9f065!important}
.story-conversation .story-card-icon{border-color:#b9f065!important;background:#b9f065!important;color:#062b21!important}
.story-conversation .story-card-icon svg{color:#062b21!important;stroke:#062b21!important}
.story-conversation .story-card-grid h3{color:#fff!important}
.story-conversation .story-card-grid p{color:#deeee7!important}
.story-conversation .story-card-spark{border-color:#b9f065!important;opacity:1!important}

.calendar-list{display:grid;gap:10px}
.calendar-list .calendar-demo{transition:transform .2s,border-color .2s,box-shadow .2s}
.calendar-list .calendar-demo:hover{border-color:#79c896;box-shadow:0 16px 35px rgba(7,69,43,.09);transform:translateY(-2px)}
.calendar-list .calendar-demo>span{min-width:138px;text-align:center}
.calendar-list .calendar-demo>span.status-approval{background:#fff3d7;color:#8c6410}
.calendar-list .calendar-demo>span.status-draft{background:#edf0ee;color:#53675d}
.calendar-list .calendar-demo>span.status-issued{background:#092f24;color:#b9f065}

.hub-teams{padding:105px 0;background:#eef8f1}
.hub-teams header{max-width:720px;margin-bottom:42px}
.hub-teams h2{margin:0;font-size:clamp(45px,5vw,67px);line-height:.96}
.hub-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hub-team-grid article{min-height:260px;padding:28px;display:flex;flex-direction:column;border:1px solid rgba(9,82,51,.15);border-radius:24px;background:#fff}
.hub-team-grid article:nth-child(2){background:#092f24;color:#fff}
.hub-team-grid article>span{color:#087a46;font-size:14px;font-weight:900}
.hub-team-grid article:nth-child(2)>span{color:#b9f065}
.hub-team-grid h3{margin:auto 0 12px;font-size:27px;line-height:1.05}
.hub-team-grid p{margin:0;color:#50695d;font-size:17px;line-height:1.6}
.hub-team-grid article:nth-child(2) p{color:#c5d7ce}

/* Small green labels on light dashboard surfaces meet normal-text contrast. */
.product-story-dashboard .product-story-hero .eyebrow,
.product-story-dashboard .product-story-block:not(.story-risk):not(.story-workspace):not(.story-conversation) .story-block-head>.eyebrow,
.product-story-dashboard .story-faq .eyebrow,
.dashboard-hub :is(.product-hub-hero,.hub-selector,.hub-teams) .eyebrow{color:#087545!important}
.product-story-dashboard :is(.story-risk,.story-workspace,.story-conversation) .story-block-head>.eyebrow{color:#b9f065!important}

@media(max-width:760px){
  .dashboard-proof-band>.section-shell,.dashboard-proof-band.proof-ticketing>.section-shell{grid-template-columns:1fr}
  .dashboard-proof-band article{min-height:112px;padding:24px;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .story-objection-grid,.story-conversation .story-card-grid,.hub-team-grid{grid-template-columns:1fr}
  .story-objection-grid article{min-height:0;padding:26px 22px}
  .calendar-list .calendar-demo{grid-template-columns:70px minmax(0,1fr)}
  .calendar-list .calendar-demo>span{grid-column:2;min-width:0;justify-self:start}
  .hub-teams{padding:58px 0}
  .hub-team-grid article{min-height:220px}
}

/* English dashboard modules 02–07: shared Shawts-style hero. */
.dashboard-shawts-hero .product-story-hero{isolation:isolate;padding:90px 0 112px;overflow:clip;background:radial-gradient(circle at 88% 16%,rgba(185,240,101,.38),transparent 23%),radial-gradient(circle at 56% 82%,rgba(67,203,133,.16),transparent 27%),linear-gradient(135deg,#fbfcf5 0%,#f4faef 55%,#e4f7e9 100%);color:#092f24}
.dashboard-shawts-hero .product-story-hero:before{opacity:.62;background-image:radial-gradient(rgba(8,166,87,.18) 1.2px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 28%,#000 100%)}
.dashboard-shawts-hero .product-story-hero:after{content:"";position:absolute;z-index:0;right:-150px;bottom:-220px;width:560px;height:560px;border:1px solid rgba(8,166,87,.13);border-radius:50%;box-shadow:0 0 0 70px rgba(8,166,87,.035),0 0 0 140px rgba(8,166,87,.025);pointer-events:none}
.dashboard-shawts-hero .story-hero-sticker{position:absolute;z-index:3;right:-42px;top:116px;padding:9px 54px;background:#b9f065;color:#092f24;font-size:14px;font-weight:900;letter-spacing:.16em;transform:rotate(8deg);box-shadow:0 9px 20px rgba(25,92,55,.12)}
.dashboard-shawts-hero .product-story-hero>.section-shell{min-height:600px;grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:44px}
.dashboard-shawts-hero .product-story-copy{z-index:4;max-width:550px}
.dashboard-shawts-hero .product-story-copy>.eyebrow{width:max-content;margin-bottom:25px;padding:8px 12px;border-color:rgba(8,166,87,.24);background:rgba(255,255,255,.72);box-shadow:none}
.dashboard-shawts-hero .product-story-copy h1{max-width:550px;font-size:clamp(49px,4.15vw,62px);line-height:.91;letter-spacing:-.065em}
.dashboard-shawts-hero .product-story-copy h1 span,.dashboard-shawts-hero .product-story-copy h1 em{display:block}
.dashboard-shawts-hero .product-story-copy h1 em{width:max-content;max-width:100%;margin-top:11px;padding:4px 12px 9px 8px;border-radius:12px 22px 15px 8px;background:#b9f065;font-style:normal;line-height:.96;transform:rotate(-1.25deg)}
.dashboard-shawts-hero .product-story-copy>p{max-width:500px;margin-top:28px;color:#526c61;font-size:17px;line-height:1.65}
.dashboard-shawts-hero .product-story-copy .hero-actions{margin-top:27px;gap:11px}
.dashboard-shawts-hero .product-story-copy .button{min-height:48px;padding-inline:19px}
.dashboard-shawts-hero .product-story-copy .button:first-child{background:linear-gradient(135deg,#082f24,#08623f)}
.dashboard-shawts-hero .story-hero-proof{margin-top:25px;padding-top:19px;gap:8px;border-top:1px solid rgba(8,101,61,.14)}
.dashboard-shawts-hero .story-hero-proof>span{min-height:27px;padding:0;display:flex;align-items:center;gap:8px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#42675a}
.dashboard-shawts-hero .story-hero-proof i{width:27px;height:27px;border-radius:8px;background:#def5e6;color:#08a657;font-size:14px}
.dashboard-shawts-hero .story-hero-proof b{font-size:14px;font-weight:800}
.dashboard-shawts-hero .product-story-hero-visual{z-index:1;min-height:590px;order:0!important}
.dashboard-shawts-hero .product-story-hero-visual:before{content:"";position:absolute;z-index:-1;inset:36px -12px 24px 30px;border-radius:64px 28px 64px 28px;background:radial-gradient(circle at 78% 16%,rgba(255,255,255,.72),transparent 24%),linear-gradient(145deg,#d8f9a8 0%,#8ddfaf 48%,#31b77c 100%);box-shadow:inset 0 0 0 1px rgba(6,100,57,.1),0 38px 80px rgba(11,85,54,.16)}
.dashboard-shawts-hero .product-story-screen{position:absolute;z-index:3;inset:78px -18px auto 18px;max-width:none;margin:0;padding:0;border:1px solid rgba(8,103,62,.16);border-radius:18px;background:#fff;overflow:visible;box-shadow:0 31px 72px rgba(4,62,39,.2);clip-path:none;transform:none}
.dashboard-shawts-hero .product-story-screen:before{display:none}
.dashboard-shawts-hero .product-story-screen>div{height:35px;padding-inline:13px;border-bottom:1px solid #e8f0eb;color:#8aa095;font-size:14px}
.dashboard-shawts-hero .story-screen-live{margin-left:auto;color:#08a657;font-size:14px;letter-spacing:.12em}
.dashboard-shawts-hero .product-story-screen>img{display:block;width:100%;max-height:490px;object-fit:contain;border-radius:0 0 17px 17px;background:#fff}
.dashboard-shawts-hero .screen-signal{padding:11px 15px;border-color:rgba(8,166,87,.2);border-radius:14px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 16px 35px rgba(7,65,43,.16)}
.dashboard-shawts-hero .screen-signal.s1{right:auto;left:-12px;top:29%}
.dashboard-shawts-hero .screen-signal.s2{right:-13px;left:auto;bottom:10%;background:#092f24;color:#b9f065}
.dashboard-shawts-hero .screen-signal.s2 svg{color:#b9f065}
html[dir="rtl"] .dashboard-shawts-hero .product-story-hero:before{mask-image:linear-gradient(-90deg,transparent 28%,#000 100%)}
html[dir="rtl"] .dashboard-shawts-hero .product-story-hero:after{right:auto;left:-150px}
html[dir="rtl"] .dashboard-shawts-hero .story-hero-sticker{right:auto;left:-42px;letter-spacing:.08em;transform:rotate(-8deg)}
html[dir="rtl"] .dashboard-shawts-hero .product-story-copy h1{letter-spacing:0;line-height:1.06}
html[dir="rtl"] .dashboard-shawts-hero .product-story-copy h1 em{padding:4px 10px 10px;transform:rotate(1.25deg)}
html[dir="rtl"] .dashboard-shawts-hero .story-hero-proof>span{direction:rtl}
html[dir="rtl"] .dashboard-shawts-hero .screen-signal.s1{right:-12px;left:auto}
html[dir="rtl"] .dashboard-shawts-hero .screen-signal.s2{right:auto;left:-13px}
html[dir="rtl"] .story-objection-grid{border-right:1px solid rgba(255,255,255,.14);border-left:0}
html[dir="rtl"] .story-objection-grid article{border-right:0;border-left:1px solid rgba(255,255,255,.14)}

/* Organization module — 2026 structural overhaul */
.story-design-structure .story-block-head{max-width:900px;margin-bottom:42px}
.story-design-structure .story-block-head .eyebrow{font-size:14px;font-weight:800;letter-spacing:.13em}
.story-design-structure .story-block-head h2,.story-design-structure .story-objections-open header h2{font-size:clamp(38px,4.3vw,58px)!important;font-weight:700;line-height:1.02!important;letter-spacing:-.045em}
.story-design-structure .organization-builder>nav{gap:0;padding:0 12px;border:1px solid #d8e7dd;border-radius:18px;background:#fff;overflow:hidden}
.story-design-structure .organization-builder>nav:before{left:9%;right:9%;top:37px;height:3px;background:#d5eadc;opacity:1}
.story-design-structure .organization-builder>nav button{min-height:132px;padding:22px 14px 18px;border:0;border-radius:0;background:transparent;box-shadow:none}
.story-design-structure .organization-builder>nav button:hover,.story-design-structure .organization-builder>nav button.active{background:transparent;color:#092f24;transform:none;box-shadow:none}
.story-design-structure .organization-builder>nav button>i{display:none}
.story-design-structure .organization-builder>nav button>span{width:32px;height:32px;margin-bottom:18px;border:3px solid #d5eadc;border-radius:50%;background:#fff;font-size:14px;transition:.25s}
.story-design-structure .organization-builder>nav button.active>span{border-color:#b9f065;background:#092f24;color:#b9f065;box-shadow:0 0 0 6px rgba(185,240,101,.22)}
.story-design-structure .organization-builder>nav button>b{font-size:15px;line-height:1.25}
.story-design-structure .organization-builder>nav button>small{font-size:14px;line-height:1.45}
.story-design-structure .organization-builder-workspace{margin-top:22px;border-radius:24px;background:#0b3429}
.story-design-structure .org-reference{height:250px}
.story-design-structure .org-builder-panels{min-height:400px;margin:-58px 18px 18px}

.org-directory-showcase{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(330px,.62fr);gap:14px;padding:14px;border-radius:28px;background:#092f24;box-shadow:0 28px 65px rgba(7,56,40,.2)}
.member-table{min-width:0;padding:28px;border-radius:18px;background:#fff}
.member-table>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}
.member-table>header small,.directory-drawer>article>small{color:#08a657;font-size:14px;font-weight:900;letter-spacing:.12em}
.member-table>header h3{margin:7px 0 0;font-size:28px;letter-spacing:-.035em}
.member-table>header>span{padding:8px 11px;border-radius:99px;background:#e8f8ed;color:#087c44;font-size:14px;font-weight:800}
.member-table-head,.member-table-rows>button{display:grid;grid-template-columns:minmax(190px,1.45fr) minmax(100px,.7fr) minmax(100px,.7fr) 95px;gap:12px;align-items:center}
.member-table-head{padding:0 14px 10px;color:#71847a;font-size:14px;font-weight:800;text-transform:uppercase}
.member-table-rows>button{width:100%;padding:15px 14px;border:0;border-top:1px solid #e4ece7;background:#fff;color:#092f24;text-align:left;cursor:pointer;transition:.2s}
.member-table-rows>button:hover,.member-table-rows>button.active{background:#eff9f2}
.member-table-rows>button>i{display:none}.member-table-rows>button>span{display:flex;flex-direction:column}.member-table-rows b{font-size:14px}.member-table-rows small{margin-top:3px;color:#73857b;font-size:14px}.member-table-rows em{font-size:14px;font-style:normal}.member-table-rows strong{width:max-content;padding:6px 8px;border-radius:99px;background:#e8f8ed;color:#087c44;font-size:14px}.member-table-rows u{color:#08a657;font-size:14px;font-weight:800;text-decoration:none}
.org-directory-showcase>.directory-drawer{position:relative;min-height:470px;border:0;border-radius:18px;background:#103e30;overflow:hidden}
.org-directory-showcase>.directory-drawer>article{position:absolute;inset:0;padding:28px;color:#fff;opacity:0;transform:translateX(18px);pointer-events:none;transition:.3s}
.org-directory-showcase>.directory-drawer>article.active{opacity:1;transform:none;pointer-events:auto}
.org-directory-showcase .directory-drawer article>header{margin:22px 0;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center}
.org-directory-showcase .directory-drawer article>header>i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal;font-weight:900}
.org-directory-showcase .directory-drawer article>header span{display:flex;flex-direction:column}.org-directory-showcase .directory-drawer article>header b{font-size:18px}.org-directory-showcase .directory-drawer article>header em{margin-top:4px;color:#b7cbc1;font-size:14px;font-style:normal}.org-directory-showcase .directory-drawer article>header strong{grid-column:2;width:max-content;padding:6px 8px;border-radius:99px;background:rgba(185,240,101,.14);color:#b9f065;font-size:14px}
.member-profile{display:grid;gap:7px}.member-profile>span{padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;flex-direction:column}.member-profile small{color:#9eb7ab;font-size:14px}.member-profile b{margin-top:3px;font-size:14px}.org-directory-showcase .directory-drawer h3{margin:23px 0 10px;font-size:15px}.member-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.member-metrics>span{padding:12px 8px;border-radius:11px;background:rgba(255,255,255,.07);display:flex;flex-direction:column}.member-metrics b{color:#b9f065;font-size:22px}.member-metrics small{color:#b7cbc1;font-size:14px}.org-directory-showcase .member-actions{position:absolute;left:28px;right:28px;bottom:28px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.org-directory-showcase .member-actions button{padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#fff;color:#092f24;font-size:14px;font-weight:800}.org-directory-showcase .member-actions .danger{background:transparent;color:#ffad91}

.org-enterprise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.org-enterprise-grid article{min-height:270px;padding:30px;border:1px solid rgba(8,91,54,.13);border-radius:22px;background:#fff;box-shadow:0 15px 35px rgba(7,62,40,.07);transition:.25s}
.org-enterprise-grid article:hover{border-color:#08a657;transform:translateY(-5px);box-shadow:0 24px 48px rgba(7,62,40,.12)}
.org-enterprise-grid header{display:flex;align-items:center;justify-content:space-between}.org-enterprise-grid header>span{color:#08a657;font-size:14px;font-weight:900}.org-enterprise-grid header>i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e8f8ed;color:#08a657}.org-enterprise-grid header svg{width:22px}.org-enterprise-grid h3{max-width:410px;margin:34px 0 12px;font-size:28px;line-height:1.08;letter-spacing:-.035em}.org-enterprise-grid p{max-width:480px;margin:0;color:#597066;font-size:17px;line-height:1.65}.org-enterprise-grid footer{margin-top:28px;padding-top:16px;border-top:1px solid #e2ece6;color:#087c44;font-size:14px;font-weight:800;text-transform:uppercase}.org-enterprise-grid footer i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#b9f065;box-shadow:0 0 0 4px #e8f8ed}

@media(max-width:820px){.org-directory-showcase{grid-template-columns:1fr}.org-directory-showcase>.directory-drawer{min-height:480px}.member-table-head{display:none}.member-table-rows>button{grid-template-columns:1fr auto}.member-table-rows>button>em,.member-table-rows>button>strong{grid-column:1}.member-table-rows>button>u{grid-column:2;grid-row:1/4}.org-enterprise-grid{grid-template-columns:1fr}}
@media(max-width:680px){.story-design-structure .story-block-head h2,.story-design-structure .story-objections-open header h2{font-size:34px!important}.story-design-structure .organization-builder>nav{display:flex;padding:0;overflow-x:auto}.story-design-structure .organization-builder>nav:before{display:none}.story-design-structure .organization-builder>nav button{flex:0 0 180px;min-width:180px!important;min-height:145px!important}.story-design-structure .org-builder-panels{min-height:610px;margin:-35px 8px 8px}.member-table{padding:20px 14px}.member-table>header{display:block}.member-table>header>span{display:inline-block;margin-top:14px}.member-table>header h3{font-size:24px}.org-directory-showcase{padding:8px;border-radius:21px}.org-enterprise-grid article{min-height:230px;padding:24px}.org-enterprise-grid h3{margin-top:25px;font-size:25px}.story-objection-grid{grid-template-columns:1fr}}

/* Final hierarchy and visual directory treatment. */
.story-design-structure .product-story-block .story-block-head h2,.story-design-structure .story-objections-open header h2,.story-design-structure .story-faq header h2{max-width:980px!important;font-size:clamp(48px,5.5vw,76px)!important;font-weight:700!important;line-height:1.04!important;letter-spacing:-.055em!important}
.story-design-structure .story-block-head .eyebrow{margin-bottom:16px;font-size:14px!important}
.story-design-structure .story-block-head{margin-bottom:48px}
.story-design-structure .story-block-intro{max-width:820px;font-size:21px!important;line-height:1.6!important}
.story-design-structure .story-records{background:#f4faf6}
.org-directory-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.org-directory-features>article{min-width:0;min-height:455px;padding:24px;border:1px solid #dcebe1;border-radius:22px;background:#fff;box-shadow:0 18px 40px rgba(8,55,38,.07)}
.org-feature-top{display:flex;align-items:center;justify-content:space-between;color:#087c44;font-size:14px;font-weight:900;letter-spacing:.08em}.org-feature-top>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e8f8ed;color:#08a657}.org-feature-top svg{width:20px}
.org-feature-visual{height:198px;margin:22px 0 26px;padding:16px;border-radius:16px;background:#092f24;color:#fff;overflow:hidden}
.org-directory-features h3{margin:0 0 12px;color:#092f24;font-size:26px;line-height:1.12;letter-spacing:-.04em}.org-directory-features p{margin:0;color:#5e7469;font-size:17px !important;line-height:1.58}
.org-feature-profile{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center}.org-feature-profile .avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#b9f065;color:#092f24;font-size:14px;font-weight:900}.org-feature-profile>div{display:flex;flex-direction:column}.org-feature-profile b{font-size:14px}.org-feature-profile small{margin-top:3px;color:#aec9ba;font-size:14px}.org-feature-profile>strong{grid-column:2;color:#b9f065;font-size:14px}.org-feature-profile footer{grid-column:1/3;margin-top:13px;display:flex;flex-wrap:wrap;gap:6px}.org-feature-profile footer span{padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:7px;color:#e7f4eb;font-size:14px;font-weight:700}
.org-feature-adoption>div{display:flex;align-items:flex-end;gap:10px}.org-feature-adoption strong{color:#b9f065;font-size:58px;line-height:1}.org-feature-adoption>div span{padding-bottom:7px;color:#d0e5d8;font-size:14px}.org-feature-adoption>i{height:12px;margin:22px 0 17px;display:block;border-radius:99px;background:rgba(255,255,255,.14)}.org-feature-adoption>i em{width:92%;height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,#08a657,#b9f065)}.org-feature-adoption footer{display:flex;justify-content:space-between;color:#c4dbcf;font-size:14px}.org-feature-adoption footer b{display:block;color:#fff;font-size:15px}
.org-feature-engagement{display:grid;gap:10px}.org-feature-engagement>span{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:3px 10px}.org-feature-engagement b{grid-row:1/3;color:#b9f065;font-size:24px}.org-feature-engagement small{font-size:14px;color:#d3e5d9}.org-feature-engagement i{height:5px;border-radius:9px;background:rgba(255,255,255,.14)}.org-feature-engagement i:after{content:"";width:var(--w);height:100%;display:block;border-radius:9px;background:#b9f065}
.story-design-structure .org-directory-showcase{margin-top:0}
@media(max-width:960px){.org-directory-features{grid-template-columns:1fr 1fr}.org-directory-features>article:last-child{grid-column:1/3}}
@media(max-width:680px){.story-design-structure .product-story-block .story-block-head h2,.story-design-structure .story-objections-open header h2,.story-design-structure .story-faq header h2{font-size:clamp(38px,10vw,48px)!important}.story-design-structure .story-block-intro{font-size:18px!important}.org-directory-features{grid-template-columns:1fr}.org-directory-features>article:last-child{grid-column:auto}.org-directory-features>article{min-height:0}.org-feature-visual{height:190px}}

/* Organization: integrated directory workspace and editorial use-case runway. */
.story-design-structure .story-records{background:radial-gradient(circle at 92% 4%,rgba(185,240,101,.18),transparent 30%),#f3faf5}
.org-operations-console{display:grid;grid-template-columns:minmax(270px,.37fr) minmax(0,.63fr);gap:12px;padding:12px;border-radius:28px;background:#092f24;box-shadow:0 28px 65px rgba(7,56,40,.2)}
.org-operations-console>nav{display:grid;grid-template-columns:1fr;gap:8px;align-content:start}
.org-operations-console>nav button{min-height:170px;padding:24px;display:grid;grid-template-columns:32px 1fr;gap:6px 15px;align-content:center;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#103e30;color:#fff;text-align:left;cursor:pointer;transition:.25s}
.org-operations-console>nav button:hover,.org-operations-console>nav button.active{border-color:#b9f065;background:#194d36;box-shadow:inset 4px 0 #b9f065}
.org-operations-console>nav button>span{color:#b9f065;font-size:14px;font-weight:800}.org-operations-console>nav button>i{grid-column:1;grid-row:2/4;width:30px;color:#b9f065}.org-operations-console>nav button>i svg{width:24px}.org-operations-console>nav button>b{font-size:20px;line-height:1.15}.org-operations-console>nav button>small{grid-column:2;color:#c5d8cc;font-size:14px;line-height:1.45}.org-operations-console>nav button>em{grid-column:2;margin-top:8px;color:#b9f065;font-size:14px;font-style:normal;font-weight:800}
.org-console-stage{min-width:0;min-height:526px;border-radius:18px;background:#f8fcf9;overflow:hidden}.org-console-stage>header{height:52px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1ece4;color:#476d58;font-size:14px;font-weight:900;letter-spacing:.08em}.org-console-stage>header i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#08a657}.org-console-stage>header b{color:#08a657;font-size:14px}.org-console-stage>article{display:none;min-height:474px;padding:28px}.org-console-stage>article.active{display:block}
.org-console-members{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:16px;height:100%}.org-console-list,.org-console-person{min-width:0;padding:21px;border:1px solid #dfebe2;border-radius:16px;background:#fff}.org-console-list>header{display:flex;justify-content:space-between;margin-bottom:18px;color:#087c44;font-size:14px;font-weight:900}.org-console-list>header b{color:#6d8776}.org-console-list>button{width:100%;min-height:76px;padding:12px;display:grid;grid-template-columns:34px 1fr auto auto;gap:9px;align-items:center;border:0;border-top:1px solid #e6eee8;background:#fff;color:#092f24;text-align:left;cursor:pointer}.org-console-list>button.active,.org-console-list>button:hover{background:#e9f8ed}.org-console-list>button>i,.org-console-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#b9f065;color:#092f24;font-size:14px;font-style:normal;font-weight:900}.org-console-list>button>span{display:flex;flex-direction:column}.org-console-list b{font-size:14px}.org-console-list small{color:#6d8274;font-size:14px}.org-console-list em{color:#087c44;font-size:14px;font-style:normal}.org-console-list strong{color:#08a657}.org-console-person{display:flex;flex-direction:column;align-items:flex-start;background:#103e30;color:#fff}.org-console-avatar{width:50px;height:50px;border-radius:14px;font-size:14px}.org-console-person>small{margin-top:24px;color:#b9f065;font-size:14px;font-weight:900}.org-console-person h4{margin:8px 0 3px;color:#fff;font-size:27px;line-height:1.1}.org-console-person p{margin:0;color:#c4d8c9}.org-console-person a{margin-top:16px;color:#b9f065;font-size:14px;overflow-wrap:anywhere}.org-console-person>div{width:100%;margin-top:24px;display:grid;gap:8px}.org-console-person>div span{padding:10px 0;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);color:#c5d8cc;font-size:14px}.org-console-person>div b{color:#fff}.org-console-person footer{width:100%;margin-top:auto;display:flex;gap:8px}.org-console-person footer span{padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:800}.org-console-person footer span:last-child{color:#ffb39b}
.org-console-adoption{height:100%;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}.org-adoption-ring{width:min(100%,260px);aspect-ratio:1;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:24px solid #b9f065;border-left-color:#dcebe1;border-radius:50%;background:#103e30;color:#fff;text-align:center;box-shadow:0 15px 40px rgba(7,56,40,.16)}.org-adoption-ring strong{font-size:62px;line-height:1}.org-adoption-ring strong small{font-size:28px}.org-adoption-ring>span{margin-top:7px;color:#b9f065;font-size:14px;font-weight:900}.org-adoption-breakdown header small{color:#08a657;font-size:14px;font-weight:900}.org-adoption-breakdown header b{display:block;margin:8px 0 28px;font-size:25px;line-height:1.15}.org-adoption-breakdown>div{margin-bottom:19px;display:grid;grid-template-columns:1fr auto;gap:7px;color:#496b57;font-size:14px}.org-adoption-breakdown>div b{color:#092f24}.org-adoption-breakdown>div i{grid-column:1/3;height:10px;border-radius:99px;background:#dcebe1}.org-adoption-breakdown>div i:after{content:"";width:var(--fill);height:100%;display:block;border-radius:99px;background:#08a657}.org-adoption-breakdown>div:nth-of-type(2) i:after{background:#e99a72}.org-adoption-breakdown p{margin-top:28px;color:#526d5c;font-size:17px;line-height:1.5}
.org-console-activity{height:100%;display:grid;grid-template-columns:.78fr 1.22fr;gap:16px}.org-activity-person{padding:25px;display:flex;flex-direction:column;align-items:flex-start;border-radius:17px;background:#103e30;color:#fff}.org-activity-person>span{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#b9f065;color:#092f24;font-weight:900}.org-activity-person small{margin-top:38px;color:#b9f065;font-size:14px;font-weight:900}.org-activity-person h4{margin:9px 0 3px;color:#fff;font-size:27px}.org-activity-person p{margin:0;color:#bed4c6}.org-activity-person strong{margin-top:auto;color:#b9f065;font-size:17px;line-height:1.3}.org-activity-bars{padding:25px;display:grid;align-content:center;gap:29px;border:1px solid #dfebe2;border-radius:17px;background:#fff}.org-activity-bars>div{display:grid;grid-template-columns:1fr auto;gap:8px;color:#516c5b;font-size:14px}.org-activity-bars b{color:#092f24;font-size:23px}.org-activity-bars i{grid-column:1/3;height:12px;border-radius:99px;background:#e7f1e9}.org-activity-bars i:after{content:"";width:var(--fill);height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,#08a657,#b9f065)}
.story-design-structure .story-contexts{background:#092f24;color:#fff}.story-design-structure .story-contexts .story-block-head h2{color:#fff!important}.story-design-structure .story-contexts .eyebrow{color:#b9f065!important}.org-context-runway{border-top:1px solid rgba(255,255,255,.2)}.org-context-runway>article{min-height:310px;padding:36px 0;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:60px;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.org-context-runway>article:nth-child(even) .org-context-copy{grid-column:2;grid-row:1}.org-context-runway>article:nth-child(even) .org-context-map{grid-column:1;grid-row:1}.org-context-copy>span{color:#b9f065;font-size:14px;font-weight:900;letter-spacing:.12em}.org-context-copy h3{max-width:460px;margin:15px 0 15px;color:#fff;font-size:clamp(31px,3.3vw,45px);line-height:1.05;letter-spacing:-.045em}.org-context-copy p{max-width:460px;margin:0;color:#c6d9cc;font-size:17px;line-height:1.6}.org-context-map{min-height:250px;padding:30px;display:grid;place-items:center;border:1px solid rgba(185,240,101,.18);border-radius:20px;background:radial-gradient(circle at 80% 10%,rgba(185,240,101,.12),transparent 45%),#103d2f;color:#fff}.org-context-map>div{width:100%;text-align:center}.org-context-map b,.org-context-map strong{font-style:normal}.org-map-branches>b,.org-map-governance>span{color:#b9f065;font-size:14px;font-weight:900;letter-spacing:.1em}.org-map-branches>i{display:block;width:2px;height:27px;margin:11px auto;background:#b9f065}.org-map-branches>div,.org-map-matrix>div,.org-map-governance>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.org-map-branches>div span,.org-map-matrix>div span,.org-map-governance>div b{padding:13px 16px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.05);font-size:14px}.org-map-branches>div .selected{border-color:#b9f065;background:#b9f065;color:#092f24;font-weight:900}.org-map-branches>strong,.org-map-governance>strong{display:block;margin-top:22px;color:#b9f065;font-size:14px}.org-map-matrix>i,.org-map-governance>i{display:block;margin:12px auto;color:#b9f065;font-size:28px;font-style:normal}.org-map-matrix>strong{display:block;width:max-content;margin:auto;padding:14px 24px;border-radius:11px;background:#b9f065;color:#092f24;font-size:18px}.org-map-matrix>small{display:block;margin-top:12px;color:#bbd3c4;font-size:14px}.org-map-turnover{display:grid;gap:9px}.org-map-turnover>div{display:grid;grid-template-columns:1fr 25px 1fr;gap:8px;align-items:center;text-align:left}.org-map-turnover span,.org-map-turnover strong{padding:12px;border-radius:9px;background:rgba(255,255,255,.08);font-size:14px}.org-map-turnover strong{background:#b9f065;color:#092f24}.org-map-turnover i{color:#b9f065;font-style:normal}.org-map-governance>div b{font-size:14px}
@media(max-width:980px){.org-operations-console{grid-template-columns:1fr}.org-operations-console>nav{grid-template-columns:repeat(3,minmax(0,1fr))}.org-operations-console>nav button{min-height:190px;padding:18px}.org-operations-console>nav button>b{font-size:17px}.org-operations-console>nav button>small{font-size:14px}.org-context-runway>article{gap:30px}}
@media(max-width:700px){.org-operations-console{padding:8px;border-radius:20px}.org-operations-console>nav{grid-template-columns:1fr}.org-operations-console>nav button{min-height:106px;grid-template-columns:26px 1fr;gap:2px 12px}.org-operations-console>nav button>i{display:none}.org-operations-console>nav button>b{grid-column:2;font-size:19px}.org-operations-console>nav button>small{grid-column:2;font-size:14px}.org-operations-console>nav button>em{display:none}.org-console-stage>article{min-height:0;padding:14px}.org-console-stage>header{padding:0 12px}.org-console-stage>header b{display:none}.org-console-members,.org-console-adoption,.org-console-activity{grid-template-columns:1fr}.org-console-person{min-height:350px}.org-console-adoption{gap:25px;padding:18px 0}.org-adoption-ring{width:220px}.org-activity-person{min-height:290px}.org-activity-bars{min-height:280px}.org-context-runway>article,.org-context-runway>article:nth-child(even){grid-template-columns:1fr;gap:22px}.org-context-runway>article:nth-child(even) .org-context-copy,.org-context-runway>article:nth-child(even) .org-context-map{grid-column:1;grid-row:auto}.org-context-copy h3{font-size:34px}.org-context-map{min-height:220px;padding:20px}}

@media(max-width:980px){
  .dashboard-shawts-hero .product-story-hero>.section-shell{grid-template-columns:1fr;gap:32px}
  .dashboard-shawts-hero .product-story-copy{max-width:620px}
  .dashboard-shawts-hero .product-story-copy h1{max-width:680px;line-height:.98}
  .dashboard-shawts-hero .product-story-hero-visual{max-width:820px;width:100%;min-height:530px;margin-top:0}
  .dashboard-shawts-hero .product-story-screen{inset:76px 4px auto 28px}
}
@media(max-width:680px){
  .dashboard-shawts-hero .product-story-hero{padding:52px 0 72px}
  .dashboard-shawts-hero .story-hero-sticker{display:none}
  .dashboard-shawts-hero .product-story-hero>.section-shell{gap:32px}
  .dashboard-shawts-hero .product-story-copy>.eyebrow{width:100%;max-width:100%;line-height:1.4}
  .dashboard-shawts-hero .product-story-copy h1{max-width:100%;font-size:clamp(29px,8.4vw,38px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}
  .dashboard-shawts-hero .product-story-copy h1 em{width:100%;padding-inline:8px;overflow-wrap:anywhere}
  .dashboard-shawts-hero .product-story-copy>p{max-width:100%;margin-top:22px;font-size:17px;overflow-wrap:anywhere}
  .dashboard-shawts-hero .product-story-copy .hero-actions{display:flex;flex-direction:column;margin-top:23px}
  .dashboard-shawts-hero .product-story-copy .button{width:100%}
  .dashboard-shawts-hero .story-hero-proof{grid-template-columns:1fr}
  .dashboard-shawts-hero .product-story-hero-visual{min-height:360px}
  .dashboard-shawts-hero .product-story-hero-visual:before{inset:22px -10px 15px 12px;border-radius:38px 18px}
  .dashboard-shawts-hero .product-story-screen{inset:54px -3px auto 8px;border-radius:14px}
  .dashboard-shawts-hero .product-story-screen>img{max-height:270px;border-radius:0 0 13px 13px}
  .dashboard-shawts-hero .screen-signal.s1{left:-5px;top:28%}
  .dashboard-shawts-hero .screen-signal.s2{right:-4px;bottom:8%}
}

/* Shared dashboard module rail: EN, PL and Arabic RTL. */
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail) {
  background:#04150b!important;
  border-bottom:1px solid rgba(61,220,132,.18);
}
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail)>:is(.section-shell,.sx-shell) {
  display:flex!important;
  flex-wrap:nowrap;
  align-items:center;
  /* Wider shell + tighter gap keeps all eight labels on screen at desktop;
     overflow-x still carries the longer Arabic and Polish labels. */
  width:min(1200px,calc(100vw - 32px))!important;
  max-width:1200px!important;
  margin-inline:auto!important;
  gap:4px;
  padding:6px 14px 8px!important;
  overflow-x:auto;
  scroll-behavior:smooth;
  scroll-padding-inline:14px;
  scrollbar-width:none;
  mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent);
}
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail)>:is(.section-shell,.sx-shell)::-webkit-scrollbar {
  display:none;
}
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail) a {
  position:relative;
  flex:1 0 auto!important;
  min-width:max-content!important;
  min-height:60px!important;
  padding:14px 14px!important;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap!important;
  color:#94a3b8!important;
  border:1px solid transparent;
  border-radius:12px;
  transition:color 150ms,background-color 150ms;
}
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail) a span {
  flex-shrink:0;
  color:#64748b!important;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:12px!important;
}
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail) a:hover {color:#fff!important;background:rgba(61,220,132,.07)}
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail) a.active {
  color:#3ddc84!important;
  font-weight:800;
  background:rgba(61,220,132,.10)!important;
  border-color:rgba(61,220,132,.30)!important;
}
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail) a.active:after {
  content:"";
  position:absolute;
  inset:auto 14px 0;
  height:3px;
  border-radius:999px;
  background:#3ddc84;
  box-shadow:0 0 12px #3ddc84;
}
/* The active tab's underline glow sits on the rail's bottom edge, so the rail
   needs clearance or the next section paints over it. On seven modules the next
   block already has 88px of padding; the Shawts proof strip had none. */
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail) {
  margin-bottom:16px;
}
html body .sx-proof {
  margin-top:32px;
  padding-top:24px;
  /* The dark section below starts its background at its own box top, so without
     bottom padding the white cards sit flush against it. Padding (not margin)
     avoids collapsing into the next section. */
  padding-bottom:64px;
}
@media (min-width:640px) { html body .sx-proof { padding-bottom:80px; } }
@media (min-width:1024px) { html body .sx-proof { padding-bottom:96px; } }
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail) a:before,
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail)>:is(.section-shell,.sx-shell):after {content:none!important;display:none!important}
html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail) a:focus-visible {outline:2px solid #34d399;outline-offset:-3px}
@media(prefers-reduced-motion:reduce){
  html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail)>:is(.section-shell,.sx-shell){scroll-behavior:auto}
  html body :is(.product-story-dashboard .product-story-nav,.sx-module-rail) a{transition:none}
}
/* Proof strip cards: one consistent treatment instead of the alternating
   white/cream pattern, with the first card carrying the active tint. */
html body .sx-proof .sx-shell:not(#_):not(#__) {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
html body .sx-proof article:not(#_):not(#__) {
  background:#fff!important;
  border:1px solid rgba(226,232,240,.8)!important;
  border-radius:16px!important;
  padding:24px!important;
  box-shadow:0 1px 2px rgba(5,51,32,.06)!important;
}
html body .sx-proof article:first-child:not(#_):not(#__) {
  background:rgba(16,185,129,.05)!important;
  border-color:rgba(16,185,129,.30)!important;
}
@media (max-width:1023px) {
  html body .sx-proof .sx-shell:not(#_):not(#__) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:639px) {
  html body .sx-proof .sx-shell:not(#_):not(#__) { grid-template-columns:minmax(0,1fr)!important; gap:16px!important; }
}