:root{--bg:#05080d;--panel:#0d1219;--panel-2:#141b24;--ink:#f4f7fb;--muted:#8996a6;--blue:#3b91d3;--blue-2:#62b8ff;--green:#35c878;--red:#ff414d;--orange:#ffab19;--line:rgba(255,255,255,.1);--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}::selection{color:#fff;background:#287cbe}
.skip-link{position:fixed;z-index:999;top:10px;left:10px;padding:10px 14px;color:#08111d;background:#fff;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.topbar{position:fixed;z-index:100;top:15px;left:50%;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 36px));height:62px;padding:0 13px 0 17px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(9,13,19,.82);box-shadow:0 18px 55px rgba(0,0,0,.28);backdrop-filter:blur(18px);transform:translateX(-50%);transition:background .3s ease,border-color .3s ease}
.topbar.is-scrolled{background:rgba(9,13,19,.95);border-color:rgba(255,255,255,.18)}
.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:-.02em}.brand img{width:32px;height:32px}.brand i{margin-left:1px;padding-left:11px;border-left:1px solid rgba(255,255,255,.18);color:#8592a1;font-style:normal;font-weight:650}
.topbar nav{display:flex;align-items:center;gap:23px;color:#c7d0db;font-size:12px;font-weight:650}.topbar nav>a:not(.nav-cta):hover{color:#fff}.nav-cta{display:flex;align-items:center;gap:19px;padding:10px 12px 10px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;background:rgba(255,255,255,.06)}.nav-cta span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#07111d;background:#fff}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:var(--blue-2);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.eyebrow>span{width:24px;height:2px;background:currentColor}
.hero{position:relative;display:grid;grid-template-columns:minmax(420px,.85fr) minmax(560px,1.15fr);align-items:center;gap:5vw;min-height:100svh;padding:125px max(30px,calc((100vw - 1240px)/2)) 78px;isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;z-index:-3;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000 25%,transparent 85%)}
.hero-glow{position:absolute;z-index:-2;right:-16vw;top:-20vw;width:72vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(41,123,186,.36),rgba(26,70,106,.13) 38%,transparent 68%);filter:blur(16px)}
.hero-copy{position:relative;z-index:5}.hero h1{margin:0;font-size:clamp(69px,7.4vw,112px);line-height:.84;letter-spacing:-.082em;text-wrap:balance}.hero h1 em,.section-heading h2 em{color:var(--blue-2);font-style:normal}.hero-lead{max-width:590px;margin:34px 0 0;color:#9aa6b5;font-size:clamp(17px,1.5vw,21px);line-height:1.55;letter-spacing:-.02em}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:34px}.primary-action,.quiet-action{display:inline-flex;align-items:center;border:0;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer}.primary-action{gap:25px;padding:8px 9px 8px 19px;color:#07111d;background:#fff}.primary-action span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#267ab9}.quiet-action{gap:9px;padding:15px 18px;color:#b3bfcc;background:transparent;border:1px solid rgba(255,255,255,.13)}.quiet-action i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(53,200,120,.12)}
.capability-rail{display:flex;flex-wrap:wrap;gap:7px;margin-top:38px}.capability-rail span{padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#708092;background:rgba(255,255,255,.025);font-size:9px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.hero-product{position:relative;width:min(650px,47vw);height:730px;margin-left:auto;transform:perspective(1600px) rotateY(var(--tilt-x,-6deg)) rotateX(var(--tilt-y,2deg));transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}
.hero-product-shell{position:absolute;inset:35px 40px 20px 45px;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:39px;background:linear-gradient(145deg,#2b333d,#07090d 18%,#171c23 82%,#47505a);box-shadow:0 80px 130px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.12);overflow:hidden}
.product-chrome{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 11px;color:#778493;font-size:9px;font-style:normal}.product-chrome>span{display:flex;gap:5px}.product-chrome>span i{width:6px;height:6px;border-radius:50%;background:#38414c}.product-chrome>span i:first-child{background:#397fb4}.product-chrome em{font-style:normal;letter-spacing:.18em}
.hero-screen{height:650px;border:1px solid rgba(255,255,255,.08);border-radius:29px;background:#101318;overflow:hidden}.hero-screen img{width:100%;height:auto;transform:translateY(-2px)}
.floating-card{position:absolute;z-index:5;padding:16px 18px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(14,20,28,.92);box-shadow:0 28px 75px rgba(0,0,0,.38);backdrop-filter:blur(15px);transform:translateZ(80px)}.floating-card small{color:#667587;font-size:7px;font-weight:900;letter-spacing:.15em}.floating-card strong,.floating-card span,.floating-card i{display:block}.floating-card strong{margin-top:6px;font-size:20px;letter-spacing:-.04em}.floating-card span{margin-top:4px;color:#91a0af;font-size:10px}.floating-card i{margin-top:8px;color:var(--green);font-size:8px;font-style:normal}.float-date{top:3px;right:-4px;min-width:170px}.float-status{top:33%;left:-22px;min-width:118px}.float-status strong{color:var(--green);font-size:38px}.float-task{right:-16px;bottom:6%;min-width:158px}.hero-mark{position:absolute;z-index:-1;right:-15%;bottom:-13%;width:57%;opacity:.028;transform:translateZ(-30px)}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .85s var(--ease)}[data-reveal].in-view{opacity:1;transform:none}.hero-product[data-reveal]{transform:perspective(1600px) translateY(28px) rotateY(var(--tilt-x,-6deg)) rotateX(var(--tilt-y,2deg))}.hero-product[data-reveal].in-view{transform:perspective(1600px) rotateY(var(--tilt-x,-6deg)) rotateX(var(--tilt-y,2deg))}
.view-explorer{padding:135px max(30px,calc((100vw - 1240px)/2));background:#f1f5f8;color:#07111e;overflow:hidden}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:6vw;align-items:end}.section-heading .eyebrow{grid-column:1/-1;color:#267fbe}.section-heading h2{grid-column:1;margin:0;font-size:clamp(60px,6.5vw,96px);line-height:.9;letter-spacing:-.075em}.section-heading>p:last-child{grid-column:2;max-width:470px;margin:0 0 8px;color:#667589;font-size:18px;line-height:1.55}
.view-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:75px;padding:7px;border:1px solid rgba(9,24,39,.09);border-radius:21px;background:#e7edf2}.view-tabs button{display:flex;align-items:center;gap:12px;padding:15px 17px;border:0;border-radius:15px;color:#657487;background:transparent;font-weight:750;cursor:pointer;transition:color .3s ease,background .3s ease,box-shadow .3s ease}.view-tabs button span{font-size:9px;opacity:.55}.view-tabs button.is-active{color:#07111e;background:#fff;box-shadow:0 9px 25px rgba(18,52,78,.1)}
.view-stage{display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(360px,.8fr);gap:16px;margin-top:16px}.view-media,.view-context{border:1px solid rgba(8,24,39,.11);border-radius:32px;background:#0b1016;box-shadow:0 35px 80px rgba(19,59,89,.13);overflow:hidden}.view-media-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:55px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);color:#758394;font-size:9px}.view-media-bar b{color:#dce3ec;font-size:11px}.view-media-bar i{justify-self:end;color:#678399;font-style:normal}.view-images{position:relative;height:690px;overflow:hidden}.view-images img{position:absolute;inset:0;width:100%;height:auto;opacity:0;transform:scale(1.025);transition:opacity .5s ease,transform .7s var(--ease)}.view-images img.is-active{opacity:1;transform:scale(1)}
.view-context{display:grid;grid-template-rows:auto auto 1fr;padding:25px;color:#f4f7fb}.context-top{display:grid;gap:7px;padding:4px 2px 23px;border-bottom:1px solid rgba(255,255,255,.08)}.context-top small{color:#4f93c7;font-size:8px;font-weight:850;letter-spacing:.13em}.context-top strong{font-size:32px;letter-spacing:-.04em}.context-top span{color:#7e8b9a;font-size:12px}.attendance-meter{padding:23px 2px}.attendance-meter>div{display:flex;justify-content:space-between;align-items:end}.attendance-meter>div span{color:#7d8997;font-size:10px}.attendance-meter>div strong{font-size:33px;letter-spacing:-.06em}.attendance-meter>i{display:grid;grid-template-columns:68fr 21fr 11fr;gap:2px;height:7px;margin-top:15px;overflow:hidden;border-radius:99px}.attendance-meter>i b:first-child{background:var(--green)}.attendance-meter>i b:nth-child(2){background:var(--red)}.attendance-meter>i b:nth-child(3){background:var(--orange)}.attendance-meter ul{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 0;padding:0;list-style:none;color:#8794a3;font-size:9px}.attendance-meter li{display:flex;align-items:center;gap:5px}.attendance-meter li span{width:6px;height:6px;border-radius:50%;background:var(--green)}.attendance-meter li:nth-child(2) span{background:var(--red)}.attendance-meter li:nth-child(3) span{background:var(--orange)}
.ride-preview{position:relative;align-self:end;min-height:335px;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:23px;background:#111821;overflow:hidden}.ride-preview>div:first-child{position:relative;z-index:2;display:grid;gap:6px}.ride-preview small{color:#548eb8;font-size:7px;font-weight:850;letter-spacing:.12em}.ride-preview strong{font-size:14px}.ride-preview img{position:absolute;left:0;right:0;top:80px;width:100%;height:auto;opacity:.7}.avatar-stack{position:absolute;z-index:3;left:18px;bottom:16px;display:flex}.avatar-stack span,.avatar-stack b{display:grid;place-items:center;width:31px;height:31px;margin-left:-6px;border:2px solid #111821;border-radius:50%;color:#cbd6e1;background:#293543;font-size:7px}.avatar-stack span:first-child{margin-left:0;background:#275f86}.avatar-stack b{background:#fff;color:#07111e}
.detail-bento,.automation-section,.custom-stats{position:relative;padding:135px max(30px,calc((100vw - 1240px)/2));color:#07111e;background:#f1f5f8;overflow:hidden}
.detail-bento-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:58px}.detail-bento-head .eyebrow{color:#267fbe}.detail-bento h2,.detail-card h3,.create-lab h2,.create-machine h3,.automation-section h2,.task-wizard h3,.attendance-section h2,.custom-stats h2,.ranking-finale h3,.finale h2{margin:0;letter-spacing:-.07em}.detail-bento h2,.create-lab h2,.automation-section h2,.attendance-section h2,.custom-stats h2{font-size:clamp(58px,6.2vw,92px);line-height:.91}.detail-bento h2 em,.detail-card h3 em,.create-lab h2 em,.automation-section h2 em,.attendance-section h2 em,.custom-stats h2 em,.ranking-finale h3 em,.finale h2 em{color:#3d9ddd;font-style:normal}
.detail-bento-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.detail-card{position:relative;min-height:670px;border:1px solid rgba(10,27,42,.1);border-radius:34px;background:#fff;box-shadow:0 35px 90px rgba(25,63,92,.1);overflow:hidden}.detail-card-main{grid-row:span 2;min-height:980px;background:#0a0f15;color:#fff}.detail-card-copy{position:relative;z-index:3;padding:42px}.detail-card-copy>span,.absence-copy>span{display:block;margin-bottom:20px;color:#3b91d3;font-size:9px;font-weight:900;letter-spacing:.16em}.detail-card-copy h3{font-size:clamp(36px,4.2vw,66px);line-height:.94}.detail-card-copy p{max-width:420px;margin:22px 0 0;color:#788797;font-size:15px;line-height:1.58}.detail-card-main .detail-card-copy p{color:#8997a7}.detail-card-media{position:absolute;inset:310px 24px 0;border:1px solid rgba(255,255,255,.1);border-radius:27px 27px 0 0;background:#111821;overflow:hidden}.detail-card-media img{width:100%;height:auto}.detail-media-short{inset:310px 22px 0;border-color:rgba(11,31,47,.11);background:#e9eff4}.detail-card-blue{color:#fff;background:linear-gradient(145deg,#278dce,#1266a0)}.detail-card-blue .detail-card-copy>span,.detail-card-blue .detail-card-copy p{color:rgba(255,255,255,.72)}.detail-media-ride{inset:365px 20px 0;border-color:rgba(255,255,255,.16);background:#0b5484}.car-orbit{position:absolute;z-index:4;right:25px;top:240px;display:flex;align-items:center}.car-orbit i{display:grid;place-items:center;width:38px;height:38px;margin-left:-7px;border:2px solid #237db8;border-radius:50%;color:#0d5a8b;background:#d4eeff;font-size:8px;font-style:normal;font-weight:900}.car-orbit b{margin-left:8px;padding:10px 13px;border-radius:99px;color:#0a4b75;background:#fff;font-size:9px}
.create-lab{position:relative;padding:145px max(30px,calc((100vw - 1240px)/2));background:#060a10;overflow:hidden}.create-aura{position:absolute;right:-10vw;top:-15vw;width:65vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(50,144,212,.3),rgba(15,54,84,.12) 43%,transparent 70%);filter:blur(10px)}.section-heading-dark{color:#f4f7fb}.section-heading-dark .eyebrow{color:#62b8ff}.section-heading-dark>p:last-child{color:#8795a5}.create-stepper{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:75px}.create-stepper button,.pipeline-nav button{display:grid;gap:6px;padding:21px;border:1px solid rgba(255,255,255,.1);border-radius:19px;color:#687687;background:rgba(255,255,255,.025);text-align:left;cursor:pointer;transition:.35s var(--ease)}.create-stepper button span,.pipeline-nav button span{color:#3f91cd;font-size:8px;font-weight:900;letter-spacing:.15em}.create-stepper button b,.pipeline-nav button b{color:#dbe3ec;font-size:13px}.create-stepper button small,.pipeline-nav button small{font-size:9px}.create-stepper button.is-active{border-color:rgba(98,184,255,.45);background:#152431;box-shadow:inset 0 0 0 1px rgba(98,184,255,.08),0 18px 50px rgba(0,0,0,.25)}
.create-machine{position:relative;z-index:2;display:grid;grid-template-columns:.72fr 1.28fr;min-height:750px;margin-top:13px;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:#0c1118;box-shadow:0 70px 130px rgba(0,0,0,.35);overflow:hidden}.create-copy-panel{display:flex;flex-direction:column;padding:52px 45px;border-right:1px solid rgba(255,255,255,.1)}.machine-index{color:#506173;font-size:10px;font-weight:900;letter-spacing:.18em}.machine-kicker{margin:120px 0 16px;color:#4c9cd5;font-size:9px;font-weight:900;letter-spacing:.16em}.create-copy-panel h3{max-width:460px;font-size:clamp(44px,4.3vw,68px);line-height:.93}.create-copy-panel>p:not(.machine-kicker){max-width:430px;margin:25px 0 0;color:#8391a1;font-size:15px;line-height:1.58}.machine-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:32px}.machine-tags span{padding:9px 11px;border:1px solid rgba(255,255,255,.11);border-radius:99px;color:#a7b5c4;font-size:9px;font-weight:750}.machine-progress{height:3px;margin-top:auto;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}.machine-progress i{display:block;width:20%;height:100%;background:#4ba8e5;transition:width .5s var(--ease)}.create-visual-panel{position:relative;min-width:0;padding:0 34px;background:radial-gradient(circle at 65% 30%,#1b3040,#0c131b 52%,#090d13 100%);overflow:hidden}.cut-chrome{position:relative;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;color:#6f7e8e;font-size:9px}.cut-chrome i{width:7px;height:7px;border-radius:50%;background:#48a6e3;box-shadow:14px 0 #273746,28px 0 #273746}.cut-chrome b{justify-self:end;color:#b8c5d1;font-size:9px;letter-spacing:.12em}.create-images{position:relative;height:686px}.create-images img{position:absolute;inset:0;width:100%;height:auto;max-height:none;border:1px solid rgba(255,255,255,.09);border-radius:25px 25px 0 0;opacity:0;transform:translateY(20px) scale(.985);transition:opacity .45s ease,transform .65s var(--ease)}.create-images img.is-active{opacity:1;transform:none}.create-float{position:absolute;z-index:7;display:grid;gap:5px;min-width:124px;padding:15px 17px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(7,13,19,.88);box-shadow:0 25px 70px rgba(0,0,0,.38);backdrop-filter:blur(14px)}.create-float small{color:#588aaf;font-size:7px;font-weight:900;letter-spacing:.13em}.create-float strong{font-size:17px}.create-float-a{right:15px;top:155px}.create-float-b{left:8px;bottom:42px}
.automation-section{background:#b5ddf7}.automation-section .section-heading .eyebrow{color:#0e6ea9}.automation-section .section-heading>p:last-child{color:#426b86}.absence-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px;margin-top:75px}.absence-overview,.absence-rule,.task-wizard{border-radius:34px;overflow:hidden}.absence-overview{display:grid;grid-template-columns:.78fr 1.22fr;min-height:660px;background:#fff;box-shadow:0 35px 80px rgba(25,84,123,.16)}.absence-copy{display:flex;flex-direction:column;padding:45px 34px}.absence-copy h3,.absence-rule h3{margin:0;font-size:clamp(36px,3.5vw,55px);line-height:.96;letter-spacing:-.065em}.absence-copy p{margin:23px 0;color:#657588;font-size:14px;line-height:1.58}.absence-copy>div{display:flex;align-items:center;gap:12px;margin-top:auto}.absence-copy>div b{font-size:19px}.absence-copy>div i{color:#3b91d3;font-style:normal}.absence-media{position:relative;margin:22px 22px 0 0;border:1px solid #d6e0e8;border-radius:24px 24px 0 0;background:#edf2f6;overflow:hidden}.absence-media img{width:100%;height:auto}.absence-rule{position:relative;min-height:660px;padding:39px;color:#fff;background:#0a0f15;box-shadow:0 35px 80px rgba(25,84,123,.16)}.rule-signal{display:flex;align-items:center;gap:9px;margin-bottom:35px;color:#7f8d9d;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.rule-signal i{width:8px;height:8px;border-radius:50%;background:#35c878;box-shadow:0 0 0 6px rgba(53,200,120,.13)}.rule-media{position:absolute;inset:255px 20px 0;border:1px solid rgba(255,255,255,.1);border-radius:23px 23px 0 0;background:#101821;overflow:hidden}.rule-media img{width:100%;height:auto}
.task-wizard{display:grid;grid-template-columns:.68fr 1.32fr;min-height:780px;margin-top:16px;color:#fff;background:#0b1017;box-shadow:0 40px 100px rgba(25,84,123,.2)}.task-wizard-copy{display:flex;flex-direction:column;padding:52px 45px;border-right:1px solid rgba(255,255,255,.1)}.task-wizard-copy .eyebrow{color:#62b8ff}.task-wizard-copy h3{font-size:clamp(50px,5vw,76px);line-height:.91}.task-wizard-copy>p:not(.eyebrow){max-width:420px;margin:26px 0;color:#8492a1;font-size:15px;line-height:1.58}.task-step-buttons{display:grid;gap:7px;margin-top:auto}.task-step-buttons button{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;color:#7d8998;background:transparent;font-size:11px;font-weight:800;text-align:left;cursor:pointer}.task-step-buttons button span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#6d7c8c;background:#18222d}.task-step-buttons button.is-active{color:#fff;border-color:rgba(93,179,242,.36);background:#142635}.task-step-buttons button.is-active span{color:#08121d;background:#62b8ff}.task-screen{position:relative;min-width:0;margin:24px 24px 0;border:1px solid rgba(255,255,255,.11);border-radius:27px 27px 0 0;background:#111821;overflow:hidden}.task-screen-top,.pipeline-stage-top,.ranking-window-top{display:flex;align-items:center;justify-content:space-between;height:59px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);color:#718092;font-size:9px}.task-screen-top b{color:#62b8ff}.task-images{position:relative;height:695px;overflow:hidden}.task-images img,.pipeline-images img{position:absolute;inset:0;width:100%;height:auto;opacity:0;transform:scale(1.02);transition:opacity .45s ease,transform .65s var(--ease)}.task-images img.is-active,.pipeline-images img.is-active{opacity:1;transform:none}.task-summary{position:absolute;z-index:5;right:14px;bottom:14px;display:flex;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(7,12,18,.9);backdrop-filter:blur(12px)}.task-summary span,.task-summary strong{padding:8px 10px;border-radius:9px;color:#7d8b9a;background:#141e28;font-size:8px}.task-summary strong{color:#092438;background:#62b8ff}
.attendance-section{position:relative;padding:145px max(30px,calc((100vw - 1240px)/2));background:#05080d;overflow:hidden}.attendance-orb{position:absolute;left:-22vw;top:16%;width:65vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(38,139,207,.28),rgba(14,49,75,.09) 44%,transparent 70%)}.attendance-statline{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-block:1px solid rgba(255,255,255,.1)}.attendance-statline>div{display:flex;align-items:end;justify-content:center;gap:16px;padding:40px 25px;border-left:1px solid rgba(255,255,255,.1)}.attendance-statline>div:first-child{border-left:0}.attendance-statline strong{font-size:clamp(55px,6vw,90px);line-height:.8;letter-spacing:-.07em}.attendance-statline strong span{color:#4fa9e5;font-size:.42em}.attendance-statline small{max-width:80px;color:#748292;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.analytics-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,440px);gap:16px;margin-top:55px}.analytics-card{border:1px solid rgba(255,255,255,.11);border-radius:30px;background:#0d131a;overflow:hidden}.analytics-card-head{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);color:#4e9bd2;font-size:8px;font-weight:900;letter-spacing:.12em}.analytics-card-head b{color:#8391a1;font-size:9px;letter-spacing:0}.analytics-card img{width:100%;height:auto}.analytics-chart{grid-row:span 2}.analytics-ranking,.analytics-table{min-width:0}
.custom-stats{background:#eef3f7}.stats-pipeline{display:grid;grid-template-columns:.34fr .66fr;min-height:760px;margin-top:75px;border:1px solid rgba(8,24,39,.12);border-radius:34px;background:#0a0f15;box-shadow:0 40px 100px rgba(25,66,98,.16);overflow:hidden}.pipeline-nav{display:grid;align-content:start;gap:7px;padding:25px;border-right:1px solid rgba(255,255,255,.1)}.pipeline-nav button{border-radius:15px}.pipeline-nav button.is-active{border-color:rgba(98,184,255,.4);background:#152533;transform:translateX(6px)}.pipeline-stage{position:relative;min-width:0;padding:0 28px;background:radial-gradient(circle at 70% 20%,#162f42,#0b121a 53%,#080c11)}.pipeline-stage-top{height:83px;padding:0 2px}.pipeline-stage-top span{color:#4b9fd8;font-weight:900;letter-spacing:.12em}.pipeline-stage-top b{max-width:480px;color:#e4eaf1;font-size:14px;text-align:right}.pipeline-images{position:relative;height:650px;overflow:hidden}.pipeline-images img{border:1px solid rgba(255,255,255,.1);border-radius:24px 24px 0 0}.pipeline-result{position:absolute;z-index:5;right:43px;bottom:22px;display:flex;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(7,12,18,.91);backdrop-filter:blur(12px)}.pipeline-result span{display:grid;gap:4px;padding:9px 12px;color:#728192;font-size:7px;text-transform:uppercase}.pipeline-result b{color:#fff;font-size:18px}.ranking-finale{display:grid;grid-template-columns:.66fr 1.34fr;gap:50px;align-items:center;margin-top:90px}.ranking-finale>div:first-child>p:last-child{max-width:420px;color:#647588;line-height:1.6}.ranking-finale h3{font-size:clamp(50px,5.8vw,86px);line-height:.91}.ranking-window{min-width:0;border:1px solid rgba(8,24,39,.12);border-radius:30px;background:#0b1016;box-shadow:0 40px 90px rgba(25,66,98,.15);overflow:hidden}.ranking-window-top{color:#718092}.ranking-window-top b{color:#62b8ff}.ranking-window img{width:100%;height:auto}
.finale{position:relative;display:grid;place-items:center;min-height:92svh;padding:130px 30px;color:#fff;background:radial-gradient(circle at 50% 120%,#248ccc 0,#0c4166 26%,#07111a 55%,#05080d 78%);text-align:center;overflow:hidden}.finale>div:not(.finale-mark){position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.finale-mark{position:absolute;left:50%;top:50%;width:min(820px,75vw);opacity:.025;transform:translate(-50%,-50%)}.finale-logo{width:88px;height:88px;margin-bottom:28px}.finale .eyebrow{color:#62b8ff}.finale h2{font-size:clamp(67px,8vw,118px);line-height:.87}.finale p:not(.eyebrow){margin:34px 0 0;color:#8c9aaa;font-size:18px}.finale-cta{display:flex;align-items:center;gap:28px;margin-top:36px;padding:8px 9px 8px 20px;border-radius:99px;color:#07111e;background:#fff;font-size:12px;font-weight:850}.finale-cta span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#fff;background:#247fbf}.site-footer{display:flex;align-items:center;justify-content:space-between;min-height:120px;padding:25px max(30px,calc((100vw - 1240px)/2));color:#748292;background:#05080d;font-size:10px}.site-footer>a:last-child{color:#d7dfe8;font-weight:800}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:135px}.hero-copy{max-width:760px}.hero-product{width:min(650px,85vw);margin:20px auto 0}.view-stage{grid-template-columns:1fr}.view-context{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:18px}.ride-preview{grid-column:2;grid-row:1/3}.view-images{height:650px}}
@media(max-width:680px){html{scroll-padding-top:72px}.topbar{top:0;width:100%;height:66px;padding:0 14px;border-width:0 0 1px;border-radius:0;background:#070b10;backdrop-filter:none}.brand img{width:29px;height:29px}.brand i,.topbar nav>a:not(.nav-cta){display:none}.topbar nav{gap:0}.nav-cta{padding:8px 9px 8px 12px;font-size:10px}.nav-cta span{width:23px;height:23px}.hero{display:block;padding:112px 14px 70px}.hero-glow{right:-80vw;top:5vh;width:180vw}.hero h1{font-size:clamp(57px,17vw,72px);line-height:.88}.hero-lead{margin-top:24px;font-size:16px}.hero-actions{align-items:stretch}.primary-action{font-size:12px}.quiet-action{display:none}.capability-rail{flex-wrap:nowrap;overflow:hidden;margin-right:-14px}.capability-rail span{flex:0 0 auto}.hero-product{width:100%;height:585px;margin-top:44px;transform:none!important}.hero-product-shell{inset:20px 0 22px;padding:7px;border-radius:28px}.product-chrome{height:38px}.hero-screen{height:510px;border-radius:21px}.float-date{top:0;right:8px}.float-status{top:43%;left:-5px}.float-task{right:2px;bottom:0}.floating-card{padding:12px 13px;border-radius:14px;backdrop-filter:none}.floating-card strong{font-size:16px}.float-status strong{font-size:29px}.hero-mark{display:none}.view-explorer{padding:95px 14px 80px}.section-heading{display:block}.section-heading h2{font-size:clamp(49px,14vw,62px)}.section-heading>p:last-child{margin-top:23px;font-size:15px}.view-tabs{display:flex;gap:7px;margin:45px -14px 0;padding:0 14px 8px;border:0;border-radius:0;background:transparent;overflow-x:auto;scrollbar-width:none}.view-tabs::-webkit-scrollbar{display:none}.view-tabs button{flex:0 0 auto;padding:12px 14px;border:1px solid rgba(9,24,39,.1);background:#e5ebf0}.view-tabs button.is-active{border-color:#fff}.view-stage{display:block;margin-top:10px}.view-media,.view-context{border-radius:24px}.view-media-bar{height:47px;padding:0 13px}.view-images{height:540px}.view-context{display:block;margin-top:10px;padding:17px}.context-top{padding-bottom:17px}.context-top strong{font-size:27px}.attendance-meter{padding:18px 2px}.ride-preview{min-height:280px;margin-top:2px}.slice-placeholder{min-height:34vh}}
@media(max-width:980px){.detail-bento-grid,.absence-grid,.ranking-finale{grid-template-columns:1fr}.detail-card-main{grid-row:auto;min-height:800px}.detail-card{min-height:650px}.create-machine,.task-wizard,.stats-pipeline{grid-template-columns:1fr}.create-copy-panel,.task-wizard-copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.machine-kicker{margin-top:70px}.create-visual-panel{min-height:720px}.task-step-buttons{grid-template-columns:repeat(4,1fr);margin-top:30px}.task-screen{min-height:700px}.pipeline-nav{grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.pipeline-nav button.is-active{transform:translateY(3px)}.pipeline-stage{min-height:720px}.analytics-grid{grid-template-columns:1fr;grid-template-rows:720px 480px 480px}.analytics-chart{grid-row:auto}}
@media(max-width:680px){.detail-bento,.create-lab,.automation-section,.attendance-section,.custom-stats{padding:95px 14px 80px}.detail-bento-head{display:block;margin-bottom:42px}.detail-bento h2,.create-lab h2,.automation-section h2,.attendance-section h2,.custom-stats h2{font-size:clamp(49px,14vw,62px)}.detail-bento-grid{gap:10px}.detail-card,.detail-card-main{min-height:620px;border-radius:25px}.detail-card-copy{padding:28px 24px}.detail-card-copy h3{font-size:43px}.detail-card-copy p{font-size:13px}.detail-card-media{inset:290px 10px 0;border-radius:20px 20px 0 0}.detail-media-short{inset:300px 10px 0}.detail-media-ride{inset:342px 10px 0}.car-orbit{right:19px;top:276px}.car-orbit i{width:32px;height:32px}.create-stepper{display:flex;gap:7px;margin:45px -14px 0;padding:0 14px 9px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.create-stepper::-webkit-scrollbar,.task-step-buttons::-webkit-scrollbar,.pipeline-nav::-webkit-scrollbar,.analytics-grid::-webkit-scrollbar{display:none}.create-stepper button{flex:0 0 148px;padding:16px;scroll-snap-align:start}.create-machine{min-height:0;margin-top:8px;border-radius:26px}.create-copy-panel{min-height:500px;padding:31px 24px}.machine-kicker{margin-top:65px}.create-copy-panel h3{font-size:50px}.create-copy-panel>p:not(.machine-kicker){font-size:14px}.create-visual-panel{min-height:560px;padding:0 10px}.cut-chrome{height:52px;padding:0 7px}.create-images{height:508px}.create-images img{border-radius:20px 20px 0 0}.create-float{min-width:105px;padding:11px 12px;backdrop-filter:none}.create-float strong{font-size:14px}.create-float-a{top:93px;right:3px}.create-float-b{left:4px;bottom:18px}.absence-grid{gap:10px;margin-top:44px}.absence-overview{display:block;min-height:785px;border-radius:25px}.absence-copy{min-height:390px;padding:29px 24px}.absence-copy h3,.absence-rule h3{font-size:43px}.absence-media{height:390px;margin:0 10px;border-radius:20px 20px 0 0}.absence-rule{min-height:620px;padding:29px 24px;border-radius:25px}.rule-media{inset:245px 10px 0}.task-wizard{min-width:0;min-height:0;margin-top:10px;border-radius:25px}.task-wizard-copy{min-width:0;padding:34px 24px}.task-wizard-copy h3{font-size:55px}.task-step-buttons{display:flex;gap:6px;margin:28px -24px 0;padding:0 24px 5px;overflow-x:auto;overscroll-behavior-inline:contain}.task-step-buttons button{flex:0 0 auto;padding:10px 12px}.task-screen{min-height:555px;margin:10px 8px 0;border-radius:20px 20px 0 0}.task-images{height:507px}.task-summary{right:7px;bottom:7px;max-width:calc(100% - 14px);overflow-x:auto}.task-summary span,.task-summary strong{flex:0 0 auto}.attendance-statline{margin-top:48px}.attendance-statline>div{display:block;padding:24px 8px;text-align:center}.attendance-statline strong{font-size:47px}.attendance-statline small{display:block;margin:9px auto 0;font-size:7px}.analytics-grid{display:flex;gap:10px;margin:36px -14px 0;padding:0 14px 12px;overflow-x:auto;scroll-snap-type:x mandatory}.analytics-card{flex:0 0 88vw;height:610px;border-radius:25px;scroll-snap-align:center}.analytics-ranking,.analytics-table{height:510px}.stats-pipeline{display:block;min-height:0;margin-top:48px;border-radius:25px}.pipeline-nav{display:flex;gap:6px;padding:12px;overflow-x:auto}.pipeline-nav button{flex:0 0 145px;padding:14px}.pipeline-nav button.is-active{transform:none}.pipeline-stage{min-height:590px;padding:0 9px}.pipeline-stage-top{display:grid;height:103px;padding:15px 6px}.pipeline-stage-top b{font-size:12px;text-align:left}.pipeline-images{height:485px}.pipeline-images img{border-radius:19px 19px 0 0}.pipeline-result{right:15px;bottom:10px;max-width:calc(100% - 30px);overflow-x:auto}.pipeline-result span{flex:0 0 auto}.ranking-finale{gap:34px;margin-top:80px}.ranking-finale h3{font-size:55px}.ranking-window{border-radius:24px}.finale{min-height:90svh;padding:110px 14px}.finale-logo{width:72px;height:72px}.finale h2{font-size:clamp(57px,16vw,74px)}.finale p:not(.eyebrow){font-size:15px}.site-footer{display:grid;justify-items:center;gap:22px;padding:35px 14px;text-align:center}.site-footer>a:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1!important;transform:none!important}.hero-product{transform:none!important}}

/* Revision: product screens stay complete and become the visual focus. */
.hero{grid-template-columns:minmax(430px,.95fr) minmax(330px,.75fr);min-height:100svh;padding-bottom:45px}
.hero-product{width:auto;max-width:39vw;height:min(850px,calc(100svh - 105px));aspect-ratio:.48;margin-inline:auto}
.hero-product-shell{inset:4px;padding:7px;border-radius:48px}
.hero-screen{height:100%;border-radius:39px;background:#0d0f13}
.hero-screen img{width:100%;height:100%;object-fit:contain;transform:none}
.hero-actions{margin-top:38px}
.view-stage{display:block;max-width:1040px;margin-inline:auto}
.view-media{background:radial-gradient(circle at 50% 32%,#182738 0,#0b1016 55%,#070a0e 100%)}
.view-images{height:1080px;padding:24px}
.view-images img{width:100%;height:100%;object-fit:contain;object-position:center}
.create-machine{min-height:900px}
.create-visual-panel{display:grid;place-items:center;padding:34px}
.create-images{width:100%;height:820px}
.create-images img{width:100%;height:100%;object-fit:contain;object-position:center;border:0;border-radius:20px;filter:drop-shadow(0 35px 55px rgba(0,0,0,.32))}
.absence-overview{min-height:820px}
.absence-media img{width:100%;height:100%;object-fit:contain;object-position:center top}
.absence-rule{min-height:980px}
.rule-media{inset:250px 28px 28px;display:grid;place-items:center;border-radius:24px}
.rule-media img{width:100%;height:100%;object-fit:contain}
.task-wizard{min-height:1160px}
.task-wizard-copy h3{font-size:clamp(52px,5vw,74px)}
.task-screen{margin-bottom:24px}
.task-images{height:1055px}
.task-images img{width:100%;height:100%;object-fit:contain;object-position:center}
.analytics-grid{grid-template-rows:repeat(2,480px)}
.analytics-card img{width:100%;height:calc(100% - 58px);object-fit:contain;object-position:center;background:#080c11}
.stats-pipeline{min-height:1080px}
.pipeline-stage{min-height:1080px}
.pipeline-images{height:970px}
.pipeline-images img{width:100%;height:100%;object-fit:contain;object-position:center}
.ranking-finale{grid-template-columns:1fr auto}
.ranking-window{width:min(390px,100%);justify-self:end}

@media(max-width:980px){
  .hero{min-height:auto}
  .hero-product{width:500px;max-width:78vw;height:850px}
  .hero-product-shell{inset:14px 54px 10px}
  .view-images{height:1000px}
  .create-machine{min-height:0}
  .create-visual-panel{min-height:880px}
  .create-images{height:810px}
  .absence-rule{min-height:1040px}
  .task-wizard{min-height:0}
  .task-screen{min-height:1080px}
  .task-images{height:1020px}
  .analytics-grid{grid-template-rows:980px 720px 720px}
  .stats-pipeline{min-height:0}
  .pipeline-stage{min-height:1050px}
  .pipeline-images{height:930px}
  .ranking-finale{grid-template-columns:1fr auto}
}

@media(max-width:680px){
  .hero-product{width:100%;max-width:none;height:805px;margin-top:35px}
  .hero-product-shell{inset:8px 7px 10px;padding:7px;border-radius:32px}
  .hero-screen{height:772px;border-radius:25px}
  .view-images{height:790px;padding:8px}
  .create-visual-panel{min-height:595px;padding:12px}
  .create-images{height:565px}
  .absence-overview{min-height:1140px}
  .absence-media{height:730px}
  .absence-rule{min-height:1000px}
  .rule-media{inset:245px 10px 14px}
  .task-wizard-copy h3{font-size:50px}
  .task-screen{min-height:835px;margin-bottom:8px}
  .task-images{height:775px}
  .analytics-grid{grid-template-rows:none}
  .analytics-card,.analytics-ranking,.analytics-table{height:780px}
  .pipeline-stage{min-height:820px}
  .pipeline-images{height:700px}
  .ranking-finale{grid-template-columns:1fr}
  .ranking-window{width:min(300px,100%);justify-self:center}
}

/* Cropped participant views: compact on desktop, purpose-built on mobile. */
.view-stage{max-width:920px}
.view-media-bar{display:flex;align-items:center;justify-content:center;height:52px;padding:0 16px}
.view-media-bar b{color:#e6edf5;font-size:11px}
.view-images{height:1000px;padding:18px}

@media(max-width:680px){
  .view-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:38px 0 0;padding:6px;border:1px solid rgba(9,24,39,.09);border-radius:19px;background:#e5ebf0;overflow:visible}
  .view-tabs button{min-width:0;padding:13px 10px;border:0;background:transparent;white-space:nowrap}
  .view-tabs button.is-active{border:0;background:#fff}
  .view-tabs button span{font-size:8px}
  .view-stage{margin-top:9px}
  .view-media-bar{height:44px}
  .view-images{height:520px;padding:7px}
}

/* Always-visible product sequences */
.view-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:75px}
.screen-card{min-width:0;border:1px solid rgba(8,24,39,.12);border-radius:24px;background:#0a0f15;box-shadow:0 24px 60px rgba(22,61,91,.12);overflow:hidden}
.screen-card header,.task-gallery-card header{display:flex;align-items:center;gap:10px;height:56px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.09);color:#e6edf5}
.screen-card header span,.task-gallery-card header span{color:#54a9e3;font-size:8px;font-weight:900;letter-spacing:.15em}
.screen-card header b,.task-gallery-card header b{font-size:11px}
.screen-card>div{background:#0f1318}
.screen-card img{width:100%;height:auto}

.create-gallery{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:75px}
.create-gallery-card{grid-column:span 4;align-self:start;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:27px;background:#0c1118;box-shadow:0 32px 80px rgba(0,0,0,.28);overflow:hidden}
.create-gallery-wide{grid-column:span 7}.create-gallery-compact{grid-column:span 5}
.create-gallery-card header{display:flex;align-items:center;gap:15px;min-height:72px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.09)}
.create-gallery-card header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#07111e;background:#62b8ff;font-size:9px;font-weight:900}
.create-gallery-card header>div{display:grid;gap:3px}.create-gallery-card header b{color:#eef3f8;font-size:13px}.create-gallery-card header small{color:#687788;font-size:9px}
.create-gallery-media{padding:12px;background:radial-gradient(circle at 50% 20%,#172837,#0a1016 70%)}
.create-gallery-media img{width:100%;height:auto;border-radius:17px;filter:drop-shadow(0 22px 40px rgba(0,0,0,.22))}

.task-showcase{margin-top:16px;padding:52px 45px 45px;border:1px solid rgba(255,255,255,.11);border-radius:34px;color:#fff;background:#0b1017;box-shadow:0 40px 100px rgba(25,84,123,.2);overflow:hidden}
.task-showcase-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:6vw;align-items:end}.task-showcase-copy .eyebrow{grid-column:1/-1;color:#62b8ff}.task-showcase-copy h3{margin:0;font-size:clamp(52px,5vw,74px);line-height:.91;letter-spacing:-.07em}.task-showcase-copy>p:last-child{max-width:460px;margin:0 0 7px;color:#8492a1;font-size:15px;line-height:1.58}
.task-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:48px}
.task-gallery-card{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#111821;overflow:hidden}
.task-gallery-card img{width:100%;height:auto}

@media(max-width:980px){
  .view-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .create-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .create-gallery-card,.create-gallery-wide,.create-gallery-compact{grid-column:auto}
  .create-gallery-card:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}
  .task-showcase-copy{grid-template-columns:1fr}.task-showcase-copy>p:last-child{margin-top:24px}
  .task-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){
  .view-gallery{grid-template-columns:1fr;gap:14px;margin-top:44px}
  .screen-card{border-radius:22px}.screen-card header{height:52px}
  .create-gallery{grid-template-columns:1fr;gap:14px;margin-top:48px}
  .create-gallery-card,.create-gallery-wide,.create-gallery-compact,.create-gallery-card:last-child{grid-column:auto;width:100%;border-radius:23px}
  .create-gallery-card header{min-height:66px;padding:12px 15px}
  .create-lab .section-heading h2{font-size:clamp(46px,12.5vw,54px)}
  .create-gallery-media{padding:8px}.create-gallery-media img{border-radius:16px}
  .task-showcase{padding:35px 14px 14px;border-radius:25px}
  .task-showcase-copy{padding:0 10px}.task-showcase-copy h3{font-size:50px}.task-showcase-copy>p:last-child{font-size:14px}
  .task-gallery{grid-template-columns:1fr;gap:14px;margin-top:34px}
  .task-gallery-card{width:100%;border-radius:21px}
}

/* Revised detail crops: natural-height Bento without clipping. */
.detail-bento-grid{align-items:start}
.detail-card{display:flex;flex-direction:column;min-height:0}
.detail-card-main{min-height:0;height:100%}
.detail-card-media,.detail-media-short,.detail-media-ride{position:relative;inset:auto;flex:0 0 auto;margin:0 22px 22px;border-radius:25px;overflow:hidden}
.detail-card-media img,.detail-media-short img,.detail-media-ride img{width:100%;height:auto;object-fit:contain;object-position:center}
.detail-card-main .detail-card-media{margin-top:auto}
.detail-card-blue .detail-card-media{margin-top:auto}

/* Equal creation cards: one visual system for all five source ratios. */
.create-gallery{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}
.create-gallery-card,.create-gallery-wide,.create-gallery-compact{grid-column:span 2;display:flex;flex-direction:column;width:100%;height:640px}
.create-gallery-card:nth-child(4){grid-column:2/span 2}
.create-gallery-card:nth-child(5){grid-column:4/span 2}
.create-gallery-media{display:grid;place-items:start center;flex:1;min-height:0;height:auto;padding:12px}
.create-gallery-media img{width:100%;height:100%;object-fit:contain;object-position:center top;border-radius:17px}

@media(max-width:980px){
  .create-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .create-gallery-card,.create-gallery-wide,.create-gallery-compact,.create-gallery-card:nth-child(4){grid-column:auto;width:100%}
  .create-gallery-card:nth-child(5){grid-column:1/-1;width:calc(50% - 7px);justify-self:center}
}

@media(max-width:680px){
  .detail-card,.detail-card-main{min-height:0}
  .detail-card-media,.detail-media-short,.detail-media-ride{position:relative;inset:auto;margin:0 10px 10px;border-radius:19px}
  .create-gallery{grid-template-columns:1fr}
  .create-gallery-card,.create-gallery-wide,.create-gallery-compact,.create-gallery-card:nth-child(4),.create-gallery-card:nth-child(5){grid-column:auto;width:100%;height:580px}
  .create-gallery-media{height:auto;padding:8px}
}

/* Explanatory termin logic — no form screenshots. */
.termin-logic-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:75px}
.logic-card{position:relative;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:#0c1118;box-shadow:0 34px 90px rgba(0,0,0,.24);overflow:hidden}
.logic-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(77,167,229,.07),transparent 34%)}
.logic-modes{grid-column:span 7;grid-row:span 2}.logic-types,.logic-reminders{grid-column:span 5}.logic-options{grid-column:1/-1}
.logic-card-head{position:relative;z-index:1;padding:34px 34px 28px}.logic-card-head>span{display:grid;place-items:center;width:35px;height:35px;margin-bottom:23px;border-radius:50%;color:#07111e;background:#62b8ff;font-size:9px;font-weight:900}.logic-card-head small{display:block;margin-bottom:13px;color:#55a7df;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.logic-card-head h3{max-width:620px;margin:0;color:#f2f6fa;font-size:clamp(35px,3.4vw,54px);line-height:.96;letter-spacing:-.065em}.logic-card-head p{max-width:560px;margin:18px 0 0;color:#7f8e9e;font-size:13px;line-height:1.55}
.mode-list{position:relative;z-index:1;display:grid;gap:8px;padding:0 22px 22px}.mode-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:100px;padding:17px 18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111821}.mode-item>i{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;color:#58afe9;background:#182d3c;font-size:18px;font-style:normal;font-weight:800}.mode-item>div{display:grid;gap:5px}.mode-item b{color:#e8eef4;font-size:13px}.mode-item p{margin:0;color:#778696;font-size:10px;line-height:1.4}.mode-item>span{padding:8px 10px;border-radius:99px;color:#6c7c8c;background:#0c1218;font-size:8px;font-weight:850;white-space:nowrap}.mode-required>i{color:#46d086;background:#153326}.mode-required>span{color:#4dd38d}.mode-info>i{color:#ffb938;background:#372b14}.mode-circle>i{color:#c0a6ff;background:#29223c}
.logic-types{min-height:325px;background:radial-gradient(circle at 90% 0,rgba(50,151,221,.17),transparent 48%),#0c1118}.type-cloud{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;padding:0 30px}.type-cloud>span{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:#a9b7c5;background:#111821;font-size:10px;font-weight:800}.type-cloud i{width:8px;height:8px;border-radius:50%;background:#4da7e3}.type-game i{background:#ff5a64}.type-event i{background:#ffb32a}.type-custom{border-style:dashed!important;color:#62b8ff!important}.type-custom b{font-size:16px}.logic-footnote{position:relative;z-index:1;margin:22px 30px 30px;color:#667789;font-size:10px;line-height:1.55}
.logic-reminders{min-height:420px}.reminder-flow{position:relative;z-index:1;display:grid;gap:0;padding:0 30px 28px}.reminder-flow>div{position:relative;display:grid;grid-template-columns:20px 1fr;column-gap:12px;padding:16px 0 16px 4px;border-top:1px solid rgba(255,255,255,.08)}.reminder-flow i{grid-row:1/4;align-self:start;width:10px;height:10px;margin-top:4px;border:2px solid #0c1118;border-radius:50%;background:#4da7e3;box-shadow:0 0 0 4px rgba(77,167,227,.14)}.reminder-flow span{color:#4d99cf;font-size:7px;font-weight:900;letter-spacing:.14em}.reminder-flow b{margin-top:5px;color:#e5ecf3;font-size:12px}.reminder-flow p{margin:5px 0 0;color:#708091;font-size:9px;line-height:1.4}.reminder-flow>div:nth-child(2) i{background:#35c878;box-shadow:0 0 0 4px rgba(53,200,120,.13)}.reminder-flow>div:nth-child(3) i{background:#ffad1f;box-shadow:0 0 0 4px rgba(255,173,31,.13)}
.logic-options .logic-card-head{display:grid;grid-template-columns:auto 1fr;column-gap:18px}.logic-options .logic-card-head>span{grid-row:1/4}.logic-options .logic-card-head small,.logic-options .logic-card-head h3,.logic-options .logic-card-head p{grid-column:2}.option-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 22px 22px}.option-item{position:relative;display:flex;flex-direction:column;min-height:220px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111821}.option-item>span{color:#4f9ed5;font-size:8px;font-weight:900;letter-spacing:.15em}.option-item>i{display:block;width:38px;height:24px;margin:27px 0 22px}.option-item>b{color:#e8eef4;font-size:13px;line-height:1.3}.option-item>p{margin:10px 0 0;color:#718191;font-size:10px;line-height:1.45}.option-toggle{position:relative;border-radius:99px;background:#303a44}.option-toggle::after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#8794a1}.option-toggle.is-on{background:#247fbe}.option-toggle.is-on::after{left:18px;background:#fff}.option-clock{position:relative;width:25px!important;height:25px!important;border:2px solid #58a9df;border-radius:50%}.option-clock::before{content:"";position:absolute;left:11px;top:5px;width:2px;height:8px;background:#58a9df;transform-origin:bottom}.option-clock::after{content:"";position:absolute;left:11px;top:11px;width:6px;height:2px;background:#58a9df}

@media(max-width:980px){.logic-modes{grid-column:1/-1;grid-row:auto}.logic-types,.logic-reminders{grid-column:span 6}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.termin-logic-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:48px}.logic-modes,.logic-types,.logic-reminders,.logic-options{grid-column:auto}.logic-card{border-radius:24px}.logic-card-head{padding:27px 22px 23px}.logic-card-head h3{font-size:39px}.mode-list{padding:0 10px 10px}.mode-item{grid-template-columns:auto 1fr;gap:12px;min-height:0;padding:15px 14px}.mode-item>span{grid-column:2;justify-self:start}.mode-item>i{grid-row:1/3}.type-cloud{padding:0 20px}.logic-footnote{margin:20px}.reminder-flow{padding:0 20px 20px}.logic-options .logic-card-head{display:block}.logic-options .logic-card-head>span{margin-bottom:23px}.logic-options .logic-card-head small,.logic-options .logic-card-head h3,.logic-options .logic-card-head p{grid-column:auto}.option-grid{grid-template-columns:1fr;padding:0 10px 10px}.option-item{min-height:190px}.option-item>i{margin-top:23px}}

/* Revised absence planner: two complete, natural-height product views. */
.absence-grid{grid-template-columns:1fr;align-items:start;gap:16px;max-width:1120px;margin-inline:auto}
.absence-overview,.absence-rule{display:grid;min-width:0;min-height:0;border-radius:34px}
.absence-overview{grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr)}
.absence-copy{min-height:0;padding:40px 40px 34px}
.absence-copy>div{align-self:flex-start;margin-top:25px;padding:11px 14px;border-radius:99px;color:#163a53;background:#e2f2fc}
.absence-media,.rule-media{position:relative;inset:auto;width:auto;height:auto;border-radius:25px;overflow:hidden}
.absence-media{align-self:center;margin:20px 20px 20px 0}
.absence-media{background:#101215}
.absence-media img,.rule-media img{display:block;width:100%;height:auto;object-fit:contain}
.absence-rule{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);padding:0;color:#fff;background:linear-gradient(155deg,#101923,#090d12 58%)}
.absence-rule-copy{grid-column:2;grid-row:1;align-self:center;padding:50px 40px}
.absence-rule-copy>p{max-width:440px;margin:21px 0 0;color:#7e8d9d;font-size:13px;line-height:1.55}
.rule-signal{margin-bottom:24px}
.rule-media{grid-column:1;grid-row:1;align-self:center;display:block;margin:20px 0 20px 20px;border-color:rgba(255,255,255,.1);background:#1d2026}

/* Three-step task planner: equal screens, readable sequence. */
.task-showcase{margin-top:18px;padding:60px 45px 45px;background:radial-gradient(circle at 90% 0,rgba(53,148,211,.16),transparent 38%),#0b1017}
.task-showcase-copy{grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr)}
.task-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:54px}
.task-gallery-card{position:relative;border-radius:24px;background:#10161e;box-shadow:0 24px 60px rgba(0,0,0,.2)}
.task-gallery-card::before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#55ace7,rgba(85,172,231,.12))}
.task-gallery-card header{height:74px;padding:0 18px}
.task-gallery-card header>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;color:#07111e;background:#62b8ff;font-size:9px}
.task-gallery-card header>div{display:grid;gap:4px;min-width:0}
.task-gallery-card header b{font-size:12px}
.task-gallery-card header small{color:#6f7f8f;font-size:8px}
.task-gallery-card img{display:block;width:100%;height:auto;object-fit:contain}

@media(max-width:980px){
  .absence-grid{grid-template-columns:1fr;max-width:820px}
  .absence-overview{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}
  .absence-rule{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}
  .absence-copy,.absence-rule-copy{padding:34px 30px}
  .task-showcase-copy{grid-template-columns:1fr}
  .task-showcase-copy>p:last-child{margin-top:24px}
  .task-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .task-gallery-card:last-child{grid-column:1/-1;width:calc(50% - 5px);justify-self:center}
  .task-showcase{padding-inline:28px}
  .task-gallery-card header{padding-inline:12px}
}

@media(max-width:680px){
  .absence-grid{grid-template-columns:1fr;max-width:none}
  .absence-overview,.absence-rule{display:flex;flex-direction:column;min-height:0;border-radius:25px}
  .absence-copy,.absence-rule-copy{min-height:0;padding:29px 24px 26px}
  .absence-rule-copy{order:0}
  .absence-copy>div{margin-top:22px}
  .absence-media,.rule-media{width:calc(100% - 20px);height:auto;margin:0 10px 10px;border-radius:20px}
  .rule-media{position:relative;inset:auto;order:1}
  .task-showcase{padding:36px 14px 14px}
  .task-gallery{grid-template-columns:1fr;gap:14px;margin-top:36px}
  .task-gallery-card,.task-gallery-card:last-child{grid-column:auto;width:100%;border-radius:22px}
  .task-gallery-card header{height:68px;padding:0 15px}
  .task-gallery-card header>span{width:32px;height:32px;flex-basis:32px}
}

/* Termin statistics: visible process, paired outcomes and a concrete export story. */
.stats-builder{margin-top:76px;padding:58px 45px 45px;border:1px solid rgba(8,24,39,.12);border-radius:34px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(54,151,215,.16),transparent 36%),#0a0f15;box-shadow:0 40px 100px rgba(25,66,98,.15)}
.stats-builder-copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);column-gap:6vw;align-items:end}.stats-builder-copy .eyebrow{grid-column:1/-1;color:#62b8ff}.stats-builder-copy h3,.stats-evaluation-head h3,.minutes-export-head h3{margin:0;font-size:clamp(50px,5vw,76px);line-height:.91;letter-spacing:-.07em}.stats-builder-copy h3 em,.stats-evaluation-head h3 em,.minutes-export-head h3 em{color:#3d9ddd;font-style:normal}.stats-builder-copy>p:last-child{max-width:470px;margin:0 0 7px;color:#8492a1;font-size:15px;line-height:1.58}
.stats-process-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:54px}.stats-process-card{position:relative;display:flex;flex-direction:column;min-width:0;height:760px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#10161e;box-shadow:0 24px 60px rgba(0,0,0,.2);overflow:hidden}.stats-process-card::before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#55ace7,rgba(85,172,231,.12))}.stats-process-card header{display:flex;align-items:center;gap:11px;height:74px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09)}.stats-process-card header>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;color:#07111e;background:#62b8ff;font-size:9px;font-weight:900}.stats-process-card header>div{display:grid;gap:4px;min-width:0}.stats-process-card header b{color:#e8eef4;font-size:12px}.stats-process-card header small{color:#6f7f8f;font-size:8px}.stats-process-media{display:grid;place-items:start center;flex:1;min-height:0;padding:10px;background:radial-gradient(circle at 50% 20%,#172837,#0a1016 72%)}.stats-process-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;border-radius:17px}
.stats-evaluation{margin-top:95px}.stats-evaluation-head{display:grid;grid-template-columns:1fr 1fr;column-gap:6vw;align-items:end}.stats-evaluation-head .eyebrow{grid-column:1/-1;color:#267fbe}.stats-evaluation-head h3{grid-column:1}.stats-evaluation-head>p:last-child{grid-column:2;max-width:460px;margin:0 0 8px;color:#647588;font-size:15px;line-height:1.6}.stats-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:52px}.stats-result-card,.minutes-card{min-width:0;border:1px solid rgba(8,24,39,.12);border-radius:30px;background:#0b1016;box-shadow:0 32px 80px rgba(25,66,98,.13);overflow:hidden}.stats-result-card header,.minutes-card header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.09);color:#718092;font-size:9px}.stats-result-card header b,.minutes-card header b{color:#62b8ff}.stats-result-card img{display:block;width:100%;height:560px;object-fit:contain;object-position:center;background:#1d2026}
.minutes-export{margin-top:112px}.minutes-export-head{display:grid;grid-template-columns:1fr 1fr;column-gap:6vw;align-items:end}.minutes-export-head .eyebrow{grid-column:1/-1;color:#267fbe}.minutes-export-head h3{grid-column:1}.minutes-export-head>p:last-child{grid-column:2;max-width:470px;margin:0 0 8px;color:#647588;font-size:15px;line-height:1.6}.minutes-export-grid{display:grid;grid-template-columns:5fr 7fr;gap:16px;align-items:start;margin-top:52px}.minutes-card img{display:block;width:100%;height:auto}.minutes-card-app img{background:#1d2026}.minutes-card-pdf{background:#fff}.minutes-card-pdf header{background:#0b1016}.pdf-sheet{padding:26px 18px 18px;background:#f5f7fa}.pdf-sheet img{border:1px solid #dce3ea;box-shadow:0 18px 45px rgba(16,42,64,.12)}.minutes-card-pdf footer{display:grid;gap:6px;padding:24px 26px 27px;color:#07111e;background:#fff}.minutes-card-pdf footer strong{font-size:15px}.minutes-card-pdf footer span{color:#6d7c8c;font-size:10px;line-height:1.45}

@media(max-width:980px){
  .stats-builder-copy,.stats-evaluation-head,.minutes-export-head{grid-template-columns:1fr}
  .stats-builder-copy>p:last-child,.stats-evaluation-head>p:last-child,.minutes-export-head>p:last-child{grid-column:1;margin-top:24px}
  .stats-process-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-process-card:last-child{grid-column:1/-1;width:calc(50% - 5px);justify-self:center}
  .minutes-export-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:680px){
  .stats-builder{margin-top:48px;padding:36px 14px 14px;border-radius:25px}
  .stats-builder-copy{padding:0 10px}.stats-builder-copy h3,.stats-evaluation-head h3,.minutes-export-head h3{font-size:50px}.stats-builder-copy>p:last-child,.stats-evaluation-head>p:last-child,.minutes-export-head>p:last-child{font-size:14px}
  .stats-process-gallery{grid-template-columns:1fr;gap:14px;margin-top:36px}.stats-process-card,.stats-process-card:last-child{grid-column:auto;width:100%;height:630px;border-radius:22px}.stats-process-card header{height:68px;padding:0 15px}.stats-process-card header>span{width:32px;height:32px;flex-basis:32px}.stats-process-media{padding:8px}
  .stats-evaluation,.minutes-export{margin-top:80px}.stats-evaluation-head,.minutes-export-head{display:block}.stats-evaluation-head>p:last-child,.minutes-export-head>p:last-child{margin-top:24px}.stats-result-grid,.minutes-export-grid{grid-template-columns:1fr;gap:14px;margin-top:36px}.stats-result-card,.minutes-card{border-radius:23px}.stats-result-card img{aspect-ratio:auto;height:auto}.pdf-sheet{padding:14px 10px}.minutes-card-pdf footer{padding:20px}
}

/* Transparent product cutouts inherit the card beneath them — no tinted corner artifacts. */
.detail-card-media,.detail-media-short,.detail-media-ride,.absence-media,.rule-media{border-color:transparent;background:transparent}
.detail-card-media img,.detail-media-short img,.detail-media-ride img,.absence-media img,.rule-media img{display:block}

/* Create section: comfortable reading size on desktop and mobile. */
#create .logic-card-head small{font-size:11px}
#create .logic-card-head p{font-size:15px;line-height:1.6}
#create .mode-item{min-height:120px;padding:20px}
#create .mode-item>i{width:48px;height:48px;font-size:20px}
#create .mode-item b{font-size:16px}
#create .mode-item p{font-size:13px;line-height:1.5}
#create .mode-item>span{padding:9px 12px;font-size:11px}
#create .logic-types{min-height:370px}
#create .type-cloud>span{padding:13px 15px;font-size:12px}
#create .logic-footnote{font-size:13px;line-height:1.6}
#create .logic-reminders{min-height:470px}
#create .reminder-flow>div{padding-block:20px}
#create .reminder-flow span{font-size:10px}
#create .reminder-flow b{font-size:15px}
#create .reminder-flow p{font-size:12px;line-height:1.5}
#create .option-item{min-height:245px;padding:22px}
#create .option-item>span{font-size:11px}
#create .option-item>b{font-size:15px}
#create .option-item>p{font-size:13px;line-height:1.5}

@media(max-width:680px){
  #create .logic-card-head small{font-size:10px}
  #create .logic-card-head p{font-size:14px}
  #create .mode-item{min-height:0;padding:17px 15px}
  #create .mode-item>i{width:45px;height:45px;font-size:19px}
  #create .mode-item b{font-size:15px}
  #create .mode-item p{font-size:12px}
  #create .mode-item>span{font-size:10px}
  #create .logic-types,#create .logic-reminders{min-height:0}
  #create .type-cloud>span{font-size:11px}
  #create .logic-footnote{font-size:12px}
  #create .reminder-flow span{font-size:10px}
  #create .reminder-flow b{font-size:14px}
  #create .reminder-flow p{font-size:12px}
  #create .option-item{min-height:210px}
  #create .option-item>span{font-size:10px}
  #create .option-item>b{font-size:15px}
  #create .option-item>p{font-size:12px}
}

/* POC3 copy refinement: more context without taking space away from the product. */
.hero-brand{position:absolute;z-index:8;top:32px;left:max(30px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:11px;color:#f4f7fb;font-size:14px;font-weight:850;letter-spacing:-.02em}
.hero-brand img{width:38px;height:38px}
.hero-brand i{margin-left:2px;padding-left:12px;border-left:1px solid rgba(255,255,255,.18);color:#8492a1;font-size:12px;font-style:normal;font-weight:700}
.language-switcher{position:absolute;z-index:9;top:35px;right:max(30px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(7,12,18,.74);box-shadow:0 14px 38px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.language-switcher a{display:grid;place-items:center;min-width:36px;height:30px;padding:0 8px;border-radius:999px;color:#7f8d9c;font-size:9px;font-weight:900;letter-spacing:.08em;transition:color .2s ease,background-color .2s ease,transform .2s ease}
.language-switcher a:hover{color:#fff;transform:translateY(-1px)}
.language-switcher a:focus-visible{outline:2px solid #62b8ff;outline-offset:2px}
.language-switcher a[aria-current="page"]{color:#06121d;background:#f4f8fb}
.screen-card header{height:88px}
.screen-card header>span{flex:0 0 auto}
.screen-card header>div{display:grid;gap:5px;min-width:0}
.screen-card header b{font-size:13px}
.screen-card header small{color:#91a0af;font-size:10px;line-height:1.35}
.screen-card img{transition:transform .65s var(--ease)}
.view-gallery .screen-card:nth-child(2){transition-delay:.07s}
.view-gallery .screen-card:nth-child(3){transition-delay:.14s}
.view-gallery .screen-card:nth-child(4){transition-delay:.21s}

.detail-bento-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);align-items:end;column-gap:6vw}
.detail-bento-head>div{min-width:0}
.detail-bento-lead{max-width:470px;margin:0 0 8px;color:#667589;font-size:16px;line-height:1.6}

#create .logic-types{min-height:540px}
#create .logic-types .logic-card-head h3{font-size:clamp(32px,3vw,46px)}
.logic-modes{grid-column:1/-1;grid-row:auto}
.logic-modes .mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.logic-types{grid-column:span 5}
.logic-reminders{grid-column:span 7}
.repeat-note{position:relative;z-index:1;display:grid;gap:7px;margin:22px 30px 30px;padding:18px;border:1px solid rgba(98,184,255,.18);border-radius:17px;background:rgba(49,135,193,.09)}
.repeat-note>span{color:#62b8ff;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.repeat-note>b{color:#edf4f9;font-size:17px;line-height:1.3}
.repeat-note>p{margin:0;color:#8493a3;font-size:12px;line-height:1.5}

.task-showcase-copy h3 em{color:#62b8ff;font-style:normal}
.automation-section .section-heading h2{font-size:clamp(52px,5.1vw,76px)}

@media(pointer:fine){
  .screen-card:hover img{transform:scale(1.015)}
  .screen-card:hover{border-color:rgba(59,145,211,.3);box-shadow:0 30px 72px rgba(22,61,91,.18)}
}

@media(max-width:980px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-product{width:500px;max-width:78vw;height:850px;margin:24px auto 0;transform:none!important}
  .detail-bento-head{grid-template-columns:1fr}
  .detail-bento-lead{margin-top:24px}
  .logic-types,.logic-reminders{grid-column:span 6}
  .logic-modes .mode-item{grid-template-columns:auto 1fr}
  .logic-modes .mode-item>i{grid-row:1/3}
  .logic-modes .mode-item>span{grid-column:2;justify-self:start}
}

@media(max-width:680px){
  .hero h1{font-size:clamp(54px,14.5vw,60px);line-height:.9}
  .hero-brand{top:22px;left:14px;font-size:13px}
  .hero-brand img{width:32px;height:32px}
  .hero-brand i{font-size:11px}
  .language-switcher{top:67px;right:14px;padding:3px;backdrop-filter:none}
  .language-switcher a{min-width:34px;height:27px;padding-inline:7px;font-size:8px}
  .screen-card header{height:78px;padding-inline:15px}
  .screen-card header b{font-size:13px}
  .screen-card header small{font-size:10px}
  .detail-bento-head{display:block}
  .detail-bento-lead{margin-top:22px;font-size:14px}
  #create .logic-types{min-height:0}
  #create .logic-types .logic-card-head h3{font-size:37px}
  .logic-modes .mode-list{grid-template-columns:1fr}
  .logic-modes,.logic-types,.logic-reminders,.logic-options{grid-column:1/-1}
  .repeat-note{margin:18px 20px 20px;padding:16px}
  .repeat-note>b{font-size:16px}
  .task-showcase-copy h3{font-size:43px}
  .automation-section .section-heading h2{font-size:clamp(46px,12vw,56px)}
}

/* App-faithful participation cards and more legible context labels. */
.eyebrow{font-size:12px}
.detail-card-copy>span,.absence-copy>span{font-size:11px}
#create .logic-card-head small{font-size:12px}
.screen-card header span,.task-gallery-card header span{font-size:10px}
.analytics-card-head{font-size:10px}
.analytics-card-head b{font-size:11px}
.stats-result-card header,.minutes-card header{font-size:10px}

.mode-item{grid-template-columns:auto 1fr}
.mode-item>i{position:relative;display:block;width:48px;height:48px;border-radius:0;background:transparent}
.mode-item>span{display:none}

.mode-vote>i::before{content:"";position:absolute;left:10px;top:10px;width:25px;height:25px;border:2px solid #d4dce5;border-radius:4px}
.mode-vote>i::after{content:"";position:absolute;left:17px;top:17px;width:12px;height:7px;border-left:3px solid #d4dce5;border-bottom:3px solid #d4dce5;transform:rotate(-45deg)}

.mode-info>i{color:#ffbd45;background:transparent}
.mode-info>i::before{content:"";position:absolute;left:8px;top:13px;width:30px;height:22px;background:currentColor;clip-path:polygon(0 29%,34% 29%,100% 0,100% 100%,34% 71%,0 71%)}
.mode-info>i::after{content:"";position:absolute;left:16px;top:29px;width:7px;height:12px;border-left:4px solid currentColor;border-bottom:4px solid currentColor;border-radius:0 0 0 4px;transform:skew(-8deg)}

.mode-item>img{display:block;width:42px;height:42px;margin:0 3px;object-fit:contain}
.mode-required>img{filter:brightness(0) saturate(100%) invert(63%) sepia(79%) saturate(650%) hue-rotate(169deg) brightness(97%) contrast(92%)}
.mode-circle>img{filter:brightness(0) saturate(100%) invert(72%) sepia(34%) saturate(1120%) hue-rotate(209deg) brightness(103%) contrast(101%)}
.option-lock-icon{display:block;width:34px;height:34px;margin:22px 0 20px;object-fit:contain;filter:brightness(0) saturate(100%) invert(72%) sepia(34%) saturate(1120%) hue-rotate(209deg) brightness(103%) contrast(101%)}

@media(max-width:680px){
  .eyebrow{font-size:11px}
  #create .logic-card-head small{font-size:11px}
  .mode-item>i{grid-row:1;width:44px;height:44px}
  .mode-item>img{width:40px;height:40px;margin-inline:2px}
}
#silktide-wrapper {
  --focus: 0 0 0 2px #05080d, 0 0 0 5px #54b7ff;
  --boxShadow: 0 24px 70px rgba(0, 0, 0, 0.42);
  --fontFamily: Inter, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  --primaryColor: #3196da;
  --backgroundColor: #0d151e;
  --textColor: #f5f9fc;
  --cookieIconColor: #f5f9fc;
  --cookieIconBackgroundColor: #167fc5;
}

#silktide-wrapper #silktide-banner,
#silktide-wrapper #silktide-modal {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 22px;
}

#silktide-wrapper .st-button {
  border-radius: 999px;
  font-weight: 700;
}

/* Neue Funktionen ab Ende August: eigene Termintypen und Termin-PDF. */
#create .logic-reminders{grid-column:1/-1;min-height:0}
#create .logic-reminders .reminder-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 22px 22px}
#create .logic-reminders .reminder-flow>div{align-content:start;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111821}

.release-label{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:#1e76b4;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.release-label>span{padding:7px 9px;border-radius:999px;color:#fff;background:#258bce;box-shadow:0 8px 24px rgba(37,139,206,.2)}

.event-types{padding:145px max(30px,calc((100vw - 1240px)/2));color:#07111e;background:#eef3f7}
.event-types-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.68fr);column-gap:6vw;align-items:end}
.event-types-head .release-label,.event-types-head .eyebrow{grid-column:1/-1}
.event-types-head .eyebrow{color:#267fbe}
.event-types-head h2{grid-column:1;margin:0;font-size:clamp(58px,6.6vw,96px);line-height:.87;letter-spacing:-.075em}
.event-types-head h2 em{color:#3d9ddd;font-style:normal}
.event-types-head>p:last-child{grid-column:2;max-width:490px;margin:0 0 8px;color:#647588;font-size:16px;line-height:1.6}
.event-types-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:54px}
.event-type-card{min-width:0;border:1px solid rgba(8,24,39,.12);border-radius:30px;background:#0b1016;box-shadow:0 32px 80px rgba(25,66,98,.13);overflow:hidden}
.event-type-card header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.09);color:#62b8ff;font-size:9px;font-weight:900;letter-spacing:.1em}
.event-type-card header b{color:#a8b5c2;font-size:10px;letter-spacing:0}
.event-type-media{position:relative;background:#1d2026;overflow:hidden}
.event-type-media img{display:block;width:100%;height:auto}
.placeholder-label{position:absolute;z-index:2;left:13px;bottom:13px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#d8e7f2;background:rgba(7,13,19,.84);font-size:8px;font-weight:850;letter-spacing:.06em;backdrop-filter:blur(10px)}
.event-type-chips{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:18px;border:1px solid rgba(8,24,39,.1);border-radius:22px;background:rgba(255,255,255,.52)}
.event-type-chips span{padding:10px 13px;border:1px solid rgba(8,24,39,.09);border-radius:999px;color:#496274;background:#fff;font-size:10px;font-weight:800}
.event-type-chips .chip-blue{color:#1976b3;background:#e5f4ff}.event-type-chips .chip-red{color:#b72d3b;background:#ffecee}.event-type-chips .chip-orange{color:#95600a;background:#fff4dd}.event-type-chips .chip-purple{color:#7449a4;background:#f3eaff}

.appointment-pdf{padding:145px max(30px,calc((100vw - 1240px)/2));color:#07111e;background:#b8def6;overflow:hidden}
.appointment-pdf-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.68fr);column-gap:6vw;align-items:end}
.appointment-pdf-head .release-label,.appointment-pdf-head .eyebrow{grid-column:1/-1}
.appointment-pdf-head .eyebrow{color:#126da8}
.appointment-pdf-head h2{grid-column:1;margin:0;font-size:clamp(58px,6.6vw,96px);line-height:.87;letter-spacing:-.075em}
.appointment-pdf-head h2 em{color:#187fbd;font-style:normal}
.appointment-pdf-head>p:last-child{grid-column:2;max-width:490px;margin:0 0 8px;color:#416c87;font-size:16px;line-height:1.6}
.appointment-pdf-showcase{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:16px;align-items:stretch;margin-top:54px}
.appointment-pdf-card{min-width:0;border:1px solid rgba(8,24,39,.14);border-radius:30px;background:#fff;box-shadow:0 34px 86px rgba(20,83,121,.16);overflow:hidden}
.appointment-pdf-card header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;color:#718092;background:#0b1016;font-size:9px;font-weight:900;letter-spacing:.1em}
.appointment-pdf-card header b{color:#62b8ff;letter-spacing:0}
.appointment-pdf-media{position:relative;padding:24px;background:#f4f7fa}
.appointment-pdf-media img{display:block;width:100%;height:auto;border:1px solid #d9e2e9;box-shadow:0 20px 52px rgba(15,48,70,.13)}
.appointment-pdf-card footer{display:grid;gap:6px;padding:24px 26px 27px;background:#fff}
.appointment-pdf-card footer strong{font-size:15px}.appointment-pdf-card footer span{color:#6d7c8c;font-size:10px}
.appointment-pdf-showcase aside{display:grid;align-content:stretch;gap:8px}
.appointment-pdf-showcase aside>span{display:none}
.appointment-pdf-showcase aside>div{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:28px;border:1px solid rgba(8,24,39,.12);border-radius:24px;background:rgba(255,255,255,.56)}
.appointment-pdf-showcase aside>div::before{content:counter(pdf-step,decimal-leading-zero);counter-increment:pdf-step;position:absolute;right:19px;top:17px;color:#1978b5;font-size:9px;font-weight:900;letter-spacing:.12em}
.appointment-pdf-showcase aside{counter-reset:pdf-step}
.appointment-pdf-showcase aside b{font-size:24px;letter-spacing:-.04em}.appointment-pdf-showcase aside p{margin:10px 0 0;color:#4f7186;font-size:11px;line-height:1.5}

@media(max-width:980px){
  .event-types-head,.appointment-pdf-head{grid-template-columns:1fr}
  .event-types-head>p:last-child,.appointment-pdf-head>p:last-child{grid-column:1;margin-top:25px}
  .appointment-pdf-showcase{grid-template-columns:1fr}
  .appointment-pdf-showcase aside{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:680px){
  #create .logic-reminders .reminder-flow{grid-template-columns:1fr;padding:0 10px 10px}
  #create .logic-reminders .reminder-flow>div{padding:18px}
  .event-types,.appointment-pdf{padding:95px 14px 80px}
  .release-label{font-size:9px}
  .event-types-head,.appointment-pdf-head{display:block}
  .event-types-head h2,.appointment-pdf-head h2{font-size:clamp(50px,14vw,62px)}
  .event-types-head>p:last-child,.appointment-pdf-head>p:last-child{margin-top:24px;font-size:14px}
  .event-types-grid{grid-template-columns:1fr;gap:12px;margin-top:38px}
  .event-type-card{border-radius:23px}
  .event-type-card header{height:56px;padding:0 14px;font-size:8px}.event-type-card header b{font-size:8px}
  .event-type-chips{justify-content:flex-start;margin:14px -14px 0;padding:15px 14px;border-inline:0;border-radius:0;overflow-x:auto}
  .event-type-chips span{flex:0 0 auto}
  .appointment-pdf-showcase{grid-template-columns:1fr;gap:12px;margin-top:38px}
  .appointment-pdf-card{border-radius:23px}
  .appointment-pdf-media{padding:12px 9px}
  .appointment-pdf-showcase aside{grid-template-columns:1fr}
  .appointment-pdf-showcase aside>div{min-height:155px;padding:24px}
  .placeholder-label{left:8px;bottom:8px;max-width:calc(100% - 16px);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:none}
}