.campus-screen{min-width:0}.campus-screen .campus-screen__page{gap:var(--vm-space-5)}.campus-screen__intro{justify-content:space-between;align-items:center;gap:var(--vm-space-3);flex-wrap:wrap;display:flex}.campus-screen__columns{gap:var(--vm-space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.campus-screen__columns>*,.campus-screen__table{min-width:0}.campus-screen__table .ui-table td{white-space:normal}.campus-screen__facts{margin:var(--vm-space-4) 0 0;gap:var(--vm-space-3);flex-direction:column;display:flex}.campus-screen__facts>div{gap:var(--vm-space-3);grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}.campus-screen__facts dt{color:var(--vm-text-secondary)}.campus-screen__facts dd{overflow-wrap:anywhere;margin:0}.campus-screen__line,.campus-screen__vio{align-items:center;gap:var(--vm-space-3);display:flex}.campus-screen__vio>:first-child{flex-shrink:0}.campus-screen__vio p{margin:0}.campus-screen__trail{margin:var(--vm-space-4) 0 0;padding:0;list-style:none}.campus-screen__trail li{gap:var(--vm-space-4);padding:var(--vm-space-3) 0;border-bottom:1px solid var(--vm-divider);grid-template-columns:auto minmax(0,1fr);display:grid}.campus-screen__trail time{font-family:var(--vm-font-mono);color:var(--vm-text-tertiary)}.campus-screen__trail strong,.campus-screen__contact strong{font-weight:var(--vm-type-label-weight);display:block}.campus-screen__trail small,.campus-screen__contact small{color:var(--vm-text-secondary);font-size:var(--vm-type-caption-size);display:block}.campus-screen__crop{object-fit:contain;width:100%;max-height:160px;margin:var(--vm-space-4) 0;border-radius:var(--vm-radius-md);background:var(--vm-bg-stage);display:block}.campus-screen__sources{margin:var(--vm-space-4) 0;padding:0;list-style:none}.campus-screen__sources li{gap:var(--vm-space-3);padding:var(--vm-space-4);border-bottom:1px solid var(--vm-divider);display:flex}.campus-screen .is-selected{background:var(--vm-accent-subtle)}.campus-screen__chat{border:1px solid var(--vm-border-default);border-radius:var(--vm-radius-lg);background:var(--vm-bg-surface);grid-template-columns:minmax(0,2fr) minmax(0,5fr);min-height:360px;display:grid;overflow:hidden}.campus-screen__inbox{border-right:1px solid var(--vm-border-default)}.campus-screen__contact{align-items:center;gap:var(--vm-space-3);padding:var(--vm-space-4);border-bottom:1px solid var(--vm-divider);display:flex}.campus-screen__avatar{width:var(--vm-space-8);height:var(--vm-space-8);border-radius:var(--vm-radius-full);background:var(--vm-bg-sunken);color:var(--vm-text-secondary);font-size:var(--vm-type-caption-size);flex:none;justify-content:center;align-items:center;display:inline-flex}.campus-screen__thread{align-items:start;gap:var(--vm-space-3);padding:var(--vm-space-4);flex-direction:column;display:flex}.campus-screen__thread>.campus-screen__contact{padding:0 0 var(--vm-space-3);align-self:stretch}.campus-screen__bubble,.campus-screen__draft{max-width:85%;padding:var(--vm-space-3) var(--vm-space-4);border-radius:var(--vm-radius-lg);background:var(--vm-bg-sunken);margin:0}.campus-screen__bubble--mine{background:var(--vm-accent-subtle);align-self:end}.campus-screen__draft{color:var(--vm-text-tertiary);border:1px dashed var(--vm-border-default);background:var(--vm-bg-surface);align-self:end}.campus-screen__seen{align-self:end;align-items:center;gap:var(--vm-space-2);color:var(--vm-text-tertiary);font-size:var(--vm-type-caption-size);display:flex}.campus-screen__composer{padding:var(--vm-space-3);border:1px solid var(--vm-border-interactive);border-radius:var(--vm-radius-lg);color:var(--vm-text-tertiary);justify-content:space-between;align-self:stretch;align-items:center;margin-top:auto;display:flex}.campus-screen__composer>span{color:var(--vm-text-primary)}.campus-screen__overview-grid{gap:var(--vm-space-6);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}.campus-screen__overview-grid>*{min-width:0}.campus-screen__unavailable{padding:var(--vm-space-4);margin:var(--vm-space-3) 0;border:1px solid var(--vm-border-default);border-radius:var(--vm-radius-md);background:var(--vm-bg-sunken)}.campus-screen__unavailable>p{margin-bottom:0}.campus-screen__crop-note{margin:var(--vm-space-3)}.campus-screen .campus-screen__settings{align-items:flex-start;display:flex}.campus-screen__settings>nav[aria-label=Settings]{width:var(--vm-settings-list-width);margin-right:var(--vm-space-8);display:flex}.campus-screen__settings>a{display:none}.feature-carousel{width:100%}.feature-carousel__viewport{padding:6px var(--peek);border-radius:var(--mkt-radius-lg);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--peek) + 14px), #000 calc(100% - var(--peek) - 14px), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--peek) + 14px), #000 calc(100% - var(--peek) - 14px), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 calc(var(--peek) + 14px), #000 calc(100% - var(--peek) - 14px), transparent 100%);outline:none;position:relative;overflow:hidden}.feature-carousel__viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--vm-focus)}.feature-carousel__track{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;align-items:stretch;display:flex}.feature-carousel__track:active{cursor:grabbing}.feature-carousel__slide{opacity:.55;flex:none;width:100%;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:scale(.96)}.feature-carousel__slide[data-current]{opacity:1;transform:none}.feature-carousel__controls{padding-inline:var(--peek);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.feature-carousel__dots{align-items:center;gap:3px;display:flex}.feature-carousel__dots button{background:0 0;border:0;border-radius:5px;place-items:center;width:20px;height:20px;padding:0;display:grid}.feature-carousel__dots button>span{background:var(--ink);opacity:.26;border-radius:1.5px;width:16px;height:5px;transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1);display:block;transform:scaleX(.36)}.feature-carousel__dots button[aria-current]>span{opacity:1;transform:none}.feature-carousel__arrows{gap:6px;display:flex}.feature-carousel__arrows button{border:1px solid var(--line-3);background:var(--surface);width:32px;height:32px;color:var(--ink);border-radius:8px;place-items:center;padding:0;transition:background-color .15s,transform .15s;display:grid}.feature-carousel__arrows button:hover{background:var(--canvas)}.feature-carousel__arrows button:active{transform:translateY(1px)}.feature-carousel__arrows polyline{stroke:currentColor;stroke-width:16px;stroke-linecap:round;stroke-linejoin:round}.feature-carousel button:focus-visible{outline:2px solid var(--vm-focus);outline-offset:2px}@media (width<=767px){.feature-carousel{--peek:20px!important}}@media (prefers-reduced-motion:reduce){.feature-carousel__slide,.feature-carousel__dots button>span{transition:none}}.product-device{isolation:isolate;letter-spacing:normal;width:100%;min-width:0;margin-inline:auto;position:relative;container:product-device/inline-size}.product-device__hardware,.product-device__sensor{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.product-device__hardware{z-index:0}.product-device__sensor{z-index:2}.product-device__metal{fill:var(--vm-border-strong)}.product-device__rim,.product-device__recess{fill:var(--ink-2)}.product-device__bezel{fill:var(--deep)}.product-device__lens{fill:var(--ink-3)}.product-device__glass{fill:var(--surface)}.product-device__screen{z-index:1;box-sizing:border-box;background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex;position:absolute;overflow:hidden}.product-device__content{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.product-device--mac{aspect-ratio:650/400}.product-device--mac>.product-device__screen{border-radius:.9976%/1.5439%;width:77.1108%;height:80.9625%;top:5.33%;left:11.4646%}.product-device--iphone{aspect-ratio:200/400}.product-device--iphone>.product-device__screen{border-radius:14.3156%/6.5764%;width:85.99%;height:93.5925%;padding-top:12%;padding-bottom:4%;top:3.2025%;left:7.04%}.product-device--ipad{aspect-ratio:520/400}.product-device--ipad>.product-device__screen{border-radius:2.1017%/2.8028%;width:87.9327%;height:85.7175%;top:7.1175%;left:6.0327%}.campus-tour{--tour-top:calc(var(--vm-space-24) + var(--vm-space-3));padding-block:var(--band);background:var(--surface);color:var(--ink);scroll-margin-top:var(--vm-space-24)}.campus-tour__head{width:calc(100% - var(--gutter) * 2);text-align:center;max-width:1280px;margin-inline:auto}.campus-tour__head>.title{max-width:24ch;margin:0 auto}.campus-tour a:focus-visible{outline:2px solid var(--vm-focus);outline-offset:var(--vm-space-1)}.campus-tour__story{position:relative}.campus-tour__chapter{width:calc(100% - var(--gutter) * 2);max-width:1280px;padding-block:var(--vm-space-12);border-top:1px solid var(--line);scroll-margin-top:var(--vm-space-24);margin-inline:auto}.campus-tour__chapter>.heading{margin:0 0 var(--vm-space-3)}.campus-tour__body{max-width:64ch;color:var(--ink-2);margin:var(--vm-space-5) 0}.campus-tour__preview{isolation:isolate;width:100%;max-width:1440px;margin-inline:auto;position:relative}.campus-tour__mac{width:100%;margin-inline:auto}.campus-tour__callout{width:min(100%,560px);margin:var(--vm-space-5) auto;padding:var(--vm-space-5);background:var(--surface);z-index:2;position:relative}.campus-tour__outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.campus-tour__outline path{fill:none;stroke:var(--ink-2);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.campus-tour__outline .campus-tour__chalk-dust{stroke-width:4px;stroke-opacity:.22}.campus-tour__texture{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.campus-tour__callout h4{margin:0 0 var(--vm-space-3);font-size:var(--vm-type-body-lg-size);line-height:var(--vm-type-body-lg-line);font-weight:var(--vm-type-label-weight);letter-spacing:normal}.campus-tour__callout>p:not([class]){color:var(--ink-2);font-size:var(--vm-type-body-size);line-height:var(--vm-type-body-line);margin:0}.campus-tour__includes{gap:var(--vm-space-3) var(--vm-space-6);margin-block:var(--vm-space-6);color:var(--ink-2);flex-wrap:wrap;display:flex}.campus-tour__static-annotations{padding-left:var(--vm-space-6);list-style:decimal}.campus-tour__static-annotations li{margin-block:var(--vm-space-4)}.campus-tour__static-annotations p{color:var(--ink-2);margin-block:var(--vm-space-2)}.campus-tour__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.campus-tour__devices-static{max-width:1080px;margin-inline:auto;padding-bottom:6%;position:relative}.campus-tour__devices-static>.product-device--mac{width:78%}.campus-tour__tablet,.campus-tour__phone{position:absolute;bottom:0}.campus-tour__tablet{width:40%;right:0}.campus-tour__phone{width:13%;right:34%}.campus-tour__more{width:calc(100% - var(--gutter) * 2);max-width:1080px;margin:var(--vm-space-12) auto 0}.campus-tour__more>.heading{margin:0 0 var(--vm-space-6);text-align:center}.campus-tour__feature{align-items:center;gap:var(--vm-space-8);height:100%;padding:var(--vm-space-6);border:1px solid var(--line);border-radius:var(--mkt-radius-lg);background:var(--canvas);scroll-margin-top:var(--vm-space-24);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}.campus-tour__feature-screen{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--mkt-radius-md);background:var(--surface);pointer-events:none;overflow:hidden}.campus-tour__feature-copy{gap:var(--vm-space-3);flex-direction:column;display:flex}.campus-tour__feature-copy>span{font-size:var(--vm-type-caption-size);line-height:var(--vm-type-caption-line);color:var(--ink-3)}.campus-tour__feature-copy h4{font-size:var(--vm-type-heading-size);line-height:var(--vm-type-heading-line);font-weight:var(--vm-type-heading-weight);letter-spacing:-.02em;margin:0}.campus-tour__feature-copy p{color:var(--ink-2);font-size:var(--vm-type-body-size);line-height:var(--vm-type-body-line);margin:0}@media (width<=767px){.campus-tour__feature{gap:var(--vm-space-5);padding:var(--vm-space-4);grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.campus-tour[data-enhanced=true] .campus-tour__story{grid-template-columns:minmax(0,1fr);display:grid}.campus-tour[data-enhanced=true] .campus-tour__chapters{grid-area:1/1}.campus-tour[data-enhanced=true] .campus-tour__chapter{border:0;min-height:60svh;padding:0}.campus-tour[data-enhanced=true] .campus-tour__chapter--devices{min-height:120svh}.campus-tour__stage{top:var(--tour-top);z-index:2;justify-content:center;align-self:start;align-items:center;gap:var(--vm-space-6);width:calc(100% - var(--gutter) * 2);height:calc(100svh - var(--tour-top));padding-block:var(--vm-space-4);flex-direction:column;grid-area:1/1;margin-inline:auto;display:flex;position:sticky}.campus-tour__caption{justify-items:center;gap:var(--vm-space-2);min-height:calc(var(--vm-type-heading-line) * 2 + var(--vm-space-8));text-align:center;display:grid}.campus-tour__caption p{color:var(--ink-3);font-size:var(--vm-type-body-size);margin:0;animation:.42s cubic-bezier(.22,1,.36,1) both campus-tour-in}.campus-tour__caption h3{max-width:24ch;font-size:clamp(24px,2.6vw,36px);line-height:1.12;font-weight:var(--vm-type-heading-weight);letter-spacing:-.03em;text-wrap:balance;margin:0;animation:.52s cubic-bezier(.22,1,.36,1) both campus-tour-in}.campus-tour__rig{width:min(100%, 1080px, calc((100svh - var(--tour-top) - 200px) * 1.6));position:relative}.campus-tour__screen{transform-origin:50% 30%}.campus-tour__mac-shift{transform-origin:0 60%;transition:transform .8s cubic-bezier(.22,1,.36,1)}.campus-tour__stage .campus-tour__tablet,.campus-tour__stage .campus-tour__phone{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(18%)}.campus-tour__stage .campus-tour__phone{transition-delay:.12s}.campus-tour__stage[data-scene=devices] .campus-tour__mac-shift{transform:translate(-6%)scale(.78)}.campus-tour__stage[data-scene=devices] .campus-tour__tablet,.campus-tour__stage[data-scene=devices] .campus-tour__phone{opacity:1;transform:none}.campus-tour__layers{display:grid}.campus-tour__layer{opacity:0;grid-area:1/1;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:scale(1.02)}.campus-tour__layer[data-active]{opacity:1;transform:none}.campus-tour__dots{gap:var(--vm-space-2);display:flex}.campus-tour__dots span{background:var(--line-3);border-radius:999px;width:6px;height:6px;transition:width .3s,background-color .3s}.campus-tour__dots span[data-active]{background:var(--ink);width:22px}}@media (width<=1023px) and (prefers-reduced-motion:no-preference){.campus-tour__rig{width:min(100%,64svh)}}@keyframes campus-tour-in{0%{opacity:0;transform:translateY(var(--vm-space-2))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.campus-tour__caption p,.campus-tour__caption h3{animation:none}}.vio-demo{z-index:1;color:var(--cream);scroll-margin-top:80px;position:relative}.vio-demo__pin{padding:104px var(--gutter) 24px;flex-direction:column;align-items:center;gap:24px;display:flex}.vio-demo--motion .vio-demo__pin{height:100svh;padding-top:clamp(104px,13svh,140px)}.vio-demo--motion .vio-demo__entry,.vio-demo--motion .vio-demo__resolution{overflow:hidden}.vio-demo--motion .vio-demo__steps{margin-top:auto}.vio-demo__header{text-align:center;text-shadow:0 1px 2px #0c224666,0 2px 22px #0c224680;justify-items:center;gap:10px;max-width:820px;display:grid}.vio-demo--motion .vio-demo__header{min-height:150px}.vio-demo__header h2{font:500 clamp(32px, 3.6vw, 52px) / 1.05 var(--sans);letter-spacing:-.045em;text-wrap:balance;margin:0;animation:.42s cubic-bezier(.22,1,.36,1) both vio-demo-in}.vio-demo__header>p:last-child{margin:0;font-size:17px;line-height:1.5;animation:.52s cubic-bezier(.22,1,.36,1) both vio-demo-in}.vio-demo__card{border:1px solid var(--line);border-radius:var(--mkt-radius-lg);background:var(--surface);width:min(100%,640px);color:var(--ink);gap:14px;padding:22px 24px;display:grid}.vio-demo__thought{background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-height:64px;display:grid}.vio-demo__avatar{place-items:center;width:56px;height:56px;display:grid}.vio-demo__avatar>.vm-vio-blob{width:56px;height:56px}.vio-demo__avatar .vm-vio-gaze{transform:translate(calc(var(--vio-look-x) * 2px), calc(var(--vio-look-y) * 2px));gap:9px;transition:transform .2s ease-out}.vio-demo__avatar .vm-vio-eye{width:4px;height:10px}.vio-demo__thought>p{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:17px;font-weight:500;line-height:1.4}.vio-demo__report{border-radius:var(--mkt-radius-md);background:var(--canvas);grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 14px;font-size:15px;line-height:22px;display:grid}.vio-demo__report>svg{margin-top:3px}.vio-demo__report time,.vio-demo__entry time{font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:12px;display:block}.vio-demo__entries{margin:0;padding:0;list-style:none;display:grid}.vio-demo__entry{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 4px;font-size:14px;line-height:20px;display:grid}.vio-demo__resolution{border:1px solid var(--ink);border-radius:var(--mkt-radius-md);grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 14px;font-size:14px;line-height:20px;display:grid}.vio-demo__resolution>svg{margin-top:2px}.vio-demo__resolution strong{font-weight:600;display:block}.vio-demo__entry[data-current],.vio-demo__resolution[data-current]{background:color-mix(in srgb, var(--ink) 5%, transparent)}.vio-demo__steps{border:1px solid var(--cream-line);border-radius:999px;gap:6px;padding:4px;display:flex}.vio-demo__steps button{color:var(--cream-dim);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;line-height:18px;transition:background-color .24s,color .24s}.vio-demo__steps button[aria-current]{background:var(--cream);color:var(--deep)}.vio-demo button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}@keyframes vio-demo-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=599px){.vio-demo__steps button{padding:6px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.vio-demo__header h2,.vio-demo__header>p:last-child{animation:none}.vio-demo__avatar .vm-vio-gaze{transition:none}}