:root{--primary:#8FAFDC;--bg:#F7F8FA;--surface:#FFFFFF;--text:#1F2937;--secondary:#637084;--muted:#7B8594;--border:#E9EDF2;--blue:#DCE7F6;--yellow:#F7EDD3;--green:#DCEBDD;--lavender:#E8E1F7;--peach:#F7E2D8;--font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Kaku Gothic ProN','Noto Sans CJK JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,.gallery:focus-visible{outline:3px solid var(--primary);outline-offset:5px}svg{width:24px;height:24px;display:block}img{max-width:100%;display:block}.container{width:min(1120px,calc(100% - 80px));margin:auto}.preview-banner{display:flex;align-items:center;justify-content:center;gap:16px;min-height:27px;background:var(--border);font-size:9px;letter-spacing:1.2px;color:var(--secondary)}.preview-banner span{letter-spacing:.3px}.site-header{position:relative;z-index:5;border-bottom:1px solid var(--border);background:var(--bg)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:12px;align-items:center;font-size:25px;font-weight:650;letter-spacing:-.7px}.app-logo{display:block;position:relative;width:40px;aspect-ratio:1;overflow:hidden;border-radius:23%;flex:none;background:var(--surface)}.app-logo img{position:absolute;width:354.2373%;max-width:none;left:-48.0226%;top:-53.1073%;height:auto}.studio-link{font-size:12px;color:var(--secondary);display:flex;align-items:center;gap:5px}.studio-link strong{font-weight:600;color:var(--text)}.studio-link>span{font-size:19px;margin-left:4px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;min-height:715px;padding-top:45px;padding-bottom:60px}.eyebrow{font-size:11px;line-height:1.5;color:var(--secondary);letter-spacing:2px;font-weight:650}.hero .eyebrow{color:#587DAD;font-size:12px;letter-spacing:1.4px}.hero h1{font-size:56px;line-height:1.07;letter-spacing:-2.2px;font-weight:650;margin-top:18px}.hero h2{font-size:22px;line-height:1.7;letter-spacing:.2px;font-weight:500;margin-top:24px}.phone-break{display:none}.hero-description{font-size:15px;line-height:2;letter-spacing:.2px;margin-top:28px;color:var(--secondary)}.hero-status{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:31px}.coming-soon{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;min-height:47px;background:var(--blue);border:1px solid #C7D9F0;border-radius:15px;font-size:15px;letter-spacing:.2px;font-weight:650;color:#36587F}.hero-status>span:last-child{font-size:11px;color:var(--secondary)}.preview-link{display:inline-flex;gap:14px;align-items:center;font-size:12px;color:var(--secondary);margin-top:27px}.preview-link svg{width:18px;height:18px}.hero-visual{height:600px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.soft-shape{position:absolute;background:var(--blue);z-index:-1}.shape-one{width:350px;height:365px;border-radius:48% 52% 45% 55%/60% 39% 61% 40%;left:3%;top:8%;transform:rotate(-14deg)}.shape-two{width:220px;height:245px;border-radius:45% 55% 68% 32%/45% 47% 53% 55%;right:-2%;bottom:7%;opacity:.5;transform:rotate(22deg)}.device{width:255px;height:516px;border:5px solid #25303E;border-radius:39px;padding:3px;background:#C7CFD9;box-shadow:0 2px 0 #A8B3C1,10px 18px 25px rgba(31,41,55,.11);flex:none;position:relative}.device-screen{position:relative;height:100%;border-radius:31px;overflow:hidden;background:var(--bg);padding:42px 17px 54px}.device-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:66px;height:15px;background:#25303E;border-radius:12px}.device-status{position:absolute;top:13px;left:20px;right:19px;display:flex;justify-content:space-between;font-size:7px;line-height:1}.hero-device{transform:rotate(5deg);margin-top:-20px}.screen-head{display:flex;align-items:center;justify-content:space-between;font-size:17px;line-height:1.5;font-weight:650;letter-spacing:-.4px}.screen-head>span{font-size:17px;font-weight:400}.screen-head.smaller{font-size:16px}.timer-project{margin:42px auto 0;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:550}.timer-project svg{width:21px;height:21px;color:#587DAD}.timer-value{font-size:39px;letter-spacing:-1.1px;font-weight:550;line-height:1.2;margin-top:24px;text-align:center;font-variant-numeric:tabular-nums}.timer-caption{font-size:8px;color:var(--muted);text-align:center;letter-spacing:1px;margin-top:10px}.time-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:31px}.time-pair>div{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:11px 8px}.time-pair small{display:block;font-size:8px;color:var(--muted)}.time-pair strong{display:block;font-size:17px;font-weight:550;line-height:1.5;margin-top:3px}.time-pair strong span{font-size:13px}.screen-stop{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;font-size:12px;font-weight:600;background:var(--blue);padding:12px;color:#36587F;margin-top:27px}.screen-stop>span{font-weight:500}.screen-nav{position:absolute;bottom:19px;left:22px;right:22px;display:flex;justify-content:space-around;border-top:1px solid var(--border);padding-top:11px;line-height:1;color:#587DAD}.screen-nav>span{font-size:16px;display:flex;align-items:center;flex-direction:column;gap:7px}.screen-nav>span:last-child{color:var(--muted)}.screen-nav small{font-size:7px}.floating-note{position:absolute;left:-6px;bottom:76px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 35px rgba(31,41,55,.06);border-radius:15px;display:flex;align-items:center;gap:13px;padding:16px 19px}.floating-note>span{width:39px;height:39px;display:grid;place-items:center;background:var(--blue);border-radius:50%;color:#587DAD}.floating-note small{display:block;font-size:7px;color:var(--muted);letter-spacing:1px}.floating-note strong{display:block;font-size:11px;font-weight:550;margin-top:4px}.visual-caption{position:absolute;bottom:11px;font-size:9px;color:var(--muted)}.section{padding-top:66px;padding-bottom:66px}.section-heading{text-align:center;margin-bottom:37px}.section-heading h2{font-size:36px;font-weight:650;letter-spacing:-1.1px;margin-top:12px}.section-heading>p:last-child{font-size:15px;color:var(--secondary);margin-top:10px}.features{border-top:1px solid var(--border);padding-top:58px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{border-radius:20px;display:flex;align-items:flex-start;gap:21px;padding:28px 26px;min-height:168px}.blue{background:var(--blue)}.green{background:var(--green)}.yellow{background:var(--yellow)}.lavender{background:var(--lavender)}.feature-icon{flex:none;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.45);color:#587DAD}.feature-icon svg{width:29px;height:29px}.green .feature-icon{color:#56755A}.yellow .feature-icon{color:#927741}.lavender .feature-icon{color:#796894}.feature h3{font-size:17px;line-height:1.55;letter-spacing:-.3px;font-weight:600}.feature p{font-size:12px;line-height:1.9;color:var(--secondary);margin-top:10px;letter-spacing:.1px}.section-note{text-align:center;font-size:10px;color:var(--muted);margin-top:20px;line-height:1.8}.how{padding-top:36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{display:flex;align-items:flex-start;gap:17px;position:relative}.step:not(:last-child):after{content:'→';position:absolute;right:-19px;top:38px;font-size:18px;color:var(--muted)}.step-icon{width:60px;height:60px;border-radius:50%;background:var(--blue);color:#587DAD;flex:none;display:grid;place-items:center}.step-icon svg{width:27px;height:27px}.step-label{display:block;font-size:10px;color:#587DAD;font-weight:600;letter-spacing:.7px;margin-bottom:8px}.step h3{font-size:16px;line-height:1.5;font-weight:600}.step p{font-size:12px;line-height:1.9;color:var(--secondary);margin-top:9px}.app-preview{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-bottom:51px}.app-preview .section-heading{margin-bottom:24px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.gallery-toolbar>p{font-size:11px;color:var(--muted)}.gallery-arrows{display:flex;gap:10px}.gallery-arrows button{width:40px;height:40px;border:1px solid var(--border);background:var(--surface);border-radius:50%;font-size:21px;line-height:1}.gallery-arrows button:disabled{opacity:.35;cursor:default}.gallery{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:7px 5px 6px;overscroll-behavior-x:contain}.gallery::-webkit-scrollbar{display:none}.preview-slide{flex:0 0 245px;scroll-snap-align:start;scroll-margin-left:5px}.preview-device{width:228px;height:460px;border-width:4px;border-radius:34px;margin:auto;box-shadow:0 2px 0 #A8B3C1,4px 7px 13px rgba(31,41,55,.08)}.preview-device .device-screen{padding:38px 13px 51px;border-radius:28px}.preview-device .device-status{font-size:6px;left:17px;right:17px}.preview-device .device-island{width:58px;height:13px;top:7px}.preview-device .screen-head{font-size:16px}.preview-device .screen-head.smaller{font-size:15px}.preview-device .timer-project{margin-top:31px}.preview-device .timer-value{font-size:34px;margin-top:22px}.preview-device .time-pair{margin-top:26px}.preview-device .time-pair strong{font-size:15px}.preview-device .time-pair strong span{font-size:11px}.preview-device .screen-stop{margin-top:23px}.screen-question{font-size:11px;line-height:1.8;margin:25px 0 18px;font-weight:500}.project-row{display:flex;align-items:center;gap:8px;border-radius:10px;padding:11px 10px;font-size:10px;margin-top:9px;min-height:43px}.project-icon svg{width:15px;height:15px;color:#587DAD}.green .project-icon svg{color:#56755A}.yellow .project-icon svg{color:#927741}.project-row strong{margin-left:auto;font-size:9px;font-weight:550}.new-project{border:1px solid var(--border);border-radius:10px;font-size:9px;text-align:center;padding:11px;margin-top:13px;color:var(--secondary)}.periods{display:flex;gap:3px;padding:4px;background:var(--border);border-radius:8px;margin-top:22px;font-size:8px;justify-content:space-around}.periods>*{flex:1;text-align:center;padding:3px 0;font-weight:500}.periods b{background:var(--surface);border-radius:5px}.screen-month{font-size:10px;font-weight:550;margin-top:22px;display:flex;justify-content:space-between}.screen-month>span{color:var(--muted)}.summary-total{margin:20px 0 18px}.summary-total strong{font-size:27px;font-weight:550;letter-spacing:-1px;display:block;line-height:1.2}.summary-total strong span{font-size:15px}.summary-total small{font-size:8px;color:var(--muted);display:block;margin-top:7px}.history-date{margin-top:25px;font-size:9px;color:var(--muted)}.field-label{font-size:9px;color:var(--muted);margin-top:26px}.fake-field{font-size:11px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:9px;margin-top:8px}.icon-options{display:flex;gap:10px;margin-top:10px}.icon-options span{background:var(--surface);border:1px solid var(--border);border-radius:9px;width:42px;height:42px;display:grid;place-items:center;color:var(--secondary)}.icon-options span:first-child{background:var(--green)}.icon-options svg{width:19px;height:19px}.swatches{display:flex;gap:10px;margin-top:12px}.swatches i{width:23px;height:23px;border-radius:50%;background:var(--blue)}.swatches i:nth-child(2){background:var(--green);outline:1px solid #739979;outline-offset:3px}.swatches i:nth-child(3){background:var(--yellow)}.swatches i:nth-child(4){background:var(--lavender)}.swatches i:nth-child(5){background:var(--peach)}.screen-stop.save{margin-top:30px}.preview-slide figcaption{text-align:center;margin-top:23px}.preview-slide figcaption>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.preview-slide h3{font-size:14px;margin-top:5px;font-weight:600}.preview-slide figcaption p{font-size:10px;color:var(--secondary);margin-top:5px}.gallery-bottom{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}.gallery-dots{display:flex;gap:9px}.gallery-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:var(--border);position:relative}.gallery-dots button:before{content:'';position:absolute;inset:-10px}.gallery-dots button[aria-current=true]{background:var(--primary)}.gallery-count{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.gallery-bottom>span{display:none;font-size:10px;color:var(--muted)}.philosophy{background:var(--blue);text-align:center;padding-top:75px;padding-bottom:75px}.philosophy h2{font-size:38px;letter-spacing:-1.1px;font-weight:650;margin-top:14px}.philosophy h3{font-size:20px;letter-spacing:.2px;font-weight:500;margin-top:13px}.philosophy-inner>p:not(.eyebrow){font-size:14px;line-height:2.2;margin-top:27px;color:var(--secondary)}.philosophy ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0}.philosophy li{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.6);padding:9px 13px;border-radius:9px;font-size:11px}.philosophy li svg{width:14px;height:14px;color:#587DAD}.download{text-align:center;padding-top:75px;padding-bottom:75px}.download>.app-logo{width:64px;margin:0 auto 22px;box-shadow:0 4px 12px rgba(31,41,55,.06)}.download h2{font-size:38px;font-weight:650;letter-spacing:-1.1px}.download h3{font-size:18px;font-weight:500;letter-spacing:.4px;margin-top:12px}.download>.coming-soon{margin-top:28px;padding:13px 55px}.download>p{font-size:12px;color:var(--secondary);line-height:2;margin-top:20px}.pricing{border-top:1px solid var(--border);margin:34px auto 0;padding-top:26px;max-width:600px}.pricing strong{font-size:14px;font-weight:600}.pricing p{font-size:11px;color:var(--muted);line-height:2;margin-top:9px}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:25px 0}.footer-inner{display:flex;align-items:center;gap:24px}.site-footer .brand{font-size:17px;gap:9px}.site-footer .app-logo{width:29px}.site-footer .studio-link{font-size:10px}.footer-inner>p{margin-left:auto;color:var(--muted);font-size:10px}.footer-note{font-size:9px;color:var(--muted);line-height:1.9;margin-top:15px}.skip{position:absolute;left:10px;top:-100px;z-index:30;background:var(--surface);padding:12px}.skip:focus{top:10px}@media(max-width:1000px){.container{width:calc(100% - 56px)}.hero{gap:25px;grid-template-columns:1.1fr 1fr;min-height:680px}.hero h1{font-size:48px;letter-spacing:-2px}.hero h2{font-size:19px}.hero-description{font-size:13px}.hero-visual{height:560px}.hero-device{width:240px;height:490px}.hero-device .timer-value{font-size:35px}.floating-note{left:-10px;padding:13px 15px;bottom:58px}.shape-one{width:290px;height:330px;left:0}.shape-two{width:170px;height:220px;right:-5px}.feature{padding:23px 21px;gap:15px}.feature-icon{width:46px;height:46px}.feature h3{font-size:15px}.feature p{font-size:11px}.step{gap:12px}.step-icon{width:48px;height:48px}.step h3{font-size:14px}.step p{font-size:11px}.steps{gap:25px}.section-heading h2{font-size:33px}}
@media(max-width:767px){html{scroll-padding-top:25px}.container{width:calc(100% - 40px)}.preview-banner{font-size:7px;gap:12px;min-height:24px}.header-inner{height:69px}.brand{font-size:23px;gap:10px}.app-logo{width:35px}.studio-link{font-size:10px}.studio-link>span{font-size:16px}.hero{display:flex;flex-direction:column;gap:0;padding-top:43px;padding-bottom:37px;min-height:0}.hero-copy{width:100%;padding:0 7px}.hero .eyebrow{font-size:10px;letter-spacing:1.3px}.hero h1{font-size:42px;letter-spacing:-1.5px;line-height:1.08;margin-top:14px}.hero h2{font-size:19px;line-height:1.7;margin-top:20px;letter-spacing:.1px}.hero-description{font-size:13px;line-height:2;margin-top:19px}.hero-status{margin-top:26px;gap:13px;align-items:flex-start;flex-direction:column}.coming-soon{font-size:14px;padding:10px 26px;min-height:44px;border-radius:13px}.hero-status>span:last-child{font-size:10px}.preview-link{font-size:11px;margin-top:19px}.hero-visual{width:100%;height:560px;margin-top:27px;max-width:420px}.hero-device{width:244px;height:495px;margin-top:-6px;transform:rotate(4deg)}.hero-device .device-screen{padding-left:16px;padding-right:16px}.hero-device .timer-value{font-size:37px}.shape-one{width:280px;height:330px;top:7%;left:-1%}.shape-two{width:170px;height:220px;right:-2%;bottom:10%}.floating-note{bottom:54px;left:-4px;padding:12px 15px;border-radius:12px}.floating-note>span{width:32px;height:32px}.floating-note>span svg{width:20px;height:20px}.floating-note small{font-size:6px}.floating-note strong{font-size:10px}.visual-caption{font-size:8px;bottom:1px}.section{padding-top:43px;padding-bottom:43px}.section-heading{margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-heading h2{font-size:28px;letter-spacing:-.9px;margin-top:10px}.section-heading>p:last-child{font-size:13px;margin-top:9px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature{min-height:0;padding:22px 20px;gap:15px;border-radius:17px}.feature-icon{width:43px;height:43px}.feature-icon svg{width:24px;height:24px}.feature h3{font-size:15px;letter-spacing:-.3px;line-height:1.6}.feature p{font-size:11px;line-height:1.95;margin-top:8px}.section-note{font-size:9px;text-align:left;line-height:1.9;padding:0 4px;margin-top:17px}.how{padding-top:27px;padding-bottom:47px}.steps{grid-template-columns:1fr;gap:24px;padding:0 8px}.step{gap:21px;align-items:center}.step-icon{width:54px;height:54px}.step:not(:last-child):after{display:none}.step-label{font-size:9px;margin-bottom:5px}.step h3{font-size:15px}.step p{font-size:11px;line-height:1.9;max-width:260px;margin-top:6px}.app-preview .container{width:calc(100% - 32px)}.app-preview .section-heading h2{font-size:25px;letter-spacing:-.9px}.gallery-toolbar{margin:0 4px 18px}.gallery-toolbar>p{font-size:9px}.gallery-arrows{gap:7px}.gallery-arrows button{width:34px;height:34px;font-size:18px}.gallery{gap:20px;padding-left:4px;padding-right:4px}.preview-slide{flex-basis:228px;scroll-margin-left:4px}.preview-slide figcaption{margin-top:19px}.gallery-bottom{gap:12px;margin-top:23px}.gallery-bottom>span{display:block;font-size:8px}.gallery-count{font-size:9px}.gallery-dots{gap:8px}.gallery-dots button{width:6px;height:6px}.philosophy{padding-top:49px;padding-bottom:47px}.philosophy h2{font-size:28px;letter-spacing:-.9px;margin-top:12px}.philosophy h3{font-size:16px;line-height:1.7;letter-spacing:0;margin-top:12px}.philosophy-inner>p:not(.eyebrow){font-size:11px;line-height:2.2;margin-top:23px;letter-spacing:0}.philosophy ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.philosophy li{font-size:9px;padding:10px 8px;justify-content:center;gap:5px;border-radius:8px;white-space:nowrap}.philosophy li svg{width:12px;height:12px;flex:none}.download{padding-top:48px;padding-bottom:45px}.download>.app-logo{width:56px;margin-bottom:19px}.download h2{font-size:29px;letter-spacing:-.8px}.download h3{font-size:16px;margin-top:10px}.download>.coming-soon{margin-top:24px;padding:11px 45px}.download>p{font-size:11px;line-height:2;margin-top:18px}.pricing{margin-top:27px;padding-top:24px}.pricing strong{font-size:13px}.pricing p{font-size:10px;line-height:2.1;margin-top:10px}.site-footer{padding:22px 0}.footer-inner{flex-wrap:wrap;gap:16px}.site-footer .brand{font-size:17px}.site-footer .studio-link{font-size:9px}.footer-inner>p{font-size:9px}.footer-note{font-size:8px;margin-top:14px}}@media(max-width:370px){.container{width:calc(100% - 32px)}.hero-copy{padding:0 5px}.hero h1{font-size:35px;letter-spacing:-1.4px}.hero h2{font-size:17px}.hero-description{font-size:12px}.hero-visual{height:535px}.hero-device{width:230px;height:475px}.hero-device .timer-value{font-size:34px}.hero-device .timer-project{margin-top:36px}.hero-device .time-pair{margin-top:26px}.hero-device .time-pair strong{font-size:15px}.shape-one{width:248px;left:-8px}.shape-two{width:145px;right:-1px}.floating-note{left:-2px;bottom:48px;padding:10px 12px;gap:9px}.floating-note small{font-size:5px}.floating-note strong{font-size:9px}.feature{padding:20px 16px;gap:12px}.feature-icon{width:35px;height:35px}.feature-icon svg{width:21px;height:21px}.feature h3{font-size:13px}.feature p{font-size:10px}.section-heading h2{font-size:26px}.app-preview .section-heading h2{font-size:23px}.philosophy h2{font-size:26px}.philosophy h3{font-size:14px}.philosophy-inner>p:not(.eyebrow){font-size:10px}.philosophy li{font-size:8px;padding:9px 4px}.gallery-bottom>span{font-size:7px}.footer-inner>p{width:100%;margin-left:0}.phone-break{display:inline}}@media(prefers-reduced-motion:reduce){html,.gallery{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.gallery-arrows button{min-width:44px;min-height:44px}

.hero{overflow:hidden}