:root{--ink:#243d32;--muted:#53665b;--green:#285d43;--line:#d6e0d6;--soft:#edf3e9;--paper:#fafbf7;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:var(--ink);background:var(--paper);font-size:18px;line-height:1.7}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}button,a,summary,select{touch-action:manipulation}button,summary{cursor:pointer}button,select{border:1px solid var(--line);border-radius:9px;background:#fff;min-height:48px;padding:9px 16px}a{color:var(--green)}:is(a,button,select,summary):focus-visible{outline:3px solid #a5440d;outline-offset:4px}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.4;word-break:keep-all}h1{font-size:clamp(30px,3.2vw,45px);font-weight:800}h1 em{font-style:normal;color:var(--green)}h2{font-size:32px}h3{font-size:25px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 22px;background:var(--green);color:white;border-radius:9px;text-decoration:none;font-weight:700}.eyebrow{color:var(--green);font-size:16px;font-weight:700;margin-bottom:14px}.sample-note,.quiet{font-size:15px;line-height:1.8;color:var(--muted)}.skip-link{position:absolute;top:-100px;background:white;z-index:20;padding:16px}.skip-link:focus{top:0}.welcome-header{width:min(1280px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:800;text-decoration:none}.welcome-header nav{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:700}.welcome-header nav a{text-decoration:none}.welcome-header .btn{padding:9px 20px;min-height:46px}
.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center;padding-block:82px 86px}.lead{margin:24px 0 28px;font-size:19px;line-height:1.9;color:var(--muted)}.quiet{margin-top:16px}.hero-preview{min-width:0;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 18px 48px #263e3110;transform:rotate(-1deg)}.window-bar{display:flex;justify-content:space-between;gap:16px;padding:13px 20px;border-bottom:1px solid var(--line);font-size:14px}.window-bar span:last-child{color:var(--muted)}.hero-preview>p{text-align:center;padding:13px;font-size:16px;color:var(--muted)}.screen-open{display:block;width:100%;padding:0;border:0;border-radius:0;background:#fff;min-height:0;position:relative;cursor:zoom-in}.shot{position:relative;display:block;width:100%;line-height:0}.shot img{display:block;width:100%;height:auto}.focus-box{position:absolute;border:2px solid #166740;box-shadow:0 0 0 2px #fff;border-radius:5px;pointer-events:none}.focus-box.second{border-color:#9d470c}.focus-box b{position:absolute;left:-11px;top:-13px;display:grid;place-items:center;width:24px;height:24px;line-height:1;font-size:14px;background:#166740;color:white;border:2px solid #fff;border-radius:50%;font-weight:700}.focus-box.second b{background:#9d470c}.screen-legend{list-style:none;padding:15px 20px;margin:0;display:flex;flex-wrap:wrap;gap:8px 22px;background:#f4f7f1;font-size:16px;line-height:1.7}.screen-legend li{display:flex;align-items:baseline;gap:8px}.screen-legend b{display:inline-grid;place-items:center;flex-shrink:0;width:24px;height:24px;line-height:1;border-radius:50%;background:#166740;color:#fff;font-size:14px}.screen-legend li:nth-child(2) b{background:#9d470c}.image-frame{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;min-width:0}.zoom-hint{font-size:14px;text-align:right;color:var(--muted);padding:8px 16px;background:#fff}
.feature-section{padding-top:24px;padding-bottom:64px;scroll-margin-top:24px}.section-heading{margin-bottom:30px}.category-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:30px;gap:10px}.category-tabs button{flex:1;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;font-size:21px;font-weight:700;padding:17px 12px}.category-tabs button[aria-pressed=true]{border-color:var(--green);background:var(--soft);color:var(--green)}.core-detail{display:grid;grid-template-columns:290px 1fr;gap:38px;align-items:start}.core-copy{padding-top:22px}.core-copy p{color:var(--muted);margin-top:20px}.core-copy .related{font-size:16px;padding-top:22px;border-top:1px solid var(--line);margin-top:24px}.feature-section>.sample-note{margin:18px 0 32px}.explore{border-top:1px solid var(--line);scroll-margin-top:20px}.explore:last-of-type{border-bottom:1px solid var(--line)}.explore summary{padding:24px 4px;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none}.explore summary::-webkit-details-marker{display:none}.explore summary>span{display:grid;gap:2px}.explore summary strong{font-size:21px}.explore summary span span{font-size:16px;color:var(--muted)}.explore summary:after{content:'+';font-size:29px;font-weight:400;flex-shrink:0}.explore[open] summary:after{content:'−'}.explore-body{padding:5px 0 30px}.select-label{display:block;margin-bottom:7px;font-weight:700}#feature-select{width:min(100%,420px);min-height:52px;margin-bottom:24px}.detail-view{max-width:940px;margin:auto}.detail-copy{margin-bottom:20px}.detail-copy p{color:var(--muted);margin-top:8px}.detail-view .image-frame{max-width:900px;margin:auto}.flow-tabs,.step-tabs,.demo-controls{display:flex;flex-wrap:wrap;gap:10px}.flow-tabs button[aria-pressed=true],.step-tabs button[aria-pressed=true]{background:var(--soft);border-color:var(--green);color:var(--green);font-weight:700}.flow-tabs{margin-bottom:16px}.step-tabs{margin:20px 0 14px}.demo-controls{align-items:center}.demo-controls #demo-play{background:var(--green);color:#fff;min-width:186px}#demo-play-status{margin:9px 0 24px}#demo-screen{max-width:800px;margin:0 auto 20px}#demo-screen .image-frame{max-width:660px;margin:auto}.demo-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.demo-title h3{font-size:23px}.demo-title span{font-size:15px;color:var(--muted)}.result-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.result-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.result-card .screen-open{padding:22px;background:#eff2eb}.result-card .shot{height:230px}.result-card .shot img{width:100%;height:100%;object-fit:contain}.result-copy{padding:20px}.result-copy h3{font-size:21px}.result-copy p{font-size:16px;color:var(--muted);margin-top:8px}
.start-section{background:var(--soft);padding:42px;display:flex;align-items:center;justify-content:space-between;gap:36px;border-radius:16px}.start-section h2{margin-bottom:18px}.start-section>div>p:not(.eyebrow){margin-top:12px}.start-section .btn{flex-shrink:0}.start-section .price{font-size:23px;font-weight:700}footer{padding-block:32px;display:flex;justify-content:space-between;gap:20px;font-size:15px;color:var(--muted)}#message:empty{display:none}#message{padding-block:16px}
dialog{width:min(1320px,calc(100% - 32px));max-width:none;max-height:94dvh;padding:0;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#10241dc9}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-toolbar h2{font-size:23px}.dialog-toolbar>div{display:flex;gap:8px;flex-shrink:0}#screen-scroll{overflow:auto;min-height:0;background:#f1f3ed;padding:24px;overscroll-behavior:contain}#large-screen{width:min(100%,var(--screen-width));margin:auto}#large-screen.original{width:var(--screen-width);max-width:none}#screen-description{padding:12px 20px;font-size:16px;line-height:1.7;flex-shrink:0}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){.hero{padding-block:100px}.wrap{width:min(1260px,calc(100% - 80px))}}
@media(max-width:1000px){.hero{gap:28px;padding-block:56px}.core-detail{grid-template-columns:230px 1fr;gap:24px}.start-section{display:block}.start-section .btn{margin-top:24px}}
@media(max-width:760px){.wrap,.welcome-header{width:calc(100% - 36px)}.welcome-header nav{gap:16px}.welcome-header nav>a:first-child{display:none}.hero{grid-template-columns:1fr;padding-block:42px 48px;gap:34px}.hero-preview{transform:none}.hero h1{font-size:clamp(28px,6.4vw,42px)}h2{font-size:27px}.lead{font-size:18px}.category-tabs{gap:0;margin-bottom:20px}.category-tabs button{font-size:18px;padding:14px 5px}.core-detail{grid-template-columns:1fr;gap:20px}.core-copy{padding:0}.core-copy p{margin-top:12px}.core-copy .related{border:0;padding:0;margin-top:12px}.sample-note{font-size:14px}.screen-legend{padding:14px;font-size:15px;gap:9px}.explore summary{padding-block:20px}.explore summary strong{font-size:19px}.result-gallery{grid-template-columns:1fr}.result-card{display:grid;grid-template-columns:130px 1fr}.result-card .screen-open{padding:12px}.result-card .shot{height:170px}.result-copy{padding:16px}.start-section{padding:26px}.dialog-toolbar{flex-wrap:wrap;padding:12px}.dialog-toolbar h2{font-size:20px}.dialog-toolbar>div{width:100%}.dialog-toolbar button{flex:1;font-size:16px}#screen-scroll{padding:16px}#screen-description{font-size:14px;padding:10px 14px}.demo-title{display:block}.demo-title span{display:block;margin-top:5px}.demo-controls{gap:6px}.demo-controls button{font-size:16px;padding:9px 12px}.demo-controls #demo-play{min-width:0;flex:1}.flow-tabs button{flex:1;font-size:16px}.step-tabs button{font-size:16px;flex:1}footer{flex-wrap:wrap}.brand{font-size:23px;gap:5px}.welcome-header .btn{padding:9px 12px}}
.welcome-header nav>a{white-space:nowrap}.welcome-header .goddy-language{margin:0}.focus-box b{left:0;top:-24px}
@media(max-width:760px){.welcome-header{flex-wrap:wrap;gap:12px;padding-block:16px}.welcome-header nav{width:100%;justify-content:space-between;gap:8px}.welcome-header .goddy-language{padding:0 6px}.welcome-header .goddy-language select{max-width:108px;min-height:44px}.welcome-header .btn{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}