.demo-canvas{transform-origin:0 0;letter-spacing:0;width:700px;height:450px;font-size:14px;line-height:1.4;position:absolute;top:0;left:0}.soft-panel{box-shadow:var(--panel-shadow),inset 0 .5px .5px #ffffff40,inset 0 -.5px .5px #0000001a,inset 0 0 0 .5px #00000026;background:#fff;border-radius:20px}.demo-canvas button:focus-visible{z-index:6}.glass-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#fff;background:linear-gradient(#0000,#0003),#444444b3;border:0;border-radius:12px;box-shadow:0 1px 2px -1px #00000040,0 2px 4px -2px #0003,inset 0 .5px .5px #ffffff80,inset 0 -.5px .5px #00000040,inset 0 0 0 .5px #0000001a}.glass-button{color:#fff;background:linear-gradient(#ffffff1a,#fff0),#fff3;border-radius:6px;box-shadow:0 2px 4px -2px #00000040,0 4px 6px -4px #00000040,0 8px 12px -6px #00000040,inset 0 .5px .5px #ffffff40,inset 0 0 0 .5px #ffffff40,inset 0 -.5px .5px #00000040}.dark-button,.speaker-badge{color:#fff;background:linear-gradient(#0000,#0003),#3d3d3d;box-shadow:inset 0 .5px .5px #ffffff40,inset 0 -.5px .5px #0000001a,inset 0 0 0 .5px #0000001a}.icon-button,.send-button{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.send-button{background:linear-gradient(#0000,#0000001a),#fff6;border-radius:50%;box-shadow:inset 0 0 0 .5px #ffffff1a,inset 0 -.5px .5px #0000001a}.attachment-name{text-overflow:ellipsis;white-space:nowrap;opacity:.8;max-width:290px;margin-right:auto;font-size:10px;overflow:hidden}.calendar-panel{width:478px;height:290px;display:flex;position:absolute;top:80px;left:111px;overflow:hidden}.date-presets{border-right:0;flex-shrink:0;width:188px;padding:12px;box-shadow:inset -.5px 0 #0000001a}.date-presets button{text-align:left;border-radius:8px;align-items:center;width:164px;height:38px;padding:8px;font-weight:500;line-height:22px;display:flex}.date-presets button[aria-pressed=true],.date-presets button:hover{background:#f4f5f5}.calendar{width:290px;padding:12px}.calendar-header{justify-content:space-between;align-items:center;height:38px;font-weight:500;line-height:22px;display:flex}.calendar-header button{border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.calendar-header button:hover{background:#f4f5f5}.calendar-grid{grid-template-columns:repeat(7,38px);grid-auto-rows:38px;display:grid}.calendar-grid button{border-radius:8px;place-items:center;width:38px;height:38px;font-size:14px;line-height:22px;display:grid;position:relative}.calendar-grid button:hover{background:#f4f5f5}.calendar-grid .weekend{color:#8f8f8f}.calendar-grid .other-month{color:#c2c2c2}.calendar-grid .in-range{background:#f4f5f5;border-radius:0}.calendar-grid .range-end{color:#fff;background:#000;border-radius:8px}.calendar-grid .range-end:hover{background:#222}.note-popover{background:linear-gradient(#0000,#00000040),#444444b3;border-radius:14px;flex-direction:column;gap:6px;width:219px;padding:8px;display:flex;position:absolute;top:76px;left:334.5px}.note-popover textarea{resize:none;outline-offset:0;color:#fff;background:0 0;border:0;border-radius:6px;width:100%;height:68px;padding:4px 6px;line-height:19.6px}.note-popover textarea::placeholder{color:#ffffffa6}.note-popover button{height:28px;font-weight:500;line-height:19.6px}.note-popover button:disabled{opacity:1;color:#fff;cursor:default}.note-dot{background:#00bfff;border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px}.participant-stack{border-radius:28px;align-items:center;width:176px;height:56px;padding:8px;display:flex;position:absolute;top:60px;left:262px}.participant-image{border-radius:50%;flex-shrink:0;width:40px;height:40px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #00000014,0 .5px 1px -1px #0000000a}.participant-image img{object-fit:cover;width:40px;height:40px}.participant-stack .participant-image{margin-right:-10px;box-shadow:0 0 0 1.5px #fff}.participant-parker img{width:102.6%;max-width:none;height:125.32%;position:absolute;top:-.32%;left:-1.3%}.participant-john img{width:135.89%;max-width:none;height:135.89%;position:absolute;top:-1.42%;left:-16.49%}.more-participants{color:#767676;background:#f5f5f5;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:16px;font-weight:500;display:grid;position:relative;box-shadow:0 0 0 1.5px #fff}.speaker-badge{filter:drop-shadow(0 .5px .5px #0000001a)drop-shadow(0 2px 2px #00000014)drop-shadow(0 4px 4px #0000000f)drop-shadow(0 6px 4px #0000000f);border-radius:50%;place-items:center;width:20px;height:20px;padding:4px;display:grid;position:absolute;top:-6px;right:-6px}.stack-speaker{z-index:2;width:28px;height:28px;padding:6px;top:54px;left:256px}.mute-slash{background:#fff;width:18px;height:1px;position:absolute;transform:rotate(-45deg)}.voice-panel{width:241px;height:255px;padding:.5px;position:absolute;top:135.5px;left:229.5px;overflow:hidden}.voice-header{text-align:center;background:#fafafa;border-bottom:0;height:36px;padding:12px 16px;font-size:12px;font-weight:500;line-height:12px;position:relative;box-shadow:inset 0 -.5px #0000001a}.voice-header button{border-radius:2px;width:12px;height:12px;position:absolute;top:12px;right:14px}.participants{grid-template-columns:repeat(4,40px);grid-auto-rows:61px;gap:16px;height:170px;padding:16px;display:grid}.participant{flex-direction:column;align-items:center;gap:4px;width:40px;height:61px;font-size:12px;line-height:17px;display:flex;position:relative}.participant:hover .participant-image{outline:1px solid #0002}.voice-footer{height:48px;padding:0 16px 16px}.voice-footer button{border-radius:999px;width:208px;height:32px;font-size:12px;font-weight:500;line-height:12px}.demo-nav{border-bottom:.75px solid #ffffff1a;justify-content:center;align-items:center;height:56px;display:flex}.demo-nav button{color:#a4a4a4;border-radius:999px;padding:7.5px 12px;font-size:10.5px;line-height:11px}.demo-nav button.active{color:#fff;background:#282828}.navigation-menu{color:#fff;background:linear-gradient(#ffffff05,#ffffff05),#08090a;border:0;border-radius:30px;flex-direction:column;gap:6px;width:560px;padding:6px;display:flex;position:absolute;top:49.25px;left:70px;box-shadow:inset 0 0 0 .75px #ffffff1a}.product-grid{background:linear-gradient(#0000,#00000040),#292929;border-radius:24px;grid-template-rows:46px 46px;grid-template-columns:250px 250px;grid-auto-flow:column;gap:6px 24px;padding:12px;display:grid;position:relative;box-shadow:inset 0 0 0 .75px #ffffff1a,inset 0 .75px .75px #ffffff1a,inset 0 -.75px .75px #0000001a,0 .75px 3px -.75px #0003,0 1.5px 6px -1.5px #0000001a}.product-grid:after{content:"";background:#ffffff1a;width:1px;height:98px;position:absolute;top:12px;left:274px}.product-grid button{text-align:left;color:#a4a4a4;border-radius:12px;align-items:center;gap:9px;padding:6px;font-size:10.5px;line-height:16.8px;display:flex}.product-grid button.chosen,.product-grid button:hover{background:#353535}.product-grid button strong{color:#fff;font-weight:500;display:block}.product-grid button>span>span{white-space:nowrap;display:block}.product-icon{background:linear-gradient(#0000,#0000001a),#303030;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid;position:relative;box-shadow:0 0 0 .75px #0008,0 1.644px 1.644px #0004,inset 0 .411px .411px #fff3,inset 0 -.411px .411px #0000001a,inset 0 0 0 .411px #ffffff1a,inset 0 0 0 .375px #ffffff1a}.product-grid button:first-child .product-icon:before{content:"";opacity:.05;background:url(/assets/nav-911e1.png) 0 0/4.875px 4.875px;border-radius:6px;position:absolute;inset:0}.resource-links{justify-content:center;gap:24px;padding:12px 18px;display:flex}.resource-links button{color:#a4a4a4;white-space:nowrap;align-items:center;gap:6px;font-size:10.5px;font-weight:500;line-height:11px;display:flex}.resource-links button:hover{color:#fff}.prompt-composer{width:430px;height:130px;position:absolute;top:235px;left:135px;overflow:hidden}.prompt-input{color:#fff;background:linear-gradient(#ffffff1a,#fff0),#ffffff1a;border:0;border-bottom:.5px solid #ffffff1a;border-radius:12px 12px 0 0;width:100%;height:46px;padding:16px 14px;font-size:14px;line-height:14px;display:block}.composer-options{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.composer-chips{gap:8px;display:flex}.composer-chip{white-space:nowrap;background:#ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:26px;padding:6px;font-size:14px;line-height:14px;display:flex}.composer-actions{justify-content:space-between;align-items:center;height:26px;display:flex}.ratio-icon{border:1px solid;border-radius:2px;width:13px;height:13px;display:block}.ratio-icon.wide,.ratio-16-9{width:20px;height:11px}.ratio-4-3{width:16px;height:12px}.ratio-3-5{width:11px;height:18px}.aspect-menu{flex-direction:column;gap:6px;width:219px;height:200px;padding:6px;display:flex;position:absolute;top:85px;left:237px}.aspect-menu p{color:#fffc;height:18px;padding:6px 6px 0;font-size:12px;line-height:12px}.aspect-menu button{text-align:left;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;height:28px;padding:4px 6px;display:flex}.aspect-menu button>img{margin-left:auto}.aspect-menu button:hover,.aspect-menu button[aria-checked=true]{background:#ffffff1a}.ratio-symbol{place-items:center;width:20px;height:20px;display:grid}.agent-menu{background:#fff;border:0;border-radius:12px;flex-direction:column;gap:6px;width:450px;height:178px;padding:12px;display:flex;position:absolute;top:82px;left:125px;box-shadow:0 .5px 1px -1px #0000000a,0 1px 2px -2px #00000005,inset 0 -.5px .5px #0000001a,inset 0 0 0 .5px #0000001a}.agent-menu p{color:#8f8f8f;height:26px;padding:6px 8px;font-weight:500;line-height:14px}.agent-menu button{white-space:nowrap;text-align:left;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;height:26px;padding:6px 8px;line-height:14px;display:flex}.agent-menu button strong{font-weight:500}.agent-menu button>span{color:#8f8f8f;font-weight:400}.agent-menu button:hover,.agent-menu button[aria-selected=true]{background:#0000000d}.agent-menu img{flex-shrink:0}.agent-composer{background:#fafafa;border:0;border-radius:12px;width:450px;height:100px;position:absolute;top:268px;left:125px;box-shadow:0 .5px .5px #0000000a,0 1px 1px #00000005,inset 0 -.5px .5px #0000001a,inset 0 0 0 .5px #0000001a}.agent-prompt-row{background:#fff;border-radius:12px;align-items:center;gap:6px;height:50px;padding:12px;display:flex;box-shadow:inset 0 0 0 .5px #0000001a,0 .5px .5px #0000000a,0 1px 1px #00000005}.agent-chip{color:#bf337a;background:#fae9f1;border-radius:6px;padding:6px 8px;font-weight:500;line-height:14px}.agent-prompt-row input{background:0 0;border:0;flex:1;width:0;min-width:0;font-size:14px}.agent-send-controls{gap:6px;display:flex}.microphone-button{background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;box-shadow:inset 0 0 0 .5px #0000001a}.microphone-button[aria-pressed=true]{background:#fae9f1}.agent-send-controls .dark-button{background:linear-gradient(#0000,#0003),#3d3d3d}.agent-toolbar{justify-content:space-between;align-items:center;height:50px;padding:15px 12px 15px 20px;display:flex}.agent-model{align-items:center;gap:4px;font-size:14px;line-height:19.6px;display:flex}.coded-artwork{position:absolute;inset:0}.cursor-coordinate-space{width:700px;height:450px;transform:scale(calc(100cqw / 700px));transform-origin:0 0;pointer-events:none;position:absolute;inset:0}.design-cursor{width:32px;height:32px;position:absolute}.design-cursor img{width:19.0572px;height:20.0185px;position:absolute;top:7.1px;left:7.07px}.voice-panel,.participant-stack{box-shadow:var(--panel-shadow),inset 0 .5px .5px #ffffff40,inset 0 -.5px .5px #0000001a,inset 0 0 0 .5px #0000001a}.voice-footer button{box-shadow:inset 0 .5px .5px #fff9,inset 0 -.5px .5px #0008,inset 0 0 0 .5px #0000001a}.agent-menu,.agent-composer,.agent-prompt-row,.microphone-button,.agent-send-controls .send-button{box-shadow:0 .5px 1px -1px #0000000a,0 1px 2px -2px #00000005,inset 0 .5px .5px #ffffff1a,inset 0 -.5px .5px #0000001a,inset 0 0 0 .5px #0000001a}.agent-menu .reference-hover{background:#00000008}.calendar-grid{isolation:isolate}.calendar-grid .in-range:before{content:"";z-index:-1;background:#f4f5f5;position:absolute;inset:0}.calendar-grid .range-end:first-of-type:before{border-radius:8px 0 0 8px}.calendar-grid .range-end:has(+.in-range):before{border-radius:8px 0 0 8px}.calendar-grid .range-end:not(:has(+.in-range)):before{border-radius:0 8px 8px 0}.voice-panel{box-shadow:var(--panel-shadow)}.voice-panel:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #0000001a,inset 0 .5px .5px #ffffff40,inset 0 -.5px .5px #0000001a}.participant .participant-image{box-shadow:0 .5px 1px -1px #0000000a,0 1px 2px -2px #00000005}.participant .participant-image:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 .5px .5px #ffffff1a,inset 0 -.5px .5px #0000001a}.participant .speaker-badge{filter:none;box-shadow:0 .5px 1px -1px #0000001a,0 2px 4px -2px #00000014,0 4px 8px -4px #0000000f,0 6px 8px -6px #0000000f,inset 0 .5px .5px #ffffff40,inset 0 -.5px .5px #0000001a}[data-showcase=analytics] .artboard{aspect-ratio:700/549}[data-showcase=analytics] .demo-canvas{width:700px;height:549px}.analytics-panel{color:#000;background:#fff;border-radius:20px;width:478px;height:458px;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:18px;position:absolute;top:45.5px;left:111px;overflow:hidden;box-shadow:0 1px 2px -1px #0003,0 2px 4px -2px #00000026,0 4px 8px -2px #0000000d}.analytics-panel:after,.analytics-tooltip:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 .5px .5px #ffffff40,inset 0 -.5px .5px #0000001a,inset 0 0 0 .5px #00000026}.analytics-date-control{white-space:nowrap;background:#00000008;border-radius:10px;width:290px;height:34px;font-weight:500;position:absolute;top:20px;left:168px}.analytics-date-control span{color:#8f8f8f;border-radius:8px;height:30px;padding:6px 10px;position:absolute;top:2px}.analytics-date-control span:first-child{width:58px;left:2px}.analytics-date-control span:nth-child(2){width:111px;left:60px}.analytics-date-control span:nth-child(3){width:117px;left:171px}.analytics-date-control .is-selected{color:#000;background:#fff;box-shadow:0 .5px .5px #0000000a,0 1px 1px #00000005,inset 0 0 0 1px #0000001a,inset 0 .5px .5px #ffffff1a,inset 0 -.5px .5px #0000001a}.analytics-chart-area{width:438px;height:364px;position:absolute;top:74px;left:20px}.analytics-y-axis{width:17px;height:339px;position:absolute;top:0;left:0}.analytics-y-axis span{text-align:right;color:#8f8f8f;width:17px;height:21px;line-height:21px;position:absolute;left:0}.analytics-plot{width:411px;height:318px;position:absolute;top:10.5px;left:27px}.analytics-grid-line{position:absolute;left:0}.analytics-slot{border-radius:4px;width:58.7143px;height:318px;position:absolute;top:0}.analytics-slot.is-highlighted{background:#00000008}.analytics-bar{background:#2b8dae;border-radius:4px;width:32px;position:absolute;bottom:0;left:13.3571px;overflow:hidden}.analytics-bar:before{content:"";opacity:.1;background:url(/assets/analytics/bar-pattern.png) 0 0/6.5px 6.5px;position:absolute;inset:0}.analytics-green{background:#b5d951;width:32px;position:absolute;bottom:0;left:0}.analytics-x-axis{color:#8f8f8f;width:438px;height:21px;line-height:21px;position:absolute;top:343px;left:0}.analytics-x-axis span{height:21px;position:absolute;top:0}.analytics-x-axis span:first-child{text-align:center;width:112px;left:0}.analytics-x-axis span:nth-child(2){text-align:center;width:122px;left:112px}.analytics-x-axis span:nth-child(3){text-align:right;width:178px;left:234px}.analytics-tooltip{background:#fff;border-radius:10px;width:204px;height:102px;position:absolute;top:76px;left:137px;overflow:hidden;box-shadow:0 1px 2px -1px #0003,0 2px 4px -2px #00000026,0 4px 8px -2px #0000000d}.analytics-tooltip-title{width:204px;height:34px;padding:8px 12px;font-weight:500;position:absolute;top:0;left:0;box-shadow:inset 0 -.5px #0000001a}.analytics-tooltip-row{color:#525252;width:204px;height:34px;position:absolute;top:34px;left:0}.analytics-tooltip-row:last-of-type{top:68px}.analytics-tooltip-row i{border-radius:2.625px;width:14px;height:14px;position:absolute;top:10px;left:12px}.analytics-tooltip-row .is-blue{background:#2b8dae}.analytics-tooltip-row .is-green{background:#b5d951}.analytics-tooltip-row span{position:absolute;top:8px;left:32px}.analytics-tooltip-row strong{color:#000;font-weight:500;position:absolute;top:8px;right:12px}.analytics-design-cursor{pointer-events:none;width:32px;height:32px;position:absolute;top:154px;left:357px}.analytics-design-cursor img{position:absolute;top:6.408px;left:8.008px}[data-showcase=phone] .artboard{aspect-ratio:700/549}[data-showcase=phone] .demo-canvas{height:549px}.phone-detector-artwork{object-fit:contain;width:700px;height:549px;display:block}[data-showcase=all-in-one] .artboard{aspect-ratio:700/590}[data-showcase=all-in-one] .demo-canvas{height:590px}[data-showcase=future] .artboard,[data-showcase=collective] .artboard{aspect-ratio:700/549}[data-showcase=future] .demo-canvas,[data-showcase=collective] .demo-canvas{height:549px}.image-static-artwork{object-fit:contain;width:700px;height:100%;display:block}.date-picker-demo{color:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;overflow:auto}.date-picker-positioner{width:478px;position:absolute;top:max(16px,50% - 145px);left:max(16px,50% - 239px)}.date-picker{letter-spacing:0;-webkit-user-select:none;user-select:none;background:#fff;border-radius:20px;width:478px;height:290px;font-size:14px;line-height:1.6;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px -1px #0003,0 2px 4px -2px #00000026,0 4px 8px -2px #0000000d}.date-picker:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 .5px .5px #ffffff40,inset 0 -.5px .5px #0000001a,inset 0 0 0 .5px #00000026}.date-picker button{color:inherit;letter-spacing:inherit;line-height:inherit;appearance:none;background:0 0;border:0;padding:0}.date-picker button:focus-visible{outline-offset:-2px;z-index:1;outline:2px solid #767676}.date-picker-presets{flex:0 0 188px;height:290px;padding:12px;position:relative}.date-picker-presets:after{content:"";background:#0000001a;width:.5px;position:absolute;top:0;bottom:0;right:0}.date-picker .date-picker-preset{text-align:left;border-radius:8px;align-items:center;width:164px;height:38px;padding:8px;font-weight:500;display:flex}.date-picker .date-picker-preset:is(:hover,:focus-visible,[aria-pressed=true]){background:#f4f5f5}.date-picker-calendar{flex:0 0 290px;height:290px;padding:12px}.date-picker-calendar-header{justify-content:space-between;align-items:center;width:266px;height:38px;font-weight:500;display:flex}.date-picker .date-picker-month-button{border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.date-picker .date-picker-month-button:is(:hover,:focus-visible){background:#f4f5f5}.date-picker-grid{isolation:isolate;grid-template-rows:repeat(6,38px);grid-template-columns:repeat(7,38px);width:266px;height:228px;display:grid;position:relative}.date-picker-range-background{grid-template-columns:inherit;grid-template-rows:inherit;pointer-events:none;z-index:-1;display:grid;position:absolute;inset:0}.date-picker-range-segment{background:#f4f5f5}.date-picker .date-picker-day{isolation:isolate;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:400;display:grid;position:relative}.date-picker .date-picker-day.is-weekend{color:#8f8f8f}.date-picker .date-picker-day.is-adjacent{color:#c2c2c2}.date-picker .date-picker-day.is-in-range{color:#000}.date-picker-day-surface{z-index:-1;border-radius:8px;position:absolute;inset:0}.date-picker-day[aria-current=date]:not(.is-in-range) .date-picker-day-surface{box-shadow:inset 0 0 0 .5px #0000001a}.date-picker-day:not(.is-in-range):is(:hover,:focus-visible) .date-picker-day-surface{background:#f4f5f5}.date-picker .date-picker-day.is-endpoint{color:#fff}.date-picker-day.is-endpoint .date-picker-day-surface{background:#000}.date-picker-note-marker{width:4px;height:4px;position:absolute;top:30px;left:17px}.date-picker-note{z-index:10;color:#fff;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(#0000,#00000040),#444444bf;border:0;border-radius:14px;flex-direction:column;gap:6px;width:219px;height:118px;padding:8px;display:flex;position:absolute;overflow:hidden;box-shadow:0 1px 2px -1px #00000040,0 2px 4px -2px #0003}.date-picker-note:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 .5px .5px #ffffff80,inset 0 -.5px .5px #00000040,inset 0 0 0 .5px #0000001a}.date-picker-note-input{resize:none;color:#fff;letter-spacing:0;background:0 0;border:0;border-radius:6px;outline:none;flex:0 0 68px;width:203px;height:68px;padding:4px 6px;font:400 14px/1.4 Inter,sans-serif;display:block}.date-picker-note-input::placeholder{color:#ffffffa6;opacity:1}.date-picker-note-save{color:#fff;letter-spacing:0;background:linear-gradient(#ffffff1a,#0000),#fff3;border:0;border-radius:6px;flex:0 0 28px;width:203px;height:28px;padding:4px 6px;font:500 14px/1.4 Inter,sans-serif;box-shadow:0 2px 4px -2px #00000040,0 4px 6px -4px #00000040,0 8px 12px -6px #00000040,inset 0 .5px .5px #ffffff40,inset 0 -.5px .5px #00000040,inset 0 0 0 .5px #ffffff40}.date-picker-note-save:focus-visible{outline-offset:-2px;outline:2px solid #fff}.date-picker-note-actions{flex:0 0 28px;gap:6px;width:203px;height:28px;display:flex}.date-picker-note-actions .date-picker-note-save{flex:1;width:auto;min-width:0}.date-picker-note[data-mode=edit] .date-picker-note-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.date-picker-note[data-mode=edit] .date-picker-note-save[type=submit]{color:#fff;background:#ffffff2e}.date-picker-note[data-mode=edit] .date-picker-note-save:disabled{color:#ffffff59;box-shadow:none;background:#ffffff14}.date-picker-note-actions .date-picker-note-delete{color:#f58a8a;box-shadow:none;background:#f366661a;border:1px solid #f366662e}.date-picker-note-actions .date-picker-note-delete:hover{color:#ff9a9a;background:#f3666629}.profile-demo{--profile-control-width:min(230px, calc(100vw - 24px));--profile-surface:#fff;--profile-surface-raised:#fff;--profile-trigger-hover:#fafafa;--profile-surface-hover:#0000000a;--profile-surface-selected:#0000000a;--profile-text:#000;--profile-text-secondary:#767676;--profile-icon:gray;--profile-icon-muted:#0000007f;--profile-icon-selected:#000;--profile-divider:#0000001a;--profile-border:#0000001a;--profile-focus:#989898;--profile-danger:#d95c5c;--profile-danger-bg:#f3666614;--profile-danger-bg-pressed:#f3666624;--profile-trigger-shadow:0 1px 2px -1px #00000040, 0 2px 4px -2px #00000040, 0 4px 6px -4px #00000040, inset 0 .5px .5px #ffffff40, inset 0 -.5px .5px #0000001a;--profile-shadow:0 1px 2px -1px #0003, 0 2px 4px -2px #00000026, 0 4px 8px -2px #0000000d;--profile-inset-shadow:inset 0 .5px .5px #ffffff40, inset 0 -.5px .5px #0000001a, inset 0 0 0 .5px #00000026;color:var(--profile-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;letter-spacing:0;background:#fff;font-size:14px;font-weight:400;line-height:1.4}.profile-demo[data-resolved-theme=dark]{--profile-surface:#202020;--profile-surface-raised:#242424;--profile-trigger-hover:#242424;--profile-surface-hover:#ffffff0e;--profile-surface-selected:#ffffff17;--profile-text:#f2f2f2;--profile-text-secondary:#b0b0b0;--profile-text-muted:#929292;--profile-icon:#a0a0a0;--profile-icon-muted:#a0a0a0;--profile-icon-selected:#f2f2f2;--profile-divider:#ffffff14;--profile-border:#ffffff12;--profile-focus:#a3a3a3;--profile-danger:#f07a7a;--profile-danger-bg:#f366661a;--profile-danger-bg-pressed:#f3666629;--profile-trigger-shadow:0 1px 2px -1px #0000004d, 0 2px 4px -2px #0003, 0 4px 6px -4px #00000026, inset 0 .5px .5px #ffffff12, inset 0 -.5px .5px #0003;--profile-shadow:0 1px 2px -1px #0000004d, 0 2px 4px -2px #0003, 0 4px 8px -2px #00000026;--profile-inset-shadow:inset 0 .5px .5px #ffffff12, inset 0 -.5px .5px #0003, inset 0 0 0 .5px #ffffff12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#121212}.profile-demo[data-resolved-theme=dark] .profile-email,.profile-demo[data-resolved-theme=dark] .profile-theme-heading{color:var(--profile-text-muted)}.profile-demo[data-resolved-theme=dark] .profile-theme-option:not([data-selected=true]){color:var(--profile-text-secondary)}.profile-demo[data-resolved-theme=dark] .profile-theme-trigger[aria-expanded=true]{background:#ffffff13}.profile-demo[data-resolved-theme=dark] .profile-theme-trigger>.profile-icon:last-child{background-color:#9a9a9a}.profile-demo,.profile-demo .profile-trigger,.profile-demo .profile-row,.profile-demo .profile-surface,.profile-demo .profile-email,.profile-demo .profile-theme-heading,.profile-demo .profile-icon--monochrome,.profile-demo .profile-trigger:after,.profile-demo .profile-surface:after,.profile-demo .profile-menu__section--divided:after{transition:background-color .14s,color .14s,border-color .14s,box-shadow .14s}.profile-controls{width:var(--profile-control-width);position:absolute;top:max(24px,50% - 140px);left:50%;transform:translate(-50%)}.profile-trigger,.profile-row{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;margin:0;display:flex}.profile-trigger{background:var(--profile-surface);height:36px;box-shadow:var(--profile-trigger-shadow);border-radius:8px;padding:8px 6px 8px 8px;position:relative}.profile-trigger:after{border:.5px solid var(--profile-border);border-radius:inherit;pointer-events:none;content:"";position:absolute;inset:0}.profile-trigger>span:not(.profile-icon),.profile-theme-trigger>span:not(.profile-icon),.profile-theme-option>span:not(.profile-icon){flex:1;min-width:0}.profile-trigger>span:not(.profile-icon){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-icon{pointer-events:none;-webkit-user-select:none;user-select:none;flex:0 0 14px;width:14px;height:14px;display:block}.profile-icon--monochrome{background-color:var(--profile-icon);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.profile-firecrawl{position:relative}.profile-firecrawl__static,.profile-firecrawl__animated{width:14px;height:14px;transition:opacity .14s;display:block;position:absolute;inset:0}.profile-firecrawl__animated,.profile-firecrawl[data-active=true] .profile-firecrawl__static{opacity:0}.profile-firecrawl[data-active=true] .profile-firecrawl__animated{opacity:1}.profile-trigger__chevron{transform:rotate(90deg)}.profile-surface{background:var(--profile-surface);box-shadow:var(--profile-shadow);border-radius:8px}.profile-surface:after{z-index:1;border-radius:inherit;box-shadow:var(--profile-inset-shadow);pointer-events:none;content:"";position:absolute;inset:0}.profile-menu{z-index:1;width:100%;position:absolute;top:calc(100% + 12px);left:0}.profile-menu__section{padding:2px;position:relative}.profile-menu__section--divided:after{background:var(--profile-divider);pointer-events:none;content:"";height:.5px;position:absolute;bottom:0;left:0;right:0}.profile-email{height:32px;color:var(--profile-text-secondary);text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;overflow:hidden}.profile-row{white-space:nowrap;border-radius:8px;height:28px;padding:4px 8px;position:relative}.profile-theme-region{position:relative}.profile-theme-trigger[aria-expanded=true],.profile-theme-option[data-selected=true]{background:var(--profile-surface-selected);border-radius:6px}.profile-theme-options{z-index:2;background:var(--profile-surface-raised);width:170px;max-width:calc(100vw - 24px);padding:2px;position:absolute;top:-2px;left:calc(100% - 4px)}.profile-demo .profile-menu{--profile-popup-duration:.35s;--profile-popup-easing:cubic-bezier(.22, 1, .36, 1);transform-origin:top;transform:scale(.97)}.profile-demo .profile-theme-options{--profile-popup-duration:.1s;--profile-popup-easing:ease;transform-origin:0 0;transform:scale(.95)}.profile-demo .profile-theme-options[data-open=true]{--profile-popup-duration:.15s}.profile-demo :is(.profile-menu,.profile-theme-options){visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--profile-popup-duration) var(--profile-popup-easing), transform var(--profile-popup-duration) var(--profile-popup-easing), visibility 0s linear var(--profile-popup-duration), background-color .14s ease, color .14s ease, box-shadow .14s ease}.profile-demo :is(.profile-menu,.profile-theme-options)[data-open=true]{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:scale(1)}.profile-theme-heading{height:28px;color:var(--profile-text-secondary);padding:4px 8px}.profile-theme-option{cursor:pointer}.profile-theme-option input{clip-path:inset(50%);width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.profile-theme-option__icon,.profile-theme-trigger>.profile-icon:first-child{background-color:var(--profile-icon-muted)}.profile-theme-trigger:is([aria-expanded=true],:hover,:focus-visible)>.profile-icon:first-child,.profile-theme-option[data-selected=true] .profile-icon--monochrome{background-color:var(--profile-icon-selected)}.profile-trigger:focus-visible,.profile-row:focus-visible{outline:2px solid var(--profile-focus);outline-offset:-2px}.profile-theme-option:has(input:focus-visible){outline:2px solid var(--profile-focus);outline-offset:-2px}@media (hover:hover){.profile-trigger:hover{background:var(--profile-trigger-hover)}.profile-row:where(:hover){background:var(--profile-surface-hover);border-radius:6px}}.profile-row--logout:focus-visible{color:var(--profile-danger);background:var(--profile-danger-bg)}@media (hover:hover){.profile-row--logout:hover{color:var(--profile-danger);background:var(--profile-danger-bg)}}.profile-row--logout:active{color:var(--profile-danger);background:var(--profile-danger-bg-pressed)}.profile-row--logout .profile-icon{background-color:var(--profile-icon)}.profile-row--logout:is(:hover,:focus-visible,:active) .profile-icon{background-color:currentColor}@media (width<=581px){.profile-theme-options{right:calc((var(--profile-control-width) - 100vw) / 2 + 10px);left:auto}}@media (prefers-reduced-motion:reduce){.profile-firecrawl__animated{display:none}.profile-firecrawl[data-active=true] .profile-firecrawl__static{opacity:1}.profile-demo,.profile-demo *,.profile-demo :before,.profile-demo :after{transition:none!important}}.interaction-card-label{color:#919191;font-weight:500;line-height:19.6px}.interaction-profile-demo{width:100%;height:100%;position:relative}.interaction-profile-demo .profile-controls{top:26%}.interaction-profile-demo button:is(:hover,:active):not(:disabled){filter:none}.interaction-profile-demo .profile-trigger{-webkit-tap-highlight-color:transparent}@media (width<=600px){.interaction-card[data-interaction=profile] .artboard{aspect-ratio:auto;height:320px}.interaction-profile-demo .profile-controls{top:36px}.interaction-profile-demo .profile-theme-options{left:auto;right:0}}.interaction-card .demo-canvas button:hover{filter:none}.interaction-card .date-picker-positioner{height:290px}.interaction-card .date-picker-note{z-index:6}.interaction-card .date-picker-note-input:focus-visible{outline:none}.interaction-card .date-picker button{transition:none}.interaction-navigation-anchor{z-index:10;width:560px;position:absolute;top:49.25px;left:70px}.interaction-navigation-shell{opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#ffffff05,#ffffff05),#08090a;border-radius:30px;width:100%;height:0;transition:opacity .12s ease-in,transform .12s ease-in,visibility 0s linear .12s;position:relative;transform:translateY(5px);box-shadow:inset 0 0 0 .75px #ffffff1a}.interaction-navigation-shell[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s ease-out,transform .16s ease-out,visibility;transform:translateY(0)}.interaction-navigation-shell[data-open=true][data-switching=true]{transition:width .15s cubic-bezier(.65,0,.35,1),height .15s cubic-bezier(.65,0,.35,1),opacity .16s ease-out,transform .16s ease-out,visibility}.interaction-navigation-shell:before{content:"";height:11px;position:absolute;inset:-11px 0 auto}.interaction-navigation-viewport{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.interaction-navigation-grid-surface{background:linear-gradient(#0000,#00000040),#292929;border-radius:24px;position:absolute;top:6px;left:6px;right:6px;box-shadow:inset 0 0 0 .75px #ffffff1a,inset 0 .75px .75px #ffffff1a,inset 0 -.75px .75px #0000001a,0 .75px 3px -.75px #0003,0 1.5px 6px -1.5px #0000001a}.interaction-navigation-shell[data-switching=true] .interaction-navigation-grid-surface{transition:height .15s cubic-bezier(.65,0,.35,1)}.interaction-navigation-layer{width:var(--interaction-menu-content-width,100%);opacity:0;filter:blur(8px);transition:transform .2s cubic-bezier(.65,0,.35,1),opacity .2s cubic-bezier(.65,0,.35,1),filter .2s cubic-bezier(.65,0,.35,1);position:absolute;inset:0 auto auto 0;transform:translate(-200px)}.interaction-navigation-layer[data-menu=resources]{transform:translate(200px)}.interaction-navigation-layer[data-active=false]{pointer-events:none}.interaction-menu-content{flex-direction:column;gap:6px;width:560px;padding:6px;display:flex}.interaction-menu-content .product-grid{box-shadow:none;background:0 0}.interaction-header-artwork .product-grid button{transition:background-color .14s}.interaction-header-artwork .product-grid button:first-child .product-icon:before{opacity:0}.interaction-header-artwork .product-grid button:first-child:is(:hover,:focus-visible) .product-icon:before{opacity:.05}.interaction-header-artwork .resource-links button{transition:color .14s}.interaction-header-artwork .resource-links button img{transition:filter .14s}.interaction-header-artwork .resource-links button:is(:hover,:focus-visible) img{filter:brightness(1.35)}.interaction-header-artwork .demo-nav button{transition:color .14s,background-color .14s}.interaction-header-artwork .demo-nav button:hover{color:#fff;background:#202020}.interaction-header-artwork .demo-nav button.active:hover{background:#282828}.interaction-header-artwork :is(button):focus-visible{outline-offset:3px;outline:2px solid #d4d4d4}.interaction-icon-beam[data-beam][data-fading]{animation-duration:1.96s,.14s;animation-play-state:paused,running}.interaction-icon-beam[data-beam][data-fading]:before,.interaction-icon-beam[data-beam][data-fading]:after,.interaction-icon-beam[data-beam][data-fading]>[data-beam-bloom]{animation-play-state:paused}.interaction-icon-beam{border-radius:6px;flex:0 0 33px;width:33px;height:33px}.interaction-icon-beam .product-icon{width:33px;height:33px}.interaction-icon-beam .product-icon img{grid-area:1/1;width:18px;height:18px;transition:opacity .14s;position:relative}.interaction-icon-beam .interaction-active-icon{opacity:0}.interaction-header-artwork .product-grid button:is(:hover,:focus-visible) .interaction-active-icon{opacity:1}.interaction-header-artwork .product-grid button:is(:hover,:focus-visible) .interaction-neutral-icon{opacity:0}@media (prefers-reduced-motion:reduce){.interaction-card *,.interaction-card :before,.interaction-card :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{color:#000;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--muted:#9f9f9f;--panel-shadow:0 1px 2px -1px #0003,0 2px 4px -2px #00000026,0 4px 8px -2px #0000000d;--inner-shadow:inset 0 .5px .5px #ffffff40,inset 0 -.5px .5px #0000001a,inset 0 0 0 .5px #00000026;background:#fafafa;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}p,h1,h2,ul{margin:0;padding:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button,a,input,textarea{touch-action:manipulation}button,a{transition:background-color .12s,color .12s,opacity .12s}button:active:not(:disabled){filter:brightness(.94)}:focus-visible{outline-offset:3px;outline:2px solid #009acf}button:focus:not(:focus-visible){outline:none}img{display:block}button img{pointer-events:none}button:hover{filter:brightness(.97)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio{letter-spacing:-.07px;flex-direction:column;align-items:center;gap:40px;padding:120px 24px 60px;line-height:1.5;display:flex}.profile{flex-direction:column;gap:40px;width:540px;max-width:100%;display:flex}.profile-header{justify-content:space-between;align-items:center;height:40px;display:flex}.avatar{object-fit:cover;border-radius:6px}.socials{width:80.71px;height:16px;position:relative}.socials a{color:#9f9f9f;width:16px;height:16px;position:absolute;top:0}.socials a:hover{color:#000}.section-heading{font:inherit;color:var(--muted);margin:0 0 14px}.biography{flex-direction:column;gap:14px;display:flex}.profile section{width:100%}.text-link{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#000,#000),linear-gradient(#e4e4e4,#e4e4e4);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px,100% 1px;padding-bottom:3px;text-decoration:none;transition:background-size .38s cubic-bezier(.22,1,.36,1)}.text-link:hover,.text-link:focus-visible{background-size:100% 1px,100% 1px}.detail-rows .text-link{padding-bottom:0}.social-icon{width:16px;height:16px;-webkit-mask:var(--social-mask) center/contain no-repeat;mask:var(--social-mask) center/contain no-repeat;background:currentColor;display:block}.social-x{--social-mask:url(/assets/social-x.svg)}.social-dribbble{--social-mask:url(/assets/social-dribbble.svg)}.social-instagram{--social-mask:url(/assets/social-instagram.svg)}.detail-rows{flex-direction:column;gap:7px;list-style:none;display:flex}.detail-rows li{justify-content:space-between;align-items:baseline;gap:12px;min-height:21px;display:flex}.metadata,.muted{color:var(--muted)}.metadata{text-align:right}.slash{color:#e4e4e4}.profile-divider{border-top:1px solid #f3f3f3;width:540px;max-width:100%;height:0;margin-bottom:-1px}.selected-work-section{flex-direction:column;align-items:center;gap:40px;width:700px;max-width:100%;display:flex}.showcase-navigation{z-index:6;position:sticky;top:40px}.showcase-navigation:before{content:"";-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none;background:#fafafa99;border-radius:999px;position:absolute;inset:-4px}.mode-toggle{background:#f2f2f2;border-radius:999px;height:33px;scroll-margin-top:32px;display:flex;position:relative}.mode-toggle:before{content:"";border-radius:inherit;width:70px;height:100%;box-shadow:var(--panel-shadow),inset 0 .5px .5px #ffffff40,inset 0 -.5px .5px #0000001a,inset 0 0 0 .5px #0000001a;pointer-events:none;background:#fff;transition:transform .2s cubic-bezier(.25,1,.5,1),width .2s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0;transform:translate(0)}.mode-toggle[data-mode=interaction]:before{width:103px;transform:translate(70px)}.mode-toggle button{filter:none;color:#919191;letter-spacing:-.07px;border-radius:999px;padding:6px 16px;line-height:21px;position:relative}.mode-toggle button[aria-selected=true]{color:#000}.mode-toggle button:first-child{width:70px}.mode-toggle button:last-child{width:103px}.mode-toggle button:hover:not(:disabled):not([aria-selected=true]){color:#4a4a4a;background:0 0}.showcase-list{flex-direction:column;gap:20px;width:700px;max-width:100%;display:flex}.showcase-card{isolation:isolate;background:#fff;border-radius:16px;width:100%;position:relative;box-shadow:0 .5px 2px #0000000a,0 .5px 2px #0000000a}.showcase-card:after{content:"";pointer-events:none;z-index:5;border-radius:inherit;border:0;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #0000001a,inset 0 -.5px 1px #0000001f,inset 0 .5px 4px #ffffff40}.artboard{aspect-ratio:700/450;background:#fff;border-radius:16px 16px 0 0;width:100%;position:relative;overflow:hidden;container-type:inline-size}.dark-artboard{background:#08090a}.card-controls{background:#fafafa;border-top:0;border-radius:0 0 16px 16px;justify-content:center;align-items:center;height:53px;padding-block:16px;display:flex;box-shadow:inset 0 .5px #0000001a}.first-card .card-controls{height:52px}.card-controls label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-weight:500;line-height:19.6px;display:flex}.card-controls input{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:6px;width:21px;height:21px;margin:0;box-shadow:0 .5px 1px -1px #0000000a,0 1px 2px -2px #00000005,inset 0 .5px .5px #ffffff1a,inset 0 -.5px .5px #0000001a,inset 0 0 0 1px #0000001a}.card-controls input:checked{background:#00bfff url(/assets/date-606a8.svg) 50%/14px 14px no-repeat;border:0;box-shadow:0 .5px 1px -1px #0000000a,0 1px 2px -2px #00000005,inset 0 .5px .5px #ffffff1a,inset 0 -.5px .5px #0000001a}.ruler-overlay{pointer-events:none;z-index:4;stroke:red;stroke-width:.5px;fill:none;width:100%;height:100%;position:absolute;inset:0}footer{width:700px;max-width:100%;color:var(--muted);justify-content:space-between;min-height:21px;display:flex}.clock{gap:8px;display:flex}.clock time{font-variant-numeric:tabular-nums;white-space:nowrap}@media (width<=600px){.mobile-nowrap{white-space:nowrap}.detail-rows li.echovane-row{gap:2px}.echovane-row .metadata{white-space:nowrap;letter-spacing:-.25px;max-width:none;font-size:clamp(11px,5.55vw - 6.67px,14px)}button,a,input,textarea,select,label,[role=tab]{-webkit-tap-highlight-color:transparent}.agent-menu button img{aspect-ratio:1;object-fit:cover;border-radius:50%;flex:0 0 14px;align-self:center;width:14px;height:14px}.product-icon{aspect-ratio:1;flex:0 0 33px;place-items:center;width:33px;height:33px;padding:0}.product-icon img{object-fit:contain;width:18px;height:18px}.portfolio{padding-top:64px;padding-bottom:40px}.detail-rows li{gap:16px}.metadata{max-width:65%}.showcase-list{gap:20px}.clock{gap:6px}footer{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mode-toggle button:disabled{opacity:1;color:#919191;cursor:default;filter:none;background:0 0}