@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{--paper:#eeede8;--ink:#252922;--muted:#707469;--line:#cccec3;--green:#3c4937;--gutter:6.5vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a28955;outline-offset:6px}button{border:0}img{display:block;width:100%;object-fit:cover}h1,h2,h3,h4,p{margin:0}p{line-height:2.1;font-size:14px}button,a,summary{touch-action:manipulation}::selection{background:#bac2aa}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:16px}.skip:focus{top:10px}.header{position:absolute;top:0;left:0;width:100%;height:98px;padding:0 3.6vw;display:flex;align-items:center;justify-content:space-between;color:white;z-index:10;border-bottom:1px solid #ffffff38}.brand{position:relative;font-size:25px;font-weight:700;line-height:.83;letter-spacing:-1.3px;display:inline-flex;flex-direction:column;width:99px}.brand span{font-size:24px;letter-spacing:-.9px;margin-top:5px}.brand i{position:absolute;width:8px;height:8px;background:currentColor;top:0;right:0}.header nav{display:flex;gap:35px;align-items:center;font-size:12px}.header nav>a{opacity:.9}.nav-contact{background:#eeede8;color:var(--ink);padding:14px 22px;border-radius:2px;min-width:120px;display:flex;justify-content:space-between;gap:30px}.menu{display:none;background:none;color:white}.hero{height:100svh;min-height:720px;max-height:1250px;position:relative;color:#fff;overflow:hidden}.hero-photo{height:100%;object-position:center 55%;animation:hero-in 1.7s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b17155e 0%,#111b1126 75%),linear-gradient(0deg,#0b160d6b,transparent 35%,transparent 70%,#0b160d2e)}.hero-top{position:absolute;top:132px;left:3.6vw;right:3.6vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px}.hero-copy{position:absolute;left:var(--gutter);top:36%;}.eyebrow{font-size:12px;letter-spacing:1.7px;margin-bottom:22px}h1{font-size:clamp(40px,4.7vw,78px);font-weight:500;line-height:1.55;letter-spacing:.05em}.hero-sub{font-size:13px;margin-top:26px;letter-spacing:.13em}.light-link{display:flex;align-items:center;gap:55px;margin-top:30px;border-bottom:1px solid #ffffff88;width:max-content;padding-bottom:13px;font-size:12px}.light-link span{font-size:20px}.hero-bottom{position:absolute;bottom:35px;left:3.6vw;right:3.6vw;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px}.hero-bottom a{display:flex;gap:30px;align-items:center}.hero-bottom a span{font-size:20px}.image-note{position:absolute;bottom:13px;right:3.6vw;font-size:7px;letter-spacing:1px;opacity:.75}.section{padding:110px var(--gutter)}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;margin-bottom:85px}.section-label>span:last-child{font-size:11px;letter-spacing:.05em}h2{font-size:clamp(28px,3.2vw,50px);line-height:1.65;font-weight:500;letter-spacing:.045em}.concept{padding-bottom:0;overflow:hidden}.concept-body{display:grid;grid-template-columns:1.2fr 1fr;padding:15px 6vw 90px}.concept-copy p{margin-bottom:26px;letter-spacing:.07em}.large-type{font-size:11.6vw;white-space:nowrap;font-weight:500;letter-spacing:-.07em;line-height:1.2;margin:50px 0 -15px;color:#c9ccbf}.design{background:#e4e5dd}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:65px}.section-intro>p{width:39%;letter-spacing:.05em}.feed-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:8vw;align-items:center}.feed-preview{background:#f5f5f1;padding:24px 18px 15px}.feed-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sample-avatar{width:39px;height:39px;border-radius:50%;background:#d4d6ca;display:grid;place-items:center;font-family:Georgia,serif;font-size:24px}.feed-head strong{font-size:12px;font-weight:600}.feed-head small{display:block;font-size:8px;margin-top:5px;letter-spacing:.5px}.sample-tag{font-size:7px;margin-left:auto;letter-spacing:1px}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.feed-grid>img,.cover{width:100%;aspect-ratio:4/5;overflow:hidden}.feed-grid img{height:100%;filter:saturate(.7)}.crop-a{object-position:20% 50%}.crop-b{object-position:75% 50%}.crop-c{object-position:90% 55%}.crop-d{object-position:10% 40%}.crop-e{object-position:50% 85%}.crop-f{object-position:55% 50%}.cover{padding:10%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#d4d2c0;transition:background .4s,color .4s}.cover>span{font-size:5px;line-height:1.5;letter-spacing:1px;width:100%}.cover-two{background:#c0c4b6}.cover-three{background:#c9b9a1}.book{width:80%;height:65%;background:#eeece1;box-shadow:5px 6px 8px #25292226;border-left:3px solid #d6d4c9;padding:12% 8%;transform:rotate(-8deg);display:flex;flex-direction:column;justify-content:space-between}.book small{font-size:4px;letter-spacing:.5px}.book b{font-size:clamp(9px,1.1vw,17px);font-weight:500;line-height:1.8}.book span{font-size:4px;letter-spacing:.5px}.cover-two .book{transform:rotate(6deg)}.cover-three .book{transform:rotate(-5deg)}.cover em{font-size:clamp(6px,.65vw,10px);font-style:normal;font-weight:500;white-space:nowrap}.feed-grid[data-theme=charcoal] .cover-one{background:#3b4039;color:#f3f1e8}.feed-grid[data-theme=charcoal] .cover-two{background:#535449;color:#f3f1e8}.feed-grid[data-theme=charcoal] .cover-three{background:#777668;color:#fff}.book{color:#252922}.caption{font-size:8px;line-height:1.8;color:#74776d;margin-top:13px}.small-label{font-size:9px;letter-spacing:1.5px}.feed-text h3{font-size:clamp(26px,2.6vw,40px);line-height:1.75;font-weight:500;margin:25px 0}.theme-switch{display:flex;gap:18px;padding:5px 0 28px}.theme-switch button{background:none;font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:7px;padding:7px 0;opacity:.45;border-bottom:1px solid transparent}.theme-switch button[aria-pressed=true]{opacity:1;border-color:#74796a}.theme-switch i{width:12px;height:12px;border-radius:50%;background:#c1bdab}.theme-switch button:last-child i{background:#3b4039}.feed-point{display:flex;gap:20px;border-top:1px solid #c2c5b9;padding:22px 0}.feed-point>span{font-size:10px;padding-top:5px}.feed-point h4{font-size:13px;font-weight:500;margin-bottom:10px}.feed-point p{font-size:12px;color:#63695b}.text-link{padding:17px 0;background:none;border-bottom:1px solid var(--ink);font-size:11px;display:flex;gap:35px;margin-top:15px}.text-link>span{font-size:18px}.visual-break{position:relative;height:650px;color:#fff}.visual-break>img{height:100%;object-position:center 50%;filter:brightness(.75)}.visual-break>div{position:absolute;left:var(--gutter);bottom:90px}.visual-break p{font-size:9px;letter-spacing:2px;margin-bottom:22px}.visual-break h2{font-size:clamp(30px,3.2vw,48px)}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:.25fr 1fr 1.3fr .2fr;gap:30px;padding:43px 0;border-bottom:1px solid var(--line)}.service-no{font-size:11px;padding-top:8px}.service-list h3{font-size:22px;line-height:1.8;font-weight:500}.service-list p{font-size:13px;color:#62675b;margin-bottom:15px}.service-list .small-label{font-size:8px;color:#7d8175}.service-symbol{font-size:25px;text-align:right}.flow{background:#dfe2d6}.flow h2{margin-bottom:65px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid #adb59e;padding-top:23px}.steps article>span{font-size:9px;letter-spacing:1px}.steps h3{font-size:16px;font-weight:500;margin:27px 0 16px}.steps p{font-size:12px;color:#606755}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.faq h2{font-size:28px;margin-top:23px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:27px 0;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:13px;line-height:1.8}summary::-webkit-details-marker{display:none}summary span{font-size:18px}details[open] summary span{transform:rotate(45deg)}details>p{font-size:12px;color:#62675b;padding-bottom:25px;padding-right:30px}.contact{background:var(--green);color:#f1f0e8;padding-top:80px;padding-bottom:80px}.contact h2{font-size:clamp(30px,4vw,60px);margin:45px 0 55px}.contact-bottom{display:flex;align-items:end;justify-content:space-between}.contact-bottom p{font-size:12px;color:#d4d9c9}.contact-button{background:#eeede8;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;min-width:300px;font-size:13px;color:var(--ink)}.contact-button span{font-size:23px}footer{padding:55px 3.6vw;display:flex;align-items:center;gap:35px}footer .brand{font-size:20px;width:78px}footer .brand span{font-size:19px}footer>span{font-size:9px}footer small{font-size:8px;letter-spacing:.8px;margin-left:auto}footer>a:last-child{font-size:8px;letter-spacing:1px}dialog{padding:55px 40px 30px;max-width:560px;width:calc(100% - 32px);border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#162018b3;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:12px;font-size:27px;background:none}dialog h2{font-size:30px;margin:22px 0}dialog p{font-size:12px}dialog label{display:block;font-size:11px;margin:25px 0 10px}dialog textarea{width:100%;border:1px solid var(--line);padding:15px;font:12px/1.8 Arial,'Noto Sans JP',sans-serif;background:#f7f7f2;color:var(--ink);resize:vertical}.copy-button{background:var(--green);color:white;width:100%;padding:18px;margin-top:14px;display:flex;justify-content:space-between;font-size:12px}.copy-status{font-size:10px!important;margin-top:10px;min-height:22px}@keyframes hero-in{from{transform:scale(1.04)}to{transform:scale(1)}}@media(hover:hover){.nav-contact:hover,.contact-button:hover{background:#d6d9c9}a:hover{opacity:.78}.copy-button:hover{background:#283323}}@media(min-width:1800px){:root{--gutter:calc((100vw - 1550px)/2)}.hero-copy{left:8vw}}@media(max-width:900px){.header nav{gap:22px}.header nav>a{display:none}.hero{min-height:690px}.hero-copy{top:35%}.section{padding:75px var(--gutter)}.section-label{margin-bottom:55px}.concept{padding-bottom:0}.concept-body{padding:10px 0 40px;gap:35px}.concept-copy p{font-size:12px}.feed-layout{gap:5vw;grid-template-columns:1.2fr 1fr}.feed-preview{padding:17px 10px 12px}.sample-tag{display:none}.feed-text h3{font-size:26px}.feed-point{gap:12px}.feed-point p{font-size:11px}.visual-break{height:520px}.service-list article{gap:20px;grid-template-columns:.16fr 1fr 1.2fr .1fr}.service-list h3{font-size:19px}.steps{gap:25px}.steps h3{font-size:14px}.faq{gap:35px;grid-template-columns:.7fr 1.3fr}.faq h2{font-size:23px}footer{gap:20px}footer>span{display:none}.book b{font-size:10px}}
@media(max-width:600px){:root{--gutter:6vw}.header{height:78px;padding:0 6vw}.brand{font-size:21px;width:83px}.brand span{font-size:20px}.header nav{display:none}.header.is-open nav{display:flex;position:absolute;top:78px;left:0;right:0;background:#eeede8;color:#252922;flex-direction:column;padding:30px;gap:28px;border-bottom:1px solid #c9cebf}.header.is-open nav>a{display:block}.header.is-open .nav-contact{background:#3c4937;color:#fff}.menu{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1px}.menu span{font-size:20px}.hero{height:91svh;min-height:660px;max-height:900px}.hero-top{top:103px;left:6vw;right:6vw;font-size:7px;letter-spacing:.9px}.hero-top span:last-child{display:none}.hero-copy{top:34%;left:7vw}.hero-photo{object-position:43% 50%}.hero-shade{background:linear-gradient(90deg,#0e171573,#13201a1c),linear-gradient(0deg,#14201865,transparent 40%)}.eyebrow{font-size:9px;letter-spacing:.8px;margin-bottom:18px}h1{font-size:36px;line-height:1.65;letter-spacing:.03em}.hero-sub{font-size:11px;margin-top:22px;letter-spacing:.05em}.light-link{font-size:10px;gap:50px;margin-top:25px;padding-bottom:10px}.hero-bottom{left:6vw;right:6vw;bottom:29px;font-size:7px;letter-spacing:.6px}.hero-bottom a{gap:10px}.hero-bottom>span{max-width:150px;line-height:1.7}.image-note{right:6vw;font-size:6px;bottom:10px}.section{padding-top:66px;padding-bottom:66px}.section-label{font-size:8px;letter-spacing:.8px;margin-bottom:45px;gap:10px}.section-label>span:last-child{font-size:9px}h2{font-size:30px;letter-spacing:.02em}.concept{padding-bottom:0}.concept-body{display:block;padding:0 0 20px}.concept-body h2{font-size:33px;margin-bottom:36px}.concept-copy{margin-left:15%}.concept-copy p{font-size:12px;margin-bottom:22px;line-height:2.3}.large-type{font-size:11.5vw;margin:20px 0 -5px}.section-intro{display:block;margin-bottom:36px}.section-intro>p{width:100%;font-size:12px;margin-top:25px}.feed-layout{display:flex;flex-direction:column;gap:40px}.feed-preview{padding:20px 12px 12px;width:100%}.feed-head{margin-bottom:18px}.sample-tag{display:inline;font-size:6px}.book b{font-size:12px}.book small,.book span{font-size:4px}.cover>span{font-size:5px}.cover em{font-size:7px}.feed-text{width:100%;padding:0 3vw}.feed-text h3{font-size:29px;margin:18px 0}.feed-text h3 br:nth-child(2){display:none}.theme-switch{padding-bottom:20px}.feed-point h4{font-size:13px}.feed-point p{font-size:12px}.visual-break{height:480px}.visual-break>div{bottom:65px}.visual-break h2{font-size:28px}.visual-break p{font-size:7px}.service-list article{grid-template-columns:25px 1fr;gap:16px;padding:30px 0}.service-list h3{font-size:21px}.service-list article>div{grid-column:2}.service-symbol{display:none}.service-list p{font-size:12px}.service-list .small-label{font-size:7px}.flow h2{font-size:26px;margin-bottom:40px}.steps{display:block}.steps article{padding:22px 0 30px}.steps h3{font-size:15px;margin:15px 0 12px}.steps p{font-size:12px}.faq{display:block}.faq>div:first-child{margin-bottom:35px}.faq h2{margin-top:15px;font-size:27px}summary{font-size:12px;padding:23px 0}.contact h2{font-size:29px;margin:30px 0}.contact .small-label{font-size:7px}.contact-bottom{display:block}.contact-button{width:100%;margin-top:30px;min-width:0;padding:20px 23px}footer{padding:36px 6vw;flex-wrap:wrap;gap:24px}footer small{margin-left:auto;font-size:7px}footer>a:last-child{margin-left:auto}dialog{padding:45px 25px 24px}dialog h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Service experience: generous white space and two screen mockups. */
.cover{padding:0!important;background:#e8e7e2!important}.cover>img{width:100%;height:100%;object-fit:cover;filter:none}.cover-two>img{object-position:25% center;transform:scale(1.08)}.cover-three>img{object-position:75% center;transform:scale(1.06)}.feed-grid[data-theme=charcoal] .cover{background:#d8d8d3!important}.service-ui{background:#fff}.ui-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:7vw;align-items:center}.ui-copy h2{font-weight:600;font-size:clamp(28px,3vw,45px);line-height:1.65;margin-bottom:33px}.ui-copy p{font-size:13px;margin:0 0 22px;line-height:2.2}.ui-copy>.small-label{display:block;margin-top:35px;color:#85877f}.phones{display:flex;align-items:center;gap:22px;justify-content:center}.phone{width:46%;max-width:238px;aspect-ratio: .48;background:#111;border:2px solid #666;border-radius:36px;padding:7px;box-shadow:0 0 0 1px #c5c5c2;position:relative;flex-shrink:0}.phone:before{content:'';position:absolute;left:29%;right:29%;height:16px;top:9px;background:#111;border-radius:0 0 11px 11px;z-index:2}.phone:after{content:'';position:absolute;width:31%;height:3px;bottom:13px;left:34.5%;background:#222;border-radius:10px}.phone-screen{height:100%;overflow:hidden;background:#fff;border-radius:28px;color:#171b17}.phone-status{padding:12px 14px 10px;display:flex;justify-content:space-between;font-size:7px}.phone-status>b{font-size:8px}.phone-title{display:flex;justify-content:space-between;padding:12px 11px 8px;font-weight:600;font-size:11px}.phone-title>span{font-size:13px}.profile-row{display:flex;align-items:center;justify-content:space-between;padding:8px 13px}.profile-icon{display:grid;place-items:center;width:40px;height:40px;background:#dfe2d6;border-radius:50%;font-family:Georgia,serif;font-size:25px}.profile-row>div{text-align:center}.profile-row b{font-size:9px;display:block}.profile-row small{font-size:5px;display:block;margin-top:4px}.profile-bio{padding:8px 11px}.profile-bio>b{font-size:8px}.profile-bio p{font-size:6px;line-height:1.8;margin:5px 0}.profile-bio>span{font-size:6px;color:#345c86}.profile-buttons{display:flex;gap:4px;padding:4px 10px 12px}.profile-buttons>span{width:50%;text-align:center;padding:5px 0;background:#eeefec;border-radius:4px;font-size:6px}.profile-buttons>span:first-child{background:#1682ec;color:white}.profile-tabs{display:flex;justify-content:space-around;border-top:1px solid #eee;border-bottom:1px solid #ddd;padding:6px;font-size:13px}.profile-tabs>span{color:#a9aaa4}.mini-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.mini-feed img{aspect-ratio:1;height:100%;width:100%}.mini-feed img:nth-child(3n+1){object-position:10% center}.mini-feed img:nth-child(3n+2){object-position:90% center}.phone-nav{display:flex;justify-content:space-around;padding:9px 0;font-size:13px}.phone-arrow{color:#8f948b;font-size:16px;margin:0 -14px;z-index:2}.phone-second{transform:translateY(25px)}.browser-bar{padding:8px 9px;background:#eeefec;font-size:7px;display:flex;justify-content:space-between}.sample-page{padding:25px 12px}.sample-page>small{font-size:6px;letter-spacing:1px}.sample-page h3{font-size:14px;font-weight:500;line-height:1.8;margin:17px 0}.sample-page>img{width:calc(100% + 24px);max-width:none;margin-left:-12px;aspect-ratio:1.1;object-fit:cover}.sample-page h4{font-size:10px;font-weight:500;margin:18px 0 8px}.sample-page p{font-size:6px;line-height:1.8}.demo-cta{display:block;background:#252d24;color:#fff;font-size:7px;text-align:center;padding:10px 2px;margin:16px 0 12px}.demo-link{display:block;font-size:6px;text-align:center}.ui-note{font-size:9px;color:#8b8d85;text-align:right;margin-top:42px;line-height:1.8}.features{background:#0c0d0c;color:#f7f8f4}.features .section-label{margin-bottom:40px}.features h2{font-size:30px;line-height:1.7;margin-bottom:55px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{border:1px solid #242624;border-radius:13px;padding:24px 18px 42px;position:relative;text-align:center}.feature-number{display:block;text-align:left;font-size:13px;font-weight:600}.feature-art{height:185px;margin:15px auto 22px;display:flex;align-items:center;justify-content:center}.feature-grid h3{font-size:15px;font-weight:600;line-height:1.9;margin-bottom:20px}.feature-grid p{font-size:11px;color:#8f948d;line-height:2}.art-ring{border:1px dashed #c3c9bf;border-radius:50%;padding:9px;width:145px;height:145px;position:relative}.art-ring:after{content:'';width:13px;height:13px;position:absolute;left:62px;top:-4px;background:#087bea}.art-ring img{border-radius:50%;height:100%;width:100%}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:145px;height:145px;align-content:center;margin-top:35px;margin-bottom:42px;transform:rotate(-6deg)}.art-grid i,.art-grid img{aspect-ratio:1;display:block;min-height:0;height:100%;width:100%;border-radius:2px}.art-grid i:nth-child(1){background:#bbb8a6}.art-grid i:nth-child(2){background:#e2ded0}.art-grid i:nth-child(3){background:#8d9987}.art-route{flex-direction:column;gap:0}.art-route>span{display:block;background:#222522;border-radius:6px;width:135px;padding:11px 5px;font-size:9px;text-align:left;letter-spacing:1px}.art-route>span:before{content:'○';color:#087bea;font-size:14px;padding:0 12px 0 5px}.art-route>i{width:1px;height:14px;background:#565c51}.art-route>.route-end{color:#2795ff}.support-image{height:135px;width:135px;position:relative}.support-image img{height:100%;border-radius:20px}.support-image span{background:#087bea;color:white;position:absolute;right:-12px;top:-12px;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:18px}.feature-link{display:flex;align-items:center;justify-content:center;gap:30px;color:#3299ff;font-size:13px;margin-top:50px}.catalog{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:center;background:#eeefed}.catalog-image>img{aspect-ratio:1.32;object-fit:cover}.catalog-copy>.small-label{font-size:8px;letter-spacing:1px;color:#72796c}.catalog-copy h2{font-size:clamp(27px,2.4vw,38px);line-height:1.9;margin:27px 0}.catalog-copy p{font-size:12px}.catalog-button{display:flex;align-items:center;gap:35px;background:#087bea;color:#fff;border-radius:40px;padding:21px 28px;font-size:12px;margin-top:30px}.catalog-copy>small{display:block;font-size:8px;line-height:1.8;color:#858b7e;margin-top:20px}
@media(max-width:1000px){.ui-layout{gap:5vw;grid-template-columns:.85fr 1.15fr}.phone{border-radius:29px;padding:6px}.phone-screen{border-radius:22px}.phones{gap:15px}.phone-status{padding:10px 10px 7px}.phone-title{padding:7px 8px;font-size:9px}.profile-icon{width:30px;height:30px;font-size:20px}.profile-bio{padding:5px 8px}.profile-bio>b{font-size:6px}.profile-bio p{font-size:5px}.profile-bio>span{font-size:5px}.profile-buttons{padding-bottom:8px}.phone-nav{padding:6px 0;font-size:11px}.sample-page{padding-top:18px}.sample-page h3{font-size:11px;margin:14px 0}.sample-page h4{margin-top:12px}.sample-page p{font-size:5px}.demo-cta{margin:12px 0 10px;padding:8px 0;font-size:6px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:20px}.feature-art{margin-bottom:15px}.art-grid{margin-bottom:35px}.catalog{gap:6vw}.catalog-button{padding:18px 22px;gap:20px}}
@media(max-width:600px){.ui-layout{display:block}.ui-copy h2{font-size:29px;margin-bottom:25px}.ui-copy p{font-size:12px}.ui-copy p br{display:none}.ui-copy>.small-label{font-size:8px;margin-top:24px}.phones{margin:45px 0 25px;gap:18px}.phone{width:46%;max-width:210px;border-radius:27px;padding:5px}.phone:before{height:12px;top:7px}.phone-screen{border-radius:21px}.phone:after{height:2px;bottom:10px}.phone-status{padding-top:9px;font-size:5px}.phone-status>b{font-size:6px}.phone-title{font-size:8px;padding:6px 7px}.phone-title>span{font-size:10px}.profile-row{padding:4px 8px}.profile-icon{height:27px;width:27px;font-size:17px}.profile-row b{font-size:7px}.profile-row small{font-size:4px}.profile-bio>b{font-size:5px}.profile-bio p{font-size:4.5px;line-height:1.8}.profile-bio>span{font-size:4.5px}.profile-buttons{padding:3px 7px 8px}.profile-buttons>span{font-size:5px;padding:4px 0}.profile-tabs{font-size:10px;padding:5px}.phone-nav{font-size:10px;padding:7px 0}.browser-bar{font-size:5px;padding:7px 6px}.sample-page{padding:18px 9px}.sample-page>small{font-size:5px}.sample-page h3{font-size:10px;line-height:1.8;margin:12px 0}.sample-page>img{width:calc(100% + 18px);margin-left:-9px}.sample-page h4{font-size:8px;margin:12px 0 6px}.sample-page p{font-size:4.5px}.demo-cta{font-size:5px;padding:7px 0;margin:11px 0 8px}.demo-link{font-size:5px}.ui-note{font-size:8px;text-align:left;margin-top:35px}.features h2{font-size:27px;margin-bottom:35px}.feature-grid{gap:10px}.feature-grid article{padding:15px 10px 27px;border-radius:9px}.feature-number{font-size:11px}.feature-art{height:133px;margin:14px auto 12px}.feature-grid h3{font-size:12px;line-height:1.9;margin-bottom:14px}.feature-grid p{font-size:9px;line-height:2}.art-ring{width:105px;height:105px;padding:6px}.art-ring:after{left:46px;width:9px;height:9px}.art-grid{height:105px;width:105px;margin-top:28px;margin-bottom:26px}.art-route>span{width:107px;padding:9px 3px;font-size:7px}.art-route>span:before{font-size:11px;padding:0 7px 0 3px}.art-route>i{height:9px}.support-image{height:96px;width:96px}.support-image img{border-radius:13px}.support-image span{height:25px;width:25px;font-size:13px;right:-8px;top:-8px}.feature-link{font-size:11px;margin-top:35px;gap:20px}.catalog{display:flex;flex-direction:column;gap:32px}.catalog-copy{width:100%}.catalog-copy h2{font-size:28px;margin:22px 0}.catalog-copy h2 br:last-child{display:none}.catalog-button{font-size:12px;padding:19px 25px}.catalog-copy>small{font-size:8px}.catalog-image{width:100%}}
.sector-switch{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:22px 0 14px}.sector-switch button{padding:13px 2px;background:transparent;border:1px solid #c4c8bb;font-size:8px;letter-spacing:.6px;line-height:1.4;transition:background .2s,color .2s}.sector-switch button span{display:block;font-size:8px;letter-spacing:0;margin-top:7px}.sector-switch button[aria-pressed=true]{background:#343e2e;color:#fff;border-color:#343e2e}.sector-description{font-size:10px;line-height:1.8;color:#68705e;margin-bottom:24px;min-height:36px}.open-spread{width:87%;height:65%;display:flex;transform:rotate(-9deg) skewY(2deg);filter:drop-shadow(6px 10px 5px #34332644);position:relative}.open-spread:after{content:'';position:absolute;top:0;bottom:0;left:48%;width:4%;background:linear-gradient(90deg,transparent,#5d584d66,transparent);pointer-events:none}.spread-left,.spread-right{width:50%;background:#f4f2e8;position:relative;overflow:hidden;border-bottom:3px solid #d5d3c9}.spread-left{transform:perspective(500px) rotateY(-8deg);transform-origin:right;border-radius:2px 0 0 7px}.spread-left>img{width:100%;height:100%;object-position:25% center}.spread-left>small{position:absolute;bottom:9%;left:10%;font-size:4px;color:white;letter-spacing:.5px}.spread-right{padding:10% 5% 6%;display:flex;flex-direction:column;justify-content:space-between;transform:perspective(500px) rotateY(8deg);transform-origin:left;border-radius:0 2px 7px 0;color:#272d25}.spread-right>small{font-size:4px;letter-spacing:.6px}.spread-right>b{font-size:clamp(5px,.58vw,9px);font-weight:500;line-height:1.8}.spread-right>img{height:30%;width:100%;object-position:80% center}.spread-right>span{font-size:3px;letter-spacing:.6px}.cover-two .open-spread{transform:rotate(6deg) skewY(-2deg)}.cover-three .open-spread{transform:rotate(-5deg)}.cover-two .spread-right{background:#dedfce}.cover-three .spread-right{background:#e9ddcc}.cover{display:flex;align-items:center;justify-content:center}.phone .mini-feed img:nth-child(-n+3){border:7px solid #e7e5dd;aspect-ratio:1;object-fit:cover}
@media(max-width:600px){.sector-switch{gap:4px;margin-top:20px}.sector-switch button{font-size:8px;padding:12px 1px}.sector-switch button span{font-size:7px}.sector-description{font-size:10px;min-height:0}.spread-right>b{font-size:6px}.spread-right>small{font-size:3px}.spread-left>small{font-size:3px}.spread-right>span{font-size:2.5px}.phone .mini-feed img:nth-child(-n+3){border-width:5px}}
.mini-feed>.cover{aspect-ratio:1;min-width:0;height:100%;overflow:hidden}.mini-feed .open-spread{height:65%;width:90%;filter:drop-shadow(2px 2px 1px #34332644)}.mini-feed .spread-right{border-bottom-width:1px;padding:8% 4%}.mini-feed .spread-left{border-bottom-width:1px}.mini-feed .spread-right b{font-size:3px;line-height:1.6}.mini-feed .spread-right small,.mini-feed .spread-left small,.mini-feed .spread-right>span{font-size:1.5px}.mini-feed .spread-right img{border:0;aspect-ratio:auto}.mini-feed .spread-left img{border:0;aspect-ratio:auto}
/* Distinct lead magnets: projects, beginner guide, space and budget. */
.feed-grid>.report-cover .open-spread{height:76%;width:90%}.report-cover .spread-right{padding:10% 6% 7%}.report-cover .spread-right>b{font-size:clamp(7px,.77vw,12px);font-weight:600;line-height:1.8}.report-cover .spread-right>small{font-size:4px}.report-cover .spread-right .book-cta{font-size:4px;letter-spacing:0;line-height:1.6;border-top:1px solid #b4b8a7;padding-top:5px}.report-page-lines{display:grid;gap:3px}.report-page-lines i{height:1px;background:#bec0b4;width:100%}.report-page-lines i:nth-child(2){width:85%}.report-page-lines i:nth-child(3){width:60%}.guide-plan{position:absolute;inset:10% 10% 18%;border:1px solid #5b6857;background:#dddccc}.guide-plan>i{position:absolute;display:block;border:1px solid #7d8c78}.plan-a{width:55%;height:50%;left:0;top:0;background:#b3bda3}.plan-b{width:45%;height:35%;right:0;top:0;background:#d3c7ab}.plan-c{width:45%;height:65%;right:0;bottom:0;background:#a9b5ae}.guide-plan>small{position:absolute;bottom:8%;left:7%;font-size:4px;color:#46513e}.cover-two .spread-left{background:#d0d3c0}.cover-three .spread-left{background:#393f36}.budget-graphic{height:100%;padding:16% 13%;display:flex;flex-direction:column;justify-content:space-between;color:#edf0df}.budget-graphic>small{font-size:5px;letter-spacing:.5px}.budget-graphic>div{display:flex;align-items:end;gap:12%;height:60%;border-bottom:1px solid #aab29e;padding:0 7%}.budget-graphic i{display:block;width:25%;height:35%;background:#a7b695}.budget-graphic i:nth-child(2){height:62%;background:#cbd1bb}.budget-graphic i:nth-child(3){height:90%;background:#e5e7d7}.budget-graphic>span{font-size:3px;line-height:1.8}.report-menu{margin-top:19px;border-top:1px solid #d8dbd0}.report-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:17px 4px;background:transparent;border-bottom:1px solid #d8dbd0}.report-option>span{font-size:9px;align-self:start;padding-top:3px;color:#87907b}.report-option>div{flex:1}.report-option strong{display:block;font-size:11px;font-weight:500;line-height:1.8}.report-option small{display:block;font-size:9px;line-height:1.8;color:#79816e;margin-top:5px}.report-option>b{font-weight:400;font-size:16px}.report-option[aria-pressed=true] strong{color:#2a4b26}.report-option:hover{background:#e8ece0}.phone-report-stage{margin:15px -12px}.phone-report-stage>.report-cover{aspect-ratio:1.3}.phone-report-stage .open-spread{height:80%;width:88%}.phone-report-stage .report-cover .spread-right>b{font-size:7px}.phone-report-stage .report-cover .spread-right>small{font-size:3px}.phone-report-stage .report-cover .spread-right .book-cta{font-size:3px;padding-top:3px}.phone-report-stage .guide-plan>small{font-size:3px}.phone-report-stage .budget-graphic>small{font-size:3px}.phone-report-stage .budget-graphic>span{font-size:2px}.sample-page h4{line-height:1.8}.sample-page p{line-height:1.8}.crop-a,.crop-b,.crop-c,.crop-d,.crop-e,.crop-f{object-position:center!important}
.catalog-spread{width:100%;background:#dedfd7}.catalog-spread>.report-cover{aspect-ratio:1.32;background:#dedfd7!important}.catalog-spread .open-spread{width:86%;height:77%;transform:rotate(-8deg)}.catalog-spread .spread-right>b{font-size:clamp(15px,1.5vw,24px)}.catalog-spread .spread-right>small{font-size:7px}.catalog-spread .spread-left>small{font-size:6px}.catalog-spread .spread-right .book-cta{font-size:8px;padding-top:12px}.catalog-spread .guide-plan>small{font-size:9px}.catalog-spread .budget-graphic>small{font-size:10px}.catalog-spread .budget-graphic>span{font-size:6px}.catalog-spread .report-page-lines{gap:6px}.catalog-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.catalog-tabs button{background:transparent;border:1px solid #c1c8b8;border-radius:2px;padding:10px 11px;font-size:10px}.catalog-tabs button[aria-pressed=true]{background:#3c4937;color:white;border-color:#3c4937}.mini-feed .report-cover .spread-right>b{font-size:3px}.mini-feed .report-cover .spread-right>small{font-size:1.5px}.mini-feed .report-cover .spread-right .book-cta{font-size:1.5px;padding-top:1px}.mini-feed .report-page-lines{gap:1px}.mini-feed .guide-plan{border-width:.4px}.mini-feed .guide-plan>i{border-width:.4px}.mini-feed .guide-plan>small,.mini-feed .budget-graphic>small,.mini-feed .budget-graphic>span{font-size:1px}
@media(max-width:600px){.report-cover .spread-right>b{font-size:6px}.report-cover .spread-right>small{font-size:3px}.report-cover .spread-right .book-cta{font-size:2.8px;padding-top:3px}.budget-graphic>small{font-size:3px}.budget-graphic>span{font-size:2px}.guide-plan>small{font-size:3px}.report-menu{margin-top:17px}.report-option{padding:14px 2px;gap:9px}.report-option strong{font-size:10px}.report-option small{font-size:8px}.report-option>span{font-size:8px}.catalog-spread .spread-right>b{font-size:13px}.catalog-spread .spread-right>small{font-size:5px}.catalog-spread .spread-left>small{font-size:4px}.catalog-spread .spread-right .book-cta{font-size:5px;padding-top:7px}.catalog-spread .guide-plan>small{font-size:6px}.catalog-spread .budget-graphic>small{font-size:7px}.catalog-spread .budget-graphic>span{font-size:4px}.phone-report-stage{margin:10px -9px}.phone-report-stage .report-cover .spread-right>b{font-size:5px}.phone-report-stage .report-cover .spread-right>small{font-size:2px}.phone-report-stage .report-cover .spread-right .book-cta{font-size:2px;padding-top:2px}.mini-feed .report-cover .spread-right>b{font-size:2px}.mini-feed .report-cover .spread-right .book-cta{font-size:1px}}