@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700&display=swap');
:root{--blue:#2c4de5;--ink:#1c2639;--muted:#738099;--line:#dfe5ed;--gold:#b6a16b;--rail:20%;--center:60%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:#fff;color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-size:14px;line-height:1.9}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{color:inherit}em{font-style:normal;color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6282ef;outline-offset:4px}h1,h2,h3,p{margin:0}h2{font-size:clamp(30px,3.1vw,46px);font-weight:800;line-height:1.6;letter-spacing:-.04em;word-break:keep-all;overflow-wrap:anywhere}h3{line-height:1.7}.skip{position:fixed;left:20px;top:-60px;background:#fff;padding:12px;z-index:99}.skip:focus{top:10px}.layout{display:grid;grid-template-columns:var(--rail) minmax(0,var(--center)) var(--rail);align-items:start}.rail{height:100svh;position:sticky;top:0;padding:28px 13%;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin}.left{border-right:1px solid var(--line);background:linear-gradient(140deg,#f9f8f4,white 60%)}.right{border-left:1px solid var(--line);background:radial-gradient(ellipse at 70% 65%,#edf1ff,transparent 65%),linear-gradient(160deg,#fcfaf6,white 65%)}.brand{margin:2px -9px 24px}.rail-title{font-family:Outfit,sans-serif;font-size:23px;font-weight:600;line-height:1.25;margin:10px 0 34px}.left nav{display:flex;flex-direction:column;gap:3px}.left nav a{font-size:11px;display:flex;gap:12px;padding:13px 0;border-bottom:1px solid transparent;white-space:nowrap}.left nav small{font-family:Outfit,sans-serif;color:#a2a8b1;font-size:9px}.left nav a:hover,.left nav a.active{color:var(--blue);border-color:var(--blue)}.rail-login{font-size:11px;margin:28px 0 16px;display:flex;justify-content:space-between;align-items:center}.rail-login span{font-size:20px}.rail-bottom{margin-top:auto;padding-top:24px}.rail-bottom>span{font:700 clamp(36px,4.3vw,70px)/.91 Outfit,sans-serif;letter-spacing:-.05em;color:#dfe4f0;display:block}.rail-bottom i{font-style:normal;color:transparent;-webkit-text-stroke:1px #c5cddd}.rail-bottom>small{font-size:9px;display:block;margin-top:24px;color:var(--muted)}.eyebrow{font:500 10px/1.7 Outfit,sans-serif;letter-spacing:.16em;color:#6c7c9e;margin-bottom:24px}.right>.eyebrow{font-size:8px;letter-spacing:.07em;margin-bottom:32px}.right h2{font-size:clamp(18px,1.8vw,28px);white-space:nowrap;line-height:1.65}.right-note{font-size:9px;color:var(--muted);margin-top:35px}.right-price{display:flex;align-items:baseline;justify-content:center;color:var(--blue);gap:8px;margin-top:2px;font-family:Outfit,sans-serif}.right-price b{font-size:clamp(85px,9vw,135px);font-weight:500;line-height:1.2}.right-price small{font-size:10px;color:var(--muted)}.right-price span{font-size:20px}.right-limit{text-align:center;color:var(--muted);font-size:10px}.right-limit small{font:9px/3 Outfit,sans-serif;letter-spacing:.16em}.round-cta{position:relative;background:linear-gradient(145deg,#4563e9,#2043c5);color:#fff;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;gap:15px;width:min(180px,100%);align-self:center;margin-top:22px;font-size:12px;font-weight:700;box-shadow:0 20px 35px #294de125}.round-cta:before{content:'';position:absolute;inset:-6px;border:1px dashed #b9c7f4;border-radius:50%}.round-cta b{font-size:28px;font-weight:400}.right-price-link{font-size:10px;text-align:center;margin:23px 0 0;color:var(--muted)}.line-link{color:#297655;display:inline-block;text-decoration:underline;text-underline-offset:5px;font-size:12px}.right>.line-link{text-align:center;margin-top:20px}.right-bottom{margin-top:auto;padding-top:36px;color:var(--muted);font-size:11px}.right-bottom>small{font:8px Outfit,sans-serif;letter-spacing:.13em;color:#9c907c}.right-bottom>p{margin-top:13px}.right-bottom>b{font-weight:500;color:#586ba5;font-size:13px}main{min-width:0;position:relative;padding-bottom:80px}.mobile-head,#mobile-menu{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#ffffffde,#ffffff8c 40%,#ffffff0d),url('assets/office-background-v3.png') 55% center/cover}.hero-eyebrow{padding:25px 6%;display:flex;justify-content:space-between;align-items:center;font-size:9px}.hero-eyebrow>span:first-child{border-bottom:1px solid #aebcda;padding-bottom:6px;font-weight:600}.hero-eyebrow>span:last-child{font:9px Outfit,sans-serif;letter-spacing:.09em;color:#7a88a1}.hero-logo{width:78%;margin:18px 6% 4px}.hero-stage{position:relative;height:560px}.hero-copy{position:relative;z-index:2;margin-left:6%;padding-top:30px;width:56%;pointer-events:none}.handnote{font-size:15px;color:#73809b;letter-spacing:.14em;transform:rotate(-7deg);transform-origin:left center;margin:5px 0 20px}.hero h1{font-size:clamp(48px,5.5vw,86px);letter-spacing:-.075em;line-height:1.45;font-weight:900;transform:rotate(-5deg);transform-origin:left center;white-space:nowrap}.hero h1 em{position:relative;z-index:0}.hero h1 em:after{content:'';position:absolute;bottom:7px;left:2px;right:-8px;height:15px;background:#e9d58f88;z-index:-1;transform:rotate(-2deg)}.hero-description{margin-top:32px;font-size:12px;line-height:2.2;color:#677590}.hero-person{position:absolute;width:117%;max-width:none;right:-35%;bottom:0;pointer-events:none}.seal{position:absolute;right:8%;top:-38px;width:100px;height:100px;border:1px solid #b8a26b;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9a824b;background:#fff9;transform:rotate(9deg);outline:1px solid #d6c9a9;outline-offset:5px;font-size:9px}.seal strong{font-size:14px}.float-card{position:absolute;left:6%;bottom:23px;z-index:3;background:#fff;border:1px solid #d4dff6;border-radius:9px;width:220px;padding:17px;transform:rotate(-6deg);box-shadow:0 10px 35px #182c6120;line-height:1.6}.float-card>small{font:8px Outfit,sans-serif;letter-spacing:.1em;color:#6c85d5}.float-card>b{display:block;font-size:19px;margin:10px 0 4px}.float-card>b>span{font-size:9px}.float-card>p{font-size:9px;color:#748098}.float-card>div{display:flex;gap:5px;font-size:9px;margin-top:10px}.float-card>div span{padding:2px 7px;border:1px solid #d7e0f6;border-radius:3px;color:#4c67a4}.float-card footer{border-top:1px solid #ebedf5;margin-top:10px;padding-top:8px;font-size:9px;color:#6e809f;display:flex;justify-content:space-between}.float-card footer b{font-size:16px;color:var(--blue)}.float-done{position:absolute;right:4%;bottom:18px;padding:13px 17px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:8px;box-shadow:0 10px 30px #23375d17;transform:rotate(5deg);z-index:3}.float-done i{font-style:normal;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#eff3ff;color:var(--blue)}.float-done b{font-size:14px}.float-done small{font-size:8px;color:var(--muted);display:block}.hero-actions{display:flex;align-items:center;gap:22px;padding:24px 6% 5px;position:relative;background:#ffffffe0}.hero-actions>p{font-size:10px;line-height:1.5;white-space:nowrap}.hero-actions strong{font-weight:500;font-size:16px}.hero-actions strong b{font:500 44px/1 Outfit,sans-serif;color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 25px;font-weight:600;font-size:14px;line-height:1.5;border:0;border-radius:4px;min-height:54px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{color:white;background:linear-gradient(120deg,#4260eb,#2547d0);box-shadow:0 10px 22px #294ee120}.button span{font-size:20px}.text-link{font-size:12px;color:#45629d;text-decoration:underline;text-underline-offset:5px;display:inline-block}.hero-note{font-size:9px;padding:10px 6% 20px;color:#687994;background:#ffffffe0}.ticker{overflow:hidden;white-space:nowrap;padding:17px 0;font:500 clamp(17px,2vw,30px) Outfit,sans-serif;letter-spacing:.02em;border-block:1px solid #e0e6f1;color:#9caecc;background:linear-gradient(90deg,#f9fbff,#fff9ee)}.ticker span{color:#3357d2}.section{padding:75px 6.5%;border-bottom:1px solid #e9edf4}.lead{font-size:17px;line-height:2;margin:22px 0;color:#53617c}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px;align-items:center}.intro-grid .lead{margin:0 0 20px;font-size:19px;color:var(--ink)}.intro-grid p:last-child{font-size:12px;color:#6c778d}.promise{list-style:none;margin:0;padding:0}.promise li{padding:17px 0;border-bottom:1px solid var(--line);font-size:16px}.promise span{font:11px Outfit,sans-serif;color:var(--gold);margin-right:13px}.promise b{color:var(--blue)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.section-heading>p{font-size:12px;color:#697790;line-height:2}.demo-section{background:radial-gradient(ellipse at 0 70%,#eff2ff,transparent 65%),#fff;padding-inline:4%}.demo-section .section-heading{padding-inline:3%}.app-window{background:#f5f7fc;margin-top:35px;border:1px solid #d9e1ee;border-radius:13px;overflow:hidden;box-shadow:0 22px 55px #21377b12}.window-top{display:flex;gap:8px;padding:13px 18px;border-bottom:1px solid #e2e7f2;background:#fff;align-items:center;font-size:12px}.app-symbol{display:grid;place-items:center;background:#5d64e7;color:white;border-radius:5px;width:25px;height:25px;font-size:21px}.saved{margin-left:auto;font-size:9px;color:#738b8a}.board-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 20px 14px;gap:10px}.board-heading small{font:7px Outfit,sans-serif;letter-spacing:.18em}.board-heading h3{font-size:20px;margin-top:5px}.small-button{background:#fff;border:1px solid #dce2f0;border-radius:5px;padding:8px 12px;font-size:10px;white-space:nowrap}.small-button:hover{border-color:#6c7de4;color:var(--blue)}.board-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 20px}.board-stats>div{padding:12px;border:1px solid #e0e6f2;background:#fff;border-radius:8px;font-size:9px;color:#75819a}.board-stats b{display:block;font:600 24px Outfit,sans-serif;color:#243352;margin-top:2px}.board-stats b small{font-size:9px;margin-left:5px;color:#8993a8}.board-view{display:flex;gap:12px;align-items:center;margin:0 20px 12px;padding:0 0 10px;border-bottom:1px solid #dce3f0;font-size:8px;color:#8391a9}.board-view b{font-size:10px;color:#6168df}.board-view span:last-child{margin-left:auto}.board-scroll{overflow:auto;padding:0 15px 16px;scrollbar-width:thin;scrollbar-color:#bdc9dd transparent}.board{display:grid;grid-template-columns:repeat(5,205px);gap:10px;min-height:354px}.board-column{background:#ecf1f8;border:1px solid #dfe7f2;border-top:3px solid var(--stage-color);border-radius:8px;min-width:0;transition:background .15s}.board-column.drag-over{background:#dce5fe;outline:2px dashed #7385ed}.column-heading{padding:14px 12px;display:flex;align-items:center;gap:7px;background:#ffffffb0;border-bottom:1px solid #dee6f1;font-size:10px;margin:0}.column-heading i{width:5px;height:5px;border-radius:50%;background:var(--stage-color)}.column-heading span{font:9px Outfit,sans-serif;background:#edf1f7;padding:2px 5px;border-radius:3px}.column-heading b{margin-left:auto;color:#9aaac1;font-size:18px;font-weight:400}.card-list{min-height:275px;padding:10px;display:flex;flex-direction:column;gap:10px}.real-card{display:block;width:100%;text-align:left;padding:12px;background:white;border:1px solid #dce3f0;border-radius:7px;box-shadow:0 2px 4px #23365e04;color:#24304a;cursor:grab;line-height:1.7}.real-card:hover{border-color:#9eade8;box-shadow:0 5px 15px #394e8220}.real-card.dragging{opacity:.5}.card-code{font:7px Outfit,sans-serif;letter-spacing:.08em;display:flex;justify-content:space-between;align-items:center;color:#8791a3}.card-code>span{background:#f2f4f8;padding:0 4px;font-size:7px;letter-spacing:0}.real-card h4{font-size:14px;margin:12px 0 2px;font-weight:700}.real-card h4 small{font-size:8px;margin-left:5px;font-weight:400}.card-project{font-size:9px;margin-bottom:10px}.tags{display:flex;flex-wrap:wrap;gap:4px}.tags>span{font-size:8px;padding:1px 5px;border:1px solid #d8e0f2;border-radius:3px;white-space:nowrap;background:#f4f7ff}.tags>span:nth-child(2){background:#edf9f7;border-color:#c6e6df}.tags>span:nth-child(3){background:#fff3f3;border-color:#f0caca}.tags>span:nth-child(4){background:#fff7e9;border-color:#f0dcba}.tags>span:nth-child(5){background:#f1f3f5;border-color:#d8dee6}.card-person{display:flex;justify-content:space-between;font-size:8px;color:#7c89a0;margin:15px 0 12px}.card-person i{font-style:normal;border-radius:50%;padding:3px 5px;background:#edf1fa}.card-history{border-top:1px solid #edf0f6;padding-top:10px;display:flex;gap:8px;font-size:8px}.card-history>span:last-child{margin-left:auto}.card-input{display:flex;justify-content:space-between;font-size:8px;color:#8896ad;border:1px solid #e3e8f3;background:#fafbff;border-radius:3px;margin-top:12px;padding:5px}.card-input b{color:#aab7e8}.empty-column{font-size:9px;color:#8e9bb0;text-align:center;margin-top:68px}.empty-column span{font-size:24px;display:block;color:#596880}.board-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:#fff;border-top:1px solid #e2e7f1;font-size:9px;color:#69816f}.demo-note{font-size:10px;color:#73809b;margin:15px 3%}.demo-hints{display:flex;justify-content:space-between;gap:10px;margin:25px 3% 0;font-size:11px}.demo-hints b{font:12px Outfit,sans-serif;color:var(--blue);margin-right:8px}.portrait-band{position:relative;height:440px;overflow:hidden;background:linear-gradient(110deg,#f3f6ffbb,#ffffffbd),url('assets/office-background-v3.png') center/cover;border-bottom:1px solid #dfe5f0}.portrait-copy{position:relative;z-index:2;padding:65px 0 0 7%;max-width:66%}.portrait-copy h2{font-size:clamp(28px,3.2vw,49px)}.portrait-copy>p:last-child{font-size:13px;color:#6e7c95;margin-top:20px}.portrait-band>img{position:absolute;width:59%;max-width:none;right:-5%;top:7px}.outline-word{position:absolute;bottom:15px;left:5%;font:600 100px/1 Outfit,sans-serif;color:transparent;-webkit-text-stroke:1px #bdc9e1;opacity:.4}.feature{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:45px 0;border-bottom:1px solid var(--line);align-items:center}.feature-no{font:10px Outfit,sans-serif;letter-spacing:.12em;color:#a39065;display:block;margin-bottom:16px}.feature h3{font-size:clamp(19px,1.9vw,28px);letter-spacing:-.04em}.feature p{font-size:12px;line-height:2;color:#718098;margin-top:16px}.feature-card-show{padding:18px 30px;background:radial-gradient(ellipse at center,#edf1ff,transparent 70%)}.feature-card-show .real-card{transform:rotate(4deg);box-shadow:7px 12px 30px #23385d14}.comment-preview{border:1px solid #e2e6f0;border-radius:9px;box-shadow:0 8px 25px #2a40600c;background:#fff;padding:17px;font-size:10px}.comment-title{border-bottom:1px solid #e4e8f0;padding-bottom:12px;font-size:12px}.comment-title b{font-size:9px;color:#5e6ae3;margin-left:10px}.comment-preview>div:not(:first-child){display:flex;gap:9px;padding:12px 0;border-bottom:1px solid #eef0f5}.comment-preview i{background:#eff2fa;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font:9px Outfit,sans-serif;flex-shrink:0}.comment-preview p{font-size:9px;line-height:1.9;margin:0;color:#53617b}.comment-preview b{display:block;font-weight:500}.comment-preview small{color:#98a2b3;font-size:8px;margin-left:5px}.comment-preview>small{display:block;margin-top:10px}.tag-preview{border:1px solid #e1e6f1;border-radius:9px;padding:22px;background:linear-gradient(150deg,#fbfcff,#eef2fb)}.tag-preview>div:first-child{display:flex;gap:7px;align-items:center;font-size:9px;white-space:nowrap}.tag-preview>div:first-child>span{background:#fff;border-top:2px solid #8a82e0;padding:10px 7px;box-shadow:0 4px 8px #2b39520c}.tag-preview i{font-style:normal;color:#aab3c5}.tag-preview p{font-size:10px;margin:20px 0 12px}.attachment-note{display:flex;align-items:center;gap:15px;padding:26px 0 0}.attachment-note>span{font-size:32px;color:var(--blue)}.attachment-note b{font-size:13px}.attachment-note p{font-size:11px;color:#748098;margin-top:5px}.attachment-note>small{margin-left:auto;font-size:8px;white-space:nowrap;color:#7e899c}.team-section{position:relative;min-height:490px;overflow:hidden;background:radial-gradient(ellipse at 80% 70%,#e6ecf9,transparent 65%),linear-gradient(110deg,#faf9f5,#fff)}.team-copy{position:relative;z-index:2;max-width:75%}.team-copy h2{font-size:clamp(26px,2.5vw,39px)}.team-copy>p:not(.eyebrow){font-size:12px;color:#718098;margin-top:25px}.team-section>img{position:absolute;width:65%;max-width:none;right:-11%;top:0}.team-members{display:flex;align-items:center;margin:25px 0}.team-members span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dce5f4;border:2px solid #fff;color:#6c82a7;margin-right:-7px;font:11px Outfit,sans-serif}.team-members span:nth-child(2){background:#f4e7d9}.team-members span:nth-child(3){background:#dcece3}.team-members b{font-size:10px;font-weight:500;margin-left:18px}.connection{display:grid;grid-template-columns:1fr 30px 1fr;gap:15px;align-items:center;margin-top:40px}.connection>div>img{height:66px;width:100%;object-fit:contain}.connection>div>span{font-size:10px;color:#7c89a1;display:block;text-align:center;margin:12px 0 24px}.connection-arrow{font-size:28px;color:var(--blue)}.form-example,.connection-example{border:1px solid #dce3f0;background:#fff;border-radius:8px;padding:20px;min-height:180px;box-shadow:0 8px 20px #1f32640a;display:flex;flex-direction:column}.form-example small{font-size:8px;color:#8691a3;margin:4px 0}.form-example b{font-size:10px;font-weight:400;background:#f7f9fc;padding:6px 8px;border:1px solid #e8ecf2;border-radius:3px;margin-bottom:6px}.connection-example>small{font-size:9px;color:#568eac}.connection-example>b{font-size:17px;margin-top:15px}.connection-example b small{font-size:8px}.connection-example p{font-size:10px;margin:8px 0}.connection-example>span{font-size:9px;color:#7b8cb0;border-top:1px solid #e8ecf4;padding-top:13px}.fineprint{font-size:10px;color:#77839a;line-height:1.9;margin-top:22px}.connect .text-link{margin-top:18px}.pricing{background:radial-gradient(ellipse at right top,#f5efdca3,transparent 55%),#fff}.free-plan{border:1px solid #bac9f3;border-radius:7px;background:linear-gradient(120deg,#fff,#edf2ff);box-shadow:7px 8px 0 -2px #e0e8fa;display:flex;align-items:center;gap:15px;padding:25px;margin-top:34px;flex-wrap:wrap}.free-plan>div:first-child{flex:1}.free-plan small{font:9px Outfit,sans-serif;color:#6e80b3;letter-spacing:.12em}.free-plan h3{font-size:20px}.free-plan p{font-size:11px;color:#74839c}.free-price{display:flex;align-items:baseline;gap:8px;color:var(--blue)}.free-price b{font:500 95px/1 Outfit,sans-serif}.free-price span{font-size:13px}.free-plan .button{width:100%;font-size:13px;min-height:45px;padding:13px}.table-scroll{overflow:auto;margin-top:32px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}caption{text-align:left;font-size:10px;color:#7e8ca4;margin-bottom:12px}th,td{padding:17px 10px;border-bottom:1px solid #e0e6f1}th{font-weight:500;font-size:12px}thead th{font-size:10px;color:#7a879f}td b{font:500 24px Outfit,sans-serif;margin-right:4px}td{font-size:11px}th small{display:block;font-size:8px;color:var(--blue)}.recommended{background:linear-gradient(90deg,#eef3ff,transparent)}.pricing .text-link{margin-top:20px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;padding:22px 0;font-size:13px;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#7d8bb2;font-size:20px;font-weight:400}.faq details p{padding:0 0 24px;font-size:12px;color:#68758d;line-height:2}.faq details[open] summary span{transform:rotate(45deg)}.closing{position:relative;overflow:hidden;min-height:470px;padding:60px 6.5%;background:linear-gradient(95deg,#fffdf8ee,#f3f6ff9c),url('assets/office-background-v3.png') center/cover}.closing>div{position:relative;z-index:2;width:65%}.closing h2{font-size:clamp(29px,3.3vw,48px)}.closing>div>p:not(.eyebrow){font-size:12px;color:#718098;margin:23px 0}.closing .button{display:flex;max-width:230px}.closing .line-link{margin-top:20px}.closing>img{position:absolute;width:110%;max-width:none;right:-50%;bottom:0}.site-footer{text-align:center;padding:40px 6.5%;background:#fff}.site-footer>img{width:190px;margin:auto}.site-footer nav{display:flex;justify-content:center;gap:13px 18px;flex-wrap:wrap;margin:25px 0}.site-footer nav a{font-size:9px;color:#67758f;text-decoration:underline;text-underline-offset:4px}.site-footer>small{font:9px Outfit,sans-serif;color:#9aa3b3}.sticky{position:fixed;bottom:0;left:var(--rail);width:var(--center);z-index:20;display:flex;align-items:center;gap:13px;padding:12px 24px;background:#fffffff2;backdrop-filter:blur(12px);border-top:1px solid #dfe5f0;box-shadow:0 -4px 30px #253e6c05}.sticky>div{margin-right:auto}.sticky small{display:block;font-size:8px;color:#7b88a0}.sticky b{font-size:11px}.sticky>a{background:var(--blue);color:white;border-radius:4px;padding:10px 20px;font-size:12px;white-space:nowrap}.sticky>a.sticky-line{background:#f0f7f2;border:1px solid #d0e5d9;color:#287152;padding-inline:13px;font-size:10px}dialog{width:min(520px,92vw);max-height:85svh;overflow:auto;padding:28px;border:1px solid #dce3f0;border-radius:14px;color:var(--ink);box-shadow:0 30px 100px #14214240}dialog::backdrop{background:#16274070;backdrop-filter:blur(4px)}dialog h2{font-size:25px}dialog>.eyebrow{font-size:9px;margin-bottom:12px}dialog>p:not(.eyebrow){font-size:12px;color:#6f7d96}.dialog-close{position:absolute;top:12px;right:15px;border:0;background:none;font-size:26px;color:#7d8aa1}.stage-select{display:flex;align-items:center;gap:20px;font-size:12px;margin:20px 0}.stage-select select{padding:7px 14px;border:1px solid #d7e0ef;border-radius:5px;color:#4661a7;background:#f6f8ff}.dialog-tags span{font-size:10px}.dialog-tabs{display:flex;border-bottom:1px solid #dfe5ef;margin-top:24px}.dialog-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 15px;font-size:12px}.dialog-tabs button[aria-selected=true]{border-color:var(--blue);color:var(--blue)}.dialog-tabs span{font-size:10px;margin-left:6px}dialog dl>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f6;font-size:12px}dialog dt{color:#8791a6}dialog dd{margin:0}dialog dd small{color:#94a1b5;font-size:9px}#comment-list>div{padding:14px 0;border-bottom:1px solid #e7ecf4;font-size:12px}#comment-list b{font-size:10px;color:#5b6c89}#comment-list small{font-size:9px;color:#9aa4b6;margin-left:12px}#comment-list p{margin-top:7px;overflow-wrap:anywhere}#comment-form{margin:15px 0}#comment-form label{font-size:11px}#comment-form>div{display:flex;gap:8px;margin-top:7px}#comment-input{width:100%;min-width:0;border:1px solid #dce3ef;padding:9px;border-radius:4px;font-size:12px}#comment-form button{background:var(--blue);color:#fff;border:0;border-radius:4px;padding:0 14px;white-space:nowrap}#comment-form p{font-size:9px;color:#8b96ab;margin-top:7px}.dialog-note{font-size:10px!important;margin:20px 0}.dialog-close-bottom{width:100%;font-size:12px;min-height:44px;padding:12px} [hidden]{display:none!important}
@media(min-width:1600px){:root{--rail:21%;--center:58%}.hero-stage{height:650px}.hero-copy{padding-top:40px}.hero-person{right:-30%}.hero-description{font-size:14px}.float-card{width:265px;padding:22px}.float-card>b{font-size:23px}.float-card>p{font-size:11px}.float-card>small{font-size:10px}.float-done{padding:20px}.float-done b{font-size:18px}.section{padding-block:90px}.portrait-band{height:500px}.team-section{min-height:560px}.closing{min-height:540px}}
@media(min-width:761px) and (max-width:1100px){:root{--rail:18%;--center:64%}.rail{padding:23px 10%}.rail-title{font-size:18px;margin:12px 0 25px}.left nav a{font-size:8px;gap:6px;padding-block:12px}.left nav small{font-size:7px}.rail-login{font-size:9px}.rail-bottom>span{font-size:39px}.rail-bottom>small{font-size:7px}.right h2{font-size:17px}.right>.eyebrow{font-size:6px;letter-spacing:0}.right-note{font-size:7px}.right-price b{font-size:87px}.round-cta{font-size:9px;gap:5px}.right-price-link,.right>.line-link{font-size:8px}.right-bottom{font-size:9px}.hero-stage{height:485px}.hero h1{font-size:clamp(40px,5.6vw,59px)}.hero-description{font-size:10px}.hero-copy{padding-top:20px}.handnote{font-size:12px}.seal{width:78px;height:78px;right:8%;top:-24px;font-size:7px}.seal strong{font-size:10px}.hero-eyebrow>span:last-child{font-size:7px}.float-card{width:172px;padding:12px}.float-card>b{font-size:15px}.float-card>p{font-size:7px}.float-done{padding:10px;gap:6px}.float-done b{font-size:11px}.float-done small{font-size:6px}.float-done i{width:25px;height:25px}.hero-actions{gap:12px;flex-wrap:wrap}.hero-actions .button{font-size:12px;padding:13px 17px;min-height:45px}.hero-actions .text-link{font-size:10px}.section{padding-block:55px}.section-heading>p{font-size:10px}.intro-grid{gap:20px}.intro-grid .lead{font-size:16px}.promise li{font-size:12px}.feature{gap:20px}.feature h3{font-size:19px}.feature p{font-size:10px}.feature-card-show{padding:10px}.comment-preview{padding:12px}.tag-preview{padding:13px}.tag-preview>div:first-child{gap:4px;font-size:7px}.tag-preview>div:first-child>span{padding:8px 5px}.portrait-band{height:360px}.portrait-copy{padding-top:50px}.portrait-copy h2{font-size:29px}.team-section{min-height:420px}.team-copy h2{font-size:25px}.team-copy>p:not(.eyebrow){font-size:11px}.team-members b{font-size:8px}.connection{gap:10px}.connection>div>img{height:48px}.form-example,.connection-example{padding:12px}.connection-example>b{font-size:14px}.closing{min-height:420px}.sticky{padding:10px 14px;gap:8px}.sticky>a{font-size:10px;padding:10px 13px}.sticky b{font-size:9px}.sticky>a.sticky-line{font-size:9px;padding:10px}.attachment-note>small{display:none}}
@media(max-height:800px) and (min-width:761px){.rail{padding-top:22px;padding-bottom:22px}.brand{margin-bottom:14px}.rail-title{margin-bottom:22px}.left nav a{padding-block:9px}.rail-login{margin-block:18px 10px}.rail-bottom{padding-top:12px}.rail-bottom>span{font-size:45px}.right>.eyebrow{margin-bottom:22px}.right-note{margin-top:23px}.right-price b{font-size:100px}.round-cta{width:145px;margin-top:17px}.right-bottom{padding-top:23px}.right>.line-link{margin-top:14px}}
@media(max-width:760px){:root{--rail:0%;--center:100%}body{font-size:13px}.layout{display:block}.rail{display:none}main{padding-bottom:77px}.mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-bottom:1px solid #e1e6f1;background:#fff}.mobile-head>a:first-child{width:135px;margin-right:auto}.mobile-head>a:nth-child(2){font-size:10px;color:#74829b}.mobile-head button{background:none;border:1px solid #e1e6f0;border-radius:4px;padding:4px 9px;font-size:18px}#mobile-menu{display:flex;flex-direction:column;padding:12px 22px;background:white;border-bottom:1px solid #dce4f1}#mobile-menu a{padding:11px 0;font-size:12px}.hero-eyebrow{padding:18px 6%;font-size:8px}.hero-eyebrow>span:last-child{font-size:7px}.hero-logo{width:87%;margin:12px 6% 3px}.hero-stage{height:480px}.hero-copy{padding-top:16px;width:70%}.handnote{font-size:12px;margin-bottom:12px}.hero h1{font-size:clamp(45px,10.5vw,75px);line-height:1.4}.hero h1 em:after{height:11px;bottom:5px}.hero-description{font-size:10px;margin-top:19px;max-width:47%;line-height:2}.hero-person{width:166%;right:-67%;bottom:0}.seal{width:71px;height:71px;top:22px;right:8%;font-size:7px;outline-offset:3px}.seal strong{font-size:10px}.float-card{width:165px;padding:11px;left:6%;bottom:18px}.float-card>b{font-size:15px;margin-top:7px}.float-card>p{font-size:7px}.float-card>small{font-size:7px}.float-card>div span{font-size:7px}.float-card footer{font-size:8px;margin-top:7px;padding-top:5px}.float-done{padding:10px;right:4%;bottom:26px;gap:6px}.float-done b{font-size:10px}.float-done small{font-size:6px}.float-done i{width:24px;height:24px;font-size:12px}.hero-actions{gap:12px;flex-wrap:wrap;padding-top:20px}.hero-actions>p{font-size:8px}.hero-actions strong{font-size:13px}.hero-actions strong b{font-size:38px}.hero-actions .button{font-size:12px;min-height:45px;padding:13px 23px;margin-left:auto}.hero-actions .text-link{font-size:10px;width:100%;text-align:right}.hero-note{font-size:8px;padding-bottom:17px}.ticker{font-size:17px;padding:15px 0}.section{padding:48px 6%;}.eyebrow{font-size:9px;margin-bottom:18px}h2{font-size:clamp(27px,6.5vw,39px);line-height:1.65}.intro-grid{grid-template-columns:1fr;gap:15px;margin-top:23px}.intro-grid .lead{font-size:17px}.intro-grid p:last-child{font-size:12px}.promise{margin-top:7px}.promise li{font-size:15px;padding:14px 0}.promise span{margin-right:25px}.section-heading{display:block}.section-heading>p{font-size:11px;margin-top:17px}.app-window{margin-top:24px;border-radius:9px}.demo-section{padding-inline:4%}.demo-section .section-heading{padding-inline:2%}.board-heading{padding:16px 12px 13px}.board-heading h3{font-size:18px}.board-stats{gap:6px;padding:0 12px 14px}.board-stats>div{padding:9px 8px;font-size:8px}.board-stats b{font-size:22px}.board-view{margin:0 12px 10px;gap:8px}.board-view span:last-child{display:none}.window-top{padding:10px 12px}.board{grid-template-columns:repeat(5,205px)}.board-scroll{padding-inline:9px}.board-bottom{flex-direction:column;align-items:flex-start;padding:12px;font-size:9px;gap:10px}.board-bottom button{align-self:flex-end}.demo-note{font-size:9px;line-height:1.8}.demo-hints{flex-direction:column;gap:11px;font-size:10px;margin-top:20px}.portrait-band{height:375px}.portrait-copy{padding:45px 0 0 6%;max-width:68%}.portrait-copy h2{font-size:clamp(25px,5.8vw,38px)}.portrait-copy>p:last-child{font-size:11px;margin-top:18px}.portrait-band>img{width:90%;right:-22%;top:40px}.outline-word{font-size:67px;bottom:25px}.feature{grid-template-columns:1fr;gap:22px;padding:32px 0}.feature h3{font-size:23px}.feature-no{font-size:9px;margin-bottom:12px}.feature p{font-size:12px;margin-top:13px}.feature-card-show{padding:5px 13% 13px}.feature-card-show .real-card{max-width:270px;margin:auto;padding:17px}.feature-card-show .real-card h4{font-size:18px}.feature-card-show .card-project{font-size:11px}.feature-card-show .card-history,.feature-card-show .card-person,.feature-card-show .tags>span{font-size:10px}.comment-preview{padding:20px}.comment-preview>div:not(:first-child){padding:15px 0}.comment-preview p{font-size:11px;margin:0}.tag-preview{padding:24px}.tag-preview>div:first-child{justify-content:space-between;font-size:11px}.tag-preview>div:first-child>span{padding:11px}.tag-preview p{font-size:11px}.tag-preview .tags span{font-size:10px}.attachment-note{align-items:start;gap:12px}.attachment-note b{font-size:12px}.attachment-note p{font-size:11px}.attachment-note>small{display:none}.team-section{min-height:450px}.team-copy{max-width:90%}.team-copy h2{font-size:clamp(24px,5.5vw,36px)}.team-copy>p:not(.eyebrow){font-size:11px;max-width:61%;margin-top:22px}.team-section>img{width:105%;right:-39%;top:97px}.team-members{display:flex;flex-wrap:wrap;max-width:59%;gap:0;margin-top:25px}.team-members span{width:28px;height:28px}.team-members b{width:100%;font-size:9px;margin:10px 0}.team-copy .text-link{font-size:10px}.lead{font-size:15px}.connection{gap:8px;grid-template-columns:1fr 20px 1fr;margin-top:28px}.connection>div>img{height:45px}.connection>div>span{font-size:8px;margin:10px 0 15px}.connection-arrow{font-size:19px}.form-example,.connection-example{min-height:160px;padding:12px}.form-example b{font-size:8px;padding:4px}.form-example small{font-size:7px}.connection-example>b{font-size:13px}.connection-example p{font-size:8px}.connection-example>span{font-size:7px}.fineprint{font-size:9px}.free-plan{padding:20px;margin-top:26px}.free-plan h3{font-size:19px}.free-price b{font-size:80px}.free-plan .button{font-size:12px}.table-scroll{margin-top:27px}th,td{padding:15px 6px}th{font-size:10px}td{font-size:10px}td b{font-size:22px}thead th{font-size:9px}.pricing .text-link{font-size:11px}.faq summary{font-size:12px;padding:20px 0}.faq details p{font-size:11px}.closing{min-height:450px;padding:45px 6%}.closing>div{width:77%}.closing h2{font-size:clamp(28px,7vw,42px)}.closing>div>p:not(.eyebrow){font-size:11px;margin:18px 0}.closing>img{width:160%;right:-90%;bottom:0}.closing .button{max-width:190px;font-size:12px;min-height:48px;padding:13px}.closing .line-link{font-size:11px}.site-footer{padding:35px 7%}.site-footer>img{width:165px}.site-footer nav{gap:10px 15px}.sticky{padding:10px 14px;gap:8px;left:0;width:100%}.sticky small{font-size:7px}.sticky b{font-size:9px}.sticky>a{font-size:10px;padding:11px 13px}.sticky>a.sticky-line{font-size:9px;padding:10px 9px}dialog{padding:23px 20px}dialog h2{font-size:23px}.stage-select select,#comment-input{font-size:16px}.dialog-tabs button{font-size:11px;padding-inline:12px}}
@media(max-width:370px){.hero-stage{height:465px}.hero-description{font-size:9px}.float-card{width:152px}.float-done{right:3%;padding:8px}.float-done i{display:none}.hero-actions .button{padding-inline:17px}.seal{right:6%;top:32px;width:63px;height:63px}.sticky>div{display:none}.sticky>a:first-of-type{flex:1}.team-copy h2{font-size:23px}.connection-example>b{font-size:12px}.free-plan{padding:16px}td b{font-size:19px}.portrait-copy h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Review adjustments: separate the floating card from the lead copy. */
@media(min-width:1101px) and (max-width:1599px){.hero-stage{height:620px}.hero-person{bottom:0}.hero-description{margin-top:25px}}
@media(min-width:761px) and (max-width:1100px){.hero-stage{height:540px}}
@media(max-width:760px){.hero-description{max-width:none;width:170px;line-height:2}.hero-person{right:-75%;bottom:-30px}}

/* Make the interactive demo invitation easy to notice. */
#demo .section-heading>.demo-instruction{color:#111;font-size:15px;font-weight:700;line-height:1.95;flex-shrink:0}
@media(min-width:761px) and (max-width:1100px){#demo .section-heading{flex-direction:column;align-items:flex-start;gap:20px}}
@media(max-width:760px){#demo .section-heading>.demo-instruction{font-size:14px;line-height:1.9}}

.demo-highlight{color:inherit;background:linear-gradient(transparent 36%,#ffeb82 36%,#ffeb82 94%,transparent 94%);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

.photo-demo-card{border:1px solid #bcc9ed;border-radius:8px;background:#fff;overflow:hidden}.photo-demo-card>.real-card{border:0;border-radius:0;box-shadow:none}.photo-attachment-button{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid #e1e6f1;background:linear-gradient(120deg,#f0f4ff,#fff);padding:9px 12px;width:100%;text-align:left;color:#2442bc;cursor:pointer}.photo-attachment-button img{width:42px;height:42px;object-fit:contain;background:#edf2ff;border-radius:5px}.photo-attachment-button span{display:grid;gap:2px}.photo-attachment-button b{font-size:12px}.photo-attachment-button small{font-size:10px}.photo-attachment-button:hover{background:#e9efff}.detail-photo-button{border:1px solid #c9d3ec;border-radius:6px;padding:8px 15px;background:#f3f6ff;color:#2546ce}#photo-dialog{width:min(760px,94vw);padding:20px;max-height:92svh}#photo-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}#photo-dialog .eyebrow{margin-bottom:4px;font-size:9px}#photo-title{font-size:21px}#photo-close{border:1px solid #dfe5ed;border-radius:50%;width:40px;height:40px;background:white;font-size:27px;line-height:1;flex-shrink:0}.photo-view{background:radial-gradient(ellipse at 50% 15%,#fff,#edf3ff);border:1px solid #e1e7f1;border-radius:9px;padding:12px;display:flex;justify-content:center}.photo-view img{width:auto;max-width:100%;height:auto;max-height:65svh;object-fit:contain}.photo-caption{text-align:center;font-size:11px;color:#68738a;margin-top:10px}@media(max-width:760px){#photo-dialog{padding:14px}.photo-view{padding:8px}#photo-title{font-size:19px}}

/* Form-to-board integration concept demo */
#connect{background:radial-gradient(ellipse at 90% 48%,#edf2ff88,transparent 58%),linear-gradient(175deg,#fff 30%,#fafbff 70%,#fff)}.connect-status{font-size:13px;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px}.connect-status span{font-size:10px;font-weight:500;padding:3px 8px;border:1px solid #c8d2ee;border-radius:4px;color:#4b5f88}#connect h2{font-size:clamp(28px,3.3vw,49px);line-height:1.55;letter-spacing:-.055em}.connect-promise{font-size:clamp(18px,2vw,28px);font-weight:800;margin-top:22px}.connect-promise mark{color:#1c2639;background:linear-gradient(transparent 50%,#ffec9a 50%,#ffec9a 95%,transparent 95%);padding:0 .08em}.connect-intro{font-size:14px;line-height:2;margin-top:22px;color:#394962}.connect-intro strong{font-weight:600}.connect-benefits{display:flex;flex-wrap:wrap;gap:10px 20px;margin:27px 0 34px;font-size:12px;font-weight:700}.connect-benefits b{font:500 13px Outfit,sans-serif;color:#b29b62;margin-right:7px}.link-demo{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:12px;align-items:start}.link-source>img,.link-destination>img{width:100%;height:73px;object-fit:contain}.link-step{font-size:11px;font-weight:700;text-align:center;margin:15px -5px 18px}.link-form{background:#fff;border:1px solid #dce3f0;border-radius:9px;padding:16px;box-shadow:0 12px 30px #2c4de508;min-height:270px}.link-form>small:not(.link-demo-only){display:block;color:#586b86;font-size:10px;margin-bottom:5px}.link-form>b,.link-form>p{display:block;font-size:12px;font-weight:500;background:#f6f8fc;border:1px solid #e4e8f1;border-radius:4px;padding:9px;margin-bottom:13px;line-height:1.8}.link-form button{width:100%;border:0;border-radius:6px;background:linear-gradient(135deg,#4a61ee,#294bdf);color:white;font-size:12px;font-weight:700;padding:12px 8px;display:flex;justify-content:center;gap:12px}.link-form button:hover{box-shadow:0 5px 15px #2c4de52a}.link-demo-only{display:block!important;font-size:8px;color:#697991;text-align:center;margin-top:9px;line-height:1.8}.link-transfer{align-self:center;color:#2c4de5;display:grid;justify-items:center;position:relative}.link-transfer b{font-size:12px;white-space:nowrap}.link-transfer>span{font:400 46px/1.2 Outfit,sans-serif}.link-transfer i{width:7px;height:7px;border-radius:50%;background:#b5c2ff;position:absolute;bottom:-12px}.link-lane{background:linear-gradient(150deg,#f0f4fb,#f8faff);border:1px solid #dce3f0;border-top:3px solid #26b9c8;border-radius:9px;min-height:270px}.link-lane-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e1e8f3;padding:13px 12px;font-size:11px}.link-lane-head>i{width:6px;height:6px;background:#25b9c8;border-radius:50%}.link-lane-head>span{background:white;border-radius:4px;font-size:10px;padding:1px 6px}.link-card-slot{padding:12px}.link-empty{font-size:11px;color:#586b86;text-align:center;padding:46px 0;line-height:2}.link-new-card{background:white;border:1px solid #d9e1f0;border-radius:7px;padding:13px;box-shadow:0 8px 18px #22376610}.link-new-card>small{font-size:8px;color:#3b7c99;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.link-new-card>small>span{color:#7b8499}.link-new-card h3{font-size:17px;margin:10px 0 5px}.link-new-card h3 small{font-size:9px;font-weight:400}.link-new-card>p{font-size:10px;line-height:1.9;margin-bottom:12px}.link-new-card footer{font-size:8px;color:#687891;border-top:1px solid #e8ecf4;padding-top:9px;margin-top:12px;display:flex;justify-content:space-between}.link-result{font-size:12px;font-weight:700;color:#2746cc;text-align:center;margin-top:22px;min-height:2em}.connect-summary{padding-top:27px;margin-top:24px;border-top:1px solid #dce3ef}.connect-summary>b{font-size:23px;letter-spacing:-.035em}.connect-summary p{font-size:13px;margin-top:12px;color:#465773;line-height:2}.connect-disclosure{font-size:10px;color:#586983;margin-top:25px}.link-arrive{animation:link-arrive .65s cubic-bezier(.16,1,.3,1)}.link-pulse{animation:link-pulse .6s ease}@keyframes link-arrive{from{opacity:0;transform:translateX(-25px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes link-pulse{50%{transform:translateX(8px);color:#8f73f0}}@media(min-width:761px) and (max-width:1100px){.link-demo{gap:7px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.link-form{padding:11px}.link-transfer>span{font-size:34px}.link-step{font-size:9px}.link-new-card h3{font-size:14px}}@media(max-width:760px){#connect h2{font-size:clamp(26px,6.7vw,40px)}.connect-status{font-size:12px;gap:7px;margin-bottom:20px}.connect-status span{font-size:9px}.connect-promise{font-size:21px;margin-top:18px}.connect-intro{font-size:12px}.connect-intro strong{font-size:11px}.connect-benefits{gap:10px 12px;font-size:10px;margin:23px 0}.connect-benefits b{font-size:11px;margin-right:4px}.link-demo{grid-template-columns:1fr;gap:15px}.link-source>img,.link-destination>img{height:65px;max-width:270px;margin:auto}.link-step{font-size:12px;margin:8px 0 12px}.link-form{min-height:0;padding:16px}.link-form>b,.link-form>p{font-size:13px}.link-form button{font-size:14px}.link-demo-only{font-size:9px}.link-transfer{grid-template-columns:auto auto;align-items:center;justify-content:center;gap:10px;height:46px}.link-transfer>span{transform:rotate(90deg);font-size:40px}.link-transfer i{display:none}.link-lane{min-height:230px}.link-empty{padding:35px 0;font-size:12px}.link-new-card h3{font-size:19px}.link-new-card>p{font-size:12px}.link-new-card>small{font-size:9px}.link-new-card footer{font-size:9px}.link-result{font-size:11px}.connect-summary>b{font-size:21px}.connect-summary p{font-size:12px}.connect-disclosure{font-size:10px}.connect .text-link{font-size:11px}@keyframes link-arrive{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.link-arrive,.link-pulse{animation:none}}

.hero-name{position:absolute;z-index:3;right:5%;bottom:130px;width:clamp(180px,17vw,245px);pointer-events:none;filter:drop-shadow(0 0 7px #ffffffc0)}.hero-name img{width:100%;height:auto}
@media(max-width:760px){.hero-name{right:5%;bottom:126px;width:151px}}
@media(max-width:370px){.hero-name{right:4%;bottom:120px;width:135px}}

/* Combined monthly pricing */
.form-plan-picker{border:0;padding:0;margin:40px 0 0;min-width:0}.form-plan-picker legend{font-weight:700;font-size:16px;padding:0}.form-plan-picker>p{font-size:11px;color:var(--muted);margin:6px 0 15px}.form-plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.form-plan-options label{position:relative;cursor:pointer;min-width:0}.form-plan-options input{position:absolute;opacity:0;width:1px;height:1px}.form-plan-options label>span{display:flex;flex-direction:column;padding:14px 12px;border:1px solid #d5deed;border-radius:8px;background:linear-gradient(140deg,#fff,#f6f8fd);transition:border-color .15s,box-shadow .15s}.form-plan-options input:checked+span{border:2px solid var(--blue);padding:13px 11px;box-shadow:0 5px 18px #294de111}.form-plan-options input:focus-visible+span{outline:3px solid #8ca5ff;outline-offset:3px}.form-plan-options strong{font-size:11px}.form-plan-options b{font:500 28px/1.5 Outfit,sans-serif;color:var(--blue);margin:4px 0}.form-plan-options b small{font:400 9px 'Noto Sans JP',sans-serif;margin-left:4px;color:var(--ink)}.form-plan-options em{font-size:10px;color:var(--muted)}.bundle-pricing{margin-top:24px}.bundle-pricing table{table-layout:fixed;white-space:normal}.bundle-pricing thead th:first-child{width:25%}.bundle-pricing th,.bundle-pricing td{padding:19px 9px;vertical-align:middle}.bundle-pricing thead th{font-size:11px;color:var(--ink);font-weight:600}.bundle-pricing tbody th{font-size:12px}.bundle-pricing .price-number{display:flex;align-items:baseline;gap:2px;white-space:nowrap}.bundle-pricing td b{font-size:28px;margin:0}.bundle-pricing td small{display:block;font-size:10px;line-height:1.7;color:#66748b;margin-top:7px}.bundle-pricing .combined-fee,.bundle-pricing .total-heading{background:#edf2ff70;color:var(--blue)}.bundle-pricing .combined-fee b{font-weight:600}.bundle-pricing .combined-fee small{color:#566bb0}.bundle-summary{font-size:15px;font-weight:700;color:var(--blue);border-bottom:1px solid var(--line);padding:21px 0;margin-bottom:18px}.pricing-links{display:flex;flex-wrap:wrap;gap:0 24px}.pricing-links .text-link{font-size:11px}
@media(max-width:760px){.form-plan-picker legend{font-size:14px}.form-plan-options{gap:6px}.form-plan-options label>span{padding:10px 7px}.form-plan-options input:checked+span{padding:9px 6px}.form-plan-options strong{font-size:10px}.form-plan-options b{font-size:24px}.form-plan-options b small{font-size:8px;margin-left:2px}.form-plan-options em{font-size:9px}.bundle-pricing th,.bundle-pricing td{padding:15px 4px}.bundle-pricing thead th{font-size:9px;word-break:keep-all;overflow-wrap:anywhere}.bundle-pricing tbody th{font-size:9px}.bundle-pricing th small{font-size:7px}.bundle-pricing td b{font-size:22px}.bundle-pricing td .price-number>span{font-size:8px}.bundle-pricing td small{font-size:8px}.bundle-pricing thead th:first-child{width:24%}.bundle-summary{font-size:12px}.pricing .free-price span{font-size:10px}}
@media(max-width:370px){.bundle-pricing td b{font-size:19px}.form-plan-options b{font-size:21px}.form-plan-options strong{font-size:9px}.bundle-pricing tbody th{font-size:8px}}

.free-plan .free-link-note{flex-basis:100%;font-size:12px;font-weight:700;color:var(--ink);line-height:1.7}.connect-disclosure strong{font-weight:700;color:var(--ink);font-size:12px}

.free-plan h3{word-break:keep-all;overflow-wrap:normal}

.attachment-limits{display:block;margin-top:18px;font-size:10px;line-height:1.9;color:#718098}.attachment-preview{padding:18px;border:1px solid #dce3f1;border-radius:9px;background:linear-gradient(145deg,#fff,#f1f5ff);box-shadow:0 8px 25px #2a406009}.attachment-preview header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5ef;padding-bottom:12px;margin-bottom:12px;gap:8px}.attachment-preview header b{font-size:12px}.attachment-preview header span{font-size:8px;color:#7b88a0}.attachment-photo{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e0e6f0;border-radius:6px;overflow:hidden}.attachment-photo img{width:83px;height:112px;object-fit:contain;object-position:center bottom;background:linear-gradient(145deg,#f6fbff,#e5f0fc)}.attachment-photo b{font-size:11px;display:block}.attachment-photo div>span{display:block;font-size:9px;color:#7b88a0;margin-top:5px}.attachment-file{display:flex;align-items:center;gap:9px;padding:10px 0 0;font-size:10px}.attachment-file>span{font:500 9px Outfit,sans-serif;padding:5px;background:#fff;border:1px solid #dfe5ef;border-radius:4px;color:#5970ae}.attachment-file b{font-weight:500}.attachment-file i{font-style:normal;color:var(--blue);margin-left:auto}@media(max-width:760px){.attachment-preview{padding:14px}.attachment-limits{font-size:9px}}

.feature.feature-artwork{display:block;padding:0;border-bottom:0;margin-top:30px}.feature-artwork>img{display:block;width:100%;height:auto}

/* Feature 02: original supplied portrait alongside the handover copy. */
.history-explain{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;align-items:center;margin-top:10px}.history-explain>p{margin-top:0}.history-portrait{position:relative;margin:0;isolation:isolate}.history-portrait:before{content:"";position:absolute;z-index:-1;left:-8%;right:-8%;top:16%;bottom:7%;border-radius:50%;background:linear-gradient(145deg,#f7f4ec,#edf2ff)}.history-portrait img{width:100%;height:auto}.feature-history .comment-preview{align-self:center}@media(min-width:761px) and (max-width:1100px){.history-explain{grid-template-columns:minmax(0,1fr) 104px;gap:10px}}@media(max-width:760px){.history-explain{grid-template-columns:minmax(0,1fr) 128px;gap:20px;margin-top:14px}.history-explain>p{margin-top:0}.feature-history{gap:18px}}@media(max-width:370px){.history-explain{grid-template-columns:minmax(0,1fr) 112px;gap:14px}}

/* Shared-board video: one responsive media box prevents avatar/board drift. */
.team-section.team-video-section{display:block;position:relative;min-height:0;padding:0 0 30px;overflow:hidden;background:#f5f8fd}
.team-video-figure{margin:0;width:100%;min-width:0}
.team-video-figure video{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;background:#f5f8fd}
.team-video-figure figcaption{position:relative;margin:0;padding:24px 6% 0;color:var(--ink);background:#f5f8fd}
.team-video-figure strong{font-size:clamp(16px,1.5vw,21px);line-height:1.7;display:block}
.team-video-figure p{font-size:12px;line-height:1.9;margin-top:9px;color:#52627d;overflow-wrap:anywhere}
.team-video-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:20px 6% 0}
.team-video-actions .text-link{margin:0;font-size:12px}
.team-video-actions button{border:1px solid #cbd5ea;border-radius:30px;background:#fff;color:#344365;font-size:11px;min-height:36px;padding:6px 14px}
@media(max-width:760px){.team-section.team-video-section{padding-bottom:24px}.team-video-figure figcaption{padding-top:18px}.team-video-figure strong{font-size:16px}.team-video-figure p{font-size:12px}.team-video-actions{gap:12px;padding-top:16px}.team-video-actions .text-link{font-size:11px}}

.team-video-figure figcaption span{display:inline-block}
@media(max-width:370px){#connect h2{font-size:24px}}

/* Keep the closing portrait inside its section, including the top of the head. */
.closing>img{width:auto;height:100%;max-width:none;right:-26%;bottom:0;object-fit:contain}
@media(max-width:760px){
  .closing{min-height:0;padding-bottom:0}
  .closing>div{width:100%}
  .closing>img{position:relative;width:100%;height:auto;max-width:480px;right:auto;bottom:auto;margin:22px auto 0}
}