:root{--ink:#16181d;--muted:#6d7078;--line:#e6e7eb;--blue:#1a1c22;--paper:#fff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#fff;color:var(--ink);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;font-size:15px;line-height:1.65;letter-spacing:-.025em;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.055em;font-weight:650}p{word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8499ff;outline-offset:5px}.wrap{max-width:var(--max);padding:0 32px;margin:auto}.symbols{position:absolute;width:0;height:0;overflow:hidden}.ico,.arrow,.check{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.check{width:16px;height:16px;color:var(--blue)}.skip{position:absolute;top:-100px;left:16px;background:white;color:black;padding:12px;z-index:99}.skip:focus{top:15px}
header{position:sticky;top:0;z-index:40;background:#090a0cf5;border-bottom:1px solid #ffffff16;color:#d7d8dc;backdrop-filter:blur(16px)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:9px;align-items:center;color:inherit;font-size:20px;font-weight:750;letter-spacing:-.06em}.brand img{width:28px;height:28px}.navlinks{display:flex;gap:29px;font-size:13px}.navlinks a:hover{color:white}.navright{display:flex;gap:22px;align-items:center;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 23px;font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:7px;transition:background .2s,border-color .2s}.btn .ico{width:15px}.btn.primary{background:#1a1c22;border-color:#1a1c22;color:white}.btn:hover{background:#f0f1f5}.btn.primary:hover{background:#30333d}.btn.small{min-height:35px;padding:0 15px;font-size:12px}header .btn.primary{background:#f0f0f2;color:#181a20;border-color:#f0f0f2}header .btn.primary:hover{background:white}.mobile-nav{display:none}
.hero{background:#090a0c;color:#f4f4f6;overflow:hidden;padding:78px 0 0}.hero-copy{max-width:800px;margin:0 auto;text-align:center}.announcement{display:inline-flex;gap:13px;align-items:center;border:1px solid #2c2e35;border-radius:99px;padding:5px 8px 5px 5px;color:#a8abb6;font-size:11px;margin-bottom:28px}.announcement span{background:#232630;border-radius:99px;padding:4px 10px;color:#dddfe8}.announcement .ico{width:13px;margin-right:4px}h1{font-size:clamp(45px,5.4vw,70px);font-weight:600;line-height:1.18;letter-spacing:-.065em}h1 span{color:#9398a8}.hero-copy>p{color:#9498a5;font-size:16px;line-height:1.9;margin-top:25px}.actions{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin-top:29px}.hero .btn.primary{background:#e9eaf0;border-color:#e9eaf0;color:#191b23}.hero .btn.primary:hover{background:white}.hero .btn.ghost{border-color:#30323b;color:#c9cbd5;background:#14151b}.hero .btn.ghost:hover{background:#20222a}.hero-copy .hero-note{font-size:11px;color:#747988;margin-top:18px}
.hero-product{margin:61px 0 0;position:relative}.frame-label{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#686d7b;font-size:10px;letter-spacing:.045em;margin-bottom:12px}.frame-label>span:first-child{display:flex;align-items:center;gap:7px;letter-spacing:.12em}.workspace-ui{display:flex;border:1px solid #363944;border-radius:12px 12px 0 0;overflow:hidden;min-height:450px;background:#fff;color:#343641;text-align:left;box-shadow:0 0 0 6px #ffffff04,0 -20px 100px #6484ff09}.ui-sidebar{width:190px;flex-shrink:0;background:#f7f8fa;border-right:1px solid #e6e8ed;padding:23px 15px;display:flex;flex-direction:column;font-size:12px}.ui-sidebar>b{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:27px;padding:0 6px}.ui-sidebar>b .ico{color:var(--blue)}.workspace-label{font-size:8px;color:#9a9eaa;letter-spacing:.1em;margin:0 9px 10px}.side-link{display:flex;align-items:center;gap:9px;padding:9px;border-radius:6px;color:#757b88;margin:1px 0;font-size:11px}.side-link .ico{width:15px;height:15px}.side-link.active{background:#e9edfd;color:#5261b7;font-weight:600}.sidebar-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding:18px 5px 0}.sidebar-bottom small{display:block;color:#9498a3;font-size:9px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-style:normal;background:#e9edf8;color:#637396;font-size:10px;font-weight:550;flex-shrink:0}.avatar.large{width:42px;height:42px;font-size:15px}.avatar.tiny{width:23px;height:23px;font-size:9px}.ui-main{flex:1;min-width:0}.ui-toolbar{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid #ebecf0;font-size:10px;color:#7d8392}.ui-toolbar>span:last-child{display:flex;gap:17px;align-items:center}.ui-toolbar .ico{width:15px}.crumb{padding:0 13px;color:#c0c4cd}.ui-content{padding:28px;background:#fff}.ui-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.ui-title p{font-size:10px;color:#a1a5ae;margin-bottom:6px}.ui-title h3{font-size:19px;letter-spacing:-.04em}.ui-date{font-size:10px;color:#a0a5b0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.metrics>div{border:1px solid #e7e9ef;border-radius:8px;padding:16px 17px}.metrics span{font-size:10px;color:#858a97}.metrics strong{font-size:28px;font-weight:550;display:block;margin:5px 0 2px;line-height:1.2;letter-spacing:-.04em}.metrics strong small{font-size:11px;color:#acb1bd;font-weight:400;padding-left:5px}.metrics p{font-size:9px;color:#989dab;display:flex;gap:5px;align-items:center}.status-dot{width:5px;height:5px;background:#74a68e;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.blue{background:#6c87f1}.ui-bottom{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.member-table,.activity{border:1px solid #e7e9ef;border-radius:8px;overflow:hidden}.box-title{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eceef3;font-size:11px}.box-title span{display:flex;align-items:center;gap:5px;color:#a2a8b4;font-size:9px}.box-title .ico{width:12px;height:12px}.member-row{display:grid;grid-template-columns:1.5fr .8fr 1fr .7fr;align-items:center;gap:9px;padding:11px 16px;font-size:10px;border-bottom:1px solid #f0f1f4;color:#8d93a1}.member-row:last-child{border:0}.person{display:flex;align-items:center;gap:9px;color:#434956}.person .avatar{width:24px;height:24px;font-size:9px}.member-row.table-label{padding-top:9px;padding-bottom:9px;background:#fafbfc;font-size:8px;color:#a8aebb}.state{padding:3px 6px;border-radius:4px;width:fit-content;font-size:8px;white-space:nowrap}.state.in{color:#70907c;background:#eef4ef}.state.wait{color:#959ca8;background:#f0f1f4}.activity-item{display:flex;gap:10px;margin:16px}.activity-item>.ico{width:14px;color:#7a8dbb;margin-top:2px}.activity-item p{font-size:9px;line-height:1.6}.activity-item b{font-weight:500;display:block;color:#656c7b}.activity-item span{display:block;font-size:8px;color:#a0a6b2}.activity-item small{font-size:8px;color:#b3b9c4}.capabilities{display:flex;justify-content:space-between;padding:27px 30px;color:#8f95a4;font-size:11px;border-bottom:1px solid #24262f}.capabilities span{display:flex;align-items:center;gap:9px}.capabilities .ico{width:15px;height:15px}
.block{padding:110px 0;border-bottom:1px solid var(--line)}.label{font-size:10px;letter-spacing:.12em;color:#8a8e99;margin-bottom:21px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}h2{font-size:37px;line-height:1.35;font-weight:550;letter-spacing:-.055em}h2 span{color:#9095a1}.section-head>p{color:#8a8f9b;font-size:13px;line-height:1.9}.bento{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bento-card{background:#fafbfc;border:1px solid #e9ebf0;border-radius:12px;overflow:hidden;position:relative;padding:32px;min-height:440px}.card-copy>.ico{color:#777f91;width:20px;height:20px;margin-bottom:16px}.card-copy h3{font-size:23px;font-weight:550;margin-bottom:12px}.card-copy p{color:#8b91a0;font-size:13px;line-height:1.9}.attendance-demo{margin-top:30px;background:white;border:1px solid #e6e9ef;border-radius:9px;padding:18px;box-shadow:0 6px 18px #242a4405}.demo-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a2a8b5;margin-bottom:20px}.demo-top b{color:#737b8b;font-weight:500}.check-member{display:flex;align-items:center;gap:12px}.check-member b{display:block;font-size:12px;font-weight:550}.check-member span{font-size:10px;color:#a4aaba;display:block;margin-top:4px}.check-member span.checked{color:#638577}.mini-btn{margin-left:auto;background:var(--blue);border:0;color:white;border-radius:5px;font-size:11px;min-height:31px;min-width:55px;padding:0 12px}.mini-btn:hover{background:#3656df}.mini-btn:disabled{background:#eef3ee;color:#6c8a70;cursor:default}.connection{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 10px;font-size:9px;color:#a4adbc}.connection i{height:1px;background:#e9ebf0;flex:1}.notification{display:flex;align-items:center;gap:10px;background:#f7f8fa;border:1px solid #eef0f5;border-radius:8px;padding:14px;transition:background .25s,border-color .25s}.notification.sent{background:#f0f4ff;border-color:#dce4fd}.notification-mark{display:grid;place-items:center;width:28px;height:28px;background:#e8ecf7;color:#8090b5;border-radius:8px}.notification-mark .ico{width:14px;height:14px}.notification b{font-size:11px;font-weight:550}.notification p{font-size:9px;color:#939cab;margin-top:3px}.notification>small{margin-left:auto;font-size:8px;color:#a6adbd;white-space:nowrap}.demo-caption{display:block;color:#a8aebc;font-size:9px;margin-top:11px}.reset-demo{font-size:9px;color:#7c88a5;margin-top:10px;border:0;background:none;padding:0}.reset-demo[hidden]{display:none}
.post-demo{margin-top:30px;border:1px solid #e7eaf0;background:white;border-radius:9px;padding:19px}.post-head{display:flex;align-items:center;gap:9px;margin-bottom:17px}.post-head b{font-weight:550;font-size:10px;display:block}.post-head small{font-size:8px;color:#a0a8b7;display:block}.audience-chip{font-size:8px;color:#8998c6;background:#f0f3fb;padding:4px 6px;border-radius:4px;margin-left:auto}.post-demo h4{font-size:13px;letter-spacing:-.03em}.post-demo>p{font-size:10px;color:#969dab;margin-top:8px}.post-art{border-radius:5px;background:#eef0f8;margin-top:16px;position:relative;overflow:hidden}.post-art svg{display:block;width:100%;height:105px;fill:none;stroke:#9eaad2;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.post-art svg circle{fill:#acb7da;stroke:none}.post-art .mat-line{stroke:#dce1f1;stroke-width:1}.post-art .motion-lines{stroke:#c7d1e9;stroke-width:2}.post-art .belt{stroke:#7786b2;stroke-width:6}.post-art>span{position:absolute;bottom:9px;left:14px;color:#8797bd;font-size:9px}.post-foot{display:flex;justify-content:space-between;font-size:8px;color:#a5aebd;margin-top:13px}.post-foot span{display:flex;align-items:center;gap:5px}.post-foot .ico{width:11px;height:11px}
.chat-demo{margin-top:29px;background:white;border:1px solid #e7eaf0;border-radius:9px;padding:18px;display:flex;flex-direction:column;gap:16px}.chat-head{display:flex;align-items:center;gap:8px;padding-bottom:11px;border-bottom:1px solid #eef0f5;font-size:10px}.chat-head span{margin-left:auto;color:#a8afbd;font-size:8px}.bubble{font-size:11px;padding:11px 15px;border-radius:10px;line-height:1.8;max-width:80%}.bubble.theirs{background:#f1f3f8;color:#8690a2;align-self:flex-start;border-top-left-radius:3px}.bubble.mine{background:#eaf0ff;color:#7890c4;align-self:flex-end;border-top-right-radius:3px}.chat-compose{border:1px solid #edf0f5;border-radius:7px;font-size:9px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;color:#b0b6c2}.chat-compose span{display:grid;place-items:center;width:21px;height:21px;background:#748fee;color:white;border-radius:5px;font-size:13px}
.map-demo{position:relative;overflow:hidden;border:1px solid #e1e6eb;background:#f5f8fa;border-radius:9px;margin-top:29px}.map-demo>svg{width:100%;height:216px;display:block}.map-block{fill:#eaf0ee}.map-road{fill:none;stroke:white;stroke-width:18}.map-route{fill:none;stroke:#a6b8f0;stroke-width:4;stroke-dasharray:5 5}.map-pin{fill:#738feb;stroke:#dde6ff;stroke-width:8}.map-arrow{fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.map-label{position:absolute;bottom:34px;left:18px;right:18px;background:white;border:1px solid #e4e9f0;border-radius:7px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 3px 10px #28395805}.map-label>.ico{color:#879bd0;width:21px;height:21px}.map-label b{font-size:11px;font-weight:550;display:block}.map-label small{font-size:9px;color:#a1aabc;display:block}.map-label .status-dot{margin-left:auto}.map-note{position:absolute;bottom:10px;left:18px;font-size:8px;color:#9caaba}
.workspace-section{background:#fafafa}.device-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.device-line{display:flex;gap:23px;padding:25px 0;border-bottom:1px solid var(--line)}.device-line>span{font-size:10px;color:#a2a6b0;padding-top:3px;font-family:monospace}.device-line h3{font-size:17px;font-weight:550;margin-bottom:9px}.device-line p{font-size:13px;color:#8d939f;line-height:1.8}.textlink{display:inline-flex;align-items:center;gap:13px;font-size:12px;margin-top:28px;font-weight:550}.textlink .ico{width:15px}.mobile-scene{display:flex;align-items:center;gap:30px;padding:27px;background:#f0f1f5;border:1px solid #e5e7ed;border-radius:12px;min-height:470px;overflow:hidden}.mobile-shell{background:#fff;border:5px solid #fff;outline:1px solid #dce0e9;width:225px;flex-shrink:0;border-radius:24px;padding:16px 12px 10px;box-shadow:0 8px 20px #323e5308}.mobile-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:4px 2px 20px}.mobile-top .ico{width:14px;color:#929bae}.child-card{background:#f5f6fa;border:1px solid #e9ecf4;padding:15px;border-radius:9px}.child-card .avatar{width:33px;height:33px;font-size:11px;float:left;margin-right:10px}.child-card h4{font-size:12px;margin:2px 0 3px}.child-card>span{font-size:8px;color:#959eb0}.child-state{display:flex;align-items:center;gap:5px;clear:both;border-top:1px solid #e7eaf1;margin-top:12px;padding-top:11px;font-size:9px;color:#8e9bab}.mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mobile-grid span{display:flex;gap:5px;align-items:center;border:1px solid #edf0f5;border-radius:5px;font-size:8px;padding:9px 5px;color:#8490a3}.mobile-grid .ico{width:13px;height:13px;color:#8aa0d2}.mobile-news{background:#edf0f9;border-radius:8px;padding:17px 13px;margin-top:14px}.mobile-news small{font-size:8px;color:#9da9c3;display:block;margin-bottom:14px}.mobile-news b{font-size:17px;line-height:1.6;font-weight:550;color:#8f9ec1;letter-spacing:-.045em}.mobile-news p{font-size:8px;color:#a2b0c9;margin-top:11px}.mobile-bottom{display:flex;justify-content:space-between;font-size:8px;color:#9ca7ba;padding:20px 7px 5px}.mobile-bottom:first-letter{color:var(--blue)}.scene-label>span{font-size:8px;color:#a1a9b9;letter-spacing:.1em}.scene-label h3{font-size:20px;line-height:1.4;margin:15px 0;color:#737f97}.scene-label p{font-size:12px;color:#a0a8b7;line-height:1.8}
.pricing{background:white}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.price{padding:32px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;background:#fff}.price.pro{background:#f9faff;border-color:#d6def8}.price-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.price-top h3{font-size:20px;font-weight:550}.pill{color:#7782a9;font-size:10px;background:#eff2fa;border-radius:4px;padding:4px 8px}.price .desc{font-size:12px;color:#9a9fac;margin-top:12px}.amount{font-size:41px;font-weight:550;letter-spacing:-.065em;margin-top:30px;line-height:1.2}.amount small{font-size:12px;font-weight:400;letter-spacing:-.02em;color:#a8acb7;margin-left:8px}.price .meta{color:#9ba2b1;font-size:11px;margin:9px 0 25px}.price ul{list-style:none;padding:24px 0 0;margin:0 0 30px;border-top:1px solid var(--line);display:grid;gap:13px;font-size:12px;color:#7c8494}.price li{display:flex;align-items:center;gap:9px}.price .btn{margin-top:auto}.policy{font-size:11px;color:#969da9;line-height:1.9;margin-top:24px}.policy strong{font-weight:550;color:#777f8d}.faq-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:70px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;list-style:none;font-size:13px;font-weight:500;color:#646b79}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:#a0a7b6;font-size:23px;font-weight:300}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 25px 23px 0;font-size:12px;color:#929baa;line-height:1.9}
.contact{background:#090a0c;color:#eaebee;padding:74px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact .label{color:#666d7d}.contact h2{font-size:36px;font-weight:500}.contact p{font-size:12px;color:#828997;margin-top:20px}.contact .btn{background:#e6e8ee;border-color:#e6e8ee;color:#242834;white-space:nowrap}.contact .btn:hover{background:white}footer{padding:35px 0;background:#090a0c;color:#7c8492}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top .brand{color:#c6cbd5}.footer-links{display:flex;gap:21px;flex-wrap:wrap;font-size:11px}.footer-links a:hover{color:#e7eaf0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:21px;border-top:1px solid #242731;font-size:10px;color:#555e6f}
@media(max-width:1000px){.navlinks{gap:18px}.navright .textlink{display:none}.ui-sidebar{width:160px}.ui-content{padding:22px}.ui-bottom{grid-template-columns:1.5fr 1fr}.member-row{padding:10px 12px;gap:7px;font-size:9px}.bento-card{padding:26px}.device-grid{gap:36px}.mobile-scene{gap:15px;padding:22px}.mobile-shell{width:205px}.scene-label h3{font-size:17px}}
@media(max-width:760px){.wrap{padding:0 22px}.nav{min-height:62px}.brand{font-size:19px}.navlinks,.navright{display:none}.mobile-nav{display:block}.mobile-nav summary{list-style:none;font-size:12px;cursor:pointer;padding:10px 0}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;left:0;right:0;top:61px;background:#101116;border-bottom:1px solid #2b2d38;display:grid;gap:16px;padding:23px;font-size:13px}.hero{padding-top:48px}.announcement{font-size:9px;gap:7px;margin-bottom:25px;padding-right:6px}.announcement span{padding:4px 8px}h1{font-size:48px}.hero-copy>p{font-size:13px;margin-top:22px}.hero-copy .hero-note{font-size:10px}.actions{gap:8px;margin-top:24px}.btn{font-size:12px;min-height:44px;padding:0 16px;gap:10px}.hero-product{margin-top:43px}.frame-label{font-size:8px;gap:8px}.frame-label>span:first-child{letter-spacing:.07em}.workspace-ui{min-height:0;border-radius:9px}.ui-sidebar{display:none}.ui-toolbar{height:38px;padding:0 14px;font-size:8px}.ui-toolbar .ico{width:13px}.ui-content{padding:18px 14px}.ui-title{margin-bottom:16px}.ui-title p{font-size:8px}.ui-title h3{font-size:15px}.ui-date{display:none}.metrics{gap:7px;margin-bottom:16px}.metrics>div{padding:11px 9px;border-radius:5px}.metrics span{font-size:8px}.metrics strong{font-size:22px}.metrics strong small{font-size:9px;padding-left:3px}.metrics p{font-size:7px;letter-spacing:-.04em;gap:3px}.ui-bottom{grid-template-columns:1fr}.activity{display:none}.box-title{padding:11px 12px;font-size:10px}.member-row{font-size:9px;gap:6px;padding:10px 11px;grid-template-columns:1.4fr .7fr .9fr .7fr}.person{gap:6px}.state{font-size:7px;padding:3px 5px}.person .avatar{width:20px;height:20px;font-size:8px}.capabilities{padding:22px 0;gap:14px;justify-content:center;flex-wrap:wrap;font-size:10px}.capabilities span{gap:5px}.capabilities .ico{width:13px;height:13px}.block{padding:65px 0}.section-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}h2{font-size:29px}.label{font-size:9px;margin-bottom:16px}.section-head>p{font-size:12px}.bento{grid-template-columns:1fr;gap:16px}.bento-card{padding:25px;min-height:0}.card-copy h3{font-size:21px}.card-copy p{font-size:12px}.card-copy>.ico{margin-bottom:14px}.attendance-demo,.post-demo,.chat-demo,.map-demo{margin-top:25px}.demo-caption{font-size:8px}.notification{gap:8px;padding:11px}.notification b{font-size:10px}.notification p{font-size:8px}.check-member{gap:9px}.avatar.large{width:36px;height:36px;font-size:12px}.check-member b{font-size:11px}.check-member span{font-size:9px}.attendance-demo{padding:15px}.device-grid{grid-template-columns:1fr;gap:30px}.device-line{padding:20px 0}.device-line h3{font-size:16px}.device-line p{font-size:12px}.mobile-scene{min-height:0;padding:25px 20px;justify-content:center;gap:20px}.mobile-shell{width:205px}.scene-label h3{font-size:18px}.scene-label p{font-size:10px}.price-grid{grid-template-columns:1fr;gap:16px}.price{padding:26px}.amount{font-size:37px}.price ul{font-size:12px}.policy{font-size:10px}.faq-grid{grid-template-columns:1fr;gap:28px}.faq summary{font-size:12px;padding:20px 0}.contact{padding:55px 0}.contact-inner{flex-direction:column;align-items:flex-start;gap:27px}.contact h2{font-size:29px}.contact p{font-size:11px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}.footer-links{gap:16px;font-size:10px}.footer-bottom{gap:7px;font-size:9px}}
@media(max-width:400px){.wrap{padding:0 17px}h1{font-size:42px}.announcement{font-size:8px;gap:6px}.hero-copy>p{font-size:12px}.frame-label>span:last-child{max-width:110px;text-align:right;font-size:7px}.metrics p{font-size:6px}.member-row{font-size:8px}.bento-card{padding:21px}.notification>small{font-size:7px}.mobile-scene{gap:12px;padding:22px 16px}.mobile-shell{width:180px;padding:13px 9px 8px}.scene-label h3{font-size:16px}.scene-label p{font-size:9px}.scene-label>span{font-size:7px}.mobile-news b{font-size:14px}.mobile-grid span{font-size:7px;gap:3px;padding:8px 4px}}
.card-copy p,.section-head>p,.device-line p{color:#687080}.price .desc,.price .meta,.price ul,.policy,.faq details p{color:#727b8a}.policy strong{color:#525d70}.label{color:#747c8a}.reset-demo{color:#637392}.hero-copy .hero-note{color:#8e95a5}.contact p{color:#959eae}.notification.sent b{color:#4b5f84}.notification.sent p{color:#6c7c96}
/* Marketing text remains readable; miniature product UIs keep their own scale. */
.navright .textlink{margin-top:0;min-height:35px;align-items:center}.navright{align-items:center}.navlinks,.navright,.btn{font-size:14px}.btn.small{font-size:13px}.label{font-size:12px}.hero-copy>p{font-size:18px}.hero-copy .hero-note{font-size:13px}.announcement{font-size:12px}.frame-label{font-size:11px}.capabilities{font-size:14px}
.section-head>p,.card-copy p,.device-line p{font-size:16px;line-height:1.85}.card-copy h3{font-size:25px}.price .desc,.price .meta{font-size:15px}.price ul{font-size:15px}.pill{font-size:12px}.policy{font-size:13px}.faq summary{font-size:16px}.faq details p{font-size:15px}.contact p{font-size:16px}.footer-links{font-size:13px}.footer-bottom{font-size:12px}
.demo-top{font-size:12px}.check-member b{font-size:15px}.check-member span{font-size:12px}.mini-btn{font-size:13px;min-height:36px;min-width:60px}.notification b{font-size:13px}.notification p{font-size:11px}.notification>small{font-size:10px}.connection{font-size:11px}.demo-caption,.reset-demo{font-size:11px}.post-head b{font-size:12px}.post-head small{font-size:10px}.audience-chip{font-size:10px}.post-demo h4{font-size:16px}.post-demo>p{font-size:12px}.post-foot{font-size:10px}.chat-head{font-size:13px}.chat-head span{font-size:10px}.bubble{font-size:13px}.chat-compose{font-size:11px}.map-label b{font-size:14px}.map-label small{font-size:11px}.map-note{font-size:10px}.map-label{bottom:39px}
.lesson-preview{background:#eef1f8;border:1px solid #e3e8f3;border-radius:7px;margin-top:20px;padding:20px}.lesson-label{font-size:9px;letter-spacing:.13em;color:#7885a3}.lesson-preview>div{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:17px 0}.lesson-preview b{font-size:21px;line-height:1.45;color:#5c6c8f;font-weight:550;letter-spacing:-.04em}.lesson-preview>div>span{font-size:10px;color:#7d8aa7;white-space:nowrap}.lesson-preview ul{list-style:none;padding:13px 0 0;margin:0;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #dce3f1}.lesson-preview li{font-size:10px;color:#7a87a4;border-radius:4px;background:#f8faff;padding:4px 8px}
.real-apps{display:grid;grid-template-columns:1fr 1fr;gap:24px}.real-apps article{min-width:0}.shot-heading{padding:0 0 22px}.shot-heading span{font-size:19px;font-weight:550;letter-spacing:-.035em}.shot-heading p{font-size:15px;color:#737c8d;margin-top:7px}.shot-stage{background:#eef0f5;border:1px solid #e0e4ed;border-radius:12px;padding:34px 20px;display:flex;justify-content:center}.parent-stage{background:#eef2f1}.real-phone{width:270px;background:white;border:6px solid white;border-radius:27px;overflow:hidden;box-shadow:0 12px 35px #303c5510;outline:1px solid #d8dfe9}.real-phone img{width:100%;height:auto}.real-dashboard{margin-top:44px}.real-dashboard>.shot-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.real-dashboard .textlink{margin-top:0;font-size:14px}.real-browser{border:1px solid #dce1e9;border-radius:10px;overflow:hidden;background:white}.real-browser img{width:100%;height:auto}.browser-dots{display:flex;align-items:center;gap:6px;padding:14px 18px;background:#eff1f6;border-bottom:1px solid #e0e5ee}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#bfc7d6}.browser-dots span{margin:auto;font-size:12px;color:#8590a3}.shots-note{font-size:12px;color:#8790a0;margin-top:19px}
@media(max-width:760px){.hero-copy>p{font-size:16px}.hero-copy .hero-note{font-size:12px}.announcement{font-size:10px}.label{font-size:11px}.section-head>p,.card-copy p{font-size:15px}.card-copy h3{font-size:23px}.capabilities{font-size:12px}.frame-label{font-size:9px}.price .desc,.price .meta{font-size:14px}.price ul{font-size:14px}.policy{font-size:12px}.faq summary{font-size:15px}.faq details p{font-size:14px}.contact p{font-size:14px}.footer-links{font-size:12px}.footer-bottom{font-size:11px}.real-apps{gap:16px}.shot-heading span{font-size:17px}.shot-heading p{font-size:13px}.shot-stage{padding:22px 15px}.real-phone{width:100%;max-width:240px;border-width:4px;border-radius:19px}.real-dashboard>.shot-heading{flex-direction:column;align-items:flex-start;gap:15px}.real-dashboard .textlink{font-size:13px}.browser-dots span{font-size:10px}.shots-note{font-size:11px}.lesson-preview{padding:16px}.lesson-preview b{font-size:19px}.lesson-preview>div{flex-direction:column;align-items:flex-start;gap:8px}.notification p{font-size:10px}.notification>small{font-size:9px}.chat-head span{font-size:9px}.post-head small,.audience-chip{font-size:9px}}
@media(max-width:480px){.real-apps{grid-template-columns:1fr;gap:30px}.real-phone{max-width:265px;border-radius:24px;border-width:5px}.shot-stage{padding:28px 20px}.hero-copy>p{font-size:14px}.announcement{font-size:9px}.notification{gap:7px}.notification b{font-size:12px}.check-member span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Product previews follow the live monochrome workspace. */
.workspace-shot{display:block;min-height:0;border-radius:6px 6px 0 0;box-shadow:0 0 0 6px #ffffff04}
.workspace-shot img{width:100%;height:auto;display:block}
.shot-stage,.parent-stage,.browser-dots{background:#f2f2f3;border-color:#e5e5e7}
.real-phone{box-shadow:none;outline-color:#d5d5d9}.real-browser{border-color:#e5e5e7;border-radius:6px}
.browser-dots{border-bottom-color:#e5e5e7}.browser-dots i{background:#c5c5cb}.browser-dots span{color:#686b73}
.avatar,.notification-mark{background:#f0f0f2;color:#52555f}
.bento-card{border-radius:8px;background:#fafafa}.attendance-demo,.post-demo,.chat-demo,.map-demo{border-radius:6px;box-shadow:none}
.mini-btn:hover{background:#30333d}.notification.sent{background:#f7f7f8;border-color:#d5d5d9}
.notification.sent b{color:#34363d}.notification.sent p{color:#686b73}
.bubble.mine{background:#1a1c22;color:#fff;border-radius:6px}.bubble.theirs{background:#f2f2f3;color:#34363d;border-radius:6px}
.chat-compose span{background:#1a1c22;color:#fff}.audience-chip{background:#f0f0f2;color:#686b73}
.lesson-preview{background:#f2f2f3;border-color:#e5e5e7;border-radius:6px}
.lesson-label,.lesson-preview b,.lesson-preview>div>span,.lesson-preview li{color:#686b73}
.lesson-preview ul{border-color:#dcdce0}.lesson-preview li{background:#fafafa}
.map-route{stroke:#858891}.map-pin{fill:#34363d;stroke:#e5e5e7}.map-label>.ico{color:#52555f}.status-dot.blue{background:#52555f}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#858891}
.hero .actions{align-items:center}
.store-badge{display:inline-flex;border-radius:7px;transition:opacity .2s}
.store-badge:hover{opacity:.85}
.store-badge:focus-visible{outline:2px solid white;outline-offset:2px}
.store-badge img{display:block;width:180px;height:70px;object-fit:contain}
.ios-coming{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:48px;padding:7px 18px;border:1px solid #30323b;border-radius:7px;color:#9498a5;font-size:11px;line-height:1.4}
.ios-coming strong{font-size:14px;font-weight:500;color:#c9cbd5}
.download-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px;flex-shrink:0}
@media(max-width:760px){.download-actions{justify-content:flex-start;gap:8px}}

/* Core features and photo attendance walkthrough. */
.photo-feature{grid-column:1/-1;padding:40px}.feature-kicker{font-size:12px;font-weight:650;color:#646b78;margin-bottom:14px}.photo-feature .card-copy h3{font-size:32px;line-height:1.35}.photo-feature .card-copy p{font-size:16px}.photo-steps{display:flex;flex-wrap:wrap;gap:24px;list-style:none;margin:26px 0;padding:0;font-size:13px;color:#626a79}.photo-steps b{font-size:11px;margin-right:8px;color:#8d94a0}.photo-flow{display:grid;grid-template-columns:1fr 1fr;gap:24px}.photo-flow .attendance-demo,.parent-photo-demo{margin:0;background:#fff;border:1px solid #e6e9ef;border-radius:9px;padding:22px}.photo-example{position:relative;border:1px solid #e1e3e8;border-radius:7px;overflow:hidden;margin-top:18px;background:#e8e9ec}.photo-example svg{display:block;width:100%;height:160px}.photo-example>span{display:block;background:#f5f6f8;font-size:10px;color:#697180;padding:8px 12px}.photo-demo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.photo-demo-actions .mini-btn{margin-left:0;flex:1;padding:10px;min-height:40px;white-space:nowrap}.parent-photo-demo .notification{margin-top:0}.photo-confirmation{font-size:12px;color:#687080;margin-top:12px}.photo-feature .demo-caption{display:block;margin-top:18px}.management-example,.payment-example{margin-top:26px;background:white;border:1px solid #e6e9ef;border-radius:9px;padding:20px}.member-summary{display:flex;align-items:center;gap:12px}.member-summary b{display:block;font-size:15px}.member-summary div>span{font-size:12px;color:#737b8a}.belt-chip{margin-left:auto;padding:5px 9px;border:1px solid #dedfe4;border-radius:5px;font-size:11px;color:#686e7b}.management-example dl{margin:20px 0 0}.management-example dl>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #eceef2;font-size:12px}.management-example dt{color:#7b8390}.management-example dd{margin:0;text-align:right;color:#343944}.payment-example>div:not(.demo-top){display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #eceef2;font-size:13px}.payment-example>div>span:not(.demo-top span){color:#697180}.payment-example>div:not(.demo-top)>span{padding:4px 9px;border-radius:5px;background:#f2f3f5;font-size:11px}.payment-example>div>span.unpaid{background:#fff4e6;color:#93692c}.payment-plan-note{font-size:12px;line-height:1.9;color:#687080;margin-top:18px}.management-card,.payments-card{min-height:0}
@media(max-width:760px){.photo-feature{padding:25px}.photo-feature .card-copy h3{font-size:26px}.photo-feature .card-copy p{font-size:15px}.photo-flow{grid-template-columns:1fr;gap:16px}.photo-steps{gap:10px;flex-direction:column;margin:22px 0}.photo-flow .attendance-demo,.parent-photo-demo{padding:18px}.photo-demo-actions .mini-btn{font-size:12px}.photo-feature .demo-caption{font-size:10px}.management-example dl>div{font-size:11px}}

/* Photo attendance uses the same grid footprint as other core features. */
.photo-feature{grid-column:auto;padding:32px;min-height:0}.photo-feature .card-copy h3{font-size:23px;line-height:1.4}.photo-feature .card-copy p{font-size:16px}.compact-photo-demo{margin-top:22px}.compact-photo-demo .photo-example{margin-top:0}.compact-photo-demo .photo-example img{width:100%;height:185px;object-fit:cover;object-position:center 10%}.compact-photo-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;margin-top:12px;font-size:11px;color:#737b8a}.compact-photo-meta b{font-size:12px;color:#343944}.compact-photo-demo .photo-demo-actions{margin-top:12px}.compact-photo-demo .notification{margin-top:14px}.compact-photo-demo .photo-confirmation{font-size:11px}.photo-feature .demo-caption{margin-top:12px;font-size:10px}.photo-feature .reset-demo{margin-top:8px}
@media(max-width:760px){.photo-feature{padding:25px}.photo-feature .card-copy h3{font-size:23px}.photo-feature .card-copy p{font-size:15px}.compact-photo-demo .photo-example img{height:180px}}