:root{--ink:#f3f7ed;--muted:#b7c9b5;--green:#c8ed9f;--mint:#203024;--paper:#121c16;--line:#344735}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9d6c1b;outline-offset:6px}svg{width:24px;height:24px;flex-shrink:0}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(48px,6.5vw,88px);font-weight:650;margin-bottom:26px}h2{font-size:clamp(34px,4vw,52px);font-weight:600;margin-bottom:22px}h3{font-size:25px;font-weight:600}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.section{padding-top:112px;padding-bottom:112px}.site-header{background:rgba(18,28,22,.97);border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:9px;align-items:center;font-size:32px;font-weight:750;letter-spacing:-1.7px;line-height:1}.brand:hover{text-decoration:none}.brand-mark{background:var(--ink);color:#c8ed9f;width:39px;height:43px;border-radius:12px;display:grid;place-items:center}.brand-mark svg{width:29px;height:29px}.brand-dot{color:#c8ed9f;margin-left:-9px}.custom-logo{max-height:52px;width:auto}nav{display:flex;align-items:center;gap:46px;font-size:14px;font-weight:550}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:30px}nav li{position:relative}nav .sub-menu{display:none;position:absolute;background:var(--paper);padding:16px;width:190px;box-shadow:0 5px 20px #183c2f16}nav li:hover>.sub-menu,nav li:focus-within>.sub-menu{display:block}.nav-support{border:1px solid #4b6548;border-radius:7px;padding:10px 18px}.menu-toggle{display:none}.hero{min-height:755px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding-top:60px;padding-bottom:65px;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;display:block;margin-bottom:24px}.status-dot{display:inline-block;width:7px;height:7px;background:#c8ed9f;border-radius:50%;margin-right:6px}.hero h1 span{color:#c8ed9f}.hero-description{font-size:18px;line-height:1.8;max-width:460px;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--ink);color:white;padding:16px 23px;border-radius:7px;font-size:14px;font-weight:600;line-height:1.5}.button:hover{background:#2d6047;text-decoration:none}.button svg{width:18px}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:14px;align-items:center}.fine-print{font-size:12px;margin:15px 0 36px}.fine-print span{padding:0 8px}.hero-signals{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted);max-width:425px}.hero-signals>span{display:flex;gap:8px;align-items:center}.hero-signals svg{width:17px}.hero-visual{position:relative;min-height:610px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #344735;border-radius:50%;width:490px;height:490px;background:#20302470}.orbit-two{width:380px;height:380px;background:#30533b50}.visual-label{position:absolute;right:0;top:40px;font-size:12px;line-height:1.5;transform:rotate(7deg);color:#b7c9b5}.phone{z-index:1;position:relative;transform:rotate(7deg);background:#f8fbf3;width:264px;height:544px;border:7px solid #1b3026;border-radius:41px;box-shadow:17px 28px 40px #183c2f25,inset 0 0 0 2px #aab5a2;padding:20px 18px;overflow:hidden}.phone-camera{position:absolute;top:10px;left:calc(50% - 5px);width:10px;height:10px;background:#16291f;border-radius:50%}.phone-status{display:flex;justify-content:space-between;font-size:9px;font-weight:700;margin-bottom:23px}.phone-brand{font-size:22px;font-weight:750;letter-spacing:-1px}.phone-brand>span:first-child{color:#70a34a}.phone-settings{float:right;font-size:25px}.protection-symbol{background:#e3eed3;color:#4f7d37;border:1px solid #cadcb4;width:81px;height:85px;border-radius:25px;margin:22px auto 13px;display:grid;place-items:center}.protection-symbol svg{width:49px;height:49px}.protected-pill{font-size:8px;color:#39712e;display:block;text-align:center}.phone h2{font-size:29px;text-align:center;margin:12px 0 10px;letter-spacing:-1.3px}.phone p{font-size:9px;text-align:center;line-height:1.6;margin-bottom:16px}.phone-card{border:1px solid #dbe4d1;border-radius:10px;padding:9px 11px;margin-top:8px;background:white}.phone-card>span{display:flex;align-items:center;gap:6px;color:#7a8775;font-size:8px}.phone-card svg{width:11px;height:11px}.phone-card strong{font-size:10px;display:block;font-weight:550;margin-top:2px}.phone-card strong span{float:right}.phone-bottom{display:flex;justify-content:space-around;font-size:19px;margin-top:11px;color:#a5b39c}.phone-bottom span{color:var(--green)}.floating-alert{position:absolute;z-index:2;bottom:90px;left:-5px;background:white;box-shadow:0 12px 40px #183c2f20;border:1px solid #e1e7dc;border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center;transform:rotate(-4deg)}.alert-icon{display:grid;place-items:center;background:#e5f1df;color:#46773b;border-radius:10px;width:40px;height:40px}.floating-alert strong{display:block;font-size:12px}.floating-alert div>span{display:block;font-size:10px;color:var(--muted)}.alert-check{margin-left:12px;color:#59894e}.preview-label{position:absolute;bottom:4px;font-size:10px;color:#a5b99b;letter-spacing:.6px}.feature-ribbon{border-block:1px solid var(--line);background:#19271d}.feature-ribbon .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:26px;font-size:13px}.feature-ribbon .wrap>span{color:var(--muted)}.feature-ribbon strong{display:flex;gap:10px;align-items:center;font-weight:550}.feature-ribbon svg{width:20px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;font-size:15px;margin-bottom:3px}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.feature-card{border:1px solid var(--line);border-radius:16px;background:#19271d;padding:29px 26px;overflow:hidden}.icon-box{display:grid;place-items:center;background:#293b2c;border-radius:12px;width:46px;height:46px;margin-bottom:30px}.feature-card h3{font-size:25px;line-height:1.2;margin-bottom:16px}.feature-card p{font-size:14px;line-height:1.8}.evidence-demo{display:flex;gap:9px;margin-top:28px}.demo-frame{height:117px;flex:1;background:linear-gradient(140deg,#b8c7a8,#7d9474);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:white}.demo-frame.rear{background:linear-gradient(135deg,#516f61,#92ad97)}.demo-frame small{font-size:10px}.demo-frame>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff25}.demo-note{font-size:9px;color:#778573;display:block;margin-top:9px}.dark-card{background:#193f30;color:#f3f7ed;border-color:#193f30}.dark-card p{color:#b7cabb}.dark-card .icon-box{background:#30533b;color:#c1df98}.folder-demo{margin-top:25px;border:1px solid #ffffff20;border-radius:9px;padding:15px;font-size:11px;color:#dce7ce}.folder-demo span{display:block;color:#9eb79f;margin:8px 0 0 13px;line-height:2}.map-art{height:143px;margin:26px -26px -29px;background:repeating-linear-gradient(20deg,transparent 0 35px,#121c16 36px 45px,transparent 46px 85px),repeating-linear-gradient(105deg,#293b2c 0 48px,#121c16 49px 57px,#293b2c 58px 90px);display:grid;place-items:center}.map-art>span{border:14px solid #648a5440;background:#376641;color:white;display:grid;place-items:center;width:70px;height:70px;border-radius:50%}.steps-section{padding:90px 0;background:#162319;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:65px}.step-number{display:block;color:#c8ed9f;font-size:14px;border-bottom:1px solid #344735;padding-bottom:18px;margin-bottom:24px}.steps h3{font-size:23px}.steps p{font-size:14px;line-height:1.9;margin-bottom:0}.privacy-section{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:110px}.privacy-section p{max-width:470px}.privacy-emblem{min-height:315px;background:#203024;border-radius:50% 50% 43% 43%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;max-width:350px;aspect-ratio:1;margin:auto;width:100%}.privacy-emblem svg{width:93px;height:93px;stroke-width:1.1}.privacy-emblem span{text-align:center;letter-spacing:3px;font-size:11px;font-weight:650}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;font-size:16px;font-weight:550;padding:23px 0;display:flex;justify-content:space-between;gap:20px;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;font-weight:400;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:14px;line-height:1.9;padding-right:25px}.bottom-cta{background:var(--ink);color:#f5f8ee;border-radius:20px;padding:58px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:95px}.bottom-cta .eyebrow{color:#adc39e;font-size:10px}.bottom-cta h2{font-size:37px;margin-bottom:0}.light-button{background:#dcefc4;color:#193f30}.light-button:hover{background:#c8e6a4}.bottom-cta p{color:#b7c9b5;font-size:11px;margin:13px 0 0}.site-footer{border-top:1px solid var(--line);padding:60px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:45px}.footer-top p{font-size:13px;margin-top:21px}.footer-links{font-size:13px;display:flex;flex-direction:column;gap:12px;list-style:none}.footer-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:var(--muted)}.skip-link{position:absolute;top:-90px;left:20px;z-index:99;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:10px}.document{max-width:850px;min-height:60vh}.document h1,.article-list>h1{font-size:clamp(38px,6vw,64px);overflow-wrap:anywhere}.entry-content{overflow-wrap:anywhere}.entry-content p{line-height:1.9}.entry-content h2{font-size:32px;margin-top:40px}.entry-content h3{margin-top:30px}.entry-content a{text-decoration:underline}.entry-content li{margin-bottom:10px}.entry-content figure{margin:30px 0}.entry-content blockquote{border-left:3px solid var(--green);padding-left:25px;margin-left:0}.entry-content table{width:100%;border-collapse:collapse}.entry-content td,.entry-content th{padding:12px;border:1px solid var(--line)}.post-preview{padding:40px 0;border-bottom:1px solid var(--line);max-width:850px}.post-preview img{border-radius:12px;max-height:430px;object-fit:cover}.post-preview h2{font-size:34px}.post-preview .eyebrow{margin-top:24px}.nav-links{display:flex;justify-content:space-between;gap:20px;margin-top:40px}.screen-reader-text{clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute}.alignwide{max-width:100%}
@media(min-width:1500px){.hero{min-height:800px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:10px}.hero-actions{gap:18px}.hero-visual{transform:scale(.9);transform-origin:center right}.feature-card{padding:24px 20px}.feature-grid{gap:12px;grid-template-columns:1.1fr 1fr 1fr}.feature-card h3{font-size:22px}.map-art{margin-inline:-20px}.privacy-section{gap:60px}.faq-section{gap:45px}.bottom-cta{padding:40px}.bottom-cta h2{font-size:31px}nav{gap:25px}nav ul{gap:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:77px}.brand{font-size:29px}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:9px 12px;font:inherit;font-size:13px}.site-header nav{display:none;position:absolute;left:0;right:0;top:77px;padding:24px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;box-shadow:0 15px 20px #183c2f10}.site-header nav.is-open{display:flex;flex-direction:column}.site-header nav ul{flex-direction:column;gap:20px}.site-header nav .sub-menu{position:static;box-shadow:none;display:block;padding:10px 15px 0;width:auto}.hero{grid-template-columns:1fr;padding-top:52px;padding-bottom:30px;gap:10px}.hero h1{font-size:clamp(48px,10vw,70px)}.hero-description{font-size:16px;max-width:480px}.hero-copy{position:relative;z-index:3}.hero .eyebrow{font-size:9px}.hero-visual{transform:none;min-height:600px;width:100%;max-width:480px;margin:auto}.floating-alert{left:0;bottom:75px;padding:13px}.visual-label{right:5px;top:45px}.orbit-one{width:420px;height:420px}.feature-ribbon .wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:11px}.feature-ribbon .wrap>span{font-size:11px}.feature-ribbon svg{width:17px}.section{padding-block:70px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;max-width:450px}.feature-grid{grid-template-columns:1fr;gap:17px}.feature-card{padding:28px}.feature-card h3{font-size:29px}.feature-card p{max-width:440px}.icon-box{margin-bottom:22px}.evidence-demo{max-width:420px}.demo-frame{height:145px}.map-art{margin:25px -28px -28px}.folder-demo{max-width:400px}.steps-section{padding-block:65px}.steps{grid-template-columns:1fr;gap:35px;margin-top:40px}.step-number{margin-bottom:17px;padding-bottom:12px}.steps h3{margin-bottom:15px}.privacy-section{grid-template-columns:1fr;gap:40px}.privacy-emblem{max-width:250px;min-height:250px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:15px}.bottom-cta{flex-direction:column;align-items:start;padding:32px 26px;margin-bottom:60px;gap:30px}.bottom-cta h2{font-size:32px}.footer-top{gap:25px}.footer-bottom{gap:20px;font-size:10px}.footer-top .brand{font-size:25px}.footer-top p{font-size:11px}.footer-links{font-size:12px}.document h1{font-size:43px}.document .entry-content{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

.app-brand-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0}

.real-phone{z-index:1;width:264px;border:7px solid #1b3026;border-radius:36px;overflow:hidden;transform:rotate(7deg);box-shadow:17px 28px 40px #183c2f25;background:#121c16}.real-phone img{display:block;width:100%;height:auto}.app-gallery{border-top:1px solid var(--line)}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding:10px 45px}.screenshot-grid figure{margin:0;text-align:center}.screenshot-grid img{display:block;width:100%;border:6px solid #1b3026;border-radius:30px;box-shadow:0 16px 30px #183c2f15}.screenshot-grid a{display:block}.screenshot-grid figcaption{font-size:13px;color:var(--muted);margin-top:22px}@media(max-width:760px){.screenshot-grid{gap:22px;padding:10px 5px;grid-template-columns:1fr}.screenshot-grid figure{max-width:270px;margin:0 auto 20px}.real-phone{width:250px}.hero-visual{min-height:620px}}

.story-screens{display:grid;grid-template-columns:1fr 1fr;gap:40px}.story-screens article{display:grid;grid-template-columns:150px 1fr;gap:27px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:16px;background:#19271d}.story-screens img{width:150px;border:4px solid #1b3026;border-radius:18px;box-shadow:0 12px 20px #183c2f15}.story-screens h3{font-size:24px;line-height:1.2}.story-screens p{font-size:14px;line-height:1.8;margin-bottom:0}@media(max-width:1050px){.story-screens{grid-template-columns:1fr}.story-screens article{grid-template-columns:170px 1fr}.story-screens img{width:170px}}@media(max-width:480px){.story-screens article{grid-template-columns:1fr;padding:26px}.story-screens img{width:160px;margin:auto}.story-screens h3{font-size:26px}.hero h1{font-size:48px}}

/* Dark Guardly palette shared across all WordPress templates. */
:root{color-scheme:dark}.button{background:#c8ed9f;color:#183c2f}.button:hover{background:#dcefc4}.icon-box{background:#30533b;color:#c8ed9f}.dark-card{background:#203b2a;border-color:#40583e}.step-number{border-color:#344735}.bottom-cta{background:#203b2a;border:1px solid #40583e;color:#f3f7ed}.light-button{background:#c8ed9f;color:#183c2f}.site-header nav{color:#f3f7ed}.real-phone{background:#121c16;border-color:#40583e;box-shadow:17px 28px 40px #00000040}.story-screens img,.screenshot-grid img{border-color:#40583e}.skip-link{background:#c8ed9f;color:#183c2f}.demo-note{color:#b7c9b5}.visual-label,.preview-label{color:#b7c9b5}.map-art{background:repeating-linear-gradient(20deg,transparent 0 35px,#344735 36px 45px,transparent 46px 85px),repeating-linear-gradient(105deg,#203024 0 48px,#344735 49px 57px,#203024 58px 90px)}.entry-content input,.entry-content textarea,.entry-content select{background:#203024;color:#f3f7ed;border:1px solid #40583e}.brand-mark{background:#183c2f}.site-header .sub-menu{background:#19271d}

.hero h1{font-size:clamp(46px,5.5vw,74px)}.section-link{margin-top:28px}.cloud-story{background:#19271d;border-block:1px solid var(--line)}.cloud-story>.wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.cloud-story h2 span{color:#c8ed9f}.cloud-story p{max-width:560px}.delivery-cards{display:grid;gap:20px}.delivery-cards article{padding:28px;background:#203024;border:1px solid var(--line);border-radius:16px}.delivery-cards .icon-box{margin-bottom:18px}.delivery-cards p{margin-bottom:0}.story-screens article:only-child{grid-column:1/-1}.story-screens article:not(:has(img)){grid-template-columns:1fr}.story-screens h2{font-size:32px}.story-screens .text-link{margin-top:18px}.bottom-cta p{font-size:14px}.document .entry-content h2{line-height:1.2}@media(max-width:760px){.cloud-story>.wrap{grid-template-columns:1fr;gap:35px}.hero{min-height:auto}}

/* Show the incident and result before introducing setup controls. */
.evidence-visual{min-height:570px}.unlock-scene{position:absolute;top:40px;right:30px;width:280px;padding:35px 30px 75px;border:1px solid #40583e;border-radius:26px;background:linear-gradient(145deg,#203024,#121c16);transform:rotate(5deg);box-shadow:0 30px 60px #0003}.unlock-scene .icon-box{margin-bottom:25px}.unlock-scene h2{font-size:35px;margin-bottom:20px}.unlock-scene p{font-size:12px;margin:18px 0 0}.pin-dots{display:flex;gap:10px}.pin-dots i{width:13px;height:13px;border-radius:50%;background:#ffb4ab}.evidence-alert{position:absolute;z-index:2;left:5px;bottom:35px;width:370px;padding:25px;border:1px solid #4b6548;border-radius:19px;background:#203024;box-shadow:0 20px 50px #0005;transform:rotate(-3deg)}.alert-title{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:18px}.alert-title>svg{margin-left:auto;width:18px;color:#c8ed9f}.alert-title img{border-radius:8px}.evidence-alert h3{font-size:25px;line-height:1.2;margin-bottom:12px}.evidence-alert p{font-size:13px;line-height:1.7}.evidence-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.evidence-types>span{display:flex;flex-direction:column;align-items:center;gap:10px;padding:17px 8px;background:#30533b;border-radius:10px;color:#dcefc4;font-size:11px}.delivery-line{border-top:1px solid #40583e;margin-top:18px;padding-top:14px;display:flex;align-items:center;gap:9px;color:#b7c9b5;font-size:11px}.delivery-line svg{width:17px}.event-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.event-story>div>p{max-width:410px}.event-trail{list-style:none;padding:28px;margin:0;border:1px solid #40583e;background:#203024;border-radius:18px}.event-trail li{display:flex;gap:20px;position:relative;padding-bottom:30px}.event-trail li:last-child{padding-bottom:0}.event-trail li:not(:last-child):before{content:"";position:absolute;left:21px;top:43px;bottom:0;width:1px;background:#4b6548}.event-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:#30533b;color:#c8ed9f;position:relative}.event-icon svg{width:21px}.event-trail h3{font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:2px 0 7px}.event-trail p{font-size:13px;line-height:1.7;margin:0}.page .document{max-width:830px}.page .document>.entry-content,.page .document article>.entry-content{padding-top:15px}.page .entry-content>h2{padding-top:25px;border-top:1px solid var(--line);margin-top:38px}.page .entry-content>p:first-child{font-size:20px;line-height:1.7;color:#b7c9b5}.document h1{font-size:clamp(40px,5vw,62px)}@media(max-width:1050px){.event-story{gap:45px}.evidence-alert{width:330px;left:0}.unlock-scene{right:5px}.hero-visual.evidence-visual{transform:none}}@media(max-width:760px){.evidence-visual{max-width:400px;min-height:560px}.unlock-scene{right:15px;top:25px;width:260px}.evidence-alert{bottom:30px;width:min(340px,calc(100% - 15px));left:4px}.event-story{grid-template-columns:1fr;gap:35px}.event-trail{padding:22px}.page .entry-content>p:first-child{font-size:18px}}

.unlock-scene{top:0;right:10px}.evidence-alert{bottom:0}@media(max-width:760px){.unlock-scene{top:0;right:15px}.evidence-alert{bottom:20px}}

/* Download actions and supporting app evidence. */
.download-block{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.play-button{display:inline-flex;gap:13px;align-items:center;text-align:left;background:#080e0a;color:#f3f7ed;border:1px solid #71846a;border-radius:10px;padding:12px 20px;font-family:inherit;line-height:1.15;min-width:200px}.play-button small{display:block;font-size:9px;letter-spacing:1.2px;margin-bottom:4px}.play-button strong{font-size:25px;letter-spacing:-.7px;font-weight:550}.play-button:disabled{opacity:1;cursor:default}.play-button:not(:disabled):hover{border-color:#c8ed9f;text-decoration:none;transform:translateY(-3px);box-shadow:0 9px 25px #0003}.play-symbol{width:29px;height:34px}.desktop-qr{display:flex;align-items:center;gap:13px;padding-left:22px;border-left:1px solid var(--line)}.desktop-qr img{background:white;padding:10px;border-radius:8px;image-rendering:pixelated}.desktop-qr p{font-size:12px;color:#f3f7ed;line-height:1.6;margin:0}.desktop-qr p span{color:var(--muted)}.hero-setup-link{margin-top:24px}.screenshot-hero{min-height:650px}.screenshot-hero .real-phone{width:280px;transform:rotate(5deg)}.screenshot-note{position:absolute;z-index:3;left:0;bottom:70px;display:flex;align-items:center;gap:13px;padding:17px 21px;background:#203024;border:1px solid #4b6548;border-radius:12px;box-shadow:0 12px 28px #0004;transform:rotate(-3deg)}.screenshot-note>svg{color:#c8ed9f}.screenshot-note strong,.screenshot-note span{display:block}.screenshot-note strong{font-size:13px}.screenshot-note span{font-size:11px;color:#b7c9b5;margin-top:3px}.page-app-preview{margin:30px 0 45px;padding:30px;border:1px solid var(--line);border-radius:18px;display:flex;justify-content:center;background:radial-gradient(ellipse at center,#30533b,#19271d 70%)}.page-app-preview img{width:170px;height:auto;border:4px solid #40583e;border-radius:20px;box-shadow:0 15px 25px #0004}.hero{padding-top:45px}.hero h1{font-size:clamp(45px,5.1vw,69px)}.hero-visual{transform:none}
/* Posts use native WordPress titles, excerpts and featured images. */
.guides-page{min-height:65vh}.guides-page>h1{font-size:clamp(42px,5vw,66px)}.page-intro{font-size:19px;max-width:700px;margin-bottom:50px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{border:1px solid var(--line);border-radius:15px;padding:27px;background:#19271d;display:flex;flex-direction:column;align-items:start}.guide-card h2,.guide-card h3{font-size:25px;line-height:1.25;margin-bottom:17px;overflow-wrap:anywhere}.guide-card p{font-size:14px;line-height:1.8}.guide-card .text-link{margin-top:auto}.guide-image{margin:-27px -27px 24px;align-self:stretch;overflow:hidden;border-radius:15px 15px 0 0}.guide-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.guide-date{font-size:11px!important}.guides-empty{border:1px solid var(--line);border-radius:16px;padding:40px;background:#19271d;max-width:800px}.guides-empty h2{font-size:32px}.guide-pagination{margin-top:40px;display:flex;gap:14px}.home-guides{border-top:1px solid var(--line)}.home-guides .guide-grid:has(>.guide-card:nth-child(2):last-child){grid-template-columns:1fr 1fr}
/* Compact footer: one company credit. */
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px;padding-bottom:48px}.footer-about p{font-size:14px;line-height:1.8;margin:23px 0 14px}.footer-email{font-size:12px;color:#b7c9b5;overflow-wrap:anywhere}.footer-column{display:flex;flex-direction:column;align-items:start;gap:12px;font-size:13px}.footer-column h2{font-size:13px;letter-spacing:0;font-weight:650;color:#c8ed9f;margin:0 0 9px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:12px}.footer-bottom{font-size:12px}.site-footer{padding-top:65px}
/* Motion is optional and never hides content without JavaScript. */
.button,.play-button,.nav-support,.menu-toggle,.text-link,.footer-column a,.footer-email,.guide-card,.feature-card,.faq-list summary{transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}.button:hover,.nav-support:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0003}.button:active,.nav-support:active{transform:translateY(0)}.text-link svg,.text-link>span{transition:transform .25s ease}.text-link:hover svg,.text-link:hover>span{transform:translateX(5px)}.footer-column a:hover,.footer-email:hover{color:#c8ed9f;transform:translateX(3px)}.feature-card:hover,.guide-card:hover{border-color:#65845b;transform:translateY(-4px)}.faq-list summary{border-radius:5px}.faq-list summary:hover{color:#c8ed9f;background:#20302455;padding-inline:10px}.faq-list summary>span{transition:transform .26s ease}.faq-list details{box-sizing:border-box}.scroll-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.scroll-reveal.is-visible{opacity:1;transform:none}.guide-card.is-visible:hover,.feature-card.is-visible:hover{transform:translateY(-4px)}
@media(max-width:1050px){.header-inner nav{gap:20px}.header-inner nav ul{gap:18px}.desktop-qr{padding-left:16px;gap:10px}.download-block{gap:18px}.footer-main{gap:35px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-hero{min-height:650px}.hero{gap:20px}}@media(max-width:760px){.desktop-qr{display:none}.download-block{margin-top:25px}.screenshot-hero{min-height:670px}.screenshot-hero .real-phone{width:265px}.screenshot-note{left:0;bottom:45px;padding:14px}.hero h1{font-size:clamp(42px,9vw,60px)}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-about{grid-column:1/-1}.footer-column{font-size:14px}.footer-about p{margin-top:20px}.footer-bottom{font-size:11px;flex-wrap:wrap}.guide-grid,.home-guides .guide-grid:has(>.guide-card:nth-child(2):last-child){grid-template-columns:1fr}.guides-empty{padding:26px}.page-intro{font-size:17px}.site-header nav{gap:24px}.page-app-preview{padding:25px}.story-screens article{gap:23px}.story-screens h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-reveal{opacity:1;transform:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.nav-support:hover,.feature-card:hover,.guide-card:hover,.footer-column a:hover,.footer-email:hover{transform:none}}

.menu-toggle:hover{background:#203024;border-color:#c8ed9f}.play-button:focus-visible{outline:3px solid #c8ed9f;outline-offset:5px}

.legal-date{font-size:13px!important;color:#b7c9b5;margin-bottom:24px}.legal-contents{display:flex;flex-wrap:wrap;gap:12px 24px;padding:22px;margin:30px 0 40px;border:1px solid var(--line);border-radius:12px;background:#19271d;font-size:13px}.legal-contents a{color:#c8ed9f}.entry-content code{font-size:.85em;padding:2px 6px;background:#203024;border-radius:4px;overflow-wrap:anywhere}.entry-content h2[id]{scroll-margin-top:35px}

.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);box-shadow:0 4px 20px #00000014}body.admin-bar .site-header{top:32px}@media(max-width:782px){body.admin-bar .site-header{top:46px}}@media(max-width:600px){body.admin-bar .site-header{top:0}}