*{box-sizing:border-box}body{margin:0;color:#254f4b;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif}button,a,input{font:inherit}svg{display:inline-block;vertical-align:middle;flex-shrink:0}button{color:inherit}a{overflow-wrap:anywhere}.contact-section{padding-block:72px;background:#edf2e7}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-section p{color:#5b716c;margin-block:18px!important}.contact-links{display:grid;gap:18px}.contact-links a{text-decoration:underline}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.questions details{border-bottom:1px solid #dce4de;padding:18px 0}.questions summary{cursor:pointer;font-size:1rem;line-height:1.6;padding-right:20px;font-weight:550}.questions details p{color:#5b716c;line-height:1.9;margin-top:16px}.legal{max-width:850px;padding-block:64px}.legal h1{font-size:2.5rem;margin-bottom:20px}.legal h2{font-size:1.3rem;margin:34px 0 12px}.legal p,.legal li{line-height:1.9;color:#5b716c}.legal a{text-decoration:underline}.legal .back{display:inline-block;margin-bottom:30px}.legal ul{padding-left:24px}.site-footer .footer-links{margin:0;max-width:500px}.legal-note{font-size:.875rem;margin-top:25px!important}.official-site .demo-day{min-width:0}.hero-actions{flex-wrap:wrap}@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:24px}.contact-section{padding-block:50px}.legal h1{font-size:2rem}.site-footer .footer-links{order:4;width:100%}}
:root{--twelvie-ink:#254f4b;--twelvie-surface:#fbfcfa;--twelvie-border:#dce4de;--accent:#f3b86b;--muted:#5b716c;--ring:#254f4b}
html{scroll-behavior:smooth;scroll-padding-top:105px;overflow-x:clip;overflow-y:auto}body{overflow:visible;background:var(--twelvie-surface);font-size:16px;line-height:1.7}.official-site button,.official-site a{-webkit-tap-highlight-color:transparent}.official-site button{font:inherit;cursor:pointer}.official-site a{color:inherit;text-decoration:none}.official-site button:focus-visible,.official-site a:focus-visible{outline:3px solid #b97929;outline-offset:5px}.official-site img{max-width:100%;height:auto}.official-site h1,.official-site h2,.official-site h3,.official-site p{margin:0}.official-site h1,.official-site h2{letter-spacing:-.045em;line-height:1.25;white-space:pre-line}.official-site h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:650}.official-site h3{font-size:1.25rem;line-height:1.5;font-weight:650}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section{padding-block:100px}.official-site .eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:750;color:var(--muted);margin-bottom:22px}.official-site .site-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:14px 24px;border-radius:100px;background:var(--twelvie-ink);color:white;font-weight:600;line-height:1.4;transition:transform .2s,background .2s}.official-site .site-button:hover{background:#173c38;transform:translateY(-2px)}.site-button.small{min-height:43px;font-size:.875rem;padding:10px 20px}.official-site .site-button.outline{color:var(--twelvie-ink);background:transparent;border:1px solid #a1b5ac}.official-site .site-button.outline:hover{background:#e5eee8}.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:600}.text-link:hover{text-decoration:underline}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}
.site-header{height:88px;padding-inline:max(32px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fbfcfaf2;border-bottom:1px solid #254f4b0a;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.wordmark{width:148px;display:block}.site-header nav{display:flex;gap:30px;font-size:.875rem;font-weight:550}.site-header nav a:hover{color:#996426}.header-actions{display:flex;align-items:center;gap:22px}.language-button{display:flex;align-items:center;gap:7px;background:none;border:0;font-size:.875rem!important;color:var(--twelvie-ink);padding:8px;min-height:44px}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:80px 65px;min-height:700px}.official-site .hero h1{font-size:clamp(2.7rem,4.6vw,4.25rem);font-weight:680;line-height:1.3;margin-bottom:26px}.hero h1 span{color:#647e64}.intro{font-size:1.125rem;max-width:450px;color:var(--muted);line-height:1.9}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:34px}.official-site .release-note{font-size:.75rem;color:var(--muted);margin-top:24px;max-width:410px;display:flex;align-items:baseline;gap:9px}.release-note>span:first-child{background:#6e8f6c;width:6px;height:6px;border-radius:50%;flex-shrink:0}.hero-product{padding:25px 25px 0;background:#e7eee8;border-radius:30px;position:relative}.calendar-demo{background:white;border:1px solid #d9e2db;border-radius:16px;box-shadow:0 15px 40px #254f4b0c;padding:24px}.demo-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0ed;padding-bottom:12px}.demo-top img{width:100px}.demo-top>span{display:flex;gap:7px;align-items:center;font-size:.875rem}.demo-top svg{color:#b17936}.demo-month{display:flex;align-items:center;justify-content:space-between;margin-block:18px 8px;font-size:1rem}.demo-month>span{font-size:.75rem;color:var(--muted)}.demo-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;gap:3px}.weekday{font-size:.75rem;color:var(--muted);padding:9px 0}.official-site .demo-day{height:39px;background:transparent;border:0;border-radius:9px;color:var(--twelvie-ink);position:relative;font-size:.875rem;display:grid;place-items:center}.official-site .demo-day:hover{background:#ecf1ed}.official-site .demo-day.selected{background:var(--twelvie-ink);color:white}.dot{width:4px;height:4px;border-radius:50%;background:#c28c42;position:absolute;bottom:3px}.dot-1{background:#826998}.dot-2{background:#548365}.selected .dot{background:var(--accent)}.demo-agenda{border-top:1px solid #e2e9e3;margin-top:16px;padding-top:14px;min-height:145px}.agenda-heading{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:10px}.agenda-heading>span{color:var(--muted)}.demo-event{display:flex;gap:12px;align-items:center;padding:9px 10px;font-size:.75rem;background:#f2f5f2;border-left:3px solid #668d70;border-radius:5px;margin-top:7px;min-height:38px}.demo-event>span:first-child{color:var(--muted)}.demo-event b{font-weight:550}.event-1,.event-3{border-color:#8c75a1}.event-4{border-color:#c18a42}.event-circle{border:1px solid #a3b3a9;border-radius:50%;width:13px;height:13px;margin-left:auto;flex-shrink:0}.demo-caption{text-align:center;font-size:.75rem;color:#526d61;padding:15px 0}
.value-strip{border-block:1px solid var(--twelvie-border);background:#f3f6f1}.value-strip .wrap{display:flex;justify-content:space-around;padding-block:24px;gap:20px}.value-strip span{display:flex;align-items:center;gap:14px;font-size:.875rem;font-weight:550}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 54px;margin-top:48px}.feature{position:relative;border-top:1px solid #b9c9bd;padding-top:28px}.feature-icon{display:block;margin-bottom:26px}.feature-index{position:absolute;right:0;top:30px;font-size:.75rem;color:#7d9184}.official-site .feature p{color:var(--muted);margin-top:12px;font-size:1rem;line-height:1.9}.together-section{background:var(--twelvie-ink);color:white;padding-block:80px}.together-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.official-site .together-section .eyebrow{color:#e9c491}.official-site .together-grid h2{margin-bottom:25px}.together-grid>div>p:not(.eyebrow){color:#dfebe4;line-height:1.9;max-width:420px}.shared-example{border:1px solid #65877c;background:#315e54;padding:26px;border-radius:20px}.shared-tabs{display:flex;flex-wrap:wrap;gap:9px;font-size:.75rem;margin-bottom:26px}.shared-tabs span{padding:6px 12px;border:1px solid #6b8b80;border-radius:30px}.shared-tabs .active{background:#e1e9d7;color:#254f4b;border-color:#e1e9d7}.shared-event{display:flex;align-items:center;gap:16px;background:#f7f9f1;color:var(--twelvie-ink);border-radius:12px;padding:22px 16px}.shared-date{display:grid;text-align:center;font-size:2rem;line-height:1.2;padding-right:16px;border-right:1px solid #cdd8ca}.shared-date small{font-size:.75rem;letter-spacing:.1em;margin-top:6px}.event-label{font-size:.75rem;color:var(--muted)}.official-site .shared-event h3{font-size:1.125rem}.official-site .shared-event p{font-size:.75rem;color:var(--muted);margin-top:5px}.avatar-stack{display:flex;margin-left:auto;align-self:flex-end}.avatar-stack i{border:2px solid #f7f9f1;width:30px;height:30px;font-size:.75rem;display:grid;place-items:center;font-style:normal;background:#cddcbf;border-radius:50%;margin-left:-9px}.avatar-stack i:nth-child(2){background:#f3d7b1}.avatar-stack i:nth-child(3){background:#dbcfe3}.official-site .shared-note{font-size:.875rem;display:flex;gap:12px;align-items:flex-start;margin-top:24px;color:#e2ebe1}.shared-note svg{flex-shrink:0;margin-top:3px}.pricing{text-align:center}.official-site .section-intro{color:var(--muted);margin-top:20px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left;max-width:920px;margin:40px auto 24px}.price-card{padding:36px;border:1px solid #cbd8cf;border-radius:22px;background:white}.price-card.annual{background:#edf2e7;border-color:#8b9f80}.price-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.plan-badge{font-size:.75rem;background:#dce6ce;border-radius:30px;padding:3px 12px}.price{font-size:3.2rem;font-weight:600;line-height:1.3;letter-spacing:-.05em;margin-top:22px}.price small{font-size:.875rem;letter-spacing:0;vertical-align:top;display:inline-block;margin:11px 6px 0 0}.price>span{font-size:.875rem;font-weight:400;letter-spacing:0;display:inline-block;margin-left:10px}.official-site .price-card>p{font-size:.875rem;color:var(--muted);margin-top:8px}.price-card ul{list-style:none;margin:28px 0;padding:0;display:grid;gap:13px;font-size:.875rem}.price-card li{display:flex;gap:10px;align-items:baseline}.price-card li svg{flex-shrink:0;align-self:center}.price-card .site-button{width:100%;font-size:.875rem}.official-site .price-fine{font-size:.875rem;line-height:1.8;max-width:820px;margin:auto;color:var(--muted)}.about-section{padding-block:70px;background:#eef2eb;border-block:1px solid var(--twelvie-border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.official-site .about-grid h2{font-size:2rem}.about-grid>div>p:not(.eyebrow){color:var(--muted)}.official-site .about-grid .about-end{margin-top:20px;font-weight:600}.domain-label{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.875rem;border-bottom:1px solid #a8b8a6}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.official-site .questions h2{font-size:2rem}.questions [data-slot=accordion-item]{border-bottom:1px solid var(--twelvie-border);padding-block:8px}.questions [data-slot=accordion-trigger]{font-size:1rem;padding-block:17px;line-height:1.6;gap:18px}.questions [data-slot=accordion-content]{color:var(--muted);font-size:1rem;line-height:1.9}.questions [data-slot=accordion-trigger-icon]{margin-top:6px}.closing{text-align:center;padding:65px 20px 75px;border-top:1px solid var(--twelvie-border)}.official-site .closing p{margin:18px 0 26px;color:var(--muted)}.site-footer{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-block:32px;border-top:1px solid var(--twelvie-border);font-size:.875rem}.site-footer .wordmark{width:120px}.site-footer>div{margin-right:auto}.site-footer span{font-size:.75rem;color:var(--muted)}.site-footer>a:last-child{display:flex;gap:8px;align-items:center}
@media(min-width:1400px){.hero{min-height:750px;padding-block:90px}.hero-product{max-width:510px;width:100%}.official-site .demo-day{height:43px}}
@media(max-width:1000px){.site-header nav{gap:17px}.site-header{gap:15px;padding-inline:24px}.wordmark{width:125px}.hero{gap:35px}.hero-actions{gap:18px}.wrap{width:calc(100% - 48px)}.together-grid,.about-grid,.questions{gap:40px}.shared-example{padding:20px}.avatar-stack{display:none}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{height:74px;padding-inline:17px;gap:8px}.site-header nav{display:none}.header-actions{gap:5px}.official-site .site-button.small{padding:9px 14px;font-size:.8125rem;gap:6px;min-height:43px}.wordmark{width:118px}.language-button{font-size:.8125rem!important;padding:7px}.language-button svg{display:none}.hero{grid-template-columns:1fr;gap:42px;padding-block:48px 35px;min-height:auto}.official-site .hero h1{font-size:clamp(2.35rem,8vw,3.6rem);margin-bottom:20px}.official-site .eyebrow{margin-bottom:18px;font-size:.75rem;letter-spacing:.12em}.intro{font-size:1rem;max-width:100%}.hero-actions{margin-top:26px}.hero-product{max-width:500px;width:100%;margin:auto;padding:17px 17px 0;border-radius:23px}.calendar-demo{padding:18px}.official-site .demo-day{height:37px}.demo-caption{font-size:.75rem;padding-block:12px}.hero-copy .release-note{font-size:.75rem;line-height:1.8}.value-strip .wrap{gap:14px;padding-block:19px;justify-content:space-between}.value-strip span{font-size:.75rem;gap:7px;flex-direction:column;text-align:center}.value-strip svg{width:20px}.section{padding-block:64px}.feature-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.feature{padding-top:22px}.feature-icon{margin-bottom:17px}.official-site .feature p{margin-top:10px}.together-section{padding-block:56px}.together-grid,.about-grid,.questions{grid-template-columns:1fr;gap:32px}.together-grid>div>p:not(.eyebrow){max-width:100%}.shared-event{padding:18px 14px}.avatar-stack{display:flex}.price-grid{grid-template-columns:1fr;margin-top:30px}.price-card{padding:28px}.price{font-size:3rem}.pricing h2{text-align:left}.pricing>.eyebrow,.pricing>.section-intro{text-align:left}.official-site .price-fine{text-align:left;font-size:.8125rem}.about-section{padding-block:52px}.questions{gap:24px}.official-site .questions h2{font-size:1.8rem}.closing{padding-block:50px 58px}.site-footer{flex-wrap:wrap;gap:16px;padding-block:25px}.site-footer>div{order:3;width:100%;font-size:.8125rem}.site-footer>a:last-child{margin-left:auto}.wrap{width:calc(100% - 40px)}}
@media(min-width:761px) and (max-width:1100px){.site-header nav{gap:15px;font-size:.8125rem}.site-header{gap:12px;padding-inline:20px}.header-actions{gap:8px}.site-header .wordmark{width:110px}.official-site .site-button.small{padding:10px 14px;gap:8px;font-size:.8125rem}}
@media(max-width:900px){.site-header{height:auto;min-height:74px;flex-wrap:wrap;padding-block:12px;gap:10px}.site-header nav{order:3;width:100%;display:flex;justify-content:space-between;gap:8px;font-size:.8125rem;overflow-wrap:anywhere}.site-header nav a{padding-block:5px}.header-actions{margin-left:auto}html{scroll-padding-top:135px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}