/* DRONESIM v6 — product-led, readable, restrained. Font license: assets/fonts/OFL.txt */
@font-face{font-family:'Pretendard Variable';font-style:normal;font-weight:45 920;font-display:swap;src:url('assets/fonts/PretendardVariable.woff2') format('woff2')}
:root{--ink:#142b29;--muted:#586561;--paper:#fafbf9;--lime:#d5f579;--line:#dce3df;--accent:#276a50}
body{font-family:'Pretendard Variable','Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.015em;font-size:16px;background:var(--paper)}
button,input,select,textarea{font:inherit}h1,h2,h3{text-wrap:balance}p{line-height:1.8}.wrap{max-width:1240px;width:calc(100% - 96px)}
.preview{background:#edf2ee;color:#4b5f56;font-size:11px;padding:7px 16px}.preview span{opacity:1}
.header{height:88px;border-bottom:0}.logo{font-size:25px;letter-spacing:-.04em}.mark{color:#347752}.header nav{font-size:14px;gap:26px}.header>.button{border-radius:100px}.button{min-height:48px;padding:14px 22px;border-radius:8px;font-size:14px;letter-spacing:-.02em}.button:hover{transform:translateY(-2px)}.outline{border-color:#b8c7be}.text-link{font-size:14px;text-underline-offset:5px}.eyebrow{font-size:12px;letter-spacing:.1em;color:#397253;margin-bottom:20px}
.hero.wrap{width:100%;max-width:none;padding:72px max(48px,calc((100vw - 1240px)/2)) 0;background:#102725;color:#fff;display:grid;grid-template-columns:.92fr 1.2fr;align-items:center;gap:44px 46px;position:relative;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 38%,#36594c78,transparent 58%)}
.hero>*{position:relative}.hero-copy{display:block;margin:0}.hero .eyebrow{color:#c7d7cd;font-size:11px;margin-bottom:27px}.hero .dot{background:var(--lime)}
.hero h1{font-size:clamp(40px,4.5vw,66px);font-weight:680;line-height:1.18;letter-spacing:-.055em;margin:0}.hero h1 em{color:#d5f579;letter-spacing:-.055em;font-style:normal}.hero-side{padding:0;margin-top:26px}.hero-side p{font-size:16px;color:#d0dad4;line-height:1.8;margin-bottom:24px}.hero-side small{color:#b7c9c0;font-size:12px;margin-top:17px}
.hero-actions.equal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:480px}.hero-actions.equal-actions .button{background:#f4f7f0;color:#17342b;border:1px solid #f4f7f0;font-size:13px!important;padding:14px 15px;max-width:none;gap:12px;min-height:50px;white-space:nowrap}.hero-actions.equal-actions .button:hover{background:var(--lime);border-color:var(--lime)}
.hero-product{background:#1b3631;border:1px solid #66807466;border-radius:16px;box-shadow:0 30px 70px #0004;overflow:hidden;transform:none;width:100%;min-width:0}.product-top{color:#d9e8df;background:#213c36;padding:15px 18px;font-size:11px}.product-top i{background:#d5f579}.hero-screen{border-radius:0;box-shadow:none;max-height:none;background:#263d31}.hero-screen img{width:100%;height:auto;object-fit:contain}.focus-controls{padding:15px 16px 0;display:flex;gap:8px}.focus-controls button{border:1px solid #6e8c7c;background:transparent;color:#e7f0e9;padding:9px 10px;border-radius:6px;font-size:12px;flex:1}.focus-controls button[aria-pressed=true]{background:var(--lime);color:#153829;border-color:var(--lime)}.focus-description{padding:13px 18px 0;color:#e2ece6;font-size:13px;min-height:40px}.product-disclaimer{color:#b8cdc0;font-size:11px;margin:8px 18px 17px}.focus-ring{background:#d5f579;color:#163b28;border-color:white;box-shadow:0 0 0 8px #d5f57933}
.hero-proof{margin:8px 0 0;padding:26px 0;gap:0;border-top:1px solid #7f9d8c55;border-bottom:0;grid-template-columns:repeat(3,1fr) 1.3fr}.hero-proof>div{border-color:#7f9d8c55;padding:0 28px}.hero-proof span{font-size:12px;color:#afc8bb}.hero-proof strong{font-size:18px;color:#edf5f0;font-weight:600}.hero-proof>a{font-size:12px;color:#d4e4db}.hero-proof>a span{color:var(--lime)}
.audiences,.intro,.packages,.finder,.faq{padding-top:96px;padding-bottom:96px}.section-title{gap:44px;margin-bottom:38px}.section-title h2,h2{font-size:clamp(30px,3.1vw,43px);line-height:1.28;letter-spacing:-.045em;font-weight:650}.section-title>p{font-size:16px;color:#5b6961;line-height:1.8}.audience-grid{gap:24px}.audience-grid article{background:white!important;border:1px solid #d7e1da!important;border-radius:16px;padding:36px;box-shadow:0 8px 22px #18362504}.audience-label{color:#397253;font-size:12px!important;letter-spacing:.06em}.audience-grid h3{font-size:29px;letter-spacing:-.035em;line-height:1.4;margin:26px 0 18px}.audience-grid p,.audience-grid li{font-size:15px}.audience-grid .button{margin-top:20px}.caption-note{font-size:12px;line-height:1.8;color:#5e6e65}.intro{border-top:1px solid var(--line);padding-top:70px}.steps article{padding-top:25px}.steps h3{font-size:24px;font-weight:650;margin:27px 0 14px}.steps p{font-size:15px}.steps span{color:#397253;font-size:12px}
.experience{background:#eaf0ec;padding:96px 0}.tabs{gap:12px}.tabs button{border-radius:10px;background:#f9fbf8;border-color:#c4d3c9;padding:20px}.tabs button>span{font-size:16px}.tabs button small{font-size:12px;margin-top:8px}.tabs button[aria-selected=true]{background:#183d30;border-color:#183d30}.screen-zoom{border-radius:13px;border:1px solid #b4c5b9;box-shadow:0 24px 45px #1c362715}.screen-caption{margin-top:28px}.screen-caption h3{font-size:25px;line-height:1.4}.screen-caption p{font-size:15px}
.teaching{background:#fafbf9;padding:96px 0}.lesson-story{border-radius:16px;border-color:#dae3dc}.lesson-visual{background:#e9eeea;padding:26px}.lesson-copy{padding:34px}.lesson-copy h3{font-size:26px}.lesson-copy li p{font-size:14px}.lesson-planner{padding-top:48px;margin-top:48px;gap:52px}.lesson-planner form{border-radius:14px;padding:30px}.planner-intro h3{font-size:30px}.planner-intro>p:not(.eyebrow){font-size:15px}.planner-fields>label{font-size:12px}.field-help,.plan-note,#lesson-save-status{font-size:12px}.number-field{border-color:#b9cbbb}.number-field input{font-size:27px}.plan-numbers strong{font-size:40px}.plan-numbers span{font-size:12px}.planner-actions .button{font-size:13px}
.packages{border-top:1px solid var(--line)}.package{border-radius:14px;padding:30px;border-color:#d8e2db;box-shadow:none}.package.featured{background:#f1f5ed;border-color:#b7cbb8}.package-label{font-size:12px;color:#397253}.package h3{font-size:28px}.package p,.package li{font-size:15px}.package-bottom strong{font-size:23px}.package-bottom .price-period{font-size:12px}.compare-wrap{border-radius:10px}.comparison{font-size:14px}.comparison caption{background:#edf2ed;font-size:20px}.comparison thead{font-size:13px}.comparison th,.comparison td{padding:19px 22px}
.finder{gap:70px}.finder-form{border-radius:14px;padding:34px}.finder p{font-size:16px}.choice-group span{font-size:14px;padding:13px 8px}.choice-group input:checked+span{background:#e7f2df;border-color:#618052}.result-label{font-size:12px}.result h3{font-size:25px}.result p,.result li{font-size:14px}.result small{font-size:12px}.faq summary{font-size:16px;padding-top:25px;padding-bottom:25px}.faq details p{font-size:15px}
.downloads-section{padding:96px 0;background:#edf2ee}.download-card{border-radius:14px;padding:34px}.download-card h3{font-size:27px}.download-card>p{font-size:15px}.download-tag{color:#397253;font-size:12px}.sales-contact h3{font-size:25px}.sales-contact p{font-size:14px}.closing{padding:82px 0;background:#102725}.closing h2{font-size:44px;font-weight:600}.closing .eyebrow{color:var(--lime)}footer{padding-top:40px;padding-bottom:34px}.footer-bottom{font-size:12px;line-height:1.8}
@media(max-width:1100px){.header nav{gap:17px}.hero.wrap{gap:35px 28px;padding-left:32px;padding-right:32px}.hero h1{font-size:46px}.hero-actions.equal-actions{grid-template-columns:1fr;max-width:300px}.hero-side p{font-size:15px}.hero-product{align-self:center}.hero-proof>div{padding:0 18px}.hero-proof strong{font-size:16px}.audience-grid article{padding:29px}.audience-grid h3{font-size:26px}.lesson-planner{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:76px;gap:12px}.header nav{display:none}.header>.button{display:inline-flex;font-size:12px;padding:10px 15px;min-height:42px}.hero.wrap{grid-template-columns:1fr;padding:45px 20px 0;gap:30px}.hero-copy{display:block}.hero h1{font-size:50px;line-height:1.18}.hero h1 br:nth-child(2){display:initial}.hero .eyebrow{margin-bottom:23px}.hero-side{margin-top:22px}.hero-side p{font-size:16px}.hero-actions.equal-actions{grid-template-columns:1fr 1fr;max-width:470px;gap:10px}.hero-actions.equal-actions .button{font-size:12px!important;padding:13px 12px}.hero-proof{grid-template-columns:repeat(3,1fr);padding:22px 0 0;gap:22px 0}.hero-proof>div{padding:0 14px}.hero-proof strong{font-size:15px}.hero-proof span{font-size:11px}.hero-proof>a{grid-column:1/-1;justify-content:space-between;padding:18px 0;border-color:#7f9d8c55}.hero-proof>a span{font-size:20px}.audiences,.intro,.packages,.finder,.faq,.experience,.teaching,.downloads-section{padding-top:64px;padding-bottom:64px}.section-title{gap:20px;margin-bottom:28px}.section-title h2,h2{font-size:33px}.section-title>p{font-size:15px}.audience-grid{gap:18px}.audience-grid article{padding:28px}.audience-grid h3{font-size:27px}.steps h3{font-size:23px}.steps p{font-size:15px}.tabs button{padding:16px}.tabs button>span{font-size:14px}.tabs button small{font-size:11px}.screen-caption h3,.screen-caption p{max-width:none}.screen-caption h3{font-size:23px}.lesson-planner{gap:26px}.lesson-copy h3{font-size:25px}.finder{gap:30px}.faq{gap:30px}.closing{padding:60px 0}.closing h2{font-size:35px}.download-card{padding:28px}}
@media(max-width:480px){.preview{font-size:10px}.preview span{display:block;margin:2px 0 0}.hero h1{font-size:42px}.hero-side p{font-size:15px}.hero-side small{font-size:11px}.hero-actions.equal-actions .button{font-size:11px!important;gap:6px;padding:12px 10px}.hero .eyebrow{font-size:10px}.product-top{font-size:10px;padding:12px}.focus-controls{padding:12px 10px 0;gap:5px}.focus-controls button{font-size:11px;padding:9px 6px}.focus-description{font-size:12px;padding:12px 12px 0}.product-disclaimer{font-size:10px;margin:8px 12px 13px}.hero-proof>div{padding:0 9px}.hero-proof strong{font-size:13px}.hero-proof span{font-size:10px}.section-title h2,h2{font-size:30px}.audience-grid h3{font-size:25px}.audience-grid article{padding:26px}.audience-grid p,.audience-grid li{font-size:14px}.tabs{grid-template-columns:1fr;gap:8px}.tabs button{padding:15px;gap:10px}.tabs button small{font-size:10px;margin:0}.tabs button>span{font-size:13px}.lesson-copy{padding:25px}.lesson-planner form{padding:22px}.planner-fields{gap:8px}.planner-fields>label{font-size:11px}.number-field input{font-size:24px}.plan-numbers strong{font-size:33px}.finder-form{padding:24px}.finder .choice-group span{font-size:12px}.comparison{font-size:13px;min-width:580px}.comparison th,.comparison td{padding:15px}.download-card{padding:25px}.download-card>.button{font-size:12px}.closing h2{font-size:32px}.footer-top{align-items:flex-start}.footer-top>span{max-width:160px;font-size:11px}.footer-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Audience-specific value: one clear need, concrete functions, next action. */
.target-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.target-grid article{min-width:0;display:flex;flex-direction:column;padding:28px}.target-grid h3{font-size:27px;margin:16px 0}.target-grid .audience-pain{color:#255d46;font-weight:650;margin:22px 0 0;padding:14px;background:#eff5ea;border-radius:8px}.target-grid ul{margin-bottom:4px}.target-grid .button{margin-top:auto;white-space:normal;justify-content:space-between;text-align:left}.target-grid p,.target-grid li{overflow-wrap:anywhere}.keyboard-value{display:flex;align-items:center;gap:30px;justify-content:space-between;background:#eef4e8;border:1px solid #cddcc7;border-radius:16px;padding:30px;margin-top:40px}.keyboard-value h3{font-size:26px;margin:14px 0}.keyboard-value p{font-size:15px;color:#52665e;margin-bottom:0;max-width:700px}.keyboard-value>.button{flex-shrink:0}#finder-next{display:block;width:fit-content;min-height:44px;margin-top:14px;line-height:1.8}.hero-proof strong{overflow-wrap:anywhere}.steps h3{font-size:22px;line-height:1.5}@media(max-width:1050px){.target-grid{grid-template-columns:1fr}.target-grid h3 br{display:none}.keyboard-value{align-items:flex-start;flex-direction:column;gap:20px}.hero-proof strong{font-size:16px}}@media(max-width:480px){.target-grid article{padding:24px}.target-grid h3{font-size:25px}.keyboard-value{padding:24px}.keyboard-value h3{font-size:24px}.keyboard-value>.button{width:100%;white-space:normal}.hero-proof strong{font-size:14px}}
