@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
:root{--bg:#f5f7f7;--paper:#fff;--text:#182126;--muted:#6d777d;--line:#dfe5e7;--accent:#2fa7b2;--accent-deep:#177d86;--accent-soft:#e8f7f8;--dark:#263238;--dark2:#1e292e;--max:1240px;--radius:30px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.shell{width:min(calc(100% - 48px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand-row{height:118px;display:flex;align-items:center;justify-content:center;position:relative}.brand img{display:block;width:min(320px,46vw);height:auto}.menu-toggle{display:none;position:absolute;right:0;border:0;background:none;font-size:24px;color:var(--dark);cursor:pointer}.top-nav{height:58px;border-top:1px solid #edf0f1;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;font-weight:760}.top-nav a{padding:16px 6px;white-space:nowrap;transition:.2s}.top-nav a:hover{color:var(--accent-deep)}.top-nav .nav-cta{color:var(--accent-deep)}
.hero{background:linear-gradient(180deg,#fff 0,#f5f9f9 100%);border-bottom:1px solid var(--line)}.hero-grid{padding:98px 0 94px;display:grid;grid-template-columns:1.08fr .92fr;gap:76px;align-items:center}.eyebrow,.section-kicker{margin:0;color:var(--accent-deep);font-size:12px;font-weight:850;letter-spacing:.15em}.hero h1{font-size:clamp(48px,5.1vw,76px);line-height:1.08;letter-spacing:-.055em;margin:17px 0 24px}.hero h1 span{color:var(--accent-deep)}.lead{font-size:18px;line-height:1.8;color:#5f6b71;max-width:740px;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid #c9d1d4;background:#fff;font-size:14px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--dark);border-color:var(--dark);color:#fff}.btn.secondary{background:#fff}.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.hero-proof span{padding:9px 12px;background:#fff;border:1px solid var(--line);font-size:12px;color:#667178}.hero-map{background:var(--dark);color:#fff;padding:34px 36px 36px;box-shadow:0 28px 80px rgba(28,51,56,.17)}.map-head{border-bottom:1px solid #445158;padding-bottom:24px;margin-bottom:8px}.map-head small,.map-head strong{display:block}.map-head small{font-size:10px;letter-spacing:.16em;color:#78cbd2}.map-head strong{font-size:22px;margin-top:5px}.map-stage{display:flex;gap:18px;align-items:center;padding:15px 0}.map-stage b{display:grid;place-items:center;width:42px;height:42px;background:#34434a;color:#9edee3;font-size:12px}.map-stage.active b{background:var(--accent);color:#fff}.map-stage strong,.map-stage span{display:block}.map-stage strong{font-size:16px}.map-stage span{font-size:12px;color:#aeb9be;margin-top:2px}.map-line{height:13px;border-left:1px dashed #607078;margin-left:20px}
.problem-section{background:#eef2f2;border-bottom:1px solid var(--line)}.problem-grid{padding:86px 0;display:grid;grid-template-columns:.95fr 1.05fr;gap:88px}.problem-copy h2,.section-head h2,.feature-copy h2,.admin-copy h2,.demo-head h2,.trial-box h2{font-size:clamp(34px,4vw,54px);line-height:1.18;letter-spacing:-.045em;margin:12px 0 20px}.problem-copy>p:last-child,.split-head>p,.feature-copy>p,.admin-copy>p,.demo-head>p,.trial-box>div>p{font-size:17px;color:var(--muted);line-height:1.8}.problem-list{background:#fff;border:1px solid var(--line);padding:10px 32px}.problem-list div{display:grid;grid-template-columns:54px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid #edf0f1;align-items:center}.problem-list div:last-child{border-bottom:0}.problem-list b{font-size:12px;color:var(--accent-deep)}.problem-list span{font-weight:720}
.section{padding:100px 0}.split-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:44px}.section-head h2{margin-bottom:0}.platform-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;background:#fff;border:1px solid var(--line)}.platform-strip>div{padding:27px 18px;min-width:0}.platform-strip b,.platform-strip strong,.platform-strip span{display:block}.platform-strip b{font-size:11px;color:var(--accent)}.platform-strip strong{font-size:16px;margin-top:10px}.platform-strip span{font-size:12px;color:var(--muted);margin-top:4px}.platform-strip i{display:grid;place-items:center;color:#aeb9bd;font-style:normal}
.feature-band{border-top:1px solid var(--line)}.feature-editor{background:#fff}.feature-studio{background:#edf4f4}.feature-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:76px;align-items:center}.feature-layout.reverse{grid-template-columns:1.15fr .85fr}.feature-copy h2{margin-top:12px}.feature-copy ul{list-style:none;padding:0;margin:26px 0;display:grid;gap:10px}.feature-copy li{position:relative;padding-left:22px;color:#46545a}.feature-copy li:before{content:'✓';position:absolute;left:0;color:var(--accent-deep);font-weight:900}.text-link{display:inline-block;margin-top:10px;font-weight:850;color:var(--accent-deep)}.screen-frame{background:#eef1f2;border:1px solid #d7dfe1;box-shadow:0 28px 70px rgba(41,63,69,.12)}.screen-top{height:42px;background:#f8fafb;border-bottom:1px solid #dce3e5;display:flex;align-items:center;gap:7px;padding:0 14px}.screen-top span{width:8px;height:8px;border-radius:50%;background:#c5ced2}.screen-top em{font-style:normal;font-size:11px;color:#7f8a8f;margin-left:8px}.screen-placeholder{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#f7f9f9,#e9efef)}.screen-placeholder strong{font-size:24px}.screen-placeholder span{font-size:13px;color:#7d888d;margin:8px 0 18px}.screen-placeholder a{font-size:11px;letter-spacing:.14em;color:var(--accent-deep);font-weight:900}.dark-frame{background:#1d282d;border-color:#26373e}.dark-frame .screen-top{background:#26343a;border-color:#34454d}.dark-frame .screen-top em{color:#aab5ba}.studio-visual{min-height:430px;display:grid;grid-template-columns:150px 1fr 170px;color:#fff}.studio-left,.studio-right{padding:26px;background:#243239;display:flex;flex-direction:column;gap:12px}.studio-left small,.studio-right small{font-size:9px;letter-spacing:.13em;color:#6fc4cb}.studio-left b{padding:10px 8px;background:#2e3e45;font-size:11px}.studio-right strong{font-size:13px}.studio-center{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#34464d 0,#1d282d 65%)}.mug-shape{width:210px;height:170px;background:#edf1f1;border-radius:10px 10px 25px 25px;position:relative;display:grid;place-items:center;color:#3f555e;font-size:10px;letter-spacing:.1em}.mug-shape:after{content:'';position:absolute;right:-52px;top:36px;width:58px;height:82px;border:17px solid #edf1f1;border-left:0;border-radius:0 55px 55px 0}.mug-shape:before{content:'';position:absolute;inset:34px 36px;border:2px dashed #2fa7b2}.mug-shape span{position:relative;z-index:1;background:#fff;padding:4px 7px}
.management-section{background:#fff;border-top:1px solid var(--line)}.center-head{text-align:center;max-width:850px}.center-head{margin-left:auto;margin-right:auto;margin-bottom:44px}.center-head>p:last-child{color:var(--muted);font-size:17px}.management-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.management-grid article{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px}.management-grid article span{font-size:10px;letter-spacing:.14em;color:var(--accent-deep);font-weight:850}.management-grid h3{font-size:24px;margin:28px 0 12px}.management-grid p{font-size:14px;color:var(--muted);line-height:1.75}.admin-section{background:var(--dark);color:#fff}.admin-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.admin-copy .section-kicker{color:#7bd0d7}.admin-copy>p{color:#b9c4c8}.admin-list{border-top:1px solid #4a585f}.admin-list div{display:grid;grid-template-columns:50px 1fr 1.2fr;gap:16px;padding:20px 0;border-bottom:1px solid #4a585f;align-items:center}.admin-list b{font-size:11px;color:#7bd0d7}.admin-list strong{font-size:16px}.admin-list span{font-size:13px;color:#aeb9bd}
.demo-section{background:#f0f4f4}.demo-head{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:end;margin-bottom:40px}.demo-head h2{margin-bottom:0}.demo-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);border-left:1px solid var(--line)}.demo-grid a{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:230px;display:flex;flex-direction:column;transition:.2s}.demo-grid a:hover{background:#f8fbfb}.demo-grid span{font-size:11px;color:var(--accent-deep);font-weight:900}.demo-grid strong{font-size:22px;margin-top:28px}.demo-grid small{color:var(--muted);margin-top:8px}.demo-grid b{margin-top:auto;font-size:12px;color:var(--accent-deep)}
.pricing-section{background:#fff}.pricing-heading{margin-bottom:48px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{position:relative;border:1px solid var(--line);background:#fff;padding:34px;display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--accent);box-shadow:0 20px 60px rgba(47,167,178,.14);transform:translateY(-10px)}.price-card.enterprise{background:linear-gradient(180deg,#fff,#f6f9f9)}.plan-badge{display:inline-flex;align-self:flex-start;padding:6px 10px;background:var(--accent-soft);color:var(--accent-deep);font-size:11px;font-weight:900}.plan-badge.recommended{background:var(--accent);color:#fff}.plan-badge.dark{background:var(--dark);color:#fff}.plan-name{font-size:19px;font-weight:900;margin:18px 0 8px}.price{display:flex;align-items:end;gap:7px}.price strong{font-size:44px;letter-spacing:-.05em}.price span{color:var(--muted);font-weight:800;margin-bottom:7px}.vat{margin:2px 0 19px;color:var(--muted);font-size:12px}.setup-price strong{display:block;font-size:38px;letter-spacing:-.05em}.setup-price span{display:block;color:var(--muted);font-size:12px;font-weight:800}.monthly-price{font-size:20px;font-weight:900;margin:13px 0}.monthly-price span{font-size:12px;color:var(--muted)}.business-copy,.enterprise>p{color:var(--muted);line-height:1.7}.price-card h3{font-size:29px;line-height:1.25;margin:10px 0 14px}.price-card ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px}.price-card li{position:relative;padding-left:22px;font-size:14px}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--accent-deep);font-weight:900}.btn.full{width:100%;margin-top:auto}.price-card small{display:block;text-align:center;color:#869196;line-height:1.5;margin-top:12px}
.trial-section{background:#e9f5f5;padding:0 0 100px}.trial-box{background:var(--accent-deep);color:#fff;padding:56px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.trial-box .section-kicker{color:#a8e6ea}.trial-box h2{margin-bottom:12px}.trial-box>div>p{color:#d6edef}.trial-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trial-primary{background:#fff!important;color:var(--accent-deep);border-color:#fff}.trial-secondary{background:transparent!important;color:#fff;border-color:#83c3c8}.trial-actions small{grid-column:1/-1;color:#c3e0e2;margin-top:8px}.site-footer{background:#fff;border-top:1px solid var(--line);padding:36px 0 44px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.footer-grid strong{font-size:20px}.footer-grid p{font-size:13px;color:var(--muted);margin:5px 0}.footer-links{display:flex;gap:20px;font-size:13px;font-weight:750}.footer-grid small{grid-column:1/-1;color:#98a1a5}






@media(max-width:1050px){.top-nav{overflow:auto;justify-content:flex-start;gap:24px}.hero-grid,.problem-grid,.feature-layout,.feature-layout.reverse,.admin-layout{grid-template-columns:1fr}.hero-map{max-width:680px}.platform-strip{grid-template-columns:repeat(3,1fr)}.platform-strip i{display:none}.management-grid,.demo-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid .enterprise{grid-column:1/-1}.price-card.featured{transform:none}.trial-box{grid-template-columns:1fr}.split-head,.demo-head{grid-template-columns:1fr;gap:18px}.feature-layout.reverse .screen-frame{order:2}.feature-layout.reverse .feature-copy{order:1}}
@media(max-width:760px){.shell{width:min(calc(100% - 28px),var(--max))}.brand-row{height:88px;justify-content:flex-start}.brand img{width:235px;max-width:66vw}.menu-toggle{display:block}.top-nav{display:none;height:auto;padding:10px 0 16px;border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.top-nav.open{display:flex}.top-nav a{padding:11px 0}.hero-grid{padding:64px 0}.hero h1{font-size:44px}.lead{font-size:16px}.hero-actions .btn{width:100%}.problem-grid,.section{padding:70px 0}.platform-strip{grid-template-columns:1fr 1fr}.screen-placeholder,.studio-visual{min-height:340px}.studio-visual{grid-template-columns:100px 1fr}.studio-right{display:none}.mug-shape{transform:scale(.72)}.management-grid,.demo-grid,.pricing-grid{grid-template-columns:1fr}.pricing-grid .enterprise{grid-column:auto}.admin-list div{grid-template-columns:42px 1fr}.admin-list span{grid-column:2}.trial-section{padding-bottom:70px}.trial-box{padding:36px 24px}.trial-actions{grid-template-columns:1fr}.trial-actions small{grid-column:1}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-grid small{grid-column:1}}
@media(max-width:480px){.hero h1{font-size:38px}.problem-copy h2,.section-head h2,.feature-copy h2,.admin-copy h2,.demo-head h2,.trial-box h2{font-size:32px}.platform-strip{grid-template-columns:1fr}.screen-placeholder{min-height:300px}.studio-left{display:none}.studio-visual{grid-template-columns:1fr}.management-grid article{min-height:auto}.price strong{font-size:38px}}

/* v4 content expansion */
.core-value-section{background:#fff;border-top:1px solid var(--line)}
.core-value-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:86px;align-items:center}
.core-value-copy h2,.usecase-head h2,.integration-copy h2,.faq-title h2{font-size:clamp(34px,4vw,54px);line-height:1.18;letter-spacing:-.045em;margin:12px 0 20px}
.core-value-copy h2 span{color:var(--accent-deep)}
.core-value-copy>p:last-child,.usecase-head>p,.integration-copy>p,.faq-title>p{font-size:17px;color:var(--muted);line-height:1.8}
.job-stack{background:#f1f5f5;border:1px solid var(--line);padding:34px}
.job-layer{display:grid;grid-template-columns:94px 1fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);padding:22px 24px}
.job-layer>b{font-size:10px;letter-spacing:.14em;color:var(--accent-deep)}
.job-layer strong,.job-layer span{display:block}.job-layer strong{font-size:17px}.job-layer span{font-size:13px;color:var(--muted);margin-top:3px}
.job-join{text-align:center;height:28px;line-height:28px;color:#8ca0a5;font-weight:800}.job-result{margin-top:18px;background:var(--dark);color:#fff;padding:24px}.job-result small,.job-result strong{display:block}.job-result small{font-size:9px;letter-spacing:.16em;color:#82d1d7}.job-result strong{font-size:18px;margin-top:5px}
.benefit-lines{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefit-lines>div{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-lines b,.benefit-lines strong,.benefit-lines span{display:block}.benefit-lines b{font-size:10px;color:var(--accent-deep)}.benefit-lines strong{font-size:18px;margin-top:14px}.benefit-lines span{font-size:13px;color:var(--muted);margin-top:7px;line-height:1.65}
.usecase-section{background:#edf4f4;border-top:1px solid var(--line)}.usecase-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.usecase-head h2{margin-bottom:0}.usecase-rail{margin-top:44px;display:flex;flex-wrap:wrap;border-top:1px solid #ccd8da;border-left:1px solid #ccd8da}.usecase-rail span{flex:1 1 25%;min-width:180px;padding:24px;border-right:1px solid #ccd8da;border-bottom:1px solid #ccd8da;background:rgba(255,255,255,.38);font-weight:820}.usecase-note{margin-top:38px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-top:30px;border-top:1px solid #ccd8da}.usecase-note strong{font-size:22px;letter-spacing:-.025em}.usecase-note p{margin:0;color:var(--muted);line-height:1.8}
.integration-section{background:#fff;border-top:1px solid var(--line)}.integration-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.integration-modes{border-top:1px solid var(--line)}.integration-modes>div{display:grid;grid-template-columns:50px 190px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.integration-modes b{font-size:10px;color:var(--accent-deep)}.integration-modes strong{font-size:16px}.integration-modes span{font-size:14px;color:var(--muted);line-height:1.7}
.faq-section{background:#f4f7f7;border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.faq-title{position:sticky;top:210px;align-self:start}.faq-list{border-top:1px solid #ced7d9}.faq-list details{border-bottom:1px solid #ced7d9;padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:25px 46px 25px 0;font-size:17px;font-weight:820;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;top:21px;font-size:24px;font-weight:400;color:var(--accent-deep)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0;padding:0 54px 26px 0;color:var(--muted);line-height:1.8;font-size:14px}
@media(max-width:1050px){.core-value-layout,.usecase-head,.integration-layout,.faq-layout{grid-template-columns:1fr;gap:42px}.faq-title{position:static}.benefit-lines{grid-template-columns:1fr 1fr}.usecase-note{grid-template-columns:1fr;gap:15px}.integration-modes>div{grid-template-columns:48px 180px 1fr}}
@media(max-width:760px){.benefit-lines{grid-template-columns:1fr}.job-stack{padding:20px}.job-layer{grid-template-columns:72px 1fr;padding:18px}.usecase-rail span{flex-basis:50%;min-width:0}.integration-modes>div{grid-template-columns:40px 1fr}.integration-modes span{grid-column:2}.faq-list summary{font-size:16px;padding-right:36px}.faq-list details p{padding-right:12px}}
@media(max-width:480px){.usecase-rail span{flex-basis:100%}.job-layer{grid-template-columns:1fr;gap:5px}}


/* =========================================================
   CanvasD Features page
   ========================================================= */
.top-nav a.current{color:var(--accent-deep);font-weight:900;position:relative}.top-nav a.current:after{content:'';position:absolute;left:0;right:0;bottom:-19px;height:2px;background:var(--accent)}
.features-hero{background:linear-gradient(180deg,#fff 0%,#f3f7f7 100%);border-bottom:1px solid var(--line)}
.features-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:88px;align-items:center;padding:92px 0 96px}.features-hero-copy h1{font-size:clamp(46px,5.7vw,76px);line-height:1.06;letter-spacing:-.055em;margin:15px 0 26px}.features-hero-copy h1 span{color:var(--accent-deep)}.features-hero-copy .lead{max-width:760px}.feature-hero-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.feature-hero-points span{padding:9px 13px;border:1px solid #cbd8da;background:rgba(255,255,255,.72);font-size:12px;font-weight:850;color:#445359}
.origin-card{background:var(--dark);color:#fff;padding:42px 40px;min-height:390px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 25px 75px rgba(18,36,40,.12)}.origin-card small{font-size:10px;letter-spacing:.18em;color:#7ed0d7;font-weight:900}.origin-card strong{font-size:28px;line-height:1.4;letter-spacing:-.035em;margin:20px 0}.origin-card p{color:#bdc9cc;line-height:1.85;font-size:14px}.origin-rule{height:1px;background:#405158;margin:26px 0}.origin-card b{font-size:14px;color:#fff}
.story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.story-heading h2{font-size:clamp(36px,4vw,56px);line-height:1.15;letter-spacing:-.045em;margin:12px 0}.story-copy{font-size:17px;line-height:1.95;color:#536166}.story-copy p{margin:0 0 24px}.story-copy strong{color:var(--text)}.story-emphasis{font-size:20px!important;line-height:1.75!important;color:var(--text)!important;font-weight:760;border-left:3px solid var(--accent);padding-left:24px;margin-top:34px!important}
.before-after-section{background:#eef4f4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-compare{display:grid;grid-template-columns:1fr 80px 1fr;gap:0;align-items:center;margin-top:48px}.workflow-column{background:#fff;border:1px solid #cfdadc}.workflow-label{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.workflow-label span{font-size:18px;font-weight:900}.workflow-label small{font-size:11px;color:var(--muted);font-weight:750}.workflow-column ol{list-style:none;padding:0;margin:0}.workflow-column li{display:grid;grid-template-columns:48px 1fr;align-items:center;min-height:66px;padding:0 24px;border-bottom:1px solid #e2e8e9}.workflow-column li:last-child{border-bottom:0}.workflow-column li b{font-size:10px;color:#9aa7aa}.workflow-column li span{font-size:14px;font-weight:760}.old-flow li span{color:#687579}.canvasd-flow{border-color:#93cdd2;box-shadow:0 18px 55px rgba(47,167,178,.1)}.canvasd-flow .workflow-label{background:#e9f7f7}.canvasd-flow .workflow-label span,.canvasd-flow li b{color:var(--accent-deep)}.compare-arrow{text-align:center}.compare-arrow span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:20px;font-weight:900}
.feature-accordion-section{background:#fff}.accordion-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:54px}.accordion-intro h2{font-size:clamp(38px,4.4vw,60px);line-height:1.15;letter-spacing:-.05em;margin:12px 0 0}.accordion-intro>p{font-size:16px;line-height:1.85;color:var(--muted);margin:0}.feature-accordion{border-top:1px solid #bfcacc}.feature-item{border-bottom:1px solid #cbd5d7}.feature-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:74px 1fr 40px;gap:22px;align-items:center;padding:30px 6px}.feature-item summary::-webkit-details-marker{display:none}.feature-no{font-size:12px;color:var(--accent-deep);font-weight:900;letter-spacing:.08em}.feature-item summary div{display:grid;grid-template-columns:170px 280px 1fr;gap:24px;align-items:center}.feature-item summary small{font-size:10px;letter-spacing:.13em;color:#8b989c;font-weight:900}.feature-item summary strong{font-size:20px;letter-spacing:-.02em}.feature-item summary em{font-style:normal;color:var(--muted);font-size:14px}.feature-item summary i{position:relative;width:28px;height:28px}.feature-item summary i:before,.feature-item summary i:after{content:'';position:absolute;background:var(--accent-deep);left:5px;right:5px;top:13px;height:1px}.feature-item summary i:after{transform:rotate(90deg);transition:.2s}.feature-item[open] summary i:after{transform:rotate(0)}.feature-item[open] summary{background:#f8fbfb}.feature-panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;padding:42px 46px 58px 64px;background:#f8fbfb}.feature-panel-copy h3{font-size:30px;letter-spacing:-.04em;line-height:1.3;margin:0 0 16px}.feature-panel-copy>p{color:var(--muted);line-height:1.85;font-size:15px}.why-block{margin:24px 0;border-left:3px solid var(--accent);padding:14px 0 14px 18px}.why-block b,.why-block span{display:block}.why-block b{font-size:11px;color:var(--accent-deep);margin-bottom:5px}.why-block span{font-size:14px;line-height:1.65;color:#46555a}.feature-panel-copy ul{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.feature-panel-copy li{position:relative;padding-left:19px;font-size:13px;color:#455257}.feature-panel-copy li:before{content:'✓';position:absolute;left:0;color:var(--accent-deep);font-weight:900}.capture-placeholder{min-height:430px;border:1px solid #cad6d8;background:linear-gradient(135deg,#eef4f4,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;position:relative;overflow:hidden}.capture-placeholder:before{content:'';position:absolute;inset:18px;border:1px dashed #ccd8da;pointer-events:none}.capture-placeholder span{position:relative;font-size:10px;letter-spacing:.18em;color:var(--accent-deep);font-weight:900}.capture-placeholder strong{position:relative;font-size:22px;margin-top:13px}.capture-placeholder p{position:relative;color:var(--muted);font-size:13px;margin:9px 0 24px}.capture-placeholder small{position:relative;font-size:11px;color:#8c999d}.capture-placeholder.dark{background:linear-gradient(145deg,#213339,#102228);border-color:#31474d;color:#fff}.capture-placeholder.dark:before{border-color:#3b5157}.capture-placeholder.dark p,.capture-placeholder.dark small{color:#aabbbf}.capture-placeholder.dark span{color:#82d5dc}
.features-principle{background:#f1f5f5;border-top:1px solid var(--line)}.principle-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}.principle-grid h2{font-size:clamp(36px,4vw,54px);line-height:1.18;letter-spacing:-.045em;margin:12px 0}.principle-list{border-top:1px solid #ccd6d8}.principle-list article{display:grid;grid-template-columns:55px 180px 1fr;gap:18px;align-items:start;padding:24px 0;border-bottom:1px solid #ccd6d8}.principle-list b{font-size:10px;color:var(--accent-deep)}.principle-list strong{font-size:17px}.principle-list p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}
.features-flow{background:#fff}.flow-title{text-align:center;max-width:850px;margin:0 auto 48px}.flow-title h2{font-size:clamp(38px,4.3vw,58px);line-height:1.16;letter-spacing:-.05em;margin:12px 0}.final-flow{display:grid;grid-template-columns:repeat(11,auto);align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.final-flow div{min-width:0;padding:26px 12px;text-align:center}.final-flow div b,.final-flow div strong,.final-flow div span{display:block}.final-flow div b{font-size:9px;color:var(--accent-deep)}.final-flow div strong{font-size:15px;margin-top:8px}.final-flow div span{font-size:11px;color:var(--muted);margin-top:4px}.final-flow i{font-style:normal;color:#9babad;align-self:center;padding:0 4px}
.features-cta{background:#e7f4f4;padding:0 0 100px}.features-cta-box{background:var(--accent-deep);color:#fff;padding:58px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.features-cta-box .section-kicker{color:#9ee1e6}.features-cta-box h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em;margin:10px 0 14px}.features-cta-box p{color:#d4e9eb;line-height:1.75}.features-cta-actions{display:grid;gap:10px}.features-cta-actions .primary{background:#fff;color:var(--accent-deep);border-color:#fff}.features-cta-actions .secondary{color:#fff;border-color:#81bdc1}.text-link.light{color:#d7f0f2;margin-top:12px}
@media(max-width:1050px){.features-hero-grid,.story-grid,.accordion-intro,.principle-grid,.features-cta-box{grid-template-columns:1fr;gap:44px}.features-hero-grid{padding:72px 0}.origin-card{min-height:auto}.workflow-compare{grid-template-columns:1fr;gap:18px}.compare-arrow span{transform:rotate(90deg)}.feature-item summary div{grid-template-columns:140px 240px 1fr}.feature-panel{grid-template-columns:1fr;gap:34px}.final-flow{grid-template-columns:repeat(6,1fr)}.final-flow i{display:none}.principle-list article{grid-template-columns:50px 160px 1fr}}
@media(max-width:760px){.top-nav a.current:after{display:none}.features-hero-copy h1{font-size:45px}.origin-card{padding:32px 26px}.story-emphasis{font-size:17px!important}.workflow-label{padding:18px}.workflow-column li{padding:0 18px}.accordion-intro{margin-bottom:34px}.feature-item summary{grid-template-columns:42px 1fr 30px;gap:10px;padding:22px 4px}.feature-item summary div{grid-template-columns:1fr;gap:4px}.feature-item summary em{margin-top:4px}.feature-panel{padding:30px 18px 40px}.feature-panel-copy h3{font-size:25px}.feature-panel-copy ul{grid-template-columns:1fr}.capture-placeholder{min-height:320px}.principle-list article{grid-template-columns:40px 1fr}.principle-list p{grid-column:2}.final-flow{grid-template-columns:1fr 1fr}.features-cta{padding-bottom:70px}.features-cta-box{padding:38px 24px}.feature-hero-points span{flex:1 1 auto;text-align:center}}
@media(max-width:480px){.features-hero-copy h1{font-size:39px}.origin-card strong{font-size:23px}.workflow-column li{grid-template-columns:38px 1fr}.feature-item summary{grid-template-columns:34px 1fr 26px}.feature-no{font-size:10px}.feature-item summary strong{font-size:18px}.capture-placeholder{min-height:280px}.final-flow{grid-template-columns:1fr}}

/* v6 actual product screenshots */
.feature-shots{display:grid;gap:18px;align-content:start;min-width:0}.shot-card{margin:0;background:#fff;border:1px solid #cbd6d8;box-shadow:0 16px 36px rgba(22,45,52,.08);overflow:hidden}.shot-card.dark-frame{background:#17282e;border-color:#2c444b}.shot-open{display:block;width:100%;border:0;padding:0;background:#edf3f3;cursor:zoom-in;text-align:left;overflow:hidden}.shot-open img{display:block;width:100%;height:auto;aspect-ratio:1920/911;object-fit:contain;object-position:top center;transition:transform .28s ease;background:#eef3f3}.shot-open:hover img{transform:scale(1.012)}.shot-card figcaption{display:flex;gap:14px;align-items:flex-start;padding:14px 16px 15px;background:#fff;border-top:1px solid #e2e9ea}.shot-card figcaption b{flex:0 0 auto;font-size:12px;color:#182b31;letter-spacing:-.01em}.shot-card figcaption span{font-size:11px;line-height:1.6;color:#69777b}.shot-main .shot-open img{aspect-ratio:auto;max-height:560px;object-fit:contain}.feature-shots>.shot-card:not(.shot-main){width:82%;justify-self:end}.feature-shots>.capture-mini-note{width:82%;justify-self:end}.shot-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shot-pair .shot-card figcaption{display:block}.shot-pair .shot-card figcaption b,.shot-pair .shot-card figcaption span{display:block}.shot-pair .shot-card figcaption span{margin-top:4px}.capture-mini-note{border:1px dashed #afc5c8;background:#f1f7f7;padding:16px 18px;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start}.capture-mini-note b{font-size:11px;color:var(--accent-deep)}.capture-mini-note span{font-size:12px;line-height:1.7;color:#66767b}.capture-placeholder{box-shadow:0 12px 30px rgba(22,45,52,.04)}

.canvasd-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(6,18,22,.92);display:none;align-items:center;justify-content:center;padding:34px}.canvasd-lightbox.open{display:flex}.canvasd-lightbox img{display:block;max-width:min(96vw,1920px);max-height:90vh;width:auto;height:auto;box-shadow:0 24px 80px rgba(0,0,0,.45);background:#fff}.canvasd-lightbox button{position:absolute;right:24px;top:20px;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;font-size:25px;cursor:pointer}.canvasd-lightbox .lightbox-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:11px;color:rgba(255,255,255,.64);letter-spacing:.04em}

@media(max-width:760px){.feature-shots>.shot-card:not(.shot-main),.feature-shots>.capture-mini-note{width:100%}.shot-pair{grid-template-columns:1fr}.capture-mini-note{grid-template-columns:1fr;gap:5px}.shot-card figcaption{display:block}.shot-card figcaption span{display:block;margin-top:5px}.canvasd-lightbox{padding:12px}.canvasd-lightbox button{right:10px;top:10px}}


/* v10 — real-screen feature layout refinement */
.feature-panel{
  grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);
  gap:62px;
  padding:48px 52px 64px 64px;
}
.feature-shots{gap:22px}
.shot-card{border-radius:2px}
.shot-main .shot-open{
  min-height:0;
  background:#eaf0f1;
}
.shot-main .shot-open img{
  width:100%;
  max-height:none;
  aspect-ratio:1920/911;
  object-fit:contain;
  object-position:top center;
}
.feature-shots>.shot-secondary{
  width:76%;
  justify-self:end;
}
.shot-secondary .shot-open img{
  aspect-ratio:1920/911;
  object-fit:contain;
  object-position:top center;
}
.shot-main figcaption{
  padding:16px 18px 17px;
}
.shot-main figcaption b{font-size:13px}
.shot-main figcaption span{font-size:12px}
.pending-shot{
  min-height:390px;
  background:
    linear-gradient(135deg,rgba(33,175,185,.035),rgba(255,255,255,.8)),
    #f4f8f8;
}
.pending-shot:after{
  content:"실제 화면 캡처 추가 예정";
  position:absolute;
  right:18px;
  top:18px;
  padding:7px 10px;
  border:1px solid #c8d8da;
  background:#fff;
  color:#6f7e82;
  font-size:10px;
  letter-spacing:.04em;
}
.feature-item[open] summary{
  border-left:3px solid var(--accent);
  padding-left:14px;
}
@media(max-width:1050px){
  .feature-panel{grid-template-columns:1fr;padding:38px 30px 50px;gap:34px}
  .feature-shots>.shot-secondary{width:88%}
}
@media(max-width:760px){
  .feature-panel{padding:28px 16px 38px}
  .feature-shots>.shot-secondary{width:100%}
  .pending-shot{min-height:300px}
}


/* v12 — keep v10 accordion rows intact; widen only opened content */
.features-page-v12 .core-features .feature-list{
  overflow:visible;
}

.features-page-v12 .feature-item[open] .feature-panel{
  width:min(1320px, calc(100vw - 64px));
  max-width:1320px;
  margin-left:50%;
  transform:translateX(-50%);
  grid-template-columns:minmax(300px, 35%) minmax(0, 65%);
  gap:54px;
  padding:46px 40px 58px;
}

.features-page-v12 .feature-item[open] .feature-copy{
  max-width:420px;
}

.features-page-v12 .feature-item[open] .feature-shots{
  width:100%;
  max-width:none;
  gap:22px;
}

.features-page-v12 .feature-item[open] .shot-main{
  width:100%;
}

.features-page-v12 .feature-item[open] .shot-main .shot-open img{
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:top center;
}

.features-page-v12 .feature-item[open] .feature-shots > .shot-secondary{
  width:72%;
  justify-self:end;
}

.features-page-v12 .feature-item[open] .shot-secondary .shot-open img{
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:top center;
}

.features-page-v12 .feature-item[open] .capture-placeholder{
  min-height:390px;
}

@media (max-width:1180px){
  .features-page-v12 .feature-item[open] .feature-panel{
    width:calc(100vw - 36px);
    grid-template-columns:1fr;
    gap:34px;
    padding:38px 24px 46px;
  }

  .features-page-v12 .feature-item[open] .feature-copy{
    max-width:760px;
  }

  .features-page-v12 .feature-item[open] .feature-shots > .shot-secondary{
    width:82%;
  }
}

@media (max-width:760px){
  .features-page-v12 .feature-item[open] .feature-panel{
    width:100%;
    margin-left:0;
    transform:none;
    padding:28px 16px 38px;
  }

  .features-page-v12 .feature-item[open] .feature-shots > .shot-secondary{
    width:100%;
  }

  .features-page-v12 .feature-item[open] .capture-placeholder{
    min-height:300px;
  }
}


/* pricing page styles merged */

.pricing-page{background:#fff;color:#1e2b2f}
.pricing-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.pricing-hero{padding:90px 0 58px;background:linear-gradient(180deg,#f6fbfb 0%,#fff 100%)}
.pricing-hero h1{margin:12px 0 20px;font-size:54px;line-height:1.15;letter-spacing:-.045em}
.pricing-lead{font-size:18px;line-height:1.8;color:#66757a}
.pricing-note{margin-top:34px;padding:20px 24px;border-left:3px solid var(--accent,#27aeba);background:#f6f9f9;display:flex;gap:12px;flex-wrap:wrap}
.pricing-note strong{font-size:14px}.pricing-note span{font-size:13px;color:#718084}
.pricing-section{padding:54px 0 100px}
.pricing-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.plan-card{position:relative;border:1px solid #dce5e7;background:#fff;padding:34px 30px 30px;display:flex;flex-direction:column;min-height:610px}
.plan-featured{border:2px solid var(--accent,#27aeba);box-shadow:0 16px 45px rgba(33,95,101,.09);transform:translateY(-8px)}
.plan-badge{position:absolute;right:18px;top:16px;background:var(--accent,#27aeba);color:#fff;padding:6px 10px;font-size:11px;font-weight:700}
.plan-kicker{font-size:11px;letter-spacing:.12em;font-weight:800;color:#89979b}
.plan-card h2{font-size:27px;margin:10px 0 12px;letter-spacing:-.03em}
.plan-desc{min-height:62px;color:#6c7a7e;line-height:1.7;font-size:14px}
.plan-price{display:flex;align-items:flex-end;gap:8px;margin:24px 0 26px;padding-bottom:24px;border-bottom:1px solid #e5ebec}
.plan-price strong{font-size:38px;letter-spacing:-.04em}.plan-price span{font-size:13px;color:#748287;padding-bottom:7px}
.plan-price-text strong{font-size:32px}
.plan-list{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:13px}
.plan-list li{position:relative;padding-left:18px;font-size:14px;color:#46565a}
.plan-list li:before{content:"✓";position:absolute;left:0;color:var(--accent,#27aeba);font-weight:800}
.plan-btn{margin-top:auto;text-align:center;border:1px solid #cfdadd;padding:14px 16px;text-decoration:none;color:#2b3a3e;font-weight:700}
.plan-btn-primary{background:var(--accent,#27aeba);color:#fff;border-color:var(--accent,#27aeba)}
.pricing-compare,.pricing-faq{margin-top:100px}
.section-head h2{font-size:36px;margin:8px 0 28px;letter-spacing:-.035em}
.compare-table-wrap{overflow:auto;border-top:2px solid #2d3d41}
.compare-table{width:100%;border-collapse:collapse;min-width:760px}
.compare-table th,.compare-table td{padding:17px 18px;border-bottom:1px solid #e4eaeb;text-align:center;font-size:14px}
.compare-table thead th{background:#f5f8f8;font-size:13px}.compare-table tbody th{text-align:left;color:#5c6b6f;font-weight:600}
.pricing-dedicated{margin-top:100px;padding:48px;background:#f3f8f8;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}
.pricing-dedicated h2{font-size:34px;line-height:1.35;letter-spacing:-.04em;margin:10px 0}
.dedicated-copy p{color:#657579;line-height:1.8}
.dedicated-flow{margin-top:28px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.dedicated-flow span{padding:10px 12px;background:#fff;border:1px solid #dce6e7;font-size:12px}.dedicated-flow b{color:#9aabad}
.pricing-faq details{border-top:1px solid #dde5e6;padding:20px 4px}.pricing-faq details:last-child{border-bottom:1px solid #dde5e6}
.pricing-faq summary{cursor:pointer;font-weight:700}.pricing-faq p{color:#6d7b7f;line-height:1.75;margin:14px 0 0}
.pricing-cta{margin-top:100px;padding:64px;text-align:center;background:#26383c;color:#fff}
.pricing-cta h2{font-size:38px;margin:10px 0 12px}.pricing-cta p{color:#c9d4d6}
.pricing-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}
.pricing-actions a{padding:14px 22px;text-decoration:none;font-weight:700}.pricing-actions .btn-primary{background:#fff;color:#26383c}.pricing-actions .btn-secondary{border:1px solid #66777b;color:#fff}
@media(max-width:900px){.pricing-grid-v2{grid-template-columns:1fr}.plan-featured{transform:none}.pricing-dedicated{grid-template-columns:1fr;gap:24px}.pricing-hero h1{font-size:42px}}
@media(max-width:600px){.pricing-shell{width:min(100% - 28px,1180px)}.pricing-hero{padding-top:58px}.pricing-hero h1{font-size:34px}.pricing-lead{font-size:16px}.plan-card{min-height:auto}.pricing-dedicated{padding:30px 22px}.pricing-cta{padding:44px 20px}.pricing-actions{flex-direction:column}}


/* v13 — one shared header/navigation geometry for every official CanvasD page */
.site-header{
  width:100%;
  overflow:visible;
}

.site-header .brand-row.shell,
.site-header .top-nav.shell{
  width:min(calc(100% - 48px), var(--max));
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

.site-header .brand-row{
  height:118px;
  padding:0;
}

.site-header .top-nav{
  height:58px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:0;
  align-items:center;
  justify-content:stretch;
}

.site-header .top-nav a{
  min-width:0;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  box-sizing:border-box;
  text-align:center;
  white-space:nowrap;
  position:relative;
}

.site-header .top-nav a.current::after{
  content:"";
  position:absolute;
  left:22%;
  right:22%;
  bottom:-1px;
  height:2px;
  background:var(--accent);
}

.site-header .top-nav .nav-cta{
  color:var(--accent);
}

@media(max-width:900px){
  .site-header .brand-row.shell{
    width:calc(100% - 28px);
  }

  .site-header .top-nav.shell{
    width:100%;
    max-width:none;
    display:flex;
    justify-content:flex-start;
    gap:26px;
    overflow-x:auto;
    padding:0 18px;
    scrollbar-width:none;
  }

  .site-header .top-nav.shell::-webkit-scrollbar{
    display:none;
  }

  .site-header .top-nav a{
    flex:0 0 auto;
    padding:0 2px;
  }
}


/* pricing v14 — Education card + 4-plan layout */
.pricing-page .pricing-grid-v2{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.pricing-page .plan-card{
  padding:30px 26px 28px;
}
.pricing-page .plan-education{
  background:linear-gradient(180deg,#f7fbfb 0%,#ffffff 34%);
  border-color:#cfe2e4;
}
.pricing-page .plan-education .plan-kicker{
  color:var(--accent,#27aeba);
}
.pricing-page .plan-price-free{
  align-items:flex-end;
  gap:12px;
}
.pricing-page .plan-price-free strong{
  color:var(--accent,#27aeba);
  font-size:40px;
}
.pricing-page .plan-price-free span{
  color:#65767a;
  padding-bottom:8px;
}
.pricing-page .education-btn{
  border-color:var(--accent,#27aeba);
  color:var(--accent,#27aeba);
  background:#fff;
}
.pricing-page .compare-table{min-width:940px}
@media(max-width:1180px){
  .pricing-page .pricing-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .pricing-page .plan-featured{transform:none}
}
@media(max-width:680px){
  .pricing-page .pricing-grid-v2{grid-template-columns:1fr}
}


/* pricing v15 — keep all 4 plans in one row on desktop */
.pricing-page .pricing-shell{
  width:min(1380px, calc(100% - 40px));
}

.pricing-page .pricing-grid-v2{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px;
  align-items:stretch;
}

.pricing-page .plan-card{
  min-width:0;
  padding:28px 24px 26px;
}

.pricing-page .plan-card h2{
  font-size:25px;
}

.pricing-page .plan-desc{
  font-size:13px;
  line-height:1.65;
  min-height:70px;
}

.pricing-page .plan-price{
  margin:20px 0 22px;
  padding-bottom:20px;
}

.pricing-page .plan-price strong{
  font-size:36px;
}

.pricing-page .plan-list{
  gap:11px;
}

.pricing-page .plan-list li{
  font-size:13px;
  line-height:1.5;
}

.pricing-page .plan-featured{
  transform:none;
}

@media (max-width:1100px){
  .pricing-page .pricing-grid-v2{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px;
  }
}

@media (max-width:680px){
  .pricing-page .pricing-grid-v2{
    grid-template-columns:1fr !important;
  }
  .pricing-page .pricing-shell{
    width:min(100% - 28px, 1380px);
  }
}


/* pricing v16 — match official site content width while keeping 4 cards */
.pricing-page .pricing-shell{
  width:min(var(--max), calc(100% - 48px)) !important;
  max-width:var(--max) !important;
}

.pricing-page .pricing-grid-v2{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}

.pricing-page .plan-card{
  padding:26px 20px 24px !important;
}

.pricing-page .plan-card h2{
  font-size:23px !important;
  line-height:1.28;
}

.pricing-page .plan-desc{
  font-size:12.5px !important;
  line-height:1.62;
  min-height:72px;
}

.pricing-page .plan-price strong{
  font-size:33px !important;
}

.pricing-page .plan-price span{
  font-size:12px;
}

.pricing-page .plan-list{
  gap:9px !important;
}

.pricing-page .plan-list li{
  font-size:12.5px !important;
  line-height:1.45;
  padding-left:16px;
}

.pricing-page .plan-btn{
  padding:13px 10px;
  font-size:13px;
}

@media(max-width:1100px){
  .pricing-page .pricing-grid-v2{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }
}

@media(max-width:680px){
  .pricing-page .pricing-grid-v2{
    grid-template-columns:1fr !important;
  }
  .pricing-page .pricing-shell{
    width:min(100% - 28px, var(--max)) !important;
  }
}


/* CanvasD experience introduction pages */
.experience-page{background:#fff}
.experience-hero{background:linear-gradient(180deg,#f6fbfb 0%,#fff 100%);border-bottom:1px solid var(--line)}
.experience-hero-grid{padding:78px 0 64px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.experience-kicker{margin:0;color:var(--accent-deep);font-size:12px;letter-spacing:.14em;font-weight:800}
.experience-hero h1{font-size:clamp(42px,4.7vw,66px);line-height:1.12;letter-spacing:-.05em;margin:14px 0 20px}
.experience-hero .experience-lead{margin:0;color:#66757a;font-size:17px;line-height:1.85;max-width:650px}
.experience-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.experience-actions .btn{border-radius:0}
.experience-shot{background:#edf2f2;border:1px solid #d6e0e1;box-shadow:0 22px 58px rgba(28,61,66,.1);overflow:hidden}
.experience-shot img{display:block;width:100%;height:auto;object-fit:contain;background:#eef3f3}
.experience-shot figcaption{padding:13px 16px;border-top:1px solid #dce5e6;color:#68777b;font-size:12px;background:#fff}
.experience-summary{padding:78px 0}
.experience-summary-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:78px}
.experience-summary h2{font-size:38px;line-height:1.28;letter-spacing:-.04em;margin:10px 0 18px}
.experience-summary-copy>p{color:#68777b;line-height:1.85;margin:0}
.experience-points{border-top:1px solid #dce4e5}
.experience-point{display:grid;grid-template-columns:52px 180px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #dce4e5;align-items:start}
.experience-point b{font-size:11px;color:var(--accent-deep)}
.experience-point strong{font-size:16px;font-weight:700}
.experience-point span{font-size:14px;color:#67767a;line-height:1.7}
.experience-flow{background:#f1f5f5;padding:72px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.experience-flow h2{text-align:center;font-size:36px;letter-spacing:-.035em;margin:8px 0 36px}
.experience-flow-row{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.experience-flow-row>div{min-height:164px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.experience-flow-row b,.experience-flow-row strong,.experience-flow-row span{display:block}
.experience-flow-row b{font-size:10px;color:var(--accent-deep)}
.experience-flow-row strong{font-size:18px;margin-top:20px}
.experience-flow-row span{font-size:13px;color:#718085;line-height:1.65;margin-top:7px}
.experience-cta{padding:78px 0 92px;background:#fff}
.experience-cta-box{background:#26383c;color:#fff;padding:50px 54px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
.experience-cta-box h2{font-size:36px;letter-spacing:-.04em;margin:8px 0 10px}
.experience-cta-box p{margin:0;color:#c7d2d4;line-height:1.75}
.experience-cta-box .btn{background:#fff;color:#26383c;border-color:#fff;border-radius:0}
.experience-back{display:inline-block;margin-top:18px;font-size:13px;color:#758388}
@media(max-width:960px){
  .experience-hero-grid,.experience-summary-grid,.experience-cta-box{grid-template-columns:1fr;gap:38px}
  .experience-flow-row{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .experience-hero-grid{padding:54px 0}
  .experience-summary{padding:58px 0}
  .experience-point{grid-template-columns:40px 1fr}
  .experience-point span{grid-column:2}
  .experience-flow-row{grid-template-columns:1fr}
  .experience-cta-box{padding:36px 26px}
}


/* 2026-08-18 official-site UI stabilization */
.experience-page .experience-hero-grid{
  grid-template-columns:1.08fr .92fr;
  gap:56px;
}
.experience-page .experience-hero h1{
  font-size:clamp(40px,3.6vw,56px);
  line-height:1.15;
  word-break:keep-all;
}
.experience-page .experience-hero h1 .keep-line{
  white-space:nowrap;
}

/* Education page: shared official-site geometry, no double hero padding */
.education-page .education-hero{
  background:linear-gradient(180deg,#f6fbfb 0%,#fff 100%);
  border-bottom:1px solid var(--line);
}
.education-page .education-hero-grid{
  padding:78px 0 64px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:56px;
  align-items:center;
}
.education-page .education-hero h1{
  font-size:clamp(40px,3.6vw,56px);
  line-height:1.15;
  letter-spacing:-.045em;
  margin:14px 0 20px;
  word-break:keep-all;
}
.education-page .education-lead{
  margin:0;
  color:#66757a;
  font-size:17px;
  line-height:1.85;
  max-width:650px;
}
.education-page .education-workflow{
  background:var(--dark);
  color:#fff;
  padding:34px 36px 36px;
  box-shadow:0 28px 80px rgba(28,51,56,.17);
}
.education-page .education-workflow h2{
  margin:6px 0 24px;
  font-size:28px;
  line-height:1.35;
}
.education-page .education-workflow-row{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:16px;
  align-items:center;
  padding:15px 0;
  border-top:1px solid rgba(255,255,255,.15);
}
.education-page .education-workflow-row b{color:#50d1de}
.education-page .education-workflow-row strong,
.education-page .education-workflow-row span{display:block}
.education-page .education-workflow-row span{
  margin-top:3px;
  color:#c4d0d4;
  font-size:13px;
}
.education-page .education-section{padding:76px 0}
.education-page .education-section.alt{background:#f7f9fa}
.education-page .education-section h2{
  margin:0 0 38px;
  font-size:34px;
  letter-spacing:-.03em;
}
.education-page .education-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 46px;
}
.education-page .education-card{
  padding:25px 0 30px;
  border-top:1px solid #d9e0e3;
}
.education-page .education-card h3{margin:0 0 12px;font-size:20px}
.education-page .education-card p{margin:0;line-height:1.8;color:#53636a}

@media(max-width:1050px){
  .experience-page .experience-hero-grid,
  .education-page .education-hero-grid{
    grid-template-columns:1fr;
    gap:38px;
  }
  .experience-page .experience-hero h1 .keep-line{white-space:normal}
}
@media(max-width:760px){
  .education-page .education-hero-grid{padding:54px 0}
  .education-page .education-grid{grid-template-columns:1fr}
  .education-page .education-hero h1{font-size:40px}
}

@media(max-width:760px){}


/* CanvasD footer business info - clean final */









/* === CanvasD footer final / 2026-08-20 === */
.site-footer{
  background:#fff;
  border-top:1px solid var(--line);
  padding:34px 0 38px;
}
.site-footer .footer-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "main links"
    "copyright copyright";
  column-gap:56px;
  row-gap:22px;
  align-items:start;
}
.site-footer .footer-main{grid-area:main;min-width:0}
.site-footer .footer-brand strong{
  display:block;
  margin:0;
  color:#182126;
  font-size:19px;
  line-height:1.3;
  font-weight:700;
}
.site-footer .footer-brand p{
  margin:5px 0 0;
  color:#7c888d;
  font-size:12px;
  line-height:1.6;
  font-weight:400;
}
.site-footer .footer-business{
  margin-top:22px;
  padding:0;
  border:0;
  color:#7c888d;
  font-size:12px;
  line-height:1.7;
  font-style:normal;
}
.site-footer .footer-business-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px 26px;
  margin:0 0 5px;
}
.site-footer .footer-business-row:last-child{margin-bottom:0}
.site-footer .footer-business-item{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  min-width:0;
  white-space:nowrap;
  font-style:normal;
}
.site-footer .footer-business-item b{
  color:#4d585d;
  font-size:11.5px;
  font-weight:600;
  font-style:normal;
  letter-spacing:-0.01em;
}
.site-footer .footer-business-item span{
  color:#869196;
  font-size:11.5px;
  font-weight:400;
  font-style:normal;
  letter-spacing:-0.01em;
}
.site-footer .footer-links{
  grid-area:links;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px 20px;
  padding-top:3px;
  font-size:12px;
  line-height:1.5;
  font-weight:600;
}
.site-footer .footer-links a{white-space:nowrap}
.site-footer .footer-grid small{
  grid-area:copyright;
  margin:0;
  color:#a0a9ad;
  font-size:11.5px;
  line-height:1.5;
  font-weight:400;
}
@media (max-width:900px){
  .site-footer .footer-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "main"
      "links"
      "copyright";
    row-gap:20px;
  }
  .site-footer .footer-links{
    justify-content:flex-start;
    padding-top:0;
  }
}
@media (max-width:620px){
  .site-footer{padding:28px 0 32px}
  .site-footer .footer-business{margin-top:18px}
  .site-footer .footer-business-row{
    display:grid;
    grid-template-columns:1fr;
    gap:4px;
    margin-bottom:4px;
  }
  .site-footer .footer-business-item{
    display:grid;
    grid-template-columns:90px minmax(0,1fr);
    gap:8px;
    white-space:normal;
  }
  .site-footer .footer-business-item b,
  .site-footer .footer-business-item span{
    font-size:11.5px;
  }
}

/* Education application */
.education-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.education-primary-link,.education-secondary-link{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #1d6fd1;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer;border-radius:4px}.education-primary-link{background:#1d6fd1;color:#fff}.education-secondary-link{background:#fff;color:#1d6fd1}
.education-apply-section{border-top:1px solid #e2e7eb}.education-apply-lead{max-width:780px;color:#697581;line-height:1.8}.education-apply-steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce2e7;background:#fff;margin:24px 0 20px}.education-apply-steps>div{padding:20px;border-right:1px solid #e5e9ed}.education-apply-steps>div:last-child{border-right:0}.education-apply-steps b{display:block;color:#168b98;font-size:11px;margin-bottom:10px}.education-apply-steps strong{display:block;font-size:14px;margin-bottom:7px}.education-apply-steps span{font-size:12px;color:#78838e;line-height:1.6}
.education-apply-box{border:1px solid #d9e0e6;background:#fff}.education-apply-tabs{display:flex;border-bottom:1px solid #d9e0e6;background:#f8fafb}.education-apply-tabs button{height:48px;padding:0 22px;border:0;border-right:1px solid #e1e6ea;background:transparent;color:#6c7884;cursor:pointer}.education-apply-tabs button.is-active{background:#fff;color:#1769c8;font-weight:600}.education-apply-panel{display:none;padding:28px}.education-apply-panel.is-active{display:block}
.education-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.education-form-full{grid-column:1/-1}.education-form-grid label>span{display:block;font-size:12px;color:#566472;margin-bottom:7px}.education-form-grid input,.education-form-grid select,.education-form-grid textarea{width:100%;min-height:44px;border:1px solid #ccd5dd;background:#fff;padding:10px 12px;font:inherit;border-radius:3px}.education-form-grid textarea{height:94px;resize:vertical}.education-form-grid small{display:block;margin-top:6px;color:#89949e;font-size:11px;line-height:1.6}.education-proof{padding:16px;border:1px solid #dce3e9;background:#f8fafb}.education-proof input[type=file]{background:#fff}.education-proof strong{display:block;margin-top:9px;color:#b34b4b;font-size:12px;line-height:1.7;font-weight:600}.education-agree{display:flex;gap:8px;margin:18px 0 8px;font-size:12px;color:#5d6873}.education-agree input{margin-top:2px}.education-privacy-note{font-size:11px;color:#7f8a94;margin:0 0 17px}.education-submit-button{width:100%;height:52px;border:0;border-radius:3px;background:#1d70d5;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.education-submit-button:disabled{opacity:.55}.education-apply-notice{display:none;margin-top:15px;padding:14px;border:1px solid #cfe2d4;background:#f5fbf6;color:#356245;font-size:12px;line-height:1.7}.education-apply-notice.error{border-color:#ecd1d1;background:#fff7f7;color:#a14646}.education-status-result{margin-top:18px;border-top:1px solid #e1e6ea;padding-top:15px}.education-status-result dl{display:grid;grid-template-columns:120px 1fr;margin:0}.education-status-result dt,.education-status-result dd{margin:0;padding:9px 0;border-bottom:1px solid #edf0f2;font-size:12px}.education-status-result dt{color:#7c8792}.education-status-result a{display:inline-flex;margin-top:15px;padding:12px 16px;background:#20344f;color:#fff;text-decoration:none}
@media(max-width:760px){.education-apply-steps{grid-template-columns:1fr 1fr}.education-apply-steps>div:nth-child(2){border-right:0}.education-form-grid{grid-template-columns:1fr}.education-form-full{grid-column:auto}}@media(max-width:520px){.education-apply-steps{grid-template-columns:1fr}.education-apply-steps>div{border-right:0;border-bottom:1px solid #e5e9ed}.education-apply-panel{padding:20px}}

/* Education approved account guide */
.education-login-guide{margin-top:16px;padding:14px 16px;border:1px solid #d9e5ee;background:#f7fafc;color:#536170;line-height:1.7}
.education-login-guide strong{display:block;margin-bottom:3px;color:#1d2b39;font-size:14px}
.education-login-guide span{display:block;font-size:12px}

/* Education P1 20260829 */
.edu26-hero{padding:72px 0 66px;background:#f7fafc;border-bottom:1px solid #e4e9ed}.edu26-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.edu26-hero h1{margin:9px 0 18px;font-size:50px;line-height:1.18;letter-spacing:-.045em}.edu26-hero h1 em{font-style:normal;color:#1975c6}.edu26-lead{font-size:16px;line-height:1.85;color:#596a75}.edu26-points,.edu26-usecases{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.edu26-points span,.edu26-usecases span{padding:8px 10px;border:1px solid #dce4e9;background:#fff;font-size:12px;color:#566670}.edu26-hero-visual{padding:10px;background:#fff;border:1px solid #dce4e9;box-shadow:0 16px 44px rgba(30,50,68,.08)}.edu26-hero-visual img{width:100%;display:block}.edu26-caption{display:flex;justify-content:space-between;gap:15px;padding:12px 4px 2px;font-size:12px;color:#7b8790}.edu26-caption strong{color:#2b3b46}.edu26-section{padding:78px 0}.edu26-soft,.edu26-teacher{background:#f6f8fa}.edu26-section h2{margin:8px 0 14px;font-size:35px;letter-spacing:-.035em}.edu26-section-lead,.edu26-copy{color:#697983;line-height:1.8}.edu26-flow{display:grid;grid-template-columns:repeat(6,1fr);margin-top:30px;border:1px solid #dce3e8;background:#fff}.edu26-flow article{min-height:154px;padding:22px 17px;border-right:1px solid #e5eaee}.edu26-flow article:last-child{border:0}.edu26-flow b,.edu26-flow strong,.edu26-flow span{display:block}.edu26-flow b{color:#168e99;font-size:11px;margin-bottom:20px}.edu26-flow strong{font-size:14px}.edu26-flow span{font-size:12px;color:#7b8790;line-height:1.65;margin-top:8px}.edu26-proof{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;margin-top:38px;padding:25px;background:#172532;color:#fff}.edu26-proof img{width:100%;max-height:315px;object-fit:cover;object-position:top}.edu26-proof small{color:#54d0db}.edu26-proof h3{font-size:24px;line-height:1.45}.edu26-proof p{color:#b8c4cb;line-height:1.8}.edu26-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.edu26-feature-grid article{background:#fff;border:1px solid #dfe5e9}.edu26-feature-grid img{width:100%;height:205px;object-fit:cover;object-position:top;border-bottom:1px solid #e4e9ec}.edu26-feature-grid article div{padding:20px}.edu26-feature-grid h3{margin:0 0 8px;font-size:17px}.edu26-feature-grid p{margin:0;font-size:12px;line-height:1.75;color:#71808a}.edu26-products{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center}.edu26-products figure{margin:0}.edu26-products figure img{width:100%;display:block;border:1px solid #dce3e8}.edu26-products figcaption{text-align:right;color:#89959d;font-size:11px;margin-top:8px}.edu26-teacher-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border:1px solid #dce3e8;background:#fff}.edu26-teacher-grid article{padding:24px 20px;border-right:1px solid #e4e9ec}.edu26-teacher-grid article:last-child{border:0}.edu26-teacher-grid strong{font-size:14px}.edu26-teacher-grid p{font-size:12px;line-height:1.75;color:#74818a}.edu26-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:34px;padding:28px 32px;background:#20364a;color:#fff}.edu26-cta small,.edu26-cta strong,.edu26-cta span{display:block}.edu26-cta small{color:#55d1dc;font-size:10px}.edu26-cta strong{margin:7px 0;font-size:19px}.edu26-cta span{font-size:12px;color:#bdc8cf}.edu26-cta a{padding:13px 17px;background:#fff;color:#20364a;text-decoration:none;font-size:12px;font-weight:600}
@media(max-width:900px){.edu26-hero-grid,.edu26-products,.edu26-proof{grid-template-columns:1fr}.edu26-flow{grid-template-columns:repeat(3,1fr)}.edu26-feature-grid,.edu26-teacher-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.edu26-hero h1{font-size:36px}.edu26-section{padding:55px 0}.edu26-flow{grid-template-columns:1fr 1fr}.edu26-feature-grid,.edu26-teacher-grid{grid-template-columns:1fr}.edu26-cta{flex-direction:column;align-items:flex-start}}

/* Education official P2 */
.edu26-products-crop{overflow:hidden;border:1px solid #dce3e8;background:#f5f5f5}
.edu26-products-crop img{width:100%!important;display:block!important;border:0!important;margin-top:-7.5%}
.edu26-products figure>img{border:0}

/* Education official P3 · pre-application experience */
.edu26-trial{padding:52px 0 66px;background:#fff;border-bottom:1px solid #e4e9ed}
.edu26-trial-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}
.edu26-trial-head h2{margin:7px 0 8px;font-size:30px;letter-spacing:-.035em;color:#1d2a35}
.edu26-trial-head p:not(.section-kicker){margin:0;max-width:760px;color:#697983;line-height:1.75;font-size:14px}
.edu26-trial-badge{flex:0 0 auto;padding:9px 12px;background:#eff7ff;border:1px solid #cfe2f7;color:#226db8;font-size:11px;font-weight:600}
.edu26-trial-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce3e8;background:#fff}
.edu26-trial-grid article{padding:30px 32px}.edu26-trial-grid article+article{border-left:1px solid #dce3e8}
.edu26-trial-grid small{display:block;font-size:10px;letter-spacing:.12em;color:#2478ea;font-weight:700}
.edu26-trial-grid h3{margin:8px 0 9px;font-size:23px;color:#1d2a35}
.edu26-trial-grid p{margin:0;color:#6b7984;font-size:13px;line-height:1.75}
.edu26-trial-grid ul{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px;padding:0;list-style:none}
.edu26-trial-grid li{padding:7px 9px;background:#f6f8fa;border:1px solid #e1e6eb;color:#64727d;font-size:11px}
.edu26-trial-primary,.edu26-trial-secondary{display:inline-block;padding:13px 18px;text-decoration:none;font-size:13px;font-weight:700;border-radius:3px}
.edu26-trial-primary{background:#2478ea;color:#fff}.edu26-trial-secondary{background:#fff;color:#2478ea;border:1px solid #2478ea}
.edu26-trial-note{display:inline-block;margin-left:10px;color:#89949c;font-size:10px}
.edu26-trial-foot{margin:14px 0 0;text-align:center;color:#849099;font-size:11px}
@media(max-width:700px){.edu26-trial-head{align-items:flex-start;flex-direction:column}.edu26-trial-grid{grid-template-columns:1fr}.edu26-trial-grid article+article{border-left:0;border-top:1px solid #dce3e8}.edu26-trial-note{display:block;margin:9px 0 0}}


/* =========================================================
   Official Features P8 · typography / CTA / image lightbox fix
   ========================================================= */

/* 큰 섹션 제목: 데스크톱에서도 문장 단위로 자연스럽게 보이도록 축소 */
.features-page .accordion-intro{
  grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);
  gap:64px;
  align-items:center;
}
.features-page .accordion-intro h2{
  max-width:620px;
  font-size:clamp(34px,3.15vw,46px);
  line-height:1.22;
  letter-spacing:-.045em;
  word-break:keep-all;
  overflow-wrap:normal;
}
.features-page .accordion-intro>p{
  font-size:14px;
  line-height:1.8;
}

.features-page .principle-grid{
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:70px;
  align-items:start;
}
.features-page .principle-grid h2{
  max-width:620px;
  font-size:clamp(32px,3vw,44px);
  line-height:1.25;
  letter-spacing:-.04em;
  word-break:keep-all;
  overflow-wrap:normal;
}
.features-page .flow-title h2{
  font-size:clamp(34px,3.4vw,48px);
  line-height:1.2;
  word-break:keep-all;
}

/* CTA: ADMIN 글자가 배경에 묻히지 않도록 명시 */
.features-page .features-cta-actions .btn{
  min-height:48px;
  font-size:14px;
  font-weight:800;
}
.features-page .features-cta-actions .primary{
  background:#fff;
  color:#126f76 !important;
  border-color:#fff;
}
.features-page .features-cta-actions .secondary{
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.68) !important;
}
.features-page .features-cta-actions .secondary:hover{
  background:rgba(255,255,255,.1) !important;
}

/* Lightbox는 JS가 정상 작동할 때 항상 최상단에 표시 */
.canvasd-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(7,17,21,.94);
}
.canvasd-lightbox.open{display:flex}
.canvasd-lightbox img{
  max-width:94vw;
  max-height:88vh;
  object-fit:contain;
}

/* 큰 화면에서 섹션 제목이 지나치게 커지는 것을 방지 */
@media(min-width:1280px){
  .features-page .accordion-intro h2{font-size:44px}
  .features-page .principle-grid h2{font-size:42px}
}
@media(max-width:1050px){
  .features-page .accordion-intro,
  .features-page .principle-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  .features-page .accordion-intro h2,
  .features-page .principle-grid h2{
    max-width:760px;
  }
}
@media(max-width:760px){
  .features-page .accordion-intro h2{font-size:34px}
  .features-page .principle-grid h2{font-size:32px}
  .features-page .flow-title h2{font-size:34px}
}

/* P69 Education application status entry */
.edu26-cta-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.edu26-cta-actions .status-link{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
@media(max-width:600px){.edu26-cta-actions{justify-content:flex-start}}