:root{--ink:#304e59;--teal:#286b79;--cream:#fffdf7;--blue:#e2f0f5;--peach:#ffebdd;--green:#e9f0de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cf853d;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.5;letter-spacing:.035em}h2{font-size:clamp(28px,3.6vw,44px);margin-bottom:26px}h3{font-size:20px}p{font-size:15px}small{font-size:12px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:0}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - 1280px)/2));position:sticky;top:0;z-index:20;background:#fffdf7f5;border-bottom:1px solid #efece1}header .logo{width:210px;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:bold}.button{display:inline-flex;justify-content:center;align-items:center;min-height:57px;padding:13px 28px;color:white;background:var(--teal);border-radius:40px;box-shadow:0 4px 0 #1e505a;font-weight:bold;font-size:15px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button.small{background:#ffdc85;color:var(--ink);min-height:44px;padding:9px 23px;box-shadow:none}.text-link{display:block;font-size:13px;margin-top:23px;text-decoration:underline;text-underline-offset:6px}.eyebrow,.number{font-size:11px;letter-spacing:.22em;font-weight:bold;color:#537f88}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:10px;padding-top:70px;padding-bottom:70px;align-items:center}.hero h1{font-size:clamp(40px,4.4vw,61px);line-height:1.45;letter-spacing:.055em;margin-bottom:26px}.hero h1 span{background:linear-gradient(transparent 73%,#ffe4a6 73%,#ffe4a6 92%,transparent 92%)}.lead{margin-bottom:28px;line-height:2.1}.scene{position:relative;padding:62px 0 120px}.house{mix-blend-mode:multiply}.sun{position:absolute;left:7%;top:5px;font-size:75px;line-height:1;color:#efc967}.cloud{position:absolute;right:4%;top:0;font-size:85px;line-height:1;color:#bddce3;animation:puff 5s steps(4,end) infinite}.tag{position:absolute;font-size:12px;font-weight:bold;padding:7px 15px;background:var(--cream);border:2px solid #e5dac6;border-radius:30px}.tag-one{top:110px;left:-15px}.tag-two{right:-12px;top:50%}.tag-three{bottom:143px;left:0}.cat{border:0;background:transparent;position:absolute;right:5%;bottom:37px;width:165px;padding:0;mix-blend-mode:multiply}.cat-words{position:absolute;bottom:0;right:0;font-size:11px;color:#63808a;margin:0}.intro,.features,.start,.faq{padding:75px 0}.intro{text-align:center;border-top:1px solid #e8e2d6}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0}.three article,.three li{border-radius:27px;padding:32px;text-align:left;list-style:none}.blue{background:var(--blue)}.peach{background:var(--peach)}.green{background:var(--green)}.number{display:block;margin-bottom:35px}.three h3{font-size:19px}.three p{margin-bottom:0}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.record-demo{background:#f3eedb;padding:34px;border-radius:32px;transform:rotate(-1deg)}.pill{display:inline-block;border-radius:20px;background:white;padding:5px 13px;font-size:12px;font-weight:bold;margin-bottom:18px}.record-demo h3{font-size:27px}.paper{background:white;padding:26px;border-radius:8px;box-shadow:7px 8px 0 #e3dcc6}.paper>span{font-size:11px;color:var(--teal)}.paper h4{font-size:24px;margin:12px 0 20px}.paper dl{display:grid;grid-template-columns:70px 1fr;gap:14px;font-size:13px}.paper dt{color:#6c878c}.paper dd{margin:0}.paper-note{padding-top:20px;border-top:1px dashed #d7dfdc;font-size:13px}.record-demo small{display:block;margin-top:22px;font-size:10px}.feature-list article{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid #e6e6da}.feature-list article>span{font-size:13px;color:#c28c5b;padding-top:4px}.feature-list h3{margin-bottom:9px}.feature-list p{margin-bottom:0;font-size:14px}.family{background:#edf4ef;padding:85px 0;margin-top:40px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.four article{background:#fffdf7;padding:25px;border-radius:22px}.four h3{font-size:18px}.four p{font-size:13px;margin-bottom:0}.symbol{font-size:44px;color:#769aa2;display:block;margin-bottom:15px}.coming{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:105px 0 50px;align-items:center}.coming .pill{background:#ffebdd}.coming figure{margin:0}.coming img{border-radius:22px}.coming figcaption{font-size:12px;text-align:center;margin-top:12px}.future-note{font-size:12px;padding:18px;border-left:3px solid #ddc6a1;color:#647c80}.start{text-align:center}.start li{background:white;border:1px solid #e8dfd0}.step{width:40px;height:40px;border-radius:50%;background:#ffe4a6;display:grid;place-items:center;font-weight:bold;margin-bottom:23px}.faq{max-width:800px}.faq details{border-bottom:1px solid #dddcd0;padding:23px 4px}.faq summary{cursor:pointer;font-weight:bold;font-size:16px;min-height:30px}.faq details p{font-size:14px;margin:20px 10px 0;color:#546e76}.final-cta{border-radius:40px;background:#f5edc7;text-align:center;padding:65px 25px;margin-top:45px;margin-bottom:70px}.final-cta h2{font-size:clamp(30px,4vw,46px)}footer{display:flex;align-items:center;gap:25px;padding-bottom:40px;font-size:12px}footer .logo{width:170px;mix-blend-mode:multiply}footer small{margin-left:auto}#motion{background:transparent;border:1px solid #dacfb9;border-radius:22px;padding:7px 13px;font-size:11px}@keyframes puff{50%{transform:translate(12px,-8px) rotate(4deg)}}body.still *,body.still *:before{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}}@media(max-width:850px){.four{grid-template-columns:1fr 1fr}.hero{gap:0}.tag{font-size:10px}.three article,.three li{padding:24px}.feature-layout{gap:30px}.coming{gap:30px}nav{gap:18px}.desktop{display:none}}@media(max-width:620px){.wrap{width:calc(100% - 40px)}header{height:77px;padding:0 18px}header .logo{width:145px}nav{gap:12px;font-size:11px}.button.small{padding:8px 15px;min-height:40px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:25px}.hero-copy{text-align:center}.hero h1{font-size:42px;line-height:1.4;margin-bottom:23px}.eyebrow{font-size:10px}.lead{font-size:13px}.scene{max-width:440px;width:100%;margin:40px auto 0;padding:42px 0 103px}.sun{font-size:53px}.cloud{font-size:58px}.tag-one{left:-5px;top:83px}.tag-two{right:-4px;top:45%}.tag-three{bottom:132px}.cat{width:128px;bottom:25px}.cat-words{font-size:10px}.intro,.features,.start,.faq{padding:45px 0}.three,.four,.feature-layout,.coming{grid-template-columns:1fr;gap:18px}.number{margin-bottom:20px}.three article,.three li{padding:28px}.intro h2{font-size:27px}.record-demo{padding:23px;transform:none}.feature-list article{padding:22px 5px}.family{padding:48px 0;margin-top:20px}.four{grid-template-columns:1fr 1fr;gap:12px}.four article{padding:20px 16px}.four h3{font-size:15px}.four p{font-size:12px}.symbol{font-size:32px}.coming{padding-top:60px}.coming p{font-size:13px}.coming h2{font-size:30px}.coming figure{margin-top:10px}.start>p{font-size:13px}.start li{position:relative;padding-left:80px}.step{position:absolute;left:23px;top:28px}.start h3{font-size:17px}.start li p{font-size:13px}.faq summary{font-size:14px}.final-cta{padding:40px 19px;margin-top:15px;margin-bottom:35px}.final-cta p:not(.eyebrow){font-size:12px}.button{padding:13px 22px;font-size:14px}.text-link{font-size:12px}footer{flex-wrap:wrap;gap:17px}footer .logo{width:145px}footer small{margin-left:0}footer #motion{margin-left:auto}}

.intro-video{text-align:center;padding:45px 0 65px;border-top:1px solid #e8e2d6}.intro-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#edf4ef;border-radius:24px;margin:28px auto 12px}.intro-video .video-note{font-size:12px;color:#546e76}.video-transcript{text-align:left;max-width:800px;margin:30px auto 0;padding:20px 24px;background:#edf4ef;border-radius:18px}.video-transcript summary{cursor:pointer;font-weight:bold}.video-transcript p{margin:18px 0 0;font-size:14px}@media(max-width:620px){.intro-video{padding:35px 0 45px}.intro-video video{border-radius:14px}.intro-video h2{font-size:28px}.video-transcript{padding:16px}}
