.archi-landing{color:#191f28;background:#fff;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif}.archi-landing *{box-sizing:border-box}.archi-landing button,.archi-landing a{-webkit-tap-highlight-color:transparent}.archi-landing a{color:inherit;text-decoration:none}.archi-landing button{cursor:pointer}.archi-landing :is(a,button,input):focus-visible{outline-offset:4px;outline:3px solid #087f8c}.landing-width{width:min(1120px,100% - 64px);margin-inline:auto}.landing-header{justify-content:space-between;align-items:center;gap:16px;width:min(1200px,100% - 64px);height:84px;margin:auto;display:flex}.landing-brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:27px;font-weight:800;display:inline-flex}.landing-brand img{border-radius:11px;width:34px;height:34px}.landing-header nav{align-items:center;gap:28px;font-size:14px;font-weight:600;display:flex}.landing-header nav a{color:#4e5968;align-items:center;min-height:44px;display:inline-flex}.landing-nav-start{color:#087f8c;background:#e8f6f5;border-radius:12px;min-height:44px;padding:0 18px;font-weight:700}.landing-hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:72px;min-height:650px;padding-block:80px 100px;display:grid}.landing-eyebrow{color:#087f8c;margin:0 0 18px;font-size:14px;font-weight:700}.landing-hero h1{letter-spacing:-2.2px;word-break:keep-all;margin:0;font-size:clamp(38px,4.2vw,56px);font-weight:800;line-height:1.25}.landing-hero h1 span{color:#087f8c}.landing-description{color:#6b7684;word-break:keep-all;margin:24px 0 30px;font-size:17px;line-height:1.8}.landing-primary{color:#fff;background:#087f8c;border-radius:16px;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:0 24px;font-size:16px;font-weight:700;transition:background .18s;display:inline-flex}.landing-primary:hover{background:#066c77}.landing-hero-note{color:#8b95a1;margin:14px 0 0;font-size:12px}.landing-product{background:#fff;border:1px solid #edf0f3;border-radius:28px;padding:28px;transform:rotate(-2deg);box-shadow:0 24px 72px -24px #20404438}.landing-product-top{justify-content:space-between;align-items:center;font-size:17px;font-weight:750;display:flex}.landing-example{color:#8b95a1;font-size:11px;font-weight:500}.landing-session-head{align-items:center;gap:12px;margin:28px 0 22px;display:flex}.landing-avatar{color:#087f8c;background:#e8f6f5;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.landing-session-head strong{font-size:15px}.landing-session-head p{color:#8b95a1;margin:3px 0 0;font-size:11px}.landing-status{color:#087f8c;white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:11px;display:inline-flex}.landing-record-preview{background:#f5f7f8;border-radius:18px;align-items:center;gap:14px;padding:20px;display:flex}.landing-preview-icon{color:#429081;background:#dff1ed;border-radius:13px;place-items:center;width:58px;height:64px;display:grid}.landing-record-preview strong{font-size:16px}.landing-record-preview p{color:#6b7684;margin:5px 0 0;font-size:12px}.landing-play{color:#6b7684;margin-left:auto}.landing-summary{padding:22px 2px}.landing-summary>span{color:#087f8c;font-size:12px;font-weight:700}.landing-summary p{color:#4e5968;word-break:keep-all;margin:8px 0 0;font-size:14px;line-height:1.8}.landing-next{color:#6b7684;border-top:1px solid #f2f4f6;align-items:center;gap:8px;padding:16px 0;font-size:12px;display:flex}.landing-next svg{color:#087f8c;flex-shrink:0}.landing-product-footer{color:#fff;background:#087f8c;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:15px 16px;font-size:13px;font-weight:600;display:flex}.archi-landing h2{letter-spacing:-1.4px;word-break:keep-all;margin:0;font-size:clamp(28px,3.1vw,38px);font-weight:750;line-height:1.4}.landing-flow{background:#f7f9fa;padding:88px 0;scroll-margin-top:30px}.landing-steps{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:48px;display:grid}.landing-steps article{position:relative}.landing-step-icon{color:#087f8c;background:#e6f3f1;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:26px;display:grid}.landing-step-number{color:#8b95a1;font-size:12px;font-weight:700}.landing-steps h3{letter-spacing:-.5px;margin:8px 0 12px;font-size:20px;font-weight:700}.landing-steps p{color:#6b7684;word-break:keep-all;margin:0;font-size:15px;line-height:1.8}.landing-plans{grid-template-columns:.85fr 1.15fr;align-items:center;gap:48px;padding-block:100px;display:grid}.landing-plan-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.landing-plan{background:#f7f9fa;border-radius:22px;padding:26px 22px}.landing-plan-pro{background:#edf8f6}.landing-plan-name{color:#6b7684;letter-spacing:.8px;font-size:12px;font-weight:750}.landing-plan-pro .landing-plan-name{color:#087f8c}.landing-plan h3{letter-spacing:-1px;margin:12px 0 6px;font-size:29px;font-weight:750;line-height:1.4}.landing-plan h3 small{color:#6b7684;letter-spacing:0;margin-left:3px;font-size:12px;font-weight:500}.landing-plan>p{color:#6b7684;min-height:34px;margin:0;font-size:11px;line-height:1.6}.landing-plan ul{gap:13px;margin:0;padding:20px 0 0;list-style:none;display:grid}.landing-plan li{color:#4e5968;align-items:flex-start;gap:6px;font-size:12px;display:flex}.landing-plan li svg{color:#087f8c;flex-shrink:0}.landing-start{background:#f7f9fa;padding:80px 0;scroll-margin-top:20px}.landing-start-grid{grid-template-columns:1fr 400px;align-items:center;gap:64px;display:grid}.landing-login{background:#fff;border:1px solid #edf0f3;border-radius:24px;padding:32px}.landing-login h3{margin:0 0 6px;font-size:22px;font-weight:750}.landing-login .login-subtitle{color:#6b7684;margin:0 0 24px;font-size:13px}.landing-login input{color:#191f28;background:#f4f6f8;border:1px solid #0000;border-radius:13px;width:100%;min-height:54px;padding:0 16px;font-size:16px}.landing-login input:focus{background:#fff;border-color:#087f8c}.landing-login .landing-primary{width:100%;min-height:54px;margin-top:4px}.landing-login button:disabled{opacity:.5;cursor:not-allowed}.landing-login-links{color:#6b7684;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.landing-login-links button{min-height:44px}.landing-login-links>div{gap:12px;display:flex}.landing-login-divider{color:#8b95a1;align-items:center;gap:12px;margin:12px 0 18px;font-size:11px;display:flex}.landing-login-divider:before,.landing-login-divider:after{content:"";background:#edf0f3;flex:1;height:1px}.landing-login-error{color:#b42318;background:#fff2f0;border-radius:12px;margin-bottom:14px;padding:12px;font-size:13px;line-height:1.6}.landing-footer{padding-block:42px}.landing-footer-top{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.landing-footer-top>div{color:#4e5968;flex-wrap:wrap;gap:8px 20px;font-size:12px;display:flex}.landing-footer-top :is(button,a){align-items:center;min-height:44px;display:inline-flex}.landing-footer>p{color:#8b95a1;margin:4px 0;font-size:11px;line-height:1.8}.landing-footer .landing-footnote{margin-top:16px}.landing-mobile-break{display:none}.archi-primary{background:var(--action-primary);color:var(--action-on-primary);border-radius:14px;min-height:44px;font-weight:700;transition:background .15s,transform .15s}.archi-primary:hover{background:var(--action-hover)}.archi-primary:active{transform:scale(.98)}.archi-primary:disabled{opacity:.5;cursor:not-allowed}.archi-primary:focus-visible,.archi-app-shell button:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}.archi-app-shell{--work-surface-radius:20px}.archi-work-heading{padding-block:28px 14px}.archi-work-heading h1{letter-spacing:-1px;color:var(--text-primary);margin:0;font-size:28px;font-weight:750;line-height:1.35}.archi-work-heading p{color:var(--text-secondary);margin:8px 0 0;font-size:13px}.archi-calendar-surface{border-radius:var(--work-surface-radius,20px);background:var(--bg-card);border:1px solid var(--border);padding:12px}.archi-member-row{border-bottom:1px solid var(--border);border-radius:0}.archi-member-row:last-child{border-bottom:0}.archi-member-row:hover{background:var(--bg-input)!important}.archi-member-list{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:4px 8px}@media (width<=1023px){.landing-hero{gap:36px;min-height:580px}.landing-plans{grid-template-columns:1fr;gap:30px}.landing-plan-grid{max-width:680px}.landing-start-grid{grid-template-columns:1fr 360px;gap:32px}.landing-product{padding:20px}}@media (width<=767px){.landing-width,.landing-header{width:calc(100% - 40px)}.landing-header{height:72px}.landing-brand{font-size:24px}.landing-brand img{width:30px;height:30px}.landing-header nav{gap:14px;font-size:12px}.landing-nav-detail{display:none!important}.landing-nav-start{padding:0 12px}.landing-hero{grid-template-columns:1fr;gap:44px;padding-block:44px 64px}.landing-hero h1{letter-spacing:-1.6px;font-size:clamp(35px,8.8vw,48px)}.landing-description{margin-top:20px;font-size:15px}.landing-primary{padding-inline:20px;font-size:15px}.landing-hero .landing-primary{width:100%}.landing-hero-note{text-align:center}.landing-product{border-radius:24px;width:100%;max-width:430px;margin:auto;transform:none;box-shadow:0 16px 48px -24px #20404438}.landing-session-head{gap:9px}.landing-status{font-size:10px}.landing-flow{padding-block:60px}.landing-steps{grid-template-columns:1fr;gap:32px;margin-top:36px}.landing-steps article{padding-left:74px}.landing-step-icon{position:absolute;top:2px;left:0}.landing-steps h3{margin-top:5px;font-size:18px}.landing-steps p{font-size:14px}.landing-plans{padding-block:60px}.landing-plan-grid{grid-template-columns:1fr;gap:12px}.landing-plan{padding:24px}.landing-plan>p{min-height:0}.landing-plan li{font-size:14px}.landing-plan ul{padding-top:18px}.landing-start{padding-block:60px}.landing-start-grid{grid-template-columns:1fr;gap:24px}.landing-login{padding:24px 20px}.landing-footer-top{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:18px}.landing-footer-top>div{gap:0 16px}.landing-mobile-break{display:initial}.landing-desktop-break{display:none}.archi-work-heading{padding-block:18px 10px}.archi-work-heading h1{font-size:25px}.archi-calendar-surface{padding:8px}}@media (prefers-reduced-motion:reduce){.archi-landing *,.archi-app-shell *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
