@font-face{font-family:system-fallback;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8f0;color:#20271f;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #415ccc;outline-offset:5px}p,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.02;letter-spacing:-.055em;font-weight:600}h1{font-size:clamp(52px,5.65vw,90px);margin-bottom:28px}h2{font-size:clamp(36px,3.5vw,55px);margin-bottom:26px}h3{font-size:30px;margin-bottom:9px}.skip{position:absolute;top:-60px;left:20px;background:white;z-index:10;padding:10px}.skip:focus{top:10px}.preview-bar{text-align:center;background:#222b22;color:#f7f7eb;font-size:11px;letter-spacing:.035em;padding:7px 16px}.header{max-width:1480px;margin:auto;padding:29px 5.2%;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:33px;letter-spacing:-2px;font-weight:800;line-height:1;display:inline-flex;align-items:center;gap:4px}.brand-dot{width:8px;height:8px;background:#9da526;border-radius:50%;align-self:flex-end;margin-bottom:5px}.header nav{display:flex;gap:35px;align-items:center;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:#252f24;color:#fffef0;padding:17px 24px;border-radius:7px;font-size:14px;font-weight:600;border:1px solid #252f24;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#46523d;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{padding:12px 17px;gap:23px;font-size:12px}.hero{max-width:1480px;margin:32px auto 65px;padding:0 5.2%;display:grid;grid-template-columns:1fr 1.05fr;gap:5%;align-items:center}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:24px}.status-dot{height:6px;width:6px;display:inline-block;background:#697348;border-radius:50%}.highlight{position:relative;isolation:isolate;white-space:nowrap}.highlight:after{content:'';position:absolute;z-index:-1;bottom:7%;left:-1%;width:101%;height:31%;background:#e8eb63;transform:rotate(-1deg)}.intro{max-width:450px;font-size:16px;line-height:1.7;color:#56604f;margin-bottom:29px}.hero-actions{display:flex;gap:25px;align-items:center}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #87907c;padding-bottom:4px}.text-link:hover{border-color:#20271f}.fine{font-size:11px;color:#66705f;margin:16px 0 0}.hero-visual{min-width:0;background:#eeeee3;border-radius:12px;overflow:hidden;position:relative}.visual-heading{display:flex;justify-content:space-between;padding:24px 25px 0;font-size:9px;letter-spacing:.09em;font-weight:700;align-items:center}.visual-heading span:last-child{font-size:27px}.display-stage{height:380px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 80%,#dadac7 0,transparent 64%)}.cube{aspect-ratio:1;position:relative;background:linear-gradient(135deg,#fcfcf8 0,#dedfd3 65%,#b8bead 100%);border-radius:13%;padding:10%;box-shadow:12px 18px 1px #bbc0ad,16px 30px 25px #373c272e,inset 1px 2px 2px white;transform:rotate(-6deg)}.cube:after{content:'KH-UBE';font-size:clamp(5px,.65vw,9px);font-weight:bold;letter-spacing:.15em;position:absolute;bottom:2.5%;left:0;right:0;text-align:center;color:#818676}.cube svg{width:100%;height:100%;display:block;border:5px solid #272d28;border-radius:8%;background:#1e272b;box-shadow:0 1px 1px white}.main-cube{width:245px;position:absolute;top:72px;left:27%;z-index:3;transform:rotate(-8deg)}.back-cube{width:164px;position:absolute;left:7%;top:25px;transform:rotate(-15deg);box-shadow:8px 14px 1px #bec2b3,12px 22px 18px #373c272e}.front-cube{width:167px;position:absolute;right:6%;top:221px;z-index:4;transform:rotate(12deg);box-shadow:8px 14px 1px #bec2b3,12px 22px 18px #373c272e}.scene-selector{position:relative;display:flex;justify-content:center;gap:5px;padding:27px 10px 0;z-index:5}.scene-selector button{background:none;border:1px solid transparent;color:#626b5e;font-size:10px;border-radius:30px;padding:8px 12px;cursor:pointer}.scene-selector button.selected{background:#fafaf3;border-color:#d6d8c8;color:#222b22}.visual-caption{text-align:center;font-size:9px;color:#6b7364;padding:12px 16px 20px;margin:0}.family-strip{display:flex;justify-content:space-between;gap:20px;padding:20px 5.2%;border-top:1px solid #dcded2;border-bottom:1px solid #dcded2;font-size:13px}.family-strip span:last-child{font-size:9px;letter-spacing:.1em;align-self:center}.family-section{max-width:1480px;margin:75px auto;padding:0 5.2%}.section-heading{display:grid;grid-template-columns:1fr .8fr .6fr;gap:40px;align-items:end;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading p:not(.eyebrow){font-size:14px;color:#626b5c;max-width:280px;margin-bottom:4px}.section-heading>.text-link{justify-self:end;white-space:nowrap;margin-bottom:4px}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-card{display:block;border-radius:10px;padding:26px 30px;overflow:hidden}.lilac{background:#e4e0ef}.peach{background:#f0dcc9}.card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;font-weight:bold;letter-spacing:.06em}.tag{border:1px solid #92917b;font-weight:400;border-radius:15px;font-size:9px;letter-spacing:0;padding:3px 8px}.card-device{width:180px;margin:36px auto 45px;transition:transform .25s}.feature-card:hover .card-device{transform:rotate(0)}.card-bottom{display:flex;justify-content:space-between;align-items:end;gap:10px}.card-bottom p{margin:0;font-size:13px;color:#525a4e}.round-arrow{width:35px;height:35px;border:1px solid #808571;border-radius:50%;display:grid;place-items:center}.image-note{font-size:10px;color:#697161;margin:13px 0 30px}.product-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d4d7ca;border-bottom:1px solid #d4d7ca;padding:25px 0;gap:22px}.product-links a{display:flex;gap:17px;align-items:center}.product-links a>span:last-child{margin-left:auto;font-size:20px}.tiny-scene{width:51px;height:51px;border:5px solid #d0d3c5;border-radius:8px;background:#253442;color:white;display:grid;place-items:center;font-size:13px;font-weight:700;flex-shrink:0}.tiny-scene.pink{background:#edb6a6;font-size:25px;color:#623d3b}.tiny-scene.green{background:#27382b;font-size:11px;color:#cce1a3}.product-links strong{font-size:14px}.product-links small{display:block;font-size:11px;color:#697360;margin-top:4px}.idea-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:1480px;margin:95px auto;padding:0 5.2%;align-items:center}.idea-section>div:last-child>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#626b5c;max-width:430px}.idea-art{background:#e6eadf;border-radius:50% 50% 8px 8px;padding:50px 20px 22px;text-align:center}.idea-device{width:200px;margin:auto}.idea-art p{font-size:11px;margin:35px 0 0}.signup-banner{max-width:1325px;position:relative;margin:50px auto 85px;background:#e8eb63;border-radius:10px;padding:52px 6%;overflow:hidden}.signup-banner h2{font-size:56px}.signup-banner p:not(.eyebrow){font-size:14px;max-width:300px;margin-bottom:25px}.signup-mark{position:absolute;right:10%;top:50%;transform:translateY(-50%);font-size:240px;line-height:1;opacity:.85}.faq{max-width:1325px;margin:0 auto 90px;display:grid;grid-template-columns:1fr 1.35fr;gap:5%;padding:0 2%}.faq h2{font-size:36px}.faq details{border-top:1px solid #d1d5c7;padding:18px 0}.faq details:last-child{border-bottom:1px solid #d1d5c7}summary{cursor:pointer;font-size:14px;font-weight:600;padding-right:10px}.faq details p{font-size:13px;color:#5b6554;margin:15px 25px 3px 0;line-height:1.8}footer{background:#eaece2;padding:40px 5.2% 24px;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer p{font-size:12px;color:#606a57;margin:13px 0}footer>div:nth-child(2){display:flex;justify-content:end;gap:28px;align-items:start;font-size:12px;padding-top:5px}.footer-note{grid-column:1/-1;border-top:1px solid #ced3c3;padding-top:20px;margin:0;font-size:10px}.page-main{max-width:1280px;margin:50px auto 85px;padding:0 5%}.page-heading{max-width:850px;margin-bottom:45px}.page-heading h1{font-size:clamp(45px,5vw,74px)}.page-heading p:not(.eyebrow){max-width:650px;color:#5c6754}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.product-grid .feature-card{min-height:360px}.product-grid .card-device{width:145px;margin:25px auto 40px}.product-grid .card-bottom{align-items:start}.product-grid .card-bottom p{max-width:330px}.research-note{margin:42px 0;padding:25px 0;border-block:1px solid #d4d7ca}.research-note h2{font-size:30px}.research-note p{font-size:14px;color:#5c6754}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.detail-visual{background:#e6e4dd;padding:70px 20px 30px;border-radius:12px}.detail-visual .cube{width:250px;max-width:80%;margin:auto}.detail-visual p{font-size:10px;text-align:center;margin:45px 0 0}.detail-copy h2{font-size:30px;margin-top:32px}.detail-copy p,.detail-copy li{font-size:14px;color:#53604c;line-height:1.8}.detail-copy li{padding:4px 0}.status-notice{background:#edeedc;border-left:3px solid #737c51;padding:18px;font-size:13px;margin-top:25px}.detail-copy ul{padding-left:20px}.signup-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.signup-aside h1{font-size:65px}.signup-aside p{max-width:370px;color:#5c6754}.signup-aside .cube{width:190px;margin:50px 0 0 50px}.join-form{background:#eeeee3;padding:35px;border-radius:12px}.join-form label{display:block;font-size:13px;font-weight:600}.join-form input[type=email]{width:100%;margin:9px 0 26px;padding:14px;border:1px solid #afb6a3;border-radius:5px;background:#fbfbf4;color:#20271f}.join-form fieldset{padding:0;border:0;margin:0 0 22px}.join-form legend{font-size:13px;font-weight:600;margin-bottom:12px}.join-form .choice{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px;font-weight:400;cursor:pointer}.choice input{width:17px;height:17px;accent-color:#3e5033;flex-shrink:0}.choice.consent{font-size:11px;align-items:start;line-height:1.7;border-top:1px solid #cfd3c2;padding:19px 0}.choice a{text-decoration:underline}.join-form .button{width:100%;margin:5px 0 10px}.join-form .fine{font-size:10px}.form-message{font-size:13px;padding:14px;border-radius:5px;margin-top:15px;background:#e0e8d2}.form-message.error{background:#f3ded4;color:#752c20}.hp{position:absolute;left:-10000px}.prose{max-width:760px}.prose h2{font-size:29px;margin-top:37px}.prose p,.prose li{color:#53604c;font-size:15px;line-height:1.8}.prose a{text-decoration:underline}.steps{display:grid;grid-template-columns:1fr 1fr;gap:25px 60px;max-width:1000px}.step{border-top:1px solid #bdc4b0;padding:23px 0}.step h2{font-size:30px}.step p{font-size:14px;color:#5c6754}.step .step-num{font-size:11px;color:#758068;margin-bottom:15px;display:block}.notice{border:1px solid #b9c0aa;background:#eff0e2;border-radius:8px;padding:22px;margin-top:32px;font-size:13px}.notice h2{font-size:24px}.notice p{margin-bottom:0}.success-link{word-break:break-all;text-decoration:underline}.button:disabled{opacity:.65;cursor:wait}a:hover .round-arrow{background:#f9faf2}
.cube{padding:0}.cube svg{position:absolute;inset:10%;width:80%;height:80%}.product-grid .card-bottom h2{font-size:30px}.after-notice{margin-top:30px}
@media(min-width:1500px){.signup-banner,.faq{max-width:1325px}}@media(max-width:1100px){.header,.hero,.family-section,.idea-section{padding-inline:4%}.header nav{gap:20px}.hero{gap:4%}.display-stage{height:330px}.main-cube{width:210px;left:23%;top:65px}.back-cube{width:140px}.front-cube{width:140px;top:203px}.section-heading{grid-template-columns:1fr 1fr}.section-heading>.text-link{grid-column:2;justify-self:start}.signup-banner{margin-inline:4%}.faq{padding-inline:4%}.card-top{font-size:8px}.product-links{gap:15px}.product-links a{gap:8px}.product-links small{font-size:10px}.signup-mark{right:7%;font-size:180px}.signup-aside h1{font-size:54px}}
@media(max-width:760px){.header{padding:23px 6%}.header nav>a:first-child,.header nav>a:nth-child(2){display:none}.wordmark{font-size:28px}.header .button.small{font-size:10px;padding:10px 12px;gap:10px}.hero{display:flex;flex-direction:column;margin:28px 0 35px;padding:0 6%;align-items:stretch;gap:35px}.hero h1{font-size:clamp(51px,10.5vw,74px)}.hero .eyebrow{font-size:8px;margin-bottom:20px}.intro{font-size:14px;max-width:450px}.hero-visual{max-width:560px;width:100%;align-self:center}.display-stage{height:330px}.main-cube{width:205px;left:27%;top:53px}.front-cube{width:132px;right:9%;top:197px}.back-cube{width:135px;left:10%;top:23px}.scene-selector{padding-top:15px}.visual-heading{padding-top:18px}.visual-caption{padding-bottom:15px}.hero-actions{gap:20px}.button{font-size:12px;padding:15px 20px;gap:24px}.text-link{font-size:12px}.fine{font-size:10px}.family-strip{padding:18px 6%;font-size:11px}.family-strip span:last-child{display:none}.family-section{margin:45px auto;padding-inline:6%}.section-heading{display:block}.section-heading h2{font-size:39px}.section-heading p:not(.eyebrow){max-width:100%;margin:22px 0 15px;font-size:13px}.feature-pair{display:block}.feature-card{margin-top:20px;padding:22px}.card-top{font-size:8px}.card-device{width:180px;margin:30px auto 42px}.card-bottom h3{font-size:28px}.card-bottom p{font-size:12px}.product-links{display:block;padding:6px 0}.product-links a{padding:17px 0;gap:17px}.product-links a+a{border-top:1px solid #dadfd0}.product-links small{font-size:11px}.idea-section{grid-template-columns:1fr;margin:55px 0;padding-inline:6%;gap:35px}.idea-art{max-width:400px;width:100%;justify-self:center;padding-top:35px}.idea-device{width:160px}.idea-section h2{font-size:38px}.signup-banner{padding:35px 7%;margin:45px 6%}.signup-banner h2{font-size:42px;position:relative;z-index:1}.signup-banner p:not(.eyebrow){font-size:12px;max-width:230px}.signup-banner .eyebrow{font-size:8px;letter-spacing:.09em}.signup-mark{font-size:110px;right:-18px;top:43%;opacity:.25}.faq{display:block;margin-bottom:45px;padding-inline:6%}.faq h2{font-size:31px;margin-bottom:25px}footer{padding:32px 6% 20px;display:block}footer>div:nth-child(2){justify-content:start;flex-wrap:wrap;gap:16px 24px;padding:20px 0 25px}.page-main{margin:30px auto 50px;padding-inline:6%}.page-heading h1{font-size:46px}.product-grid,.detail-layout,.signup-layout,.steps{grid-template-columns:1fr;gap:30px}.product-grid .feature-card{margin:0}.detail-visual{padding-top:40px}.detail-visual .cube{width:200px}.detail-copy h2{font-size:27px}.signup-aside h1{font-size:49px}.signup-aside .cube{display:none}.join-form{padding:25px}.signup-layout{gap:20px}.signup-aside p{font-size:14px}.page-heading{margin-bottom:30px}.prose h2{font-size:26px}.prose p,.prose li{font-size:14px}}@media(max-width:370px){.main-cube{width:170px;left:22%}.back-cube{width:112px;left:7%}.front-cube{width:112px;right:10%;top:185px}.display-stage{height:290px}.scene-selector button{font-size:9px;padding:7px 9px}.hero h1{font-size:46px}.hero-actions{gap:15px}.hero-actions .button{padding:14px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
