/* Homepage-only visual prototype. Native image pixels and protected pages preserved. */
.atelier-home{background:#f6f5ef;color:#18392d;--ink:#18392d;--muted:#617267;--leaf:#3d7953;--leaf-dark:#214c36;--paper:#f6f5ef;--line:#d4dbce;--quiet:#e8edde}
.atelier-home .nav,.atelier-home main,.atelier-home footer{width:min(1290px,calc(100% - 76px))}
.atelier-home .nav{min-height:88px;border-bottom:1px solid var(--line)}.atelier-home .brand{font-size:20px;font-weight:720}.atelier-home .brand img{box-shadow:none}.atelier-home nav{gap:25px}.atelier-home nav a{font-size:12px;font-weight:620}.atelier-home nav .nav-buy{background:#18392d;color:#f9faf1;padding:11px 17px;border-radius:24px}.atelier-home .prototype-note{position:absolute;left:38px;top:101px;margin:0;color:#617267;font-size:10px;line-height:1.5}
.atelier-home .hero{grid-template-columns:1fr 1.04fr;gap:clamp(30px,4vw,62px);padding:60px 0 65px;align-items:center}.atelier-home .hero-copy{padding:0}.atelier-home .hero .eyebrow{font-size:10px;letter-spacing:.17em;color:#617267}.atelier-home h1{font-size:clamp(53px,5.5vw,82px);letter-spacing:-.065em;line-height:1.02;font-weight:660}.atelier-home .hero h1{margin:18px 0 27px;max-width:640px}.atelier-home h1 em{font-size:1.12em;color:#396747;letter-spacing:-.06em}.atelier-home .hero .lede{font-size:16px;max-width:435px;line-height:1.65;margin-bottom:27px;color:#4d6456}.atelier-home .button{border-radius:30px;padding:15px 21px;font-size:13px;letter-spacing:-.015em;background:#18392d;border-color:#18392d}.atelier-home .button:hover{background:#315b40;transform:none}.atelier-home .hero-action span{font-size:10px;margin-top:4px}.atelier-home .hero .film-link{margin-top:22px;font-size:12px;display:inline-flex;gap:8px}.atelier-home .hero .quiet-note{font-size:11px;max-width:360px;line-height:1.5;margin-top:23px}.atelier-home .proof-heading{font-size:10px;margin-bottom:12px;color:#617267}.atelier-home .proof-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:9px}.atelier-home .hero-proof figcaption{font-size:9px;line-height:1.5;color:#617267;margin-top:11px}
.trellis-stage{position:relative;isolation:isolate;background:#214735;aspect-ratio:1/1.06;border-radius:28px 62px 28px 28px;overflow:hidden;border:1px solid #214735}.stage-index{position:absolute;top:25px;left:28px;color:#b5cdb1;font-size:8px;letter-spacing:.16em;z-index:2}.trellis-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:#93b780;stroke-width:1;opacity:.47}.trellis-lines circle{fill:#adc99f;stroke-width:0}.capture-fragment{position:absolute;left:7%;width:41%;background:#fcfbf4;border:1px solid #dddccb;border-radius:7px;box-shadow:0 12px 28px #112a2138;padding:4px 4px 0;transform-origin:center;animation:arrive .8s both}.capture-fragment img{display:block;width:100%;height:auto;aspect-ratio:1200/760;object-fit:contain;border-radius:4px}.capture-fragment span{display:block;font-size:8px;line-height:1.4;padding:6px;color:#35533f;letter-spacing:.01em}.fragment-one{top:12%;transform:rotate(-4deg)}.fragment-two{top:39%;left:4%;transform:rotate(2deg);animation-delay:.1s}.fragment-three{top:66%;transform:rotate(-3deg);animation-delay:.2s}.native-trellis{position:absolute;right:5%;top:11%;width:43%;height:auto;display:block;border-radius:16px;box-shadow:0 26px 45px #0b251d65,0 1px 4px #0b251d65;animation:arrive .8s .3s both}.stage-label{position:absolute;left:53%;bottom:5%;right:6%;color:#dce8d2;display:flex;flex-direction:column;gap:3px}.stage-label span{font-size:11px;font-weight:650}.stage-label em{font-family:var(--serif);font-size:17px;line-height:1.3;font-style:italic;color:#dce8d2}.trellis-stage:hover .capture-fragment{filter:brightness(1.02)}
.atelier-home .possibilities{border-top:1px solid var(--line);padding:65px 0 75px}.possibilities-intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:end;column-gap:40px}.possibilities-intro>.eyebrow{grid-column:1/-1;font-size:10px;color:#617267;margin-bottom:17px}.possibilities-intro h2{font-size:clamp(39px,4.1vw,59px);font-weight:640;letter-spacing:-.055em;line-height:1.05;margin-bottom:0}.possibilities-intro>p:last-child{font-size:16px;color:#617267;margin:0 0 6px;max-width:390px}.case-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;border-bottom:1px solid var(--line);margin:34px 0 0}.case-tabs button{border:0;background:none;appearance:none;font:inherit;font-size:12px;min-height:57px;font-weight:600;color:#617267;text-align:left;padding:12px 0;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;line-height:1.4}.case-tabs button[aria-selected=true]{border-bottom-color:#214735;color:#18392d;font-weight:730}.case-tabs button:hover{color:#214735}.case-tabs button:focus-visible{outline:3px solid #34775a;outline-offset:5px}.case-panel:focus-visible{outline:3px solid #34775a;outline-offset:7px}.case-panel{display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;align-items:center;padding-top:43px;min-height:400px}.case-copy{position:relative;isolation:isolate;padding:35px 0 20px}.case-copy .case-number{position:absolute;top:-34px;right:2%;font-family:var(--serif);font-size:160px;font-style:italic;line-height:1;color:#dfe5d8;z-index:-1;opacity:.78}.case-copy .eyebrow{font-size:10px;margin-bottom:13px}.case-copy h3{font-size:clamp(33px,3.15vw,45px);line-height:1.05;font-weight:640;margin-bottom:18px;max-width:410px;letter-spacing:-.05em}.case-copy>p:not(.eyebrow){color:#617267;font-size:14px;line-height:1.6;max-width:350px}.case-watch{display:inline-flex;gap:10px;font-size:12px;font-weight:640;text-decoration:none;margin-top:10px;border-bottom:1px solid #bdcbb7;padding-bottom:4px}.case-preview-note{font-size:10px!important;line-height:1.5!important;margin-top:24px!important}.case-visual{margin:0;min-width:0}.case-visual>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:14px;border:1px solid #d4dbce;background:#ebece2;box-shadow:0 16px 32px #30463512}.case-visual figcaption{font-size:9px;line-height:1.5;color:#617267;margin-top:10px;max-width:490px}.story-illustration{padding:27px 37px 28px;background:#e3e9d9;border:1px solid #ced8c1;border-radius:14px;position:relative;overflow:hidden;min-height:306px}.illustration-label{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#617267}.illustration-name{font-family:var(--serif);font-size:33px;font-style:italic;letter-spacing:-.04em;line-height:1.1;color:#214735;margin:6px 0 18px}.story-illustration ol{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px solid #a0b48e}.story-illustration li{padding:7px 0 7px 17px;font-size:13px;line-height:1.3;position:relative;color:#35513f}.story-illustration li:before{content:'';width:5px;height:5px;border-radius:50%;background:#4d7753;position:absolute;left:-15px;top:13px}.illustration-result{display:block;font-size:10px;letter-spacing:.015em;color:#416647;margin-top:19px}.atelier-home [hidden]{display:none!important}
.atelier-home .film-proof{background:#18392d;color:#f7f6ee;border:0;border-radius:27px;padding:clamp(26px,4vw,58px);margin:0 0 80px}.atelier-home .film-intro{border:0}.atelier-home .film-intro h2{font-size:clamp(33px,3.4vw,48px);font-weight:610;letter-spacing:-.04em}.atelier-home .film-intro h2 em{color:#bad29a}.atelier-home .film-intro p:not(.eyebrow){font-size:14px;line-height:1.6;color:#d1dcc7}.atelier-home .film-intro .eyebrow{color:#bad29a;font-size:9px}.atelier-home .film-duration{color:#bac8b2;font-size:10px}.atelier-home .film-player{margin:0}.atelier-home .film-player video{border-radius:13px;border-color:#617c62;box-shadow:none}.atelier-home .film-player figcaption,.atelier-home .film-transcript{color:#bdcdb4;font-size:10px}.atelier-home .film-transcript summary:focus-visible{outline:3px solid #c2dbaa;outline-offset:5px}
.atelier-home .flow{padding:35px 0 90px;grid-template-columns:1fr 1fr;gap:65px;border-top:0}.atelier-home .flow .eyebrow{font-size:9px;color:#617267}.atelier-home .flow h2{font-size:clamp(32px,3.4vw,46px);font-weight:630;letter-spacing:-.045em}.atelier-home .flow-steps{border-left:1px solid #b5c7a7;padding-left:29px}.atelier-home .flow-steps li{grid-template-columns:28px 1fr;column-gap:15px;border-top:0;padding:9px 0 27px;position:relative}.atelier-home .flow-steps li:before{content:'';position:absolute;left:-33px;top:18px;width:7px;height:7px;border-radius:50%;background:#557b4b}.atelier-home .flow-steps h3{font-size:19px;letter-spacing:-.03em;font-weight:650}.atelier-home .flow-steps p{font-size:14px}.atelier-home .flow-guide{font-size:12px;margin-top:-32px;padding-left:30px}.atelier-home .share-proof{background:#e6ebdb;border:1px solid #d8dfcc;border-radius:25px;padding:52px}.atelier-home .share-copy h2{font-size:clamp(35px,3.8vw,52px);font-weight:630;letter-spacing:-.05em}.atelier-home .share-copy .eyebrow{font-size:9px;color:#617267}.atelier-home .share-copy p{font-size:14px;line-height:1.6}.atelier-home .share-copy .proof-detail{font-size:10px}.atelier-home .share-image img{border-radius:10px;border-color:#ccd6c2;box-shadow:0 15px 32px #29402c12}.atelier-home .share-image figcaption{font-size:10px}.atelier-home .finish-proof{padding:90px 0;gap:65px}.atelier-home .finish-proof h2{font-size:clamp(35px,3.6vw,50px);font-weight:630;letter-spacing:-.05em}.atelier-home .finish-proof .eyebrow{font-size:9px}.atelier-home .finish-proof p{font-size:14px}.atelier-home .finish-proof figure img{border-radius:10px;box-shadow:0 15px 32px #29402c12}.atelier-home .finish-proof figure figcaption{font-size:10px}.atelier-home .finish-proof .privacy-note{font-size:11px}.atelier-home .closing{position:relative;overflow:hidden;border-radius:25px;background:#214735;padding:52px}.atelier-home .closing:before{content:'';position:absolute;right:16%;width:100px;top:-20%;bottom:-20%;border-left:1px solid #9aba775c;border-right:1px solid #9aba775c;pointer-events:none}.atelier-home .closing>div{z-index:1}.atelier-home .closing h2{font-size:clamp(36px,4vw,53px);font-weight:610;letter-spacing:-.05em}.atelier-home .closing .eyebrow{font-size:9px}.atelier-home .closing p:not(.eyebrow){font-size:13px;max-width:430px}.atelier-home .closing .button{font-size:12px;padding:15px 19px}.atelier-home .closing-action span{font-size:10px}.atelier-home footer{font-size:10px;min-height:100px}
.atelier-home .hero h1>span,.atelier-home .hero h1>em{display:block}
.native-trellis{animation:none}
@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.atelier-home .nav,.atelier-home main,.atelier-home footer{width:calc(100% - 48px)}.atelier-home .prototype-note{left:24px}.atelier-home .hero{gap:28px}.atelier-home h1{font-size:58px}.native-trellis{border-radius:11px}.capture-fragment span{font-size:6px}.stage-index{font-size:6px;top:18px;left:19px}.stage-label span{font-size:9px}.stage-label em{font-size:13px}.case-panel{gap:35px}.case-tabs{gap:13px}.case-tabs button{font-size:11px}.atelier-home .share-proof{padding:33px}.atelier-home .flow,.atelier-home .finish-proof{gap:35px}}
@media(max-width:700px){.atelier-home .nav,.atelier-home main,.atelier-home footer{width:calc(100% - 36px)}.atelier-home .nav{min-height:76px;gap:12px}.atelier-home .brand{font-size:17px;gap:7px}.atelier-home .brand img{width:32px;height:32px}.atelier-home nav{gap:14px}.atelier-home nav a{font-size:10px}.atelier-home nav a[href='/support/']{display:none}.atelier-home nav .nav-buy{display:none}.atelier-home .prototype-note{top:86px;left:18px;font-size:9px}.atelier-home .hero{grid-template-columns:1fr;gap:33px;padding:45px 0 48px}.atelier-home h1{font-size:clamp(46px,10.8vw,69px);max-width:600px}.atelier-home .hero h1{margin:16px 0 22px}.atelier-home .hero .lede{font-size:15px;max-width:480px;margin-bottom:23px}.atelier-home .button{font-size:12px;padding:14px 19px}.atelier-home .hero .quiet-note{margin-top:16px;font-size:10px}.atelier-home .hero .film-link{margin-top:17px}.atelier-home .hero .eyebrow{font-size:9px}.trellis-stage{max-width:520px;margin-inline:auto;border-radius:22px 46px 22px 22px}.capture-fragment span{font-size:7px}.native-trellis{border-radius:12px}.stage-index{font-size:7px;left:22px;top:20px}.stage-label span{font-size:9px}.stage-label em{font-size:14px}.atelier-home .proof-heading{margin-bottom:9px}.atelier-home .hero-proof figcaption{font-size:9px}.atelier-home .possibilities{padding:42px 0 45px}.possibilities-intro{grid-template-columns:1fr;gap:18px}.possibilities-intro>.eyebrow{margin-bottom:0;font-size:9px}.possibilities-intro h2{font-size:42px}.possibilities-intro>p:last-child{font-size:14px}.case-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 13px;border-bottom:0;margin-top:24px}.case-tabs button{border-bottom-color:#d4dbce;min-height:48px;font-size:11px}.case-panel{grid-template-columns:1fr;gap:23px;padding-top:17px;min-height:0}.case-copy{padding:24px 0 0}.case-copy .case-number{font-size:126px;top:0;right:4%;opacity:.6}.case-copy h3{font-size:35px}.case-copy>p:not(.eyebrow){font-size:14px;max-width:400px}.case-watch{font-size:11px}.case-preview-note{margin-bottom:0}.story-illustration{padding:26px;min-height:284px}.illustration-name{font-size:30px}.case-visual figcaption{font-size:9px}.atelier-home .film-proof{border-radius:18px;padding:23px;margin-bottom:45px}.atelier-home .film-intro{grid-template-columns:1fr;gap:20px}.atelier-home .film-intro h2{font-size:33px}.atelier-home .film-intro p:not(.eyebrow){font-size:13px}.atelier-home .film-player video{border-radius:9px}.atelier-home .flow{grid-template-columns:1fr;padding:5px 0 45px;gap:30px}.atelier-home .flow h2{font-size:34px;max-width:500px}.atelier-home .flow-guide{grid-column:1;margin-top:-18px}.atelier-home .flow-steps{padding-left:25px}.atelier-home .flow-steps li:before{left:-29px}.atelier-home .flow-steps li{padding-bottom:20px}.atelier-home .share-proof{padding:24px;border-radius:18px}.atelier-home .share-copy{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.atelier-home .share-copy .eyebrow{margin-bottom:0}.atelier-home .share-copy h2{font-size:34px}.atelier-home .share-copy .proof-detail{grid-column:1;margin-top:-5px}.atelier-home .share-copy p{font-size:13px}.atelier-home .share-image figcaption{font-size:9px}.atelier-home .finish-proof{grid-template-columns:1fr;padding:47px 0;gap:25px}.atelier-home .finish-proof h2{font-size:34px}.atelier-home .finish-proof p{font-size:14px}.atelier-home .closing{padding:27px;display:flex;align-items:start;flex-direction:column;gap:25px;border-radius:18px}.atelier-home .closing h2{font-size:35px;max-width:420px}.atelier-home .closing .button{font-size:11px;white-space:normal}.atelier-home footer{font-size:9px;gap:12px;padding-block:24px;align-items:start;min-height:0}}
@media(max-width:700px){.trellis-stage{aspect-ratio:1/1.18}.native-trellis{width:51%;right:4%;top:11%}.stage-label{left:52%;bottom:4%}.stage-label em{font-size:12px}.stage-label span{font-size:9px}}
@media(max-width:350px){.atelier-home h1{font-size:44px}.atelier-home .brand{font-size:16px}.atelier-home nav{gap:11px}.capture-fragment span{font-size:6px}.stage-index{font-size:6px}.stage-label em{font-size:12px}.stage-label span{font-size:8px}.possibilities-intro h2{font-size:37px}.case-tabs button{font-size:10px}.atelier-home .hero-action span{font-size:9px}}
.atelier-home .hero-action span,.atelier-home .closing-action span{font-size:11px}.atelier-home .hero-proof figcaption,.case-visual figcaption{font-size:11px}.atelier-home .film-player figcaption,.atelier-home .film-transcript{font-size:11px}.atelier-home .case-preview-note{font-size:11px!important}.atelier-home footer{font-size:11px}
@media(max-width:700px){.atelier-home nav a{font-size:12px}.atelier-home .button{font-size:14px}.case-tabs button{font-size:12px}.atelier-home .hero-action span,.atelier-home .closing-action span{font-size:11px}.atelier-home .hero-proof figcaption,.case-visual figcaption{font-size:11px}.atelier-home footer{font-size:11px}}
@media(max-width:350px){.case-tabs button{font-size:11px}.atelier-home nav{gap:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.atelier-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Maker note (copy rewrite draft) */
.atelier-home .maker-note{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;border-top:1px solid var(--line);padding:80px 0 90px;align-items:start}
.atelier-home .maker-note .eyebrow{font-size:9px;color:#617267}
.atelier-home .maker-note h2{font-size:clamp(32px,3.4vw,46px);font-weight:630;letter-spacing:-.045em;line-height:1.05;margin:.65rem 0 0}
.atelier-home .maker-note blockquote{margin:0;padding-left:29px;border-left:1px solid #b5c7a7}
.atelier-home .maker-note blockquote p{font-size:17px;line-height:1.65;color:#35513f;margin:0 0 1rem;max-width:560px}
.atelier-home .maker-note cite{display:block;margin-top:1.3rem;font-style:normal;font-size:12px;font-weight:640;color:#617267}
.atelier-home .maker-note cite:before{content:'— '}
@media(max-width:1000px){.atelier-home .maker-note{gap:35px}}
@media(max-width:700px){.atelier-home .maker-note{grid-template-columns:1fr;gap:22px;padding:45px 0 50px}.atelier-home .maker-note h2{font-size:34px}.atelier-home .maker-note blockquote{padding-left:20px}.atelier-home .maker-note blockquote p{font-size:15px}}
/* Fix: closing CTA was dark text on a dark button inside the dark closing panel */
.atelier-home .closing .button{background:#edf6ea;border-color:#edf6ea;color:#1e4032}.atelier-home .closing .button:hover{background:#fff}
/* 1.1 homepage additions */
.atelier-home .hero-shot{margin:0}
.atelier-home .hero-shot img{display:block;width:100%;height:auto}
.atelier-home .hero-shot figcaption{margin-top:6px}
.atelier-home .phone-link{display:none;margin-top:14px;font-size:13px;font-weight:620;color:#214c36}
@media(max-width:700px){.atelier-home .phone-link{display:inline-block}}
.case-tabs.case-tabs-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-visual>img[src$="app-in-use.jpg"]{object-fit:cover}
.atelier-home .share-image-narrow{max-width:620px;margin:0 auto}
.atelier-home .compare{border-top:1px solid var(--line);padding:70px 0 80px}
.atelier-home .compare .eyebrow{font-size:9px;color:#617267}
.atelier-home .compare h2{font-size:clamp(32px,3.4vw,46px);font-weight:630;letter-spacing:-.045em;margin:.65rem 0 28px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.compare-card{border:1px solid var(--line);border-radius:18px;padding:26px 28px;background:#fbfaf6}
.compare-card h3{margin:0 0 8px;font-size:19px;letter-spacing:-.02em}
.compare-card p{margin:0 0 14px;color:#4d6456;font-size:14px;line-height:1.6}
.compare-card ul{margin:0;padding-left:18px;color:#35513f;font-size:14px;line-height:1.8}
.compare-card-ours{background:#e6ebdb;border-color:#d8dfcc}
.atelier-home .compare .flow-guide{padding-left:0;margin-top:18px}
.atelier-home .little-things{border-top:1px solid var(--line);padding:70px 0 80px}
.atelier-home .little-things .eyebrow{font-size:9px;color:#617267}
.atelier-home .little-things h2{font-size:clamp(32px,3.4vw,46px);font-weight:630;letter-spacing:-.045em;margin:.65rem 0 28px}
.little-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 30px}
.little-grid li{border-top:2px solid var(--leaf);padding-top:14px}
.little-grid h3{margin:0 0 6px;font-size:16px;letter-spacing:-.02em}
.little-grid p{margin:0;color:#4d6456;font-size:14px;line-height:1.55}
@media(max-width:700px){.compare-grid,.little-grid{grid-template-columns:1fr}.atelier-home .compare,.atelier-home .little-things{padding:45px 0 50px}.atelier-home .compare h2,.atelier-home .little-things h2{font-size:34px}}
.atelier-home .hero-shot picture{display:block}
/* The video transcript toggle was dark green on the dark film panel */
.atelier-home .film-transcript summary{color:#d7e6cc}
/* Phones: keep the green panels inside the page margins, and keep the trellis lines out of the text */
@media(max-width:700px){.atelier-home .share-proof,.atelier-home .closing{margin-inline:0}.atelier-home .closing:before{display:none}}

/* The hero: headline and invitation above, the walkthrough film below at full width. */
.atelier-home .hero.hero-film{grid-template-columns:1.1fr .9fr;align-items:end;gap:26px 64px;padding:56px 0 72px}
.atelier-home .hero-film .hero-side{padding-bottom:8px}
.atelier-home .hero-film .lede{max-width:470px}
.atelier-home .hero-film-player{grid-column:1/-1;margin:24px 0 0}
.atelier-home .film-frame{position:relative;border-radius:20px;overflow:hidden;background:#f6f5ee;box-shadow:0 0 0 1px rgba(24,57,45,.08),0 40px 80px -48px rgba(24,57,45,.45)}
.atelier-home .film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#f6f5ee}
.atelier-home .film-play{position:absolute;left:9.8%;top:66%;display:inline-flex;align-items:center;gap:12px;padding:13px 21px 13px 13px;border:0;border-radius:999px;background:#18392d;color:#f7f6ee;font:inherit;font-size:14px;font-weight:620;letter-spacing:-.01em;cursor:pointer;box-shadow:0 14px 30px -14px rgba(10,30,22,.6)}
.atelier-home .film-play[hidden]{display:none}
.atelier-home .film-play:hover{background:#315b40}
.atelier-home .film-play:focus-visible{outline:3px solid #9cc2a6;outline-offset:3px}
.atelier-home .film-play-icon{position:relative;flex:none;width:26px;height:26px;border-radius:50%;background:#f7f6ee}
.atelier-home .film-play-icon:after{content:"";position:absolute;left:10px;top:7.5px;border-left:9px solid #18392d;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}
.atelier-home .film-frame.is-playing .film-play{display:none}
.atelier-home .hero-film-player figcaption{margin-top:12px;font-size:11px;line-height:1.5;color:#617267}
.atelier-home .hero-film-player .film-transcript{margin-top:6px;font-size:11px;color:#617267}
.atelier-home .hero-film-player .film-transcript summary{cursor:pointer;color:#214c36}
.atelier-home .hero-film-player .film-transcript p{max-width:760px;margin:10px 0 0;line-height:1.6}
@media(max-width:1000px){.atelier-home .hero.hero-film{grid-template-columns:1fr;gap:22px}}
@media(max-width:700px){.atelier-home .hero.hero-film{padding:40px 0 48px}.atelier-home .film-frame{border-radius:16px}.atelier-home .film-frame video{aspect-ratio:4/5}.atelier-home .film-play{left:50%;top:auto;bottom:4.5%;transform:translateX(-50%);font-size:13px;white-space:nowrap}}
/* Review fixes: visible focus, readable small print, the transcript below the film. */
.atelier-home .film-play:focus-visible,.atelier-home .hero-film .film-transcript summary:focus-visible{outline:3px solid #34775a;outline-offset:3px}
.atelier-home .film-frame video:focus-visible{outline:3px solid #34775a;outline-offset:-3px}
.atelier-home .film-frame:not(.is-playing) video{cursor:pointer}
.atelier-home .share-copy .proof-detail{color:#4d6456;font-size:11px}
.atelier-home .hero-film-player figcaption{font-size:12px}
.atelier-home .hero-film .film-transcript{grid-column:1/-1;margin-top:-10px;font-size:12px;color:#4d6456}
.atelier-home .hero-film .film-transcript summary{cursor:pointer;color:#214c36}
.atelier-home .hero-film .film-transcript p{max-width:760px;margin:10px 0 0;font-size:13px;line-height:1.6}
.atelier-home .hero.hero-film{padding-top:40px}
.atelier-home .hero-film-player{margin-top:12px}
.atelier-home .film-play{top:62%}
@media(min-width:701px) and (max-width:820px){.atelier-home .film-play{left:6%;font-size:12px;padding:10px 16px 10px 10px;gap:8px}}
@media(max-width:700px){.atelier-home .film-play{top:auto}}
@media(max-width:360px){.atelier-home .film-play{font-size:12px;padding:10px 14px 10px 10px;gap:8px}}
/* Page v2: the headline's word spacing, readable small print, and no lines through the closing box. */
.atelier-home .hero-film h1{letter-spacing:-.045em}
.atelier-home .hero-film h1 em{letter-spacing:-.03em}
.atelier-home .hero-action span{font-size:12px}
.atelier-home .closing:before{display:none}
/* The play button sits in the poster's open left side, above the fold. */
.atelier-home .film-play{top:44%}
@media(max-width:700px){.atelier-home .film-play{top:auto}}
/* Phones: send the link to your Mac first; the App Store page comes second. */
.atelier-home .send-to-mac{border:0;cursor:pointer;font:inherit;font-weight:620}
.atelier-home .send-to-mac[hidden],.atelier-home .phone-link[hidden]{display:none}
.atelier-home #store-button.is-secondary{background:transparent;color:#18392d;border:1px solid #18392d;margin-top:10px}
/* When the film ends: its own "Try it free" button becomes a real one, and it can play again. */
.atelier-home .film-frame{container-type:inline-size}
.atelier-home .film-end[hidden]{display:none}
.atelier-home .film-end .button{position:absolute;left:31%;top:58.2%;width:38%;height:10.2%;display:flex;align-items:center;justify-content:center;padding:0;border-radius:999px;background:#18392d;border-color:#18392d;color:#fff;font-size:2.08cqw;font-weight:620;letter-spacing:-.01em;box-shadow:none}
.atelier-home .film-end .button:hover{background:#315b40}
.atelier-home .film-again{position:absolute;left:50%;top:79%;transform:translateX(-50%);border:0;background:transparent;color:#214c36;font:inherit;font-size:1.3cqw;font-weight:620;text-decoration:underline;cursor:pointer}
.atelier-home .film-end .button:focus-visible,.atelier-home .film-again:focus-visible{outline:3px solid #34775a;outline-offset:3px}
@media(max-width:700px){.atelier-home .film-end .button{left:13.5%;top:62.2%;width:73%;height:9%;font-size:4.07cqw}.atelier-home .film-again{top:79.5%;font-size:3.4cqw}}
.atelier-home .film-transcript{scroll-margin-top:24px}
.atelier-home .film-again{padding:6px 10px;margin-top:-6px;font-size:max(13px,1.3cqw)}
@media(max-width:700px){.atelier-home .film-again{font-size:max(13px,3.4cqw)}}

/* "What is SnapTrellis?" plain facts (Oct 2026) */
.atelier-home .plain-facts{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;border-top:1px solid var(--line);padding:80px 0 90px;align-items:start}
.atelier-home .plain-facts .eyebrow{font-size:9px;color:#617267}
.atelier-home .plain-facts h2{font-size:clamp(32px,3.4vw,46px);font-weight:630;letter-spacing:-.045em;line-height:1.05;margin:.65rem 0 0}
.plain-facts-body>p{font-size:17px;line-height:1.65;color:#35513f;margin:0 0 1rem;max-width:560px}
.plain-facts .facts{margin:1.9rem 0 0;max-width:560px;border-top:1px solid var(--line)}
.plain-facts .facts>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
.plain-facts .facts dt{font-size:12px;font-weight:640;color:#617267;letter-spacing:.02em;padding-top:2px}
.plain-facts .facts dd{margin:0;font-size:14px;line-height:1.6;color:#35513f}
@media(max-width:1000px){.atelier-home .plain-facts{gap:35px}}
@media(max-width:700px){.atelier-home .plain-facts{grid-template-columns:1fr;gap:22px;padding:45px 0 50px}.atelier-home .plain-facts h2{font-size:34px}.plain-facts-body>p{font-size:16px}.plain-facts .facts>div{grid-template-columns:1fr;gap:3px}}