@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;color:#18181b;background:#fff;font-synthesis:none;--brand:#6c4cf1;--muted:#73717e;--paper:#f5f4fb;--line:#e8e6ee;--teal:#2e7184}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #9e85ff;outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}button{border:0}img{max-width:100%;display:block}svg{flex-shrink:0}::selection{background:#dfd6ff}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip-link:focus{top:10px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #e8e6ee;background:#faf9fddf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:9px;font-size:22px;font-weight:800;letter-spacing:-1px}.brand img{border-radius:50%}.site-header nav{display:flex;gap:34px;font-size:14px;font-weight:500}.site-header nav a:hover{color:var(--brand)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:14px;font-weight:600;min-height:48px;padding:13px 22px;border-radius:9px;transition:background .2s,box-shadow .2s}.button svg{transition:transform .2s}.button:hover svg{transform:translate(3px)}.nav-launch{min-height:39px;background:#222028;color:#fff;font-size:13px;padding:9px 17px}.primary{background:var(--brand);color:#fff;box-shadow:0 6px 18px #6c4cf120}.primary:hover{background:#5736dd;box-shadow:0 8px 24px #6c4cf135}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#686472}.hero{background:linear-gradient(180deg,#fbfaff 0%,#f1effa 68%,#f8f7fc 100%);overflow:hidden;position:relative;padding-top:35px}.hero-intro{text-align:center;position:relative;z-index:2}.hero-kicker{font-size:13px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:10px;color:#6b647d;margin-bottom:15px}.mini-line{width:25px;height:2px;background:var(--brand)}h1{font-size:clamp(38px,4.5vw,66px);font-weight:800;line-height:1.2;letter-spacing:-3.5px}.hero-description{font-size:17px;color:#74707f;margin-top:17px;letter-spacing:-.5px}.product-stage{height:525px;max-width:1250px;margin:0 auto;position:relative;perspective:1400px;--pointer-x:0px;--pointer-y:0px}.stage-word{position:absolute;left:30px;top:40px;font-size:clamp(70px,9vw,128px);font-weight:900;line-height:.93;letter-spacing:-7px;color:#e7e3f3;-webkit-user-select:none;user-select:none;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .5s}.stage-word span{padding-left:110px}.stage-ground{position:absolute;width:640px;height:180px;border-radius:50%;background:#b0a2d235;filter:blur(48px);left:24%;top:295px;transform:rotate(-6deg)}.hero-timetable{position:absolute;z-index:3;left:29%;top:30px;width:45%;max-width:550px;border:1px solid #fff;border-radius:17px;background:white;box-shadow:0 24px 50px #3b2b6922,0 3px 6px #3b2b690c;transform:rotateX(13deg) rotateY(-12deg) rotate(-6deg);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),box-shadow .7s;overflow:hidden}.window-bar{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.1px;color:#7f7990;border-bottom:1px solid #efedf5;padding:10px 17px;background:#faf9ff}.window-bar img{margin-left:auto}.window-dot{height:6px;width:6px;background:#b5a7eb;border-radius:50%}.timetable{padding:14px 17px 19px;background:#fff}.tt-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tt-heading>div{display:flex;align-items:baseline;gap:12px}.tt-semester{font-size:20px;font-weight:800;letter-spacing:-.9px}.tt-meta{font-size:10px;color:#8a8695}.tt-heading>svg{color:#777183;width:18px}.tt-days{display:grid;grid-template-columns:37px repeat(5,1fr);height:30px;align-items:center;text-align:center;border:1px solid #ecebf0;border-radius:10px 10px 0 0;background:#f9f9fc;font-size:10px;color:#9b97a7}.tt-days .today{color:var(--brand);font-weight:700}.tt-body{height:290px;display:flex;border:1px solid #ecebf0;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}.tt-hours{display:flex;flex-direction:column;width:37px;flex-shrink:0;background:#fafafd;font-size:9px;color:#a29da9;padding-top:3px}.tt-hours span{height:11.111%;padding-left:4px}.tt-grid{width:100%;position:relative;background-image:linear-gradient(to right,#eeedf2 1px,transparent 1px),linear-gradient(to bottom,#eeedf2 1px,transparent 1px);background-size:20% 100%,100% 11.111%}.course{position:absolute;width:19.4%;border-radius:8px;padding:6px 5px;text-align:left;display:flex;flex-direction:column;gap:4px;font-size:10px;line-height:1.25;border:1px solid #bcd5f5;transition:background .5s,box-shadow .5s,transform .5s;overflow:hidden}.course strong{font-weight:700;word-break:keep-all}.course>span{font-size:8px;opacity:.78}.course.blue{background:#eaf2ff;color:#37709d}.course.cyan{background:#e3f5f4;color:#31767e;border-color:#a9d9da}.course.green{background:#e7f6ee;color:#417d60;border-color:#b6dfc9}.course.pink{background:#fcebf1;color:#ad617b;border-color:#edbccc}.course.violet{background:#eee9ff;color:#6548b4;border-color:#c7b8f5}.course .course-time{font-size:7px}.course-link{margin-top:auto;align-self:flex-end}.is-focused .selected,.scene-2 .selected{background:#6c4cf1;color:#fff;box-shadow:0 7px 15px #6c4cf14d;transform:translateY(-3px);border-color:#6c4cf1}.day-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}.day-path path{fill:none;stroke-width:3;stroke-linecap:round}.path-ghost{stroke:#d6cdeb;stroke-dasharray:3 8;opacity:.5}.path-progress{stroke:var(--brand);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s ease;filter:drop-shadow(0 2px 5px #9d81e777)}.path-end{fill:#fff;stroke:var(--brand);stroke-width:3;opacity:0;transition:opacity 1s}.scene-1 .path-progress{stroke-dashoffset:.82}.scene-2 .path-progress{stroke-dashoffset:.52}.scene-3 .path-progress,.scene-4 .path-progress{stroke-dashoffset:0}.scene-3 .path-end,.scene-4 .path-end{opacity:1}.time-stamp{position:absolute;left:5%;top:233px;display:flex;flex-direction:column;z-index:2}.time-stamp>span:first-child{font-size:11px;color:#8a8199}.time-stamp strong{font-size:44px;line-height:1.5;letter-spacing:-2px;font-weight:500;color:#79658f;font-variant-numeric:tabular-nums}.time-stamp-line{width:35px;height:2px;background:#b7a6d9}.campus-layer{position:absolute;left:9%;top:310px;width:230px;background:white;border-radius:13px;z-index:4;padding:0;box-shadow:0 12px 30px #3528551b;text-align:left;transform:translateY(15px) rotate(-5deg);opacity:.45;transition:opacity .7s,transform .9s,box-shadow .5s;overflow:hidden;border:3px solid white}.campus-image{height:112px;position:relative;overflow:hidden;background:#e7edeb}.campus-image>img{width:100%;height:auto;transform:translateY(-120px);opacity:.78}.map-dot{position:absolute;left:54%;top:42%;display:grid;place-items:center;background:var(--brand);color:#fff;width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 8px #6c4cf11a}.campus-layer-caption{padding:12px 11px;display:flex;align-items:center;gap:8px}.campus-layer-caption>svg{margin-left:auto;color:var(--brand)}.campus-layer-caption small,.class-note small{display:block;font-size:9px;color:#8b8597;margin-bottom:3px}.campus-layer-caption strong{font-size:13px}.number-marker{display:inline-grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #e6e1f2;border-radius:50%;font-size:10px;color:#7b60bf}.class-note{position:absolute;top:170px;left:72%;z-index:5;background:#fffffff0;border:1px solid white;border-radius:10px;padding:12px 18px;box-shadow:0 12px 35px #31204b15;display:flex;gap:12px;align-items:center;opacity:0;transform:translateY(10px);transition:all .8s}.class-note strong{display:block;font-size:15px;letter-spacing:-.5px}.class-note div>span{display:block;font-size:10px;color:#8b8597;margin-top:4px}.shuttle-layer{position:absolute;z-index:5;right:2%;top:293px;width:250px;border-radius:15px;padding:18px 20px;background:linear-gradient(130deg,#fff,#e9edff);border:2px solid white;text-align:left;box-shadow:0 20px 35px #3528551b;transform:translateY(20px) rotate(4deg);opacity:.3;transition:opacity .7s,transform .9s,box-shadow .7s}.shuttle-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#476474}.shuttle-top>span:first-child{display:flex;align-items:center;gap:6px}.sample-pill{font-size:9px;padding:3px 8px;background:#fff8;border-radius:20px;color:#9594a8}.shuttle-time{font-size:43px;font-weight:800;letter-spacing:-2px;margin-top:10px;color:#28344b}.shuttle-time span{font-size:10px;letter-spacing:0;font-weight:500;margin-left:8px;color:#7c869a}.shuttle-mini-route{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;color:#536882;margin:8px 0 12px}.shuttle-mini-route i{height:2px;background:#b7c8ed;flex:1;position:relative}.shuttle-mini-route i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border:1px solid #86a8cc;border-radius:50%;background:white}.shuttle-layer p{font-size:11px;letter-spacing:-.3px;color:#6d7390}.shuttle-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid #dce1ee;padding-top:9px;color:#7f8599;font-size:9px}.stage-caption{position:absolute;bottom:2px;text-align:center;left:29%;width:45%;font-size:12px;font-weight:500;color:#786b8d;transition:opacity .5s}.scene-1 .hero-timetable{transform:rotateX(5deg) rotateY(-4deg) rotate(-3deg) translateY(-4px);box-shadow:0 25px 60px #53349c2b}.scene-1 .class-note,.scene-2 .class-note,.scene-4 .class-note{opacity:1;transform:translateY(0)}.scene-2 .campus-layer,.scene-3 .campus-layer,.scene-4 .campus-layer{opacity:1;transform:translateY(0) rotate(-3deg)}.scene-2 .campus-layer{box-shadow:0 12px 45px #6c4cf13c}.scene-3 .shuttle-layer,.scene-4 .shuttle-layer{opacity:1;transform:translateY(0) rotate(3deg)}.scene-3 .shuttle-layer{box-shadow:0 18px 45px #526fc03b}.scene-4 .hero-timetable{transform:rotateX(6deg) rotateY(-6deg) rotate(-4deg)}.hero-bottom{position:relative;z-index:6;text-align:center;padding:28px 20px 34px}.scene-controls{display:inline-flex;gap:2px;align-items:center;padding:5px;border:1px solid #e7e2f0;background:#ffffffa6;border-radius:30px}.scene-controls button{display:flex;align-items:center;gap:6px;background:transparent;font-size:11px;color:#81798f;padding:8px 11px;border-radius:20px;min-height:34px;transition:background .3s,color .3s}.scene-controls button>span{font-size:9px;opacity:.6}.scene-controls button[aria-pressed=true]{background:#292031;color:#fff}.scene-controls .replay{padding:8px 10px;border-left:1px solid #e8e2ef;border-radius:0 20px 20px 0}.hero-actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:23px}.demo-note{font-size:10px;color:#8f859f;margin-top:17px}.section-wrap{max-width:1140px;margin:0 auto;padding:105px 28px}.section-index{font-size:12px;font-weight:500;color:#867795;display:flex;align-items:center;gap:12px;margin-bottom:44px}.section-index span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d7cceb;color:#8064b8;border-radius:50%;position:relative}.section-index span:after{content:"";position:absolute;left:13px;bottom:28px;height:34px;width:1px;background:#e2d9ef;transform:scaleY(0);transform-origin:bottom;transition:transform .9s}.section-index.in-view span:after{transform:scaleY(1)}h2{font-size:clamp(32px,4vw,50px);line-height:1.3;letter-spacing:-2.5px;font-weight:750;word-break:keep-all}.section-description{font-size:16px;line-height:1.9;color:#817b87;letter-spacing:-.4px;margin-top:23px}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.feature-copy{padding-top:30px}.feature-options{margin-top:35px}.feature-options>button{padding:22px 0;display:flex;text-align:left;width:100%;gap:15px;align-items:flex-start;border-top:1px solid var(--line);background:none}.feature-options>button:last-child{border-bottom:1px solid var(--line)}.feature-options h3{font-size:17px;letter-spacing:-.7px;font-weight:600;line-height:1.3}.feature-options p{font-size:13px;color:#7f7889;line-height:1.9;margin-top:12px;max-width:290px;animation:reveal .4s ease}.feature-options>button>svg{margin-left:auto;color:#8f869c}.feature-options .active h3,.feature-options .active>svg{color:var(--brand)}.option-number{font-size:11px;color:#a6a0ad;padding-top:3px}.text-button{padding:15px 0;color:var(--brand);border-radius:0;margin-top:14px;font-size:13px;justify-content:flex-start}.screenshot-stage{position:relative;min-height:645px;border-radius:180px 180px 32px 32px;background:#f3f2f9;display:flex;justify-content:center;align-items:center;overflow:hidden}.screen-orbit{position:absolute;width:600px;height:600px;border:1px solid #e2deed;border-radius:50%;left:-110px;top:220px}.screenshot-tag{position:absolute;left:20px;top:95px;z-index:3;display:flex;align-items:center;gap:10px;padding:13px 16px;background:white;box-shadow:0 6px 30px #44335913;border:1px solid #eeeaf4;border-radius:10px;font-size:12px;font-weight:600;transform:rotate(-6deg)}.screenshot-tag svg{color:var(--brand)}.real-screen{width:255px;border:5px solid #fff;border-radius:29px;box-shadow:0 20px 50px #34234b22;overflow:hidden;transform:rotate(4deg);animation:screen-in .6s ease}.real-screen img{width:100%;height:auto}.actual-screen-label{position:absolute;bottom:22px;font-size:10px;color:#9a8da6}.feature-1 .real-screen{transform:rotate(-3deg)}.feature-2 .real-screen{transform:rotate(2deg)}.shuttle-section{background:#202431;color:#fff;position:relative;overflow:hidden}.shuttle-section .section-index{color:#a3a9bb}.shuttle-section .section-index span{color:#bdc6db;border-color:#50586c}.shuttle-section .section-index span:after{background:#50586c}.shuttle-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.shuttle-heading p{font-size:14px;line-height:1.9;color:#a9afbe}.shuttle-experience{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center}.shuttle-demo{background:#f4f6fd;color:#29374a;border-radius:20px;padding:28px 32px}.shuttle-switch{display:flex;border:1px solid #dce0eb;border-radius:8px;padding:4px;margin-bottom:31px}.shuttle-switch button{background:none;color:#8390a5;padding:11px 6px;font-size:12px;flex:1;border-radius:5px}.shuttle-switch button[aria-pressed=true]{color:#fff;background:#344960}.departure-label{font-size:12px;color:#798a9e}.departure-time{font-size:86px;font-weight:700;letter-spacing:-5px;margin-top:7px;line-height:1.4;animation:reveal .4s ease;font-variant-numeric:tabular-nums}.departure-time span{font-size:14px;letter-spacing:-.4px;color:#8b96a7;margin-left:12px;font-weight:500}.departure-info{font-size:12px;color:#7d8a9c;display:flex;align-items:center;gap:8px;margin-top:3px}.departure-info svg{width:18px}.route-stops{margin-top:33px;display:flex;align-items:center;gap:20px;font-size:15px}.route-stops>div{height:2px;flex:1;background:#b1bed8;display:flex;justify-content:space-between}.route-stops>div>span{height:10px;width:10px;margin-top:-4px;border:2px solid #8ba4d1;background:#f4f6fd;border-radius:50%}.shuttle-disclaimer{font-size:10px;color:#8c95a7;border-top:1px solid #dfe4ed;margin-top:30px;padding-top:15px;line-height:1.6}.shuttle-editorial{height:420px;position:relative}.route-number{position:absolute;left:35px;top:70px;font-size:145px;font-weight:800;letter-spacing:-13px;color:#303644}.route-line-art{position:absolute;top:20px;right:0;bottom:60px;left:0}.route-line-art svg{width:100%;height:100%;overflow:visible}.route-line-art path{fill:none;stroke:#a495ff;stroke-width:3}.route-line-art circle{fill:#202431;stroke:#a495ff;stroke-width:3}.route-label{position:absolute;z-index:2;font-size:17px;font-weight:600}.route-label small{display:block;font-size:11px;font-weight:400;color:#9ea6b9;margin-top:7px}.route-label.start{top:260px;left:65px}.route-label.finish{top:30px;right:40px}.shuttle-footer{position:absolute;bottom:0;left:35px;right:0;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#979eaf;border-top:1px solid #3d4352;padding-top:15px}.light-link{color:#e0dafa;font-size:12px;padding:5px;min-height:30px;gap:8px}.campus-content{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.campus-tabs{display:flex;gap:10px;margin:30px 0}.campus-tabs button{font-size:13px;background:white;border:1px solid #e0dce8;padding:10px 20px;border-radius:30px;color:#8b8394;min-height:42px}.campus-tabs button[aria-pressed=true]{background:#26222d;color:#fff;border-color:#26222d}.campus-copy{animation:reveal .3s ease}.campus-copy h3{font-size:18px;letter-spacing:-.7px;margin-bottom:10px}.campus-copy p{font-size:14px;color:#807888;line-height:1.8}.campus-preview{height:340px;position:relative;border-radius:18px;padding:30px;background:#faf5f0;overflow:hidden;box-shadow:0 15px 35px #4c32410a;transform:rotate(2deg)}.preview-heading{display:flex;align-items:center;gap:8px;color:#997253;font-size:13px}.preview-heading>span{margin-left:auto;font-size:9px;color:#af9b8b}.campus-preview>h3{font-size:27px;line-height:1.35;margin:26px 0;color:#4c3d34;letter-spacing:-1px}.meal-name{font-size:21px;font-weight:600;color:#87664e}.meal-name span{font-size:11px;font-weight:400;margin-left:12px;color:#b09a87}.meal-side{font-size:12px;color:#a9917e;margin-top:10px}.meal-footer{border-top:1px solid #e9ded4;display:flex;justify-content:space-between;font-size:11px;margin-top:24px;padding-top:17px;color:#ac9580}.campus-preview-1{background:#f5f3fb}.campus-preview-1 .preview-heading{color:#786197}.notice-row{display:flex;align-items:center;gap:12px;margin-top:22px;padding:19px 0;border-bottom:1px solid #e6dfef}.notice-row small{font-size:10px;color:#8b759d}.notice-row strong{font-size:13px;font-weight:500}.notice-row svg{margin-left:auto;color:#a092ac}.campus-preview-2{padding:0}.campus-full-image{width:100%;transform:translateY(-95px)}.map-caption{position:absolute;left:20px;bottom:20px;right:20px;padding:14px 17px;border-radius:10px;background:#fffffff0;font-size:13px;font-weight:600;display:flex;gap:8px;align-items:center;box-shadow:0 10px 20px #0001}.sugi-section{padding-top:35px;padding-bottom:95px}.sugi-heading{display:flex;align-items:center;gap:20px}.sugi-heading img{border-radius:19px}.sugi-heading h2{font-size:28px;letter-spacing:-1.4px}.sugi-heading p{margin-top:9px;font-size:14px;color:#928b99}.question-buttons{display:flex;gap:12px;margin-top:28px}.question-buttons button{padding:16px 22px;display:flex;align-items:center;gap:18px;border-radius:10px;background:#f7f5fc;border:1px solid #ebe6f4;color:#79628c;font-size:13px}.question-buttons button[aria-pressed=true]{border-color:#9c83d2;background:#eeE8f9;color:#624495}.question-buttons svg{color:#a894bf}.sugi-answer{min-height:102px;padding-top:20px}.sugi-answer>p{font-size:13px;color:#7a7184;line-height:1.9}.sugi-answer .text-button{margin:0;padding:7px 0;font-size:12px;min-height:35px}.sugi-answer small{display:block;font-size:10px;margin-top:8px;color:#a59cad}.closing{text-align:center;background:#f1eef9;padding:70px 25px 80px;position:relative;overflow:hidden}.closing-line{position:absolute;width:90%;height:330px;border:2px solid #d8ceef;border-radius:160px;left:-50%;top:80px;transform:rotate(15deg)}.closing>img{position:relative;margin:0 auto 25px;border-radius:20px;box-shadow:0 10px 25px #39225c20}.closing>p{font-size:13px;color:#91829f;margin-bottom:16px;position:relative}.closing h2{font-size:48px;position:relative}.closing-actions{display:flex;justify-content:center;gap:12px;margin:28px 0 30px;position:relative}.store-button{background:#fff;color:#4d405d;border:1px solid #e1d9eb}.closing>span{font-size:11px;color:#9a8ca8}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;gap:20px}.site-footer .brand{font-size:18px}.site-footer .brand img{width:27px;height:27px}.site-footer p{font-size:11px;color:#a29baa}.site-footer>a:last-child{display:flex;align-items:center;gap:9px;font-size:11px;color:#8b8293}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-in{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}.playing .course{animation:reveal .5s both;animation-delay:calc(var(--order)*.09s + .4s)}@media (min-width:1440px){.hero{padding-top:45px}.product-stage{height:550px;margin-top:15px}.hero-bottom{padding-bottom:40px}.hero-timetable{top:35px}.tt-body{height:305px}}@media (max-width:1000px){.product-stage{height:500px;margin-top:15px}.hero-timetable{left:24%;width:51%;top:35px}.campus-layer{left:3%;width:200px;top:320px}.shuttle-layer{right:2%;width:220px;top:300px}.time-stamp{left:4%;top:200px}.time-stamp strong{font-size:36px}.class-note{left:73%;padding:10px;top:172px}.stage-word{font-size:90px}.stage-caption{bottom:-15px}.hero-bottom{padding-top:45px}.feature-layout{gap:40px}.screenshot-stage{min-height:610px}.shuttle-experience{gap:20px}.shuttle-demo{padding:24px}.departure-time{font-size:74px}.campus-content{gap:35px}.shuttle-heading p{font-size:12px}.route-label.finish{right:8px}.shuttle-footer{left:0;flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width:700px){html{scroll-padding-top:25px}.site-header{height:68px;padding:0 20px}.brand{font-size:20px}.brand img{width:29px;height:29px}.site-header nav{display:none}.nav-launch{font-size:12px;min-height:36px;padding:8px 12px;gap:10px}.hero{padding-top:32px}.hero-kicker{font-size:11px;margin-bottom:12px}h1{font-size:36px;letter-spacing:-2.1px}.hero-description{font-size:13px;margin-top:14px}.product-stage{height:510px;margin-top:13px;perspective:1000px}.stage-word{left:0;top:30px;font-size:66px;letter-spacing:-4px;line-height:1}.stage-word span{padding-left:30px}.hero-timetable{left:15%;width:76%;top:38px;border-radius:12px;transform:rotateX(9deg) rotateY(-10deg) rotate(-7deg);box-shadow:0 20px 40px #3b2b6920}.window-bar{padding:7px 12px;font-size:8px}.window-bar img{width:15px;height:15px}.timetable{padding:10px}.tt-heading{margin-bottom:9px}.tt-heading>div{gap:7px}.tt-semester{font-size:15px;letter-spacing:-.6px}.tt-meta{font-size:8px}.tt-days{grid-template-columns:25px repeat(5,1fr);font-size:8px;height:23px}.tt-body{height:243px}.tt-hours{width:25px;font-size:7px}.tt-hours span{padding-left:2px}.course{padding:4px 3px;font-size:8px;border-radius:6px;gap:3px}.course>span{font-size:6px}.course .course-time{display:none}.course-link svg{width:10px}.time-stamp{top:371px;left:8%;z-index:5}.time-stamp>span:first-child{font-size:10px}.time-stamp strong{font-size:30px;letter-spacing:-1px}.time-stamp-line{display:none}.class-note{left:5%;top:241px;padding:9px 12px;border-radius:8px}.class-note small{font-size:8px}.class-note strong{font-size:12px}.class-note div>span{font-size:8px}.class-note .number-marker{width:22px;height:22px;font-size:8px}.shuttle-layer{right:4%;top:338px;width:195px;padding:14px 15px;border-radius:12px}.shuttle-time{font-size:34px;margin-top:4px}.shuttle-top{font-size:10px}.shuttle-layer p{font-size:9px}.shuttle-mini-route{margin:7px 0;font-size:9px}.shuttle-bottom{font-size:8px;margin-top:8px;padding-top:7px}.shuttle-top svg{width:15px}.campus-layer{width:130px;left:3%;top:292px;z-index:4}.campus-image{height:70px}.campus-image>img{transform:translateY(-60px)}.campus-layer-caption{padding:8px;gap:6px}.campus-layer-caption .number-marker{display:none}.campus-layer-caption strong{font-size:10px}.campus-layer-caption small{font-size:7px}.campus-layer-caption>svg{width:13px}.map-dot{width:23px;height:23px;box-shadow:0 0 0 5px #6c4cf11a}.map-dot svg{width:14px}.scene-2 .time-stamp,.scene-3 .time-stamp,.scene-4 .time-stamp{top:431px}.scene-0 .campus-layer,.scene-1 .campus-layer{opacity:0;pointer-events:none}.scene-0 .shuttle-layer,.scene-1 .shuttle-layer,.scene-2 .shuttle-layer{opacity:.15;pointer-events:none}.stage-ground{width:330px;left:12%;top:180px;filter:blur(35px)}.day-path{height:88%;top:40px}.stage-caption{left:0;width:100%;bottom:-22px;font-size:10px}.hero-bottom{padding:43px 14px 28px}.scene-controls{gap:0;padding:3px;width:100%;max-width:370px;justify-content:center}.scene-controls button{font-size:10px;padding:9px 8px;gap:0;min-height:36px}.scene-controls button>span{display:none}.scene-controls .replay{padding:9px}.scene-controls .replay .pause-icon{display:inline}.hero-actions{gap:18px;margin-top:20px}.hero-actions .button{font-size:12px;padding:12px 18px;min-height:45px;gap:16px}.text-link{font-size:12px}.demo-note{font-size:9px;margin-top:14px}.section-wrap{padding:72px 24px}.section-index{margin-bottom:30px;font-size:11px}h2{font-size:34px;letter-spacing:-1.8px}.feature-layout{grid-template-columns:1fr;gap:35px}.feature-copy{padding:0}.section-description{font-size:14px;margin-top:17px}.feature-options{margin-top:26px}.feature-options>button{padding:18px 0}.feature-options h3{font-size:16px}.feature-options p{font-size:13px;max-width:100%}.screenshot-stage{min-height:560px;border-radius:130px 130px 25px 25px;max-width:400px;width:100%;justify-self:center}.real-screen{width:225px}.screenshot-tag{left:10px;top:75px;font-size:11px;padding:12px}.shuttle-heading{display:block;margin-bottom:30px}.shuttle-heading p{font-size:13px;margin-top:20px}.shuttle-experience{grid-template-columns:1fr;gap:28px}.shuttle-demo{padding:22px;border-radius:16px}.shuttle-switch{margin-bottom:25px}.shuttle-switch button{font-size:12px}.departure-time{font-size:77px}.departure-info{font-size:10px}.route-stops{font-size:14px;margin-top:28px}.shuttle-disclaimer{font-size:9px}.shuttle-editorial{height:320px}.route-number{font-size:130px;top:55px}.route-line-art{top:0;right:0;bottom:55px;left:0}.route-label.start{top:190px;left:65px}.route-label.finish{top:18px;right:40px}.shuttle-footer{left:0;flex-direction:row;align-items:center}.campus-content{grid-template-columns:1fr;gap:32px}.campus-tabs{margin:25px 0}.campus-copy h3{font-size:17px}.campus-copy p{font-size:13px}.campus-preview{transform:rotate(1deg);height:330px;padding:26px}.campus-preview-2{padding:0}.sugi-section{padding-top:0;padding-bottom:65px}.sugi-heading{gap:13px}.sugi-heading img{width:48px;height:48px;border-radius:14px}.sugi-heading h2{font-size:24px;letter-spacing:-1px}.sugi-heading p{font-size:11px;margin-top:6px}.question-buttons{flex-direction:column;gap:8px;margin-top:23px}.question-buttons button{justify-content:space-between;padding:14px 18px;font-size:13px}.sugi-answer>p{font-size:12px}.closing{padding:55px 20px}.closing h2{font-size:37px}.closing>img{width:65px;height:65px;border-radius:17px}.closing-actions{flex-direction:column;align-items:center;gap:10px}.closing-actions .button{width:255px;font-size:13px}.closing>p{font-size:12px}.site-footer{padding:25px 23px;flex-wrap:wrap;gap:18px}.site-footer>a:last-child{width:100%;font-size:10px}.site-footer p{font-size:10px}.scene-4 .hero-timetable{transform:rotateX(3deg) rotateY(-4deg) rotate(-4deg)}}@media (max-width:360px){h1{font-size:31px}.hero-description{font-size:12px}.product-stage{height:485px}.tt-body{height:220px}.campus-layer{top:275px}.shuttle-layer{top:322px;width:182px}.class-note{top:225px}.scene-2 .time-stamp,.scene-3 .time-stamp,.scene-4 .time-stamp{top:412px}.scene-controls button{padding:9px 6px;font-size:9px}}.shuttle-editorial{height:530px;padding:0 20px}.shuttle-image-switch{display:flex;gap:5px;justify-content:center;margin-bottom:18px}.shuttle-image-switch button{background:transparent;color:#a1a9bd;border-radius:20px;padding:8px 12px;font-size:11px;min-height:36px}.shuttle-image-switch button[aria-pressed=true]{background:#3a4051;color:#fff}.shuttle-real-view{height:426px;max-width:270px;margin:auto;border-radius:20px 20px 10px 10px;overflow:hidden;border:4px solid #4c5367;box-shadow:0 18px 40px #080b1640;transform:rotate(3deg);background:#fff}.shuttle-real-view img{width:100%;height:auto;animation:reveal .45s ease}.shuttle-view-0 img{margin-top:-25px}.shuttle-view-2 img{margin-top:-40px}.shuttle-footer{left:20px;right:20px}.shuttle-experience{gap:55px}.shuttle-demo{align-self:center}@media (max-width:700px){.shuttle-experience{gap:35px}.shuttle-editorial{height:530px;padding:0 5px}.shuttle-real-view{max-width:260px}.shuttle-footer{left:0;right:0}.shuttle-image-switch button{font-size:12px}}.real-screen,.shuttle-real-view{translate:0 var(--travel,0px)}.hero-intro h1{animation:title-arrive .8s cubic-bezier(.2,.7,.2,1) both}.playing .hero-timetable{animation:hero-arrive 1.4s cubic-bezier(.2,.7,.2,1) backwards}.site-header .brand{animation:reveal .6s both}@keyframes title-arrive{0%{opacity:0;transform:translateY(14px);clip-path:inset(100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@keyframes hero-arrive{0%{opacity:.1;transform:translateY(45px) rotateX(27deg) rotateY(-22deg) rotate(-10deg) scale(.88)}to{opacity:1}}@media (min-width:701px) and (max-height:800px){.site-header{height:68px}.hero{padding-top:20px}.hero-kicker{margin-bottom:10px}.hero-intro h1{font-size:46px}.hero-description{font-size:14px;margin-top:12px}.product-stage{zoom:.76;margin-top:0}.hero-bottom{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:12px 30px;padding:18px 20px 20px}.hero-actions{margin:0}.demo-note{grid-column:1/-1;margin:0}.scene-controls button{font-size:10px;padding:8px 10px}.hero-actions .button{font-size:12px;min-height:42px}.hero-actions .text-link{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stage-word{transform:none}.real-screen,.shuttle-real-view{translate:0 0}.section-index span:after{transform:scaleY(1)}}