:root{--red:#e31331;--red-dark:#c60d27;--ink:#181b20;--muted:#626972;--line:#dfe3e8;--paper:#fff;--wash:#f5f7f9;--mono:"Consolas","SFMono-Regular",monospace;--sans:"Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12}svg{display:block}.shell{width:min(1304px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 20px;background:var(--ink);color:white}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{height:96px;display:flex;align-items:center;gap:32px}.brand{width:158px;flex-shrink:0;display:block}.brand img{width:158px;height:92px;object-fit:contain}.header-inner nav{display:flex;gap:26px;margin-left:auto;align-items:center}.header-inner nav a{font-size:.9rem;font-weight:600;white-space:nowrap;position:relative}.header-inner nav a::after{content:"";position:absolute;bottom:-9px;left:0;width:0;height:2px;background:var(--red);transition:width .2s}.header-inner nav a:hover::after{width:100%}.header-action{display:flex;gap:16px;align-items:center;background:var(--ink);color:white;padding:11px 17px;font-size:.875rem;font-weight:650}.header-action:hover{background:var(--red)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:48px;padding-top:74px;padding-bottom:74px}.eyebrow{font:600 .75rem/1.5 var(--mono);letter-spacing:.075em;display:flex;align-items:center;gap:10px}.tiny-cross{font-size:1.65rem;color:var(--red);line-height:1}.hero h1{font-size:clamp(3.35rem,4.5vw,4.3rem);letter-spacing:-.048em;font-weight:750;margin-top:24px;line-height:1.075}.hero h1 span{color:var(--red)}.hero-description{font-size:1.06rem;color:var(--muted);max-width:500px;line-height:1.8;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;padding:13px 19px;font-size:.925rem;font-weight:650;border:1px solid transparent;transition:background .18s,transform .18s}.primary{background:var(--red);color:white}.primary:hover{background:var(--red-dark);transform:translateY(-2px)}.text-link{font-size:.925rem;font-weight:650;display:inline-flex;gap:18px;align-items:center}.text-link:hover{color:var(--red)}.compatibility{color:var(--muted);font-size:.8125rem;margin-top:20px}.hero-figure{align-self:center;transform:rotate(-1deg);position:relative}.hero-figure::before{content:"";position:absolute;inset:17px -12px 39px 12px;background:var(--red);z-index:-1}.image-placeholder{border:1px solid #cbd1d9;position:relative;background-color:var(--wash);background-image:linear-gradient(#e6eaf080 1px,transparent 1px),linear-gradient(90deg,#e6eaf080 1px,transparent 1px);background-size:24px 24px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.hero-image{aspect-ratio:1.2;min-height:360px}.image-meta,.image-footer{display:flex;justify-content:space-between;gap:15px;font:400 .75rem/1.5 var(--mono);padding:21px 22px;color:#626a75}.image-meta{border-bottom:1px solid #dfe3e8;background:#f6f8faf0}.image-meta span:first-child{color:var(--ink);font-weight:600}.placeholder-content{text-align:center;padding:32px 20px}.placeholder-content svg{height:44px;width:44px;stroke:#9aa4b2;stroke-width:1.5;margin:0 auto 22px}.placeholder-content strong{display:block;font-size:1.6rem;font-weight:600;letter-spacing:-.035em;line-height:1.2}.placeholder-content p{color:var(--muted);font-size:.9rem;margin-top:14px;line-height:1.7}.image-footer{padding:16px 22px;font-size:.75rem}.image-footer span:first-child{color:var(--red)}figcaption{display:flex;gap:10px;align-items:center;font-size:.8125rem;color:var(--muted);margin-top:22px;line-height:1.5}.caption-mark{height:6px;width:6px;background:var(--red);flex-shrink:0}.benefit-strip{border-block:1px solid var(--line)}.benefit-inner{display:grid;grid-template-columns:repeat(3,1fr);padding-block:25px}.benefit-inner p{font-size:.95rem;font-weight:600}.benefit-inner p:not(:first-child){border-left:1px solid var(--line);padding-left:40px}.benefit-inner span{font:400 .75rem var(--mono);color:var(--red);margin-right:20px}.site-footer{background:#171a1f;color:white;border-top:1px solid #393d44;padding:32px 0}.footer-inner{display:flex;align-items:center;gap:30px}.footer-brand{font-size:1.1rem;font-weight:800;letter-spacing:-.025em}.footer-brand span{color:var(--red)}.footer-inner p,.footer-inner>a:last-child{font-size:.875rem;color:#bbc1ca}.footer-inner>a:last-child{margin-left:auto}.footer-inner>a:last-child:hover{color:white}
.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:52px}.section-heading h2,.tutorial-intro h2,.faq-grid h2{font-size:clamp(2.2rem,3.2vw,3rem);font-weight:700;letter-spacing:-.04em;margin-top:19px;line-height:1.15}.muted-heading{color:#858c95}.section-heading>p{max-width:375px;color:var(--muted);font-size:1rem;line-height:1.8;padding-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.feature{padding:34px 34px 34px 0;border-bottom:1px solid var(--line)}.feature:not(:nth-child(3n+1)){padding-left:34px;border-left:1px solid var(--line)}.feature-index{font:400 .75rem var(--mono);letter-spacing:.045em;color:var(--red)}.feature h3{font-size:1.25rem;font-weight:650;margin-top:22px;letter-spacing:-.025em;line-height:1.25}.feature p{font-size:1rem;color:var(--muted);line-height:1.75;margin-top:14px}.detail-section{padding:92px 0 100px;background:var(--wash);border-top:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.detail-image{aspect-ratio:1.55;background-color:#fff;min-height:310px}.detail-image .image-meta{background:#ffffffb0}.detail-image .placeholder-content strong{font-size:1.35rem}.detail-image .placeholder-content{padding:20px}.detail-image .placeholder-content svg{height:35px;width:35px;margin-bottom:16px}.detail-image .image-meta span:last-child{display:none}.detail-caption{align-items:flex-start;gap:22px;margin-top:28px}.caption-number{font:400 .75rem var(--mono);border:1px solid #c9cfd8;color:var(--ink);padding:6px;flex-shrink:0;margin-top:3px}.detail-caption h3{font-size:1.25rem;color:var(--ink);letter-spacing:-.025em;font-weight:650;line-height:1.35}.detail-caption p{font-size:1rem;color:var(--muted);line-height:1.8;margin-top:12px;max-width:450px}.workflow-section{background:var(--ink);color:white;padding:91px 0}.workflow-section .eyebrow{color:var(--red)}.workflow-section .section-heading>p{color:#adb5c0}.workflow-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:58px 0 0;gap:32px}.workflow-grid li{border-top:1px solid #444952;padding-top:26px;display:flex;flex-direction:column}.workflow-number{font:400 2.6rem/1.2 var(--mono);color:var(--red);letter-spacing:-.07em}.workflow-grid h3{font-size:1.15rem;margin-top:25px;font-weight:600}.workflow-grid p{font-size:1rem;color:#b7bfca;margin-top:13px;line-height:1.75}.workflow-label{font:400 .75rem/1.5 var(--mono);color:#858f9d;padding-top:25px;margin-top:auto;letter-spacing:.025em}.tutorial-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px}.tutorial-intro{align-self:start;position:sticky;top:145px}.tutorial-intro>p:not(.eyebrow){max-width:335px;color:var(--muted);margin-top:25px;line-height:1.85}.tutorial-note{display:flex;gap:18px;margin-top:34px;max-width:330px}.note-rule{display:block;flex-shrink:0;width:2px;background:var(--red)}.tutorial-note p{font-size:.925rem;line-height:1.7;color:var(--muted)}.tutorial-note strong{display:block;color:var(--ink);margin-bottom:6px}.tutorial-intro .tutorial-version{font-size:.8125rem;margin-top:32px}.tutorial-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:22px}summary::-webkit-details-marker{display:none}.tutorial summary{padding:24px 0;min-height:94px}.lesson-number{color:#858c95;font:400 .8125rem var(--mono);flex:0 0 24px}.tutorial summary strong{display:block;font-size:1.1rem;font-weight:600;line-height:1.45;letter-spacing:-.015em}.tutorial summary small{display:block;font-size:.875rem;color:var(--muted);margin-top:4px;line-height:1.5}.expand-icon{display:block;width:14px;height:14px;position:relative;flex-shrink:0;margin-left:auto}.expand-icon::before,.expand-icon::after{content:"";position:absolute;top:6px;left:0;width:14px;height:1.5px;background:currentColor}.expand-icon::after{transform:rotate(90deg);transition:transform .2s}details[open]>summary .expand-icon::after{transform:rotate(0)}details[open]>summary .lesson-number,summary:hover{color:var(--red)}.lesson-content{padding:0 30px 30px 46px}.lesson-content ol{padding-left:20px;margin:0;color:#4c535d}.lesson-content li{padding:0 0 10px 5px;line-height:1.8;font-size:1rem}.lesson-content li::marker{color:var(--red);font-size:.875rem}.lesson-content code{font:.875rem/1.5 var(--mono);padding:2px 5px;background:#eff2f6;overflow-wrap:anywhere;color:#303844}.lesson-check{padding:15px 17px;margin-top:10px;background:var(--wash);border-left:2px solid #b8c1cd;font-size:.925rem;color:#565e69;line-height:1.75}.lesson-check strong{color:var(--ink)}.formula-note{display:flex;flex-wrap:wrap;gap:8px 20px;background:#fff4f5;padding:16px;font-size:.875rem;margin:8px 0 18px}.formula-note strong{color:var(--red-dark);width:100%;font-size:1rem}.development-note{font-size:.875rem;line-height:1.75;color:var(--muted);margin-top:18px}.development-note strong{color:var(--ink)}.faq-section{padding-block:88px;background:var(--wash);border-block:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px}.faq-intro{color:var(--muted);margin-top:22px;max-width:330px;line-height:1.8}.faq-list{border-top:1px solid #cbd1d9}.faq-list summary{padding:23px 0;font-size:1rem;line-height:1.6;font-weight:600}.faq-list details p{padding:0 28px 23px 0;font-size:1rem;color:var(--muted);line-height:1.8}.closing-section{text-align:center;padding-block:80px 85px}.closing-section .eyebrow{justify-content:center}.closing-section h2{font-size:clamp(2rem,3.2vw,3rem);font-weight:650;letter-spacing:-.04em;line-height:1.2;margin-top:20px}.closing-section .button{margin-top:30px}.footer-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #393d44;padding-top:23px;margin-top:26px;font-size:.75rem;color:#969eaa;line-height:1.5}
@media(min-width:1500px){.hero{padding-top:96px;padding-bottom:96px}.hero h1{font-size:4.5rem}}
@media(max-width:1100px){.tutorial-section,.faq-grid{gap:45px;grid-template-columns:.75fr 1.25fr}.section-heading{gap:40px}.section-heading>p{max-width:335px}.feature{padding-right:24px}.feature:not(:nth-child(3n+1)){padding-left:24px}.workflow-grid{gap:22px}.workflow-grid h3{font-size:1.05rem}.detail-grid{gap:24px}.detail-image .image-footer{font-size:.75rem;gap:8px}.detail-image{min-height:320px;aspect-ratio:1.2}.lesson-content{padding-left:36px;padding-right:0}}
@media(max-width:760px){.section{padding-block:62px}.section-heading{display:block;margin-bottom:32px}.section-heading h2,.tutorial-intro h2,.faq-grid h2{font-size:2.2rem;margin-top:15px}.section-heading>p{margin-top:23px;max-width:540px}.feature-grid{grid-template-columns:1fr 1fr}.feature,.feature:not(:nth-child(3n+1)){padding:26px 19px 26px 0;border-left:0}.feature:nth-child(even){padding-left:20px;padding-right:0;border-left:1px solid var(--line)}.feature h3{font-size:1.15rem;margin-top:17px}.feature p{font-size:1rem}.feature-index{font-size:.75rem;letter-spacing:0}.detail-section{padding:62px 0}.detail-grid{grid-template-columns:1fr;gap:42px}.detail-image{aspect-ratio:1.5;min-height:290px}.detail-caption{margin-top:21px;gap:17px}.workflow-section{padding-block:63px}.workflow-grid{grid-template-columns:1fr 1fr;gap:30px 25px;margin-top:36px}.workflow-grid h3{font-size:1.15rem}.workflow-grid p{font-size:1rem}.workflow-number{font-size:2.2rem}.workflow-label{font-size:.75rem}.tutorial-section{display:block}.tutorial-intro{position:static}.tutorial-intro>p:not(.eyebrow){max-width:520px;margin-top:22px}.tutorial-note{margin-top:24px}.tutorial-intro .tutorial-version{max-width:540px;margin:20px 0 35px}.tutorial summary{gap:13px;padding:21px 0}.tutorial summary strong{font-size:1rem}.tutorial summary small{font-size:.875rem}.lesson-number{flex-basis:20px}.lesson-content{padding-left:12px;padding-right:0}.lesson-check{padding:12px 14px}.faq-section{padding-block:61px}.faq-grid{display:block}.faq-list{margin-top:32px}.faq-intro{max-width:500px}.closing-section{padding-block:61px}.closing-section .eyebrow{font-size:.75rem;letter-spacing:0}.closing-section h2{font-size:2.1rem}.footer-meta{font-size:.75rem;margin-top:24px;padding-top:20px}}
@media(max-width:390px){.feature-grid{grid-template-columns:1fr}.feature,.feature:not(:nth-child(3n+1)),.feature:nth-child(even){padding:25px 0;border-left:0}.workflow-grid{grid-template-columns:1fr}.image-footer{flex-wrap:wrap;gap:5px}.hero h1{font-size:2.7rem}.header-inner nav a{font-size:1rem}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.header-inner{gap:20px}.header-inner nav{gap:20px}.header-action{display:none}.hero{gap:32px}.hero h1{font-size:3.35rem}.hero-actions{gap:20px}.image-meta{padding:18px 16px;font-size:.75rem}.image-meta span:last-child{display:none}.hero-image{min-height:355px}.benefit-inner p:not(:first-child){padding-left:22px}.benefit-inner span{margin-right:12px}}
@media(max-width:760px){html{scroll-padding-top:84px}.shell{width:calc(100% - 40px)}.header-inner{height:80px;justify-content:space-between;gap:14px}.brand,.brand img{width:135px}.brand img{height:77px}.menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:white;padding:8px 12px;font-size:.875rem;min-height:44px}.header-inner nav{display:none;position:absolute;top:80px;left:0;right:0;margin:0;padding:16px 20px 22px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 20px #1111110a}.header-inner nav.is-open{display:flex}.header-inner nav a{padding:12px 0}.header-inner nav a::after{display:none}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:44px;gap:40px}.hero h1{font-size:clamp(2.8rem,8.6vw,4rem);margin-top:22px}.hero-description{font-size:1rem;margin-top:22px;max-width:570px}.eyebrow{font-size:.75rem;letter-spacing:.035em}.hero-actions{gap:20px;margin-top:24px}.hero-figure{transform:none;width:100%;max-width:590px}.hero-figure::before{inset:11px -6px 37px 6px}.hero-image{aspect-ratio:1.3;min-height:310px}.placeholder-content{padding:26px 15px}.placeholder-content strong{font-size:1.45rem}.image-meta,.image-footer{padding:14px 16px}.benefit-inner{padding:20px 0;gap:14px;grid-template-columns:1fr}.benefit-inner p{font-size:.925rem}.benefit-inner p:not(:first-child){padding:0;border:0}.benefit-inner span{margin-right:15px}.footer-inner{flex-wrap:wrap;gap:14px 28px}.footer-inner p{width:100%;order:3}.footer-inner>a:last-child{font-size:.8125rem}}
.hero>* , .detail-grid>* , .feature-grid>* , .workflow-grid>* , .tutorial-section>* , .faq-grid>*{min-width:0}.image-placeholder{width:100%;min-width:0}.image-footer{flex-wrap:wrap}.lesson-content,.feature p,.workflow-grid p{overflow-wrap:break-word}
.product-image{width:100%;min-width:0;border:1px solid var(--line);background:var(--paper)}.product-image img{width:100%;height:auto}
.lesson-figure{margin-top:24px}.lesson-figure figcaption{margin-top:12px}
.settings-figure{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px 24px;margin:24px 0}.settings-figure img{flex:0 1 auto;min-width:0;width:auto;max-width:100%;height:auto}.settings-figure figcaption{display:block;flex:1 1 170px;min-width:0;margin:0;font-size:.875rem;line-height:1.7}.settings-figure figcaption strong{display:block;margin-bottom:6px;color:var(--ink);font-weight:600}
.image-zoom{display:block;cursor:zoom-in}.settings-figure .image-zoom{flex:0 1 auto;max-width:100%;min-width:0}.image-zoom:focus-visible{outline-offset:3px}
.localized-menu-figure .image-zoom{width:var(--menu-width)}.localized-menu-figure img{width:100%;height:auto}.localized-menu-label{display:block;margin-bottom:10px;color:var(--red-dark);font-size:.8125rem;line-height:1.5}
.image-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:76px 24px 28px;border:0;background:transparent;color:#fff;overflow:auto}.image-viewer[open]{display:flex;align-items:center;justify-content:center}.image-viewer::backdrop{background:rgba(13,16,21,.94)}.image-viewer-close{position:fixed;top:16px;right:24px;display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 16px;border:1px solid #59616e;background:#181b20;color:white;cursor:pointer;font-size:1rem;z-index:1}.image-viewer-close span{font-size:1.6rem;line-height:1}.image-viewer-figure{max-width:100%;margin:auto}.image-viewer-figure img{width:min(calc(100vw - 48px),calc((100dvh - 164px)*var(--image-aspect,1)));height:auto;max-width:100%;margin:auto}.image-viewer-figure figcaption{display:block;max-width:950px;margin:18px auto 0;color:#e0e4ea;font-size:.875rem;line-height:1.6;text-align:center}
.language-bar{border-bottom:1px solid var(--line);background:var(--wash)}.language-switcher{display:flex;justify-content:flex-end;gap:4px;padding-block:4px}.language-link{display:inline-flex;align-items:center;gap:6px;padding:6px;min-height:44px;border:1px solid transparent;font-size:.875rem;line-height:1.3;white-space:nowrap}.language-link img{width:24px;height:16px;object-fit:contain}.language-link:hover{color:var(--red)}.language-link[aria-current="page"]{background:var(--paper);border-color:var(--line);box-shadow:inset 0 -2px var(--red);font-weight:600}.tutorial-language-note{font-size:.875rem!important}
html{scroll-padding-top:164px}.tutorial-intro{top:197px}@media(max-width:760px){html{scroll-padding-top:144px}.header-inner nav{top:100%}.language-switcher{justify-content:center}.tutorial-intro{position:static}}
.footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-left:auto;font-size:.875rem;color:#bbc1ca}.footer-inner p a{text-decoration:underline;text-decoration-color:#68707c;text-underline-offset:4px}.footer-links a:hover,.footer-inner p a:hover{color:white;text-decoration:underline;text-underline-offset:4px}
.footer-maker{min-width:0}.footer-maker a{display:inline-flex;align-items:center;gap:12px;max-width:100%}.footer-maker img{width:48px;height:48px;flex:0 0 48px;object-fit:contain}.footer-maker span{min-width:0;overflow-wrap:break-word}
.footer-legal{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;font-size:.875rem}.footer-legal a,.footer-legal button{text-decoration:underline;text-underline-offset:4px}.footer-legal button{padding:0;background:none;color:inherit;border:0;cursor:pointer;font:inherit}.footer-legal a:hover,.footer-legal button:hover{color:white}.footer-status{text-align:right;line-height:1.8}.footer-status>span{display:block}
.legal-page{max-width:960px;padding-block:64px 80px}.legal-heading{margin-bottom:38px}.legal-heading .eyebrow{color:var(--red-dark)}.legal-heading h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.035em;margin-top:20px;overflow-wrap:anywhere}.legal-date{color:var(--muted);margin-top:18px;font-size:.875rem}.legal-section{padding-block:28px;border-top:1px solid var(--line)}.legal-section h2{font-size:1.3rem;line-height:1.4;margin-bottom:18px}.legal-section p,.legal-section address,.legal-section dl{font-size:1rem;line-height:1.85;color:#4c535d;overflow-wrap:anywhere}.legal-section p+p,.legal-section address,.legal-section dl+p{margin-top:16px}.legal-section address{font-style:normal}.legal-section a{color:var(--red-dark);text-decoration:underline;text-underline-offset:3px}.legal-section dl{display:grid;grid-template-columns:minmax(120px,1fr) 1fr;gap:8px 24px;margin-block:20px}.legal-section dd{margin:0}.legal-section dt{font-weight:600}
.video-consent a{text-decoration:underline;text-underline-offset:3px}.video-play{max-width:calc(100% - 24px);text-align:center;font-size:.875rem}.video-revoke{margin:12px 0;padding:10px 14px;background:var(--paper);border:1px solid var(--muted);font-size:.875rem;cursor:pointer;max-width:100%}.video-revoke:hover{border-color:var(--red);color:var(--red-dark)}
.analytics-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--line);color:var(--ink);background:var(--paper)}.analytics-dialog::backdrop{background:#12151acc}.analytics-dialog h2{font-size:1.5rem;line-height:1.3}.analytics-dialog p{margin-block:18px;font-size:1rem;line-height:1.7}.analytics-dialog>a{font-size:.875rem;text-decoration:underline}.analytics-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.analytics-actions button{flex:1 1 180px;min-height:48px;padding:12px 16px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-size:.875rem;cursor:pointer}.analytics-actions button:hover{background:var(--wash)}
@media(max-width:760px){.footer-status{width:100%;text-align:left}.legal-page{padding-block:40px 48px}.legal-section dl{grid-template-columns:1fr;gap:4px}.legal-section dd{margin-bottom:12px}}
.about-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:center;padding-block:80px}.about-hero>*{min-width:0}.about-intro .eyebrow,.about-story .eyebrow,.about-rhino .eyebrow{color:var(--red-dark);font-size:.875rem}.about-intro h1{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.12;letter-spacing:-.04em;margin-top:22px;overflow-wrap:break-word}.about-intro h1 span{display:block;color:var(--muted);font-size:1.25rem;letter-spacing:0;font-weight:500;line-height:1.5;margin-top:22px}.about-intro>p:not(.eyebrow){margin-top:22px;color:var(--muted);font-size:1rem;line-height:1.8;max-width:520px}.about-intro .about-lead{color:var(--ink)!important;font-size:1.125rem!important}.about-intro .text-link{margin-top:28px;color:var(--red-dark)}.about-artwork img{width:100%;height:auto}.about-artwork figcaption{font-size:.875rem;align-items:flex-start;margin-top:16px}.about-artwork .caption-mark{margin-top:7px}.about-story{padding-block:64px;background:var(--wash);border-block:1px solid var(--line)}.about-story-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:64px}.about-story-grid>*{min-width:0}.about-story h2,.about-rhino h2{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.035em;line-height:1.2;margin-top:20px}.about-prose p{color:var(--muted);line-height:1.85}.about-prose p+p{margin-top:20px}.about-source-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:26px}.about-source-links a{font-weight:600;font-size:.9375rem;text-decoration:underline;text-underline-offset:4px}.about-source-links a:hover{color:var(--red-dark)}.about-rhino{padding-block:72px}.about-rhino>p:not(.eyebrow){max-width:700px;color:var(--muted);line-height:1.85;margin-top:24px}.about-rhino .button{margin-top:28px}
@media(max-width:1100px){.about-hero,.about-story-grid{gap:36px}}
@media(max-width:760px){.about-hero{grid-template-columns:1fr;padding-block:44px;gap:32px}.about-intro h1{font-size:clamp(1.85rem,7.5vw,3rem)}.about-story{padding-block:44px}.about-story-grid{grid-template-columns:1fr;gap:26px}.about-rhino{padding-block:48px}.footer-links{gap:12px 20px}.about-intro .eyebrow,.about-story .eyebrow,.about-rhino .eyebrow{letter-spacing:0}}
.about-motivation h3{font-size:1.25rem;line-height:1.4;letter-spacing:-.015em}.about-motivation h3:not(:first-child){margin-top:34px}.about-motivation h3+p{margin-top:14px}.about-motivation{overflow-wrap:break-word}
.development-status{display:flex;flex-wrap:wrap;align-items:center;gap:26px 40px;margin-bottom:48px;padding:30px 32px;background:var(--wash);border-left:3px solid var(--red)}
.development-copy{flex:1 1 620px;min-width:0}
.development-badge{display:inline-block;padding:4px 10px;background:var(--paper);border:1px solid var(--red-dark);color:var(--red-dark);font:600 .875rem/1.5 var(--mono)}
.development-status h2{margin-top:15px;font-size:clamp(1.5rem,2.3vw,1.9rem);line-height:1.3;letter-spacing:-.025em}
.development-copy>p:not(.development-badge){max-width:80ch;margin-top:14px;color:var(--muted);font-size:1rem;line-height:1.75}
.development-contact{flex:0 1 auto;max-width:100%;text-align:center;overflow-wrap:anywhere}
@media(max-width:760px){.development-status{padding:24px 20px;margin-bottom:36px;gap:22px}.development-contact{width:100%}}
.tutorial-video{padding:28px 0 32px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.video-eyebrow{font:600 .875rem/1.5 var(--mono);letter-spacing:.05em;color:var(--red-dark)}
.tutorial-video h3{margin-top:12px;font-size:clamp(1.4rem,2.3vw,1.9rem);line-height:1.25;letter-spacing:-.025em}
.video-language{margin-top:8px;font-size:.875rem;color:var(--muted)}
.video-stage{position:relative;aspect-ratio:16/9;margin-top:20px;background:#fff;border:1px solid var(--line)}
.video-launch{display:block;width:100%;height:100%;cursor:pointer}
.video-launch img{width:100%;height:100%;object-fit:contain}
.video-play{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 15px;background:var(--red-dark);color:#fff;font-size:.9375rem;font-weight:650;box-shadow:0 3px 12px #181b2026}
.video-launch:hover .video-play,.video-launch:focus-visible .video-play{background:var(--ink)}
.video-stage iframe{display:block;width:100%;height:100%;border:0}
.video-description{margin-top:18px;font-size:1rem;line-height:1.75;color:var(--muted)}
.video-consent{margin-top:12px;font-size:.875rem;line-height:1.6;color:var(--muted)}
.video-external{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:8px;font-size:.9375rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.video-external:hover{color:var(--red-dark)}
@media(max-width:760px){.tutorial-video{margin-top:28px}.video-play{top:8px;left:8px;padding:7px 11px;font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}