/* Simplefuture AI — a calm, dimensional workspace. No remote assets. */
:root{--paper:#f5f5ef;--ink:#173c3b;--muted:#526664;--line:#d8dfd7;--soft:#ecf0e8;--yellow:#dfff8d}
body{background:var(--paper)}
header,header.is-scrolled{max-width:1216px;margin:20px auto 0;top:16px;padding:12px 18px 12px 22px;border:1px solid #fff;background:#ffffffe8;color:var(--ink);border-radius:20px;box-shadow:0 8px 35px #243c3810;gap:22px;backdrop-filter:blur(18px)}
header:after{display:none}header .brand{font-size:23px;gap:11px}header .brand-symbol{width:38px;height:38px;flex-basis:38px}header nav a{color:#3e5752;font-size:13px}header nav a:hover,header nav a[aria-current]{color:#173c3b}header nav a:after{background:#173c3b}header .button.small{background:var(--ink);color:#fff;border-radius:12px;font-size:13px;gap:18px}header .button.small span{color:var(--yellow);background:#ffffff15}.menu-toggle{color:var(--ink);border-color:#bdcac2}
.experience .hero{display:block;background:var(--paper);color:var(--ink);padding:72px 0 0;overflow:hidden;isolation:isolate}.hero:before{display:none}.hero-copy{text-align:center;padding:0 24px;position:relative;z-index:2}.hero .eyebrow{color:#395950;font-size:10px;letter-spacing:1.8px;gap:9px;margin-bottom:23px}.hero .eyebrow:before{display:none}.status-dot{width:7px;height:7px;border-radius:50%;background:#477d54;box-shadow:0 0 0 4px #477d5410}.hero h1{max-width:1140px;margin:0 auto 23px;font-size:clamp(53px,6.8vw,98px);line-height:1.05;letter-spacing:-5px;font-weight:500}.hero h1 em{color:#6b8472;display:block;font-size:.66em;letter-spacing:-3px;margin-top:12px}.hero .lead{max-width:670px;margin:0 auto 28px;color:#526664;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;justify-content:center;gap:25px}.hero .button{background:var(--ink);color:#fff;min-height:55px;font-size:14px;padding-left:22px}.hero .button span{background:#ffffff18;color:var(--yellow);width:34px;height:34px}.hero .button:hover{background:#2b5149}.hero-secondary,.hero-secondary:hover{color:var(--ink);margin:0;font-size:14px;text-decoration:none}.under-button{color:#586d60;font-size:12px;margin:16px 0 0}
.workspace-scene{height:600px;max-width:1500px;margin:0 auto;position:relative;perspective:1300px;isolation:isolate}.scene-surface{position:absolute;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 50% 60%,#e0e8d6 0,transparent 63%)}.scene-grid{position:absolute;left:-20%;width:140%;top:35%;height:100%;transform:perspective(600px) rotateX(65deg);transform-origin:center top;background-image:linear-gradient(#94aa8c20 1px,transparent 1px),linear-gradient(90deg,#94aa8c20 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(ellipse at center,#000,transparent 67%)}
#scene-canvas{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .9s}#scene-canvas canvas{display:block;width:100%;height:100%}.scene-ready #scene-canvas{opacity:1}.scene-ready .fallback-orb,.scene-ready .fallback-ring{opacity:0}.fallback-orb{position:absolute;right:10%;top:19%;height:185px;width:185px;border-radius:50%;background:radial-gradient(circle at 30% 26%,#fcffdf,#d0f178 34%,#849953 70%,#374d3e);box-shadow:20px 80px 45px -35px #2b483940}.fallback-ring{position:absolute;left:9%;top:16%;width:230px;height:230px;border:55px solid #285953;border-radius:50%;transform:rotateY(28deg) rotateX(15deg);box-shadow:inset 9px 10px 18px #072920,9px 15px 20px #2b483944}
.scene-composition{height:100%;width:100%;position:relative;transform-style:preserve-3d;transform:rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg));transition:transform .45s ease-out}.workspace-window{position:absolute;width:min(680px,64%);left:50%;top:70px;transform:translateX(-50%) rotateX(9deg) translateZ(20px);border:1px solid #ffffff;border-radius:19px;background:#ffffffbd;backdrop-filter:blur(16px);box-shadow:0 34px 60px -30px #244a3940,0 4px 7px #ffffffe0 inset;overflow:hidden}.window-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 21px;background:#ffffff5c;border-bottom:1px solid #d6ded5;font-size:8px;letter-spacing:1.5px;color:#50655b}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#bcc9be}.workspace-inside{padding:28px 35px 0}.workspace-topline{display:flex;align-items:center;justify-content:space-between}.workspace-tag{font-size:8px;letter-spacing:1.5px;color:#527057}.tiny-seal{font-size:13px;letter-spacing:-1px;border:1px solid #b7c5b4;padding:4px 6px;line-height:1.2}.workspace-title{font-family:Manrope,Arial,sans-serif;font-size:35px;font-weight:500;letter-spacing:-1.5px;line-height:1.2;margin:12px 0 26px}.workspace-title>span{color:#65806b}.workspace-path{display:flex;align-items:center;gap:13px}.workspace-path>div{flex:1;min-width:0;background:#ffffffcf;border:1px solid #dce5d6;border-radius:12px;padding:14px 12px}.workspace-path>div>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eaf1df;font-size:21px;margin-bottom:11px}.workspace-path>div:last-child>span{background:var(--yellow)}.workspace-path strong,.workspace-path small{display:block}.workspace-path strong{font-weight:500;font-size:13px}.workspace-path small{font-size:9px;color:#52695b;margin-top:3px}.workspace-path>b{font-size:16px;font-weight:400;color:#6a806a}.workspace-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#52695b;margin-top:27px;padding:17px 0;border-top:1px solid #dce5d6}.workspace-bottom i{display:inline-block;width:5px;height:5px;background:#60854f;border-radius:50%;margin-right:5px}
.floating-note{position:absolute;z-index:2;display:flex;align-items:center;gap:14px;background:#fffffff2;border:1px solid #fff;backdrop-filter:blur(12px);padding:18px 22px;border-radius:15px;box-shadow:0 22px 50px -20px #243f3940;animation:gentle-float 8s ease-in-out infinite}.note-advice{left:7%;top:160px;transform:translateZ(70px);--float-angle:-5deg}.note-human{right:8%;bottom:92px;transform:translateZ(90px);animation-delay:-3s;--float-angle:4deg}.floating-note small{font-size:8px;letter-spacing:1px;color:#596f61;display:block}.floating-note strong{font-size:15px;font-weight:500;display:block}.floating-note div>span{display:block;font-size:10px;color:#576c60}.note-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#dfff8d;font-size:31px}.human-avatar{display:grid;place-items:center;border-radius:50%;background:#e2eada;color:#305341;width:40px;height:40px;font-family:Manrope,Arial,sans-serif;font-size:13px}.note-check{display:grid;place-items:center;border:1px solid #b7c7ab;border-radius:50%;width:22px;height:22px;font-size:11px;margin-left:8px}.scene-footer{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 100px);max-width:1160px;display:flex;align-items:center;justify-content:space-between;color:#597060;font-size:9px;letter-spacing:1.4px}.scene-footer button{letter-spacing:0;border:1px solid #b9c9b5;background:#ffffffb0;color:#3d5d4c;min-height:44px;border-radius:100px;padding:8px 14px;font-size:11px}.scene-footer button span{margin-left:9px}.motion-paused .floating-note{animation-play-state:paused}.motion-paused .scene-composition{transform:none;transition:none}
.principles{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1220px;margin:auto}.principles .wrap{padding:23px 18px;color:#496153;font-size:12px}.principles span:before{border:0;background:#e6eddc}
.section{padding-top:110px;padding-bottom:110px}.section-heading{margin-bottom:45px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#52705c}h2{letter-spacing:-2.4px}.services{gap:18px}.service{background:#ffffff85;border-color:#d9e1d6;border-radius:18px;padding:29px;overflow:visible}.service h3{font-size:25px;margin-top:30px}.service-top>.line-icon{position:relative;box-shadow:5px 7px 0 #cdd6c4,8px 14px 20px #243f3915;transform:perspective(400px) rotateY(-14deg) rotateX(10deg);background:linear-gradient(135deg,#fbfff5,#dfe8d5);border:1px solid #fff;border-radius:14px;width:64px;height:64px;transition:transform .45s}.service:hover .line-icon{transform:perspective(400px) rotateY(8deg) rotateX(-5deg) translateY(-5px)}.service.featured{background:#1d4440;border-color:#1d4440}.featured .line-icon{background:linear-gradient(135deg,#efffc4,#bcde70);box-shadow:5px 7px 0 #759246,8px 14px 20px #0002}.service:before{border-radius:18px}.service-top>span:last-child{font-size:9px}.service-outcome{min-height:100px}
.practice{margin:0 24px;border-radius:32px;background:#133b37;padding:85px 0 38px}.practice:before{background:radial-gradient(ellipse at 90% 65%,#6f8d4230,transparent 60%),linear-gradient(110deg,transparent 70%,#ffffff05)}.practice h2{font-size:clamp(38px,4vw,56px)}.practice-options{gap:10px}.practice-options button{border-radius:100px;padding:16px 22px}.practice-options button[aria-pressed=true]{background:#e6f8c9;border-color:#e6f8c9}.demo-board{box-shadow:14px 18px 0 -7px #d1dbc72b,0 35px 50px #00171350;transform:perspective(1000px) rotateY(-4deg) rotateX(3deg);transition:transform .5s}.demo-board:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}
.steps{gap:45px}.steps article>span{background:#e8eedf;box-shadow:0 0 0 8px var(--paper),3px 4px 0 1px #bbcbb0;border-color:#fff}.promise{background:#eaf0e1;border-color:#d8e2cd}.founder{padding-top:12px;gap:70px}.founder-seal{border-radius:32px;background:linear-gradient(145deg,#f5f8ee,#d7e1cb);border-color:#fff;box-shadow:9px 12px 0 #bdcab2,0 25px 60px #3c594220;transform:perspective(700px) rotateY(12deg) rotateX(5deg);max-width:265px}.founder-seal:before{border-radius:22px;border-color:#b5c4a6}.founder-seal>span{color:#375743}.local-help{padding-top:45px;border-top:1px solid var(--line)}.local-help h2 em{color:#6b8472}.faq-section{padding-top:15px}.contact{background:#dceec3;border:1px solid #cfdfb8;border-radius:28px}.contact form{background:#ffffffcf;border-radius:18px;box-shadow:0 25px 60px #314c1820}.contact:before{width:600px;height:600px;bottom:-250px;left:-320px;border:55px solid #8ca97118;box-shadow:0 0 0 60px #8ca97108}.contact h2{font-size:58px}.next-expectation{border-color:#b6c995}footer{padding-top:10px;padding-bottom:34px}footer .brand{font-size:23px}footer .brand-symbol{width:38px;height:38px;flex-basis:38px}
.service-page .service-hero{background:radial-gradient(ellipse at 85% 90%,#dce8cf,transparent 55%);padding-top:60px;border-bottom:1px solid var(--line)}.service-page .service-aside{background:#ffffffa0;box-shadow:8px 12px 0 #e1e8d9;border:1px solid white}.service-page .service-end{background:#e7efdb;border-radius:24px;padding:35px;margin-bottom:50px}
.contact .eyebrow{color:#334f38;font-size:10px;letter-spacing:1.5px}
.fallback-orb{animation:gentle-float 7s ease-in-out infinite}
.motion-paused .fallback-orb,.scene-outside .fallback-orb,.scene-outside .floating-note{animation-play-state:paused}
.scene-ready .fallback-orb{animation:none}
@keyframes gentle-float{0%,100%{translate:0 0;rotate:var(--float-angle,0deg)}50%{translate:0 -12px;rotate:0deg}}
@media(min-width:1600px){.experience .hero{padding-top:85px}.workspace-scene{height:630px}}
@media(max-width:1250px){header,header.is-scrolled{margin-inline:24px}.note-advice{left:3%}.note-human{right:4%}.floating-note{padding:14px 16px}.workspace-window{width:650px}}
@media(max-width:1000px){header nav{gap:13px}header .brand{font-size:21px}.note-advice{left:2%;top:135px}.note-human{right:2%;bottom:90px}.workspace-window{width:60%;top:60px}.workspace-inside{padding:23px 24px 0}.workspace-title{font-size:31px}.workspace-path{gap:7px}.workspace-path>div{padding:12px 8px}.workspace-path strong{font-size:11px}.workspace-path small{font-size:8px}.workspace-path>b{font-size:12px}.floating-note strong{font-size:13px}.floating-note div>span{font-size:9px}.note-symbol{width:33px;height:33px}.workspace-scene{height:535px}}
@media(max-width:900px){header,header.is-scrolled{margin:12px 16px 0;top:10px;padding:11px 15px;gap:12px;justify-content:space-between}header .brand{font-size:22px}header.has-menu nav.is-open{padding:10px 0 4px;border-top:1px solid var(--line);justify-content:space-between}header nav a{font-size:14px}.experience .hero{padding-top:55px}.hero h1{max-width:none;font-size:clamp(48px,8.4vw,74px);letter-spacing:-3px}.hero h1 em{font-size:.68em;letter-spacing:-1.8px}.hero h1 em br{display:initial}.hero .lead{max-width:590px;font-size:16px}.workspace-window{width:70%;top:60px}.workspace-scene{height:520px}.note-advice{top:230px;left:3%}.note-human{bottom:75px;right:5%}.floating-note{padding:12px}.floating-note div>span{display:none}.note-check{display:none}.note-advice .note-symbol{width:30px;height:30px;font-size:23px}.human-avatar{width:32px;height:32px;font-size:11px}.scene-footer{width:calc(100% - 48px);font-size:8px;letter-spacing:.8px}.principles{margin-inline:24px}.principles .wrap{gap:10px 25px;padding-inline:0}.section{padding-top:70px;padding-bottom:70px}.services{gap:22px}.service{padding:28px}.service-outcome{min-height:0}.practice{margin-inline:12px;padding-top:60px;border-radius:24px}.practice .wrap{padding-inline:24px}.practice-options button{border-radius:12px}.demo-board{transform:none;max-width:570px}.founder{padding-top:10px}.founder-seal{margin:0 0 8px 5px}.founder h2{font-size:35px}.local-help{padding-top:35px}.contact h2{font-size:49px}}
@media(max-width:600px){.hero-copy{padding-inline:20px}.experience .hero{padding-top:44px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:52px;letter-spacing:-3px}.hero h1 em{font-size:34px;line-height:1.12;max-width:330px;margin:13px auto 0;letter-spacing:-1.8px}.hero .lead{font-size:15px;line-height:1.75;max-width:390px;margin-bottom:23px}.hero-actions{gap:14px;flex-direction:column}.hero .button{min-height:53px;gap:25px}.hero-secondary{font-size:13px;min-height:35px}.under-button{font-size:11px;margin-top:10px}.workspace-scene{height:450px;margin-top:5px}.workspace-window{width:calc(100% - 62px);top:45px;border-radius:13px;transform:translateX(-50%) rotateX(7deg)}.window-toolbar{padding:13px 14px;font-size:6px;letter-spacing:.6px;gap:9px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.workspace-inside{padding:19px 18px 0}.workspace-tag{font-size:6px;letter-spacing:.8px}.tiny-seal{font-size:10px;padding:3px 4px}.workspace-title{font-size:27px;letter-spacing:-1px;margin:12px 0 21px}.workspace-path{gap:5px}.workspace-path>div{padding:10px 6px;border-radius:8px}.workspace-path>div>span{width:24px;height:24px;font-size:16px;margin-bottom:8px}.workspace-path strong{font-size:9px;letter-spacing:-.2px}.workspace-path small{font-size:7px;line-height:1.5}.workspace-path>b{font-size:9px}.workspace-bottom{font-size:7px;margin-top:17px;padding:13px 0}.workspace-bottom>span:last-child{display:none}.note-advice{top:28px;left:12px;gap:8px;padding:10px;--float-angle:-4deg}.note-advice small{display:none}.note-advice strong{font-size:10px}.note-advice .note-symbol{width:23px;height:23px;font-size:20px;border-radius:6px}.note-human{bottom:63px;right:14px;padding:10px 13px;gap:9px}.floating-note small{font-size:6px;letter-spacing:.8px}.note-human strong{font-size:12px}.floating-note{border-radius:11px}.scene-footer{width:calc(100% - 36px);bottom:8px;gap:16px;font-size:6px;letter-spacing:.8px}.scene-footer>span{max-width:155px}.scene-footer button{font-size:10px;flex-shrink:0;padding:8px 10px}.fallback-orb{width:95px;height:95px;right:-8px;top:10px}.fallback-ring{width:145px;height:145px;border-width:34px;left:-30px;top:220px}.principles .wrap{font-size:11px;gap:9px}.principles span:before{width:16px;height:16px;margin-right:4px}.principles span:last-child{width:100%;text-align:center}.section-heading h2{font-size:38px}.practice h2{font-size:36px}.practice-heading>p{font-size:15px}.practice-panel{padding-top:20px}.practice .wrap{padding-inline:20px}.example-copy h3{font-size:30px}.founder h2{font-size:32px}.local-help h2{font-size:31px}.local-help p:not(.eyebrow){font-size:16px}.contact{margin-inline:12px;padding:32px 20px}.contact form{padding:24px 20px}.contact h2{font-size:47px}.faq-section h2{font-size:37px}.brand{gap:10px}.service-page .service-hero{padding-top:35px}}
@media(max-width:380px){header .brand{font-size:19px;gap:8px}header .brand-symbol{width:32px;height:32px;flex-basis:32px}.menu-toggle{font-size:12px;padding:8px}.hero h1{font-size:46px}.hero h1 em{font-size:31px}.workspace-window{width:calc(100% - 40px)}.workspace-path>div{padding-inline:5px}.workspace-path strong{font-size:8px}.scene-footer>span{max-width:120px}.practice .wrap{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){.floating-note{animation:none}.scene-composition,.workspace-window,.demo-board,.founder-seal{transform:none}.workspace-window{transform:translateX(-50%)}.experience .service:hover{transform:none}}

@media(max-width:600px){.hero h1 em span{display:block}}