/* Working app previews. Scoped controls have actual, unscaled touch targets. */
.goji-home .gj-feature-visual.gj-live-demo{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:595px;height:auto;padding:23px 28px 44px;background:radial-gradient(ellipse at 55% 58%,#f0e4fc95,transparent 72%),linear-gradient(135deg,#fefcff,#faf7ff);--ix-accent:#9762d0;--ix-soft:#eee1fc;--ix-deep:#623b84;--ix-paper:#fff;--ix-text:#493155;--ix-secondary:#8c729b;isolation:isolate}
.gj-live-demo:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#bd9fd614 1px,transparent 1px),linear-gradient(90deg,#bd9fd614 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000,transparent 72%);z-index:-1}.gj-live-demo button{font-family:'Inter',sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.gj-live-demo svg{width:18px;height:18px;flex-shrink:0}.ix-demo-heading{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;color:#987eaa;line-height:1.5}.ix-demo-heading>span:first-child{display:flex;gap:6px;align-items:center}.ix-demo-heading i{display:inline-block;width:4px;height:4px;background:#b68ace;border-radius:50%;box-shadow:0 0 0 3px #e4d3f455}.ix-demo-heading>span:last-child{color:#ad98ba;font-size:7px}.goji-home .ix-demo-status{font:400 10px/1.6 'Inter',sans-serif;color:#82678f;margin:0;position:absolute;bottom:16px;left:25px;right:25px;text-align:center;min-height:16px}.ix-demo-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:15px}.ix-demo-bottom .ix-demo-status{position:static;text-align:left;flex:1;margin:0;font-size:10px}.ix-reset{height:40px;width:40px;flex-shrink:0;display:grid;place-items:center;border:1px solid #e6d8ef;border-radius:6px;background:#ffffffad;color:#9772b0;transition:background .2s,transform .2s}.ix-reset:hover{background:#f3e8ff;transform:rotate(-12deg)}.goji-home .ix-action{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:42px;border:1px solid var(--ix-accent);border-radius:5px;background:var(--ix-accent);color:#fff;font-size:11px;font-weight:500;line-height:1.4;padding:10px 15px;transition:background .2s,box-shadow .2s}.goji-home .ix-action:hover{background:var(--ix-deep);border-color:var(--ix-deep);box-shadow:0 4px 15px #8758b225}.ix-action svg{width:15px;height:15px}.ix-action:disabled{opacity:.65;cursor:default}.goji-home .gj-live-demo [hidden]{display:none!important}
/* Design lab: colour, appearance and screen navigation. */
.gj-live-demo[data-colour=ocean]{--ix-accent:#44899b;--ix-soft:#dbedf1;--ix-deep:#245c6f}.gj-live-demo[data-colour=rose]{--ix-accent:#b76386;--ix-soft:#f6e0ea;--ix-deep:#85445f}.gj-live-demo[data-colour=forest]{--ix-accent:#558d7a;--ix-soft:#dfefe5;--ix-deep:#315e4d}.ix-design-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;margin:19px 0 10px}.ix-switch{display:flex;align-items:center;background:#ffffffba;border:1px solid #e9ddf2;padding:3px;border-radius:6px;gap:3px}.ix-switch>button{border:0;background:transparent;border-radius:4px;padding:8px 12px;min-height:35px;font-size:10px;color:#957da6;transition:background .2s,color .2s}.ix-switch>button[aria-pressed=true]{background:var(--ix-soft);color:var(--ix-deep)}.ix-mode{border:1px solid #e5d8ef;background:#fff9;color:#8b6ca3;min-height:42px;width:42px;border-radius:6px;font-size:20px;line-height:1}.ix-mode[aria-pressed=true]{color:#eadcf8;background:#453050;border-color:#453050}.ix-design-stage{position:relative;display:grid;place-items:center;isolation:isolate;height:364px;min-height:364px;perspective:1200px}.ix-phone{position:relative;width:230px;background:var(--ix-paper);color:var(--ix-text);border:6px solid #4d3b5b;border-radius:33px;box-shadow:0 0 0 1px #b49ec4,2px 3px 0 #9c84b0,0 18px 35px -21px #78539555;padding:0 14px 12px;font-family:'Inter',sans-serif;overflow:hidden;text-align:left}.ix-phone:after{position:absolute;content:'';bottom:5px;left:calc(50% - 31px);height:3px;width:62px;background:var(--ix-text);border-radius:4px;opacity:.8}.ix-design-phone{height:351px;animation:ix-hover 8s ease-in-out infinite;z-index:2;transition:background .35s,color .35s}.ix-phone-status{height:31px;display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 3px;font-size:7px}.ix-phone-status>b{font-weight:600}.ix-phone-status>i{position:absolute;height:12px;width:48px;left:calc(50% - 24px);top:6px;background:#211a29;border-radius:10px}.ix-phone-status>span{font-size:6px;letter-spacing:1px}.ix-app-brand{display:flex;align-items:center;justify-content:space-between;margin:1px 0 15px}.ix-app-brand>span{font-size:14px;font-weight:600;letter-spacing:-.6px}.ix-app-brand>i{display:grid;place-items:center;width:22px;height:22px;background:var(--ix-soft);border-radius:50%;font-style:normal;font-size:7px;color:var(--ix-deep)}.ix-eyeline{display:block;font-size:6px;letter-spacing:.8px;color:var(--ix-secondary);line-height:1.4}.goji-home .ix-phone h4{font:500 26px/1.02 var(--gj-heading);letter-spacing:-.9px;color:var(--ix-text);margin:7px 0 11px}.ix-design-screen:not([hidden]){animation:ix-screen-in .38s ease both}.ix-flow-art{position:relative;height:94px;background:var(--ix-soft);border-radius:9px;overflow:hidden;margin-bottom:4px}.ix-flow-art>i{position:absolute;width:122px;height:122px;border:27px solid var(--ix-accent);border-radius:50%;top:-19px;right:4px;transform:rotateX(25deg) rotateY(-25deg);box-shadow:inset 3px 3px 6px #fff5,6px 9px 9px #5b34861c;animation:ix-ring 9s ease-in-out infinite}.ix-flow-art>b{position:absolute;width:55px;height:55px;background:var(--ix-accent);opacity:.27;border-radius:13px;bottom:-17px;left:-7px;transform:rotate(35deg)}.ix-flow-art>span{position:absolute;bottom:10px;left:10px;font-size:6px;letter-spacing:.7px;color:var(--ix-deep)}.ix-app-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:7px;color:var(--ix-secondary)}.ix-app-row b{display:block;font-size:9px;color:var(--ix-text);font-weight:500;margin-top:4px}.ix-app-row>small{font-size:7px;color:var(--ix-secondary)}.ix-app-cta{display:flex;justify-content:space-between;background:var(--ix-accent);color:#fff;border-radius:4px;padding:9px;font-size:7px;line-height:1.2}.ix-phone-tabs{position:absolute;bottom:12px;left:14px;right:14px;display:flex;justify-content:space-around;align-items:center;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--ix-accent) 16%,transparent);background:var(--ix-paper)}.ix-phone-tabs span{color:var(--ix-secondary);opacity:.5}.ix-phone-tabs svg{width:14px;height:14px}.ix-designer[data-screen=home] [data-nav-icon=home],.ix-designer[data-screen=classes] [data-nav-icon=classes],.ix-designer[data-screen=progress] [data-nav-icon=progress]{opacity:1;color:var(--ix-accent)}.ix-design-screen{padding-bottom:38px}.ix-screen-class{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--ix-soft);font-size:9px}.ix-screen-class>i{height:27px;width:27px;display:grid;place-items:center;border-radius:5px;background:var(--ix-soft);color:var(--ix-deep);font-style:normal;font-size:8px}.ix-screen-class small{display:block;color:var(--ix-secondary);font-size:6px;margin-top:5px}.ix-screen-class>b{margin-left:auto;color:var(--ix-accent);font-weight:400}.ix-design-screen[data-app-screen=classes] .ix-app-cta{margin-top:10px}.ix-progress-ring{width:107px;height:107px;padding:9px;border-radius:50%;background:conic-gradient(var(--ix-accent) 0 80%,var(--ix-soft) 80% 100%);margin:0 auto 12px;animation:ix-ring-arrive .7s ease}.ix-progress-ring>div{background:var(--ix-paper);height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ix-progress-ring b{font-size:29px;font-weight:450;letter-spacing:-1.4px;color:var(--ix-accent)}.ix-progress-ring small{font-size:6px;color:var(--ix-secondary)}.ix-progress-bars{height:32px;display:flex;align-items:flex-end;gap:5px;margin:0 13px}.ix-progress-bars i{background:var(--ix-soft);height:50%;width:14%;border-radius:2px}.ix-progress-bars i:nth-child(2n){height:75%;background:var(--ix-accent)}.ix-progress-bars i:nth-child(3n){height:90%}.ix-design-screen[data-app-screen=progress] .ix-app-row{padding-block:8px}.ix-phone-ghost{position:absolute;width:140px;height:261px;border:4px solid #9f8caf;border-radius:24px;background:#ffffff7a;padding:23px 14px;z-index:0;opacity:.48;box-shadow:0 12px 22px -15px #76549655}.ix-ghost-left{left:calc(50% - 192px);transform:rotate(-13deg) translateY(8px)}.ix-ghost-right{right:calc(50% - 190px);transform:rotate(12deg) translateY(8px)}.ix-phone-ghost>span{font-size:6px;letter-spacing:1px;color:var(--ix-accent)}.ix-phone-ghost>i{display:block;height:76px;background:var(--ix-soft);margin:15px 0;border-radius:6px}.ix-phone-ghost>b{display:block;height:12px;background:var(--ix-soft);border-radius:3px;margin:10px 0}.ix-phone-ghost>b:nth-of-type(2){width:70%}.ix-phone-ghost>em{display:block;height:28px;background:var(--ix-accent);margin-top:20px;border-radius:4px}.ix-design-bottom{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:9px;font-size:10px;color:#8e6f9f}.ix-swatches{display:flex;gap:2px}.ix-swatches button{width:39px;height:39px;border:0;background:none;border-radius:50%;padding:0;position:relative;display:grid;place-items:center}.ix-swatches button:before{content:'';height:16px;width:16px;border-radius:50%;background:#9762d0;box-shadow:inset 0 1px 2px #fff7}.ix-swatches button[data-colour-choice=ocean]:before{background:#44899b}.ix-swatches button[data-colour-choice=rose]:before{background:#b76386}.ix-swatches button[data-colour-choice=forest]:before{background:#558d7a}.ix-swatches button[aria-pressed=true]:after{content:'';position:absolute;inset:6px;border-radius:50%;border:1px solid var(--ix-accent)}.ix-designer.ix-dark{--ix-paper:#291e34;--ix-text:#f2e8f9;--ix-secondary:#bca6c9}.ix-designer.ix-dark .ix-phone{border-color:#61526c}.ix-designer.ix-dark .ix-phone-status>i{background:#100b17}.ix-designer.ix-dark .ix-flow-art{background:color-mix(in srgb,var(--ix-accent) 20%,#291e34)}.ix-designer.ix-dark .ix-flow-art>span{color:#dac4ec}.ix-designer:hover .ix-design-phone,.ix-designer:focus-within .ix-design-phone{animation-play-state:paused}
/* Workspace with a working approval queue. */
.ix-workspace-board{margin:32px 0 0;background:#ffffffed;border:1px solid #e5d7ee;box-shadow:0 22px 38px -30px #5c377841;border-radius:9px;overflow:hidden}.ix-board-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0e6f7;padding:14px 19px}.ix-board-header>div{display:flex;gap:9px;align-items:center}.ix-board-header b{font-size:22px;letter-spacing:-1px;font-weight:600;color:#4b345a}.ix-board-header>div>span{font-size:8px;color:#a991b9;border-left:1px solid #e6d8ef;padding-left:9px}.ix-user{width:28px;height:28px;border-radius:50%;background:#f0e3fa;color:#9b7caf;font-size:8px;display:grid;place-items:center}.ix-board-greeting{padding:20px 19px 14px}.ix-board-greeting .ix-eyeline{font-size:7px}.goji-home .ix-board-greeting h4{font:500 27px/1.15 var(--gj-heading);letter-spacing:-.85px;margin:6px 0 0;color:#52375f}.ix-board-metrics{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin:0 19px 18px}.ix-board-metrics>div{background:#faf5fe;border:1px solid #eee3f7;border-radius:5px;padding:10px}.ix-board-metrics>div>span{font-size:7px;color:#a286b2;display:block;line-height:1.5}.ix-board-metrics b{display:block;font-size:23px;letter-spacing:-.8px;font-weight:450;color:#8a5faa;margin-top:6px}.ix-board-meter>div{height:3px;background:#e9d8f4;border-radius:4px;margin-top:9px}.ix-board-meter i{display:block;height:100%;background:#a479c2;width:0%;transition:width .55s ease;border-radius:4px}.ix-board-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 19px 9px;font-size:9px;color:#795b8c}.ix-board-list-head>span:last-child{font-size:7px;color:#a189b0}.ix-project-options{padding:0 10px 10px}.ix-project-option{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:#fff;border-radius:5px;padding:9px;text-align:left;color:#6c4f7d;min-height:50px;margin-bottom:3px}.ix-project-option[aria-pressed=true]{background:#f8f0ff;border-color:#e4d2f2}.ix-project-option>i{display:grid;place-items:center;background:#f0e4f8;border:1px solid #e3d3ed;border-radius:6px;height:28px;width:28px;font-size:8px;color:#a784be;font-style:normal;flex-shrink:0}.ix-project-option>span{font-size:10px;font-weight:500}.ix-project-option small{display:block;font-size:8px;margin-top:4px;font-weight:400;color:#a489b4}.ix-project-option>b{margin-left:auto;font-size:14px;font-weight:400;color:#b49bc5}.ix-project-option.ix-approved>b{background:#efe4f9;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:10px;color:#875ea4}.ix-project-detail{padding:14px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fcf8ff;border-top:1px solid #ede2f4;min-height:84px}.ix-project-detail>div{min-width:0}.ix-project-detail>div>span{display:block;font-size:7px;color:#a78ab7;margin-bottom:4px}.ix-project-detail b{display:block;font-size:10px;color:#7e5b90;font-weight:500}.ix-project-detail small{display:block;font-size:7px;color:#b093be;margin-top:5px}.goji-home .ix-project-detail .ix-action{font-size:9px;gap:6px;padding:10px;white-space:nowrap}.ix-project-detail .ix-action svg{width:12px;height:12px}.ix-project-demo .ix-demo-bottom{margin-top:13px}.ix-project-option:hover{background:#faf4ff}.ix-project-option:focus-visible{position:relative;z-index:2}.ix-workspace-board.ix-complete .ix-board-metrics{animation:ix-done .5s ease}
/* Native-feeling class booking with a reversible confirmation. */
.ix-booking-layout{position:relative;display:grid;place-items:center;flex:1;isolation:isolate;min-height:489px}.ix-booking-app{width:256px;height:466px;z-index:2;border-radius:35px;box-shadow:0 0 0 1px #baa6c7,3px 4px 0 #b49bc4,0 25px 40px -22px #79559733;padding:0 14px 15px;transform:rotate(-2deg);transition:transform .5s}.ix-booking-app:hover,.ix-booking-app:focus-within{transform:none}.ix-booking-app .ix-app-brand{margin-bottom:12px}.ix-booking-app .ix-eyeline{font-size:6px}.goji-home .ix-booking-app h4{font-size:27px;margin:6px 0 12px}.ix-date-picker{display:flex;justify-content:space-between;gap:3px;margin:0 0 12px}.ix-date-picker button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:47px;min-width:38px;background:transparent;border:1px solid transparent;border-radius:7px;color:#9d84ac;padding:5px;font-size:8px}.ix-date-picker button b{font-size:12px;font-weight:500}.ix-date-picker button[aria-pressed=true]{background:#eee1fc;color:#8b58af;border-color:#dec9ee}.ix-session-list{display:flex;flex-direction:column;gap:6px}.ix-session-list>button{display:flex;align-items:center;gap:8px;padding:9px 8px;text-align:left;background:#fff;border:1px solid #eadff1;border-radius:6px;min-height:51px;color:#70517f}.ix-session-list>button[aria-pressed=true]{border-color:#b48acc;background:#fcf8ff;box-shadow:0 0 0 1px #e9d7f680}.ix-session-icon{width:25px;height:29px;border-radius:5px;background:#f0e3fa;display:grid;place-items:center;color:#ab84c4;flex-shrink:0}.ix-session-icon svg{width:15px;height:15px}.ix-session-list>button>span:nth-child(2){font-size:10px;font-weight:500}.ix-session-list small{font-size:8px;color:#a085b0;display:block;font-weight:400;margin-top:4px}.ix-session-list>button>i{width:10px;height:10px;border-radius:50%;border:1px solid #d6c1e3;margin-left:auto}.ix-session-list>button[aria-pressed=true]>i{background:#a078be;border:3px solid #ebdcf5;box-shadow:0 0 0 1px #ae8bc9}.ix-booking-action{position:absolute;bottom:22px;left:14px;right:14px}.goji-home .ix-booking-action .ix-action{width:100%;font-size:11px;justify-content:space-between;min-height:43px}.ix-member-card{position:absolute;left:calc(50% - 195px);top:64px;transform:rotate(-16deg);height:235px;width:180px;border-radius:17px;background:linear-gradient(140deg,#e9d7fb,#ccb1e2);border:1px solid #dec7ec;padding:24px;color:#9a6aba;z-index:1;box-shadow:0 15px 30px -20px #9464b64d;opacity:.75;animation:ix-hover 10s ease-in-out infinite}.ix-member-card>span{display:block;font-size:7px;letter-spacing:1.3px}.ix-member-card>b{font:400 25px/1.05 var(--gj-heading);letter-spacing:-.9px;display:block;margin-top:14px}.ix-membership-symbol{position:absolute;right:18px;bottom:45px}.ix-membership-symbol svg{width:56px;height:56px;stroke-width:.7}.ix-member-card>small{position:absolute;bottom:20px;left:24px;font-size:5px;letter-spacing:1px}.ix-booking-confirm{text-align:center;padding:21px 0 10px;animation:ix-screen-in .5s ease}.ix-confirm-orbit{display:grid;place-items:center;width:66px;height:66px;background:#efe1fb;border:1px solid #ddc3ef;border-radius:50%;margin:0 auto 20px;box-shadow:0 0 0 8px #f8f0fe}.ix-confirm-orbit svg{width:29px;height:29px;color:#a271c6;stroke-width:1.5;animation:ix-ring-arrive .6s ease}.goji-home .ix-booking-confirm h5{font:500 24px/1.2 var(--gj-heading);letter-spacing:-.7px;color:#78538e;margin:0 0 10px}.ix-booking-confirm>p{font-size:11px;line-height:1.8;color:#9e83ae;margin:0}.ix-booking-confirm>div{display:flex;justify-content:space-between;align-items:center;margin:23px 0 15px;padding:13px 11px;background:#faf4ff;border:1px solid #ead9f4;border-radius:5px;font-size:9px;color:#a184b3}.ix-booking-confirm>div>b{font-size:10px;color:#9b6fba;font-weight:500}.ix-booking-confirm>small{font-size:8px;color:#b39abd}.ix-booking-demo.ix-is-booked .ix-booking-app{transform:none}.ix-booking-demo.ix-is-booked .ix-member-card{animation:ix-card-celebrate .6s ease forwards}
/* A controllable release sequence, with a short replayable celebration. */
.ix-launch-scene{position:relative;height:189px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;margin-top:12px}.ix-launch-orbit{position:absolute;width:210px;height:105px;border:1px solid #dcc7ee;border-radius:50%;transform:rotate(-18deg);top:39px}.ix-launch-orbit:after{content:'';position:absolute;inset:-23px 40px;border:1px solid #e4d2f2;border-radius:50%;transform:rotate(40deg)}.ix-launch-tile{height:87px;width:87px;border:1px solid #d8b4f0;box-shadow:inset 0 2px 2px #fff7,2px 4px 0 #ad7cc8,0 17px 27px -16px #9d69bd55;border-radius:22px;background:linear-gradient(145deg,#bb8ee1,#8c58b5);display:grid;place-items:center;transform:perspective(600px) rotateY(-16deg) rotateZ(-8deg);transition:transform .6s;animation:ix-hover 8s ease-in-out infinite;z-index:1}.ix-launch-tile>img{display:block;height:56px;width:56px;object-fit:contain;filter:none;background:none}.ix-launch-badge{margin-top:19px;border:1px solid #e9d8f4;background:#fffcff;padding:6px 11px;border-radius:4px;color:#aa88bd;font-size:8px}.ix-launch-console{padding:23px;border:1px solid #e2d0ef;border-radius:8px;background:#fff;box-shadow:0 16px 33px -24px #774a8f40;max-width:365px;width:100%;margin:0 auto}.ix-launch-console-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.8px;color:#a387b3}.ix-launch-console-top>b{font:500 20px/1 var(--gj-heading);letter-spacing:-.8px;color:#9c6db8}.ix-launch-progress{height:4px;background:#f1e7f9;border-radius:5px;overflow:hidden;margin:14px 0 15px}.ix-launch-progress>i{display:block;width:0;height:100%;background:linear-gradient(90deg,#c6a1df,#9161b3);border-radius:5px;transition:width .7s cubic-bezier(.2,.65,.25,1)}.ix-launch-stages{display:flex;flex-direction:column;gap:4px}.ix-launch-stages>button{display:flex;align-items:center;gap:11px;min-height:49px;padding:9px;background:transparent;border:1px solid transparent;border-radius:5px;text-align:left;color:#b293c2}.ix-launch-stages>button>svg{width:18px;height:18px}.ix-launch-stages>button>span{font-size:10px;color:#856395;font-weight:500}.ix-launch-stages small{display:block;font-weight:400;font-size:7px;margin-top:4px;color:#b396c1}.ix-launch-stages>button>i{font-style:normal;margin-left:auto;font-size:9px;color:#bca3ca}.ix-launch-stages>button[aria-pressed=true]{background:#f8f0ff;border-color:#e4d1f1}.ix-launch-stages>button.ix-stage-done>i{color:#8e65a7}.ix-launch-stages>button:hover{background:#fbf6ff}.ix-launch-actions{display:flex;gap:8px;margin-top:17px}.goji-home .ix-launch-actions .ix-action{flex:1;min-height:42px;font-size:10px}.ix-launch-actions .ix-reset{height:42px;width:42px}.ix-launch-demo[data-launch-step="3"] .ix-launch-tile{transform:perspective(600px) rotateY(0) rotateZ(0);animation:none}.ix-launch-sparkles{position:absolute;inset:0;pointer-events:none}.ix-launch-sparkles>i{position:absolute;left:50%;top:85px;width:5px;height:5px;border-radius:1px;background:#be93da;opacity:0;transform:rotate(calc(var(--spark) * 30deg)) translateY(-40px)}.ix-launch-demo.ix-celebrate .ix-launch-sparkles>i{animation:ix-spark .9s ease-out both;animation-delay:calc(var(--spark) * 14ms)}.ix-launch-sparkles>i:nth-child(2n){background:#ddc5ed;width:3px;height:7px}
@keyframes ix-hover{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes ix-screen-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes ix-ring{0%,100%{transform:rotateX(25deg) rotateY(-25deg)}50%{transform:rotateX(8deg) rotateY(-10deg)}}@keyframes ix-ring-arrive{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ix-card-celebrate{to{transform:rotate(-9deg) translateX(-8px)}}@keyframes ix-done{50%{transform:scale(1.015)}}@keyframes ix-spark{0%{opacity:0;transform:rotate(calc(var(--spark)*30deg)) translateY(-35px) scale(.4)}15%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--spark)*30deg)) translateY(-104px) scale(.8)}}
@media(max-width:1100px){.goji-home .gj-feature-visual.gj-live-demo{padding-inline:22px}.ix-project-detail{padding:12px 14px;gap:9px}.ix-project-detail small{max-width:125px}.goji-home .ix-project-detail .ix-action{font-size:8px;padding:9px}.ix-project-detail .ix-action svg{display:none}.ix-member-card{left:calc(50% - 176px)}.ix-demo-heading{font-size:7px}.ix-demo-heading>span:last-child{font-size:6px}.ix-board-greeting{padding-inline:15px}.ix-board-metrics{margin-inline:15px}.ix-board-metrics>div{padding:8px}.ix-board-metrics>div>span{font-size:6px}}
@media(max-width:900px){.goji-home .gj-feature-visual.gj-live-demo{padding-inline:16px}.ix-demo-heading>span:last-child{display:none}.ix-switch>button{padding-inline:10px;font-size:9px}.ix-mode{width:37px;min-height:41px}.ix-design-bottom{gap:5px;font-size:9px}.ix-swatches button{width:33px}.ix-swatches button[aria-pressed=true]:after{inset:4px}.ix-project-detail{flex-direction:column;align-items:stretch;gap:10px}.ix-project-detail>div{display:flex;align-items:center;justify-content:space-between;gap:9px}.ix-project-detail small{display:none}.ix-project-detail>div>span{margin-bottom:0;font-size:6px}.goji-home .ix-project-detail .ix-action{font-size:10px;min-height:38px}.ix-board-list-head>span:last-child{font-size:6px}.ix-board-metrics b{font-size:21px}.goji-home .ix-board-greeting h4{font-size:23px}.ix-launch-console{padding:20px}.ix-workspace-board{margin-top:26px}.ix-demo-bottom .ix-demo-status{font-size:9px}.ix-project-demo .ix-reset{width:35px;height:35px}}
@media(max-width:760px){.goji-home .gj-feature-visual.gj-live-demo{min-height:595px;padding-inline:27px;padding-top:22px}.ix-demo-heading{font-size:8px}.ix-demo-heading>span:last-child{display:block;font-size:7px}.ix-design-stage{height:361px}.ix-design-toolbar{margin-top:17px}.ix-switch>button{min-height:38px;font-size:11px;padding:8px 13px}.ix-mode{width:44px;height:44px}.ix-swatches button{width:42px;height:42px}.ix-swatches button[aria-pressed=true]:after{inset:8px}.ix-design-bottom{gap:16px;font-size:11px}.goji-home .ix-demo-status{font-size:10px;bottom:17px}.ix-workspace-board{margin-top:28px;width:100%;max-width:435px;align-self:center}.goji-home .ix-board-greeting h4{font-size:28px}.ix-board-greeting{padding:18px 18px 15px}.ix-board-metrics{margin-inline:18px}.ix-board-metrics>div>span{font-size:8px}.ix-board-metrics b{font-size:24px}.ix-project-option{min-height:54px}.ix-project-option>span{font-size:12px}.ix-project-option small{font-size:9px}.ix-board-list-head{font-size:10px}.ix-board-list-head>span:last-child{font-size:8px}.ix-project-detail{flex-direction:row;align-items:center;padding:15px}.ix-project-detail>div{display:block}.ix-project-detail>div>span{font-size:8px;margin-bottom:4px}.ix-project-detail b{font-size:12px}.goji-home .ix-project-detail .ix-action{min-height:44px;font-size:10px;padding-inline:12px}.ix-demo-bottom{max-width:435px;width:100%;margin:12px auto 0}.ix-demo-bottom .ix-demo-status{font-size:10px}.ix-project-demo .ix-reset{width:44px;height:44px}.ix-booking-app{transform:none;height:477px;width:267px}.ix-booking-layout{min-height:493px}.ix-date-picker button{min-width:40px;min-height:49px;font-size:9px}.ix-date-picker button b{font-size:13px}.ix-session-list>button{min-height:55px}.ix-session-list>button>span:nth-child(2){font-size:11px}.ix-session-list small{font-size:9px}.goji-home .ix-booking-action .ix-action{min-height:44px;font-size:12px}.ix-member-card{left:calc(50% - 189px)}.ix-launch-scene{height:185px}.ix-launch-console{max-width:385px;padding:23px}.ix-launch-stages>button{min-height:53px}.ix-launch-stages>button>span{font-size:12px}.ix-launch-stages small{font-size:9px}.goji-home .ix-launch-actions .ix-action{font-size:12px;min-height:44px}.ix-launch-actions .ix-reset{height:44px;width:44px}}
@media(max-width:430px){.goji-home .gj-feature-visual.gj-live-demo{padding-inline:18px;min-height:590px}.ix-demo-heading{font-size:7px}.ix-demo-heading>span:last-child{font-size:6px}.ix-mode{width:40px;height:42px}.ix-switch>button{font-size:10px;padding-inline:10px}.ix-design-toolbar{gap:7px}.ix-design-bottom{gap:9px;font-size:10px}.ix-swatches button{width:37px}.ix-swatches button[aria-pressed=true]:after{inset:6px}.ix-phone-ghost{opacity:.3}.ix-project-detail{gap:8px}.ix-project-detail b{font-size:10px}.goji-home .ix-project-detail .ix-action{font-size:9px;padding-inline:9px}.ix-board-metrics{margin-inline:13px;gap:6px}.ix-board-metrics>div>span{font-size:7px}.ix-board-metrics>div{padding:8px}.ix-project-option>span{font-size:11px}.ix-project-option small{font-size:8px}.ix-board-header{padding:12px 15px}.ix-board-greeting{padding-inline:15px}.goji-home .ix-board-greeting h4{font-size:25px}.ix-member-card{display:none}.ix-booking-app{width:260px}.ix-booking-demo .ix-demo-status{font-size:9px}.ix-launch-console{padding:20px}.ix-launch-console-top{font-size:7px}.ix-demo-status{left:16px!important;right:16px!important}}
@media(max-width:350px){.goji-home .gj-feature-visual.gj-live-demo{padding-inline:12px}.ix-demo-heading>span:last-child{display:none}.ix-design-toolbar{gap:5px}.ix-switch>button{font-size:9px;padding-inline:9px}.ix-mode{width:36px}.ix-design-bottom{flex-direction:column;gap:0}.goji-home .ix-designer.gj-live-demo{min-height:622px}.ix-booking-app{width:249px}.ix-date-picker button{min-width:37px;padding-inline:3px}.ix-board-metrics>div>span{font-size:6px}.ix-board-list-head>span:last-child{font-size:6px}.ix-project-option>span{font-size:10px}.ix-project-detail{flex-direction:column;align-items:stretch}.ix-project-detail>div{display:flex;justify-content:space-between}.ix-project-detail>div>span{margin:0}.goji-home .ix-project-demo.gj-live-demo{min-height:631px}.ix-board-greeting h4{font-size:23px}.ix-booking-layout{margin-inline:-5px}.ix-demo-status{font-size:9px!important}}
@media(max-height:790px){.goji-home .gj-feature{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.gj-live-demo *,.gj-live-demo *:before,.gj-live-demo *:after{animation:none!important;transition:none!important}}
.gj-reduce-motion .gj-live-demo *{transition:none!important;animation:none!important}
/* Keep every app screen inside a reserved content and navigation area. */
.goji-home .gj-live-demo.ix-designer{min-height:624px}.ix-design-stage{height:385px;min-height:385px}.ix-design-phone{height:374px;display:grid;grid-template-rows:31px 32px minmax(0,1fr) 28px;padding-bottom:14px}.ix-design-phone .ix-app-brand{margin:0 0 8px}.ix-design-phone .ix-design-screen{min-height:0;padding:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ix-soft) transparent;overscroll-behavior:contain}.ix-design-phone .ix-phone-tabs{position:static;margin-top:3px;padding-top:6px;min-height:0}.ix-design-phone .ix-flow-art{height:84px}.ix-design-phone .ix-app-row{padding-block:7px}.ix-design-phone .ix-screen-class{padding-block:8px}.ix-design-phone .ix-progress-ring{width:100px;height:100px;margin-bottom:9px}.ix-design-phone .ix-progress-bars{height:27px}
.ix-booking-app{display:flex;flex-direction:column;padding-bottom:14px}.ix-booking-app>.ix-phone-status,.ix-booking-app>.ix-app-brand,.ix-booking-app>h4,.ix-booking-app>.ix-eyeline{flex-shrink:0}.ix-booking-app .ix-booking-action{position:static;margin-top:auto;padding-top:10px}.ix-booking-demo.ix-is-booked .ix-booking-app>.ix-eyeline,.ix-booking-demo.ix-is-booked .ix-booking-app>h4{display:none}.ix-booking-confirm{padding-top:25px}.ix-booking-confirm>div{margin-top:20px;margin-bottom:12px}.ix-booking-confirm .ix-confirm-orbit{margin-bottom:18px}
.goji-home .gj-feature-visual.gj-live-demo[data-colour=ocean]{--ix-accent:#44899b;--ix-soft:#dbedf1;--ix-deep:#245c6f}.goji-home .gj-feature-visual.gj-live-demo[data-colour=rose]{--ix-accent:#b76386;--ix-soft:#f6e0ea;--ix-deep:#85445f}.goji-home .gj-feature-visual.gj-live-demo[data-colour=forest]{--ix-accent:#558d7a;--ix-soft:#dfefe5;--ix-deep:#315e4d}.goji-home .gj-feature-visual.gj-live-demo.ix-dark{--ix-paper:#291e34;--ix-text:#f2e8f9;--ix-secondary:#bca6c9}
@media(max-width:760px){.ix-design-stage{height:385px;min-height:385px}.goji-home .gj-live-demo.ix-designer{min-height:630px}}
@media(max-width:350px){.goji-home .gj-live-demo.ix-designer{min-height:653px}}
.goji-home .gj-live-demo .ix-action{background:var(--ix-deep);border-color:var(--ix-deep)}.goji-home .gj-live-demo .ix-action:hover{background:color-mix(in srgb,var(--ix-deep) 86%,#000);border-color:var(--ix-deep)}.ix-switch>button,.ix-date-picker button{color:#7a5b8e}.ix-switch>button[aria-pressed=true],.ix-date-picker button[aria-pressed=true]{color:#74488c}