:root{--blue:#7185ad;--cyan:#c3d0ed;--ink:#293449;--muted:#758093;--line:#e3e7ef;--paper:#f5f7fb}
.hero{background:radial-gradient(ellipse at 80% 48%,#3b4e7466 0,transparent 53%),#131d30}
.hero .eyebrow,.closing-section .eyebrow{color:#b6c7eb}
.dot{background:#b6c7eb}
.preview-label{font-size:9px;white-space:nowrap;color:#b5bfd3;border-left:1px solid #ffffff2b;padding-left:18px}
.hero-grid{grid-template-columns:1.08fr 1fr;padding:76px 0 84px;gap:50px}
h1{font-size:clamp(42px,4.4vw,60px)}
h1 span{font-size:.76em;color:#bfceef;line-height:1.25;letter-spacing:-1.7px}
.lead{color:#c0c9d9;max-width:490px}
.btn,.phone .app-button,.camera-tile{background:#7489b4}
.btn.secondary{background:transparent}
.phone-scene{min-height:510px}
.phone{outline-color:#a6b7d366;background:#fcfdff;transform:rotate(5deg)}
.orbit{border-color:#a6bfef21}
.orbit:after{border-color:#a6bfef20}
.phone-service{background:#eef2fa;border-color:#dce3f1}
.phone-service small{color:#7b89a7}
.phone .app-title{font-size:15px}
.phone .tiny-label{color:#8b93a5;font-size:7px;margin-top:11px}
.phone .app-card strong{font-size:9px}
.phone .app-card{border-color:#e3e8f1}
.phone-site{position:relative;overflow:hidden;border-radius:6px;margin-top:5px;background:#a8b5a6}
.phone-site svg{display:block;width:100%;height:116px}
.phone-site>span{position:absolute;bottom:7px;left:7px;padding:2px 5px;border-radius:3px;background:#ffffffec;color:#5b6876;font-size:7px}
.phone .app-button{font-size:8px;margin-top:15px}
.float-icon{background:#eef2fa;color:#7387b0}
.float-title{font-size:10px}
.float-sub{color:#7e889d;font-size:8px}
.float-card.one{left:-19px;top:59px}
.float-card.two{right:-12px;bottom:57px}
.benefit-grid{grid-template-columns:repeat(3,1fr)}
.benefit-mark,.eyebrow,.step .num,.faq summary:after{color:#6d80a5}
.benefit{font-size:11px}
.section-title{color:#293449}
.section-intro{color:#758093}
.soft{background:#f5f7fb}
.occasion{border-color:#e1e6ee;padding:25px}
.occasion-icon{background:#f0f3fa;color:#7488b0}
.occasion h3{font-size:16px;color:#2f3b51}
.occasion p{font-size:12px;color:#788293;line-height:1.85}
.use-output{font-size:9px;line-height:1.8;letter-spacing:.01em;color:#7589aa;border-top:1px solid #e9edf3;padding-top:14px;margin-top:19px;width:100%}
.custom-uses .occasion p{flex:1}
.custom-steps{grid-template-columns:repeat(4,1fr);gap:32px}
.output-demo{border:1px solid #dce3ee;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 15px 45px #293b5708}
.output-top{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #e7ebf3;gap:15px}
.output-top>div{display:flex;align-items:center;gap:15px}
.output-brand{font-size:24px;font-weight:750;letter-spacing:-1px;color:#293449;line-height:1}
.output-category{font-size:11px;color:#929bad;border-left:1px solid #e2e7ef;padding-left:15px}
.output-top>span{font-size:9px;color:#8694ad;background:#f0f3f9;border-radius:4px;padding:4px 7px}
.output-tabs{display:flex;gap:5px;padding:15px 24px 0;overflow-x:auto}
.output-tabs button{font-size:11px;color:#8290a6;border:1px solid transparent;white-space:nowrap;border-radius:6px;background:transparent;padding:9px 14px;line-height:1.5}
.output-tabs button[aria-selected="true"]{background:#edf2fa;color:#5c739b;border-color:#dce4f2}
.output-tabs button:hover{background:#f4f6fb;color:#526b95}
.output-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;padding:25px}
.output-art{position:relative;border-radius:9px;overflow:hidden;align-self:center;background:#a8b5a6}
.output-art>svg{display:block;width:100%;height:auto}
.art-caption{position:absolute;left:13px;bottom:13px;background:#fffffff0;padding:4px 8px;border-radius:4px;color:#586875;font-size:9px}
.output-description{align-self:center;padding-right:12px;min-width:0}
.output-kicker{display:block;font-size:10px;color:#8999b2;margin-bottom:10px}
.output-description h3{font-size:24px;line-height:1.3;letter-spacing:-.6px;color:#33435d;margin:0 0 13px}
.output-description p{font-size:13px;line-height:1.9;color:#7a869a;margin:0 0 19px}
.output-description ul{list-style:none;padding:0;margin:0}
.output-description li{position:relative;padding-left:20px;font-size:11px;line-height:1.9;color:#6c7d97;margin:8px 0}
.output-description li:before{content:"✓";position:absolute;left:0;color:#748db9}
.output-note{font-size:10px;color:#8d99ad;padding:0 25px 21px;margin:0;line-height:1.8}
.documentation-art{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#e5eaf1}
.documentation-art>div{position:relative;min-width:0}
.documentation-art svg{display:block;width:100%;height:auto}
.documentation-art span{position:absolute;bottom:12px;left:12px;background:#fffffff0;padding:4px 7px;border-radius:3px;font-size:9px;color:#617284}
.thermal-art{background:#1c2d4b}
.thermal-legend{display:flex;align-items:center;gap:9px;color:#94a0b2;font-size:8px;margin-top:20px}
.thermal-legend i{height:5px;flex:1;border-radius:3px;background:linear-gradient(90deg,#344c73,#b75e88,#ffbe64,#fff2ad)}
.output-panel:focus-visible{outline:2px solid #8196bb;outline-offset:-5px;border-radius:6px}
.brief-box{background:#f5f7fb;border:1px solid #e5eaf2;border-radius:10px;padding:27px 30px;margin-top:41px}
.brief-box .eyebrow{font-size:9px;margin-bottom:21px}
.brief-box ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0;padding:0}
.brief-box li{display:flex;align-items:center;gap:10px;font-size:11px;color:#5a6d8b;font-weight:550}
.brief-box .icon{width:20px;height:20px;color:#8095b8}
.brief-box p{font-size:11px;color:#8a96aa;line-height:1.8;margin:22px 0 0}
.faq details{border-color:#e1e6ef}
.faq details p{color:#7b879a}
.closing-section{background:#172338}
.closing-section p{color:#b3bed2;line-height:1.8;max-width:620px}
.closing-section h2{font-size:35px}
footer{background:#0e1829;color:#a6b0c6}
.footer-note{color:#8291ac}
@media(max-width:1050px){.hero-grid{gap:30px}.float-card.one{left:-10px}.float-card.two{right:-8px}.float-title{font-size:9px}.float-sub{font-size:7px}.occasion{padding:21px}.occasion h3{font-size:15px}.output-panel{gap:29px}.output-description{padding-right:0}.output-description h3{font-size:22px}.brief-box{padding:25px}.brief-box ul{gap:16px}.brief-box li{font-size:10px}.closing-section h2{font-size:32px}}
@media(max-width:850px){.benefit-grid{grid-template-columns:1fr}.float-card.one{top:65px}.float-card.two{bottom:61px}.output-panel{gap:23px}.output-description h3{font-size:20px}.output-description p{font-size:12px}.brief-box ul{grid-template-columns:1fr 1fr;gap:19px}.brief-box li{font-size:11px}.occasion{padding:19px}.use-output{font-size:8px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:53px;padding:46px 0 62px}.hero .header-actions{gap:15px}.preview-label{font-size:9px;padding-left:15px}.phone-scene{min-height:505px;width:min(100%,390px)}.phone-site svg{height:118px}.phone .app-title{font-size:15px}.float-card.one{top:57px;left:-4px}.float-card.two{bottom:47px;right:-4px}.float-title{font-size:9px}.float-sub{font-size:8px}.occasion h3{font-size:15px}.occasion p{font-size:12px}.use-output{font-size:9px}.custom-steps{grid-template-columns:1fr 1fr;gap:28px}.output-top{padding:18px 20px}.output-panel{grid-template-columns:1fr;gap:25px;padding:21px}.output-art{width:100%;max-width:540px;margin:auto}.output-description h3{font-size:24px}.output-description p{font-size:13px}.output-description li{font-size:12px}.output-tabs{padding:15px 18px 0}.output-tabs button{font-size:10px;padding:9px 11px}.output-note{padding:0 21px 20px;font-size:9px}.brief-box{margin-top:32px;padding:23px}.brief-box ul{gap:18px}.brief-box li{font-size:10px;gap:9px}.brief-box p{font-size:10px}.closing-section h2{font-size:32px}}
@media(max-width:420px){.preview-label{font-size:8px;padding-left:10px}.hero .header-actions{gap:10px}.hero .header-actions nav{gap:13px}h1 span{font-size:.73em;letter-spacing:-1.1px}.phone-scene{min-height:485px}.phone-site svg{height:109px}.float-card.one{left:0;top:52px}.float-card.two{right:0;bottom:39px}.float-title{font-size:8px}.float-sub{font-size:7px}.occasion{padding:18px}.custom-uses{grid-template-columns:1fr}.occasion h3{font-size:17px}.occasion p{font-size:13px}.occasion-icon{margin-bottom:14px}.use-output{font-size:10px;padding-top:12px;margin-top:15px}.output-top{padding:16px}.output-top>div{gap:10px}.output-category{font-size:9px;padding-left:10px}.output-top>span{font-size:8px}.output-tabs{padding:13px 12px 0;gap:2px}.output-tabs button{font-size:9px;padding:8px}.output-panel{padding:17px}.output-description h3{font-size:22px}.output-kicker{font-size:9px}.output-note{padding:0 18px 17px}.art-caption{font-size:8px;left:10px;bottom:10px}.documentation-art span{font-size:8px;left:8px;bottom:10px}.brief-box{padding:21px}.brief-box ul{grid-template-columns:1fr;gap:16px}.brief-box li{font-size:12px}.closing-section h2{font-size:29px}}